@font-face
{ 
	font-family: 'HS Cargan';
    src: url('fonts/carganreg-webfont.woff') format('woff');
}

@font-face
{ 
	font-family: 'HS Cargan';
    src: url('fonts/carganita-webfont.woff') format('woff');
    font-style: italic;
}

*
{
    box-sizing: border-box;
}

:root
{
    --hs-darkblue: #2C2F88;
    --hs-violet: #6B3E91;
    --hs-pinkolet: #A35494;
    --hs-sail: #AADDF9;
    --hs-fhorange: #EC6608;
    --hs-pink: #D35378;
    --hs-red: #E30613;
    --hs-black: #3C3C3B;
}

html, body
{
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    background-color: rgb(25, 25, 25);
    color: rgb(160, 160, 160);
}

.container
{
    text-align: center;
    padding: 0 20px;
}

.column_wrapper
{
    text-align: left;
    margin: 0 auto;
    max-width: 700px;
}

pre, code
{
    /* white-space: pre-wrap; */
    word-wrap: break-word;
    text-align: justify;
    font-size: 1rem;
}

nav
{
    background-color:  rgb(30, 30, 30);
}

a{
    color: rgb(199, 115, 47);
}

article, section
{
    padding: 0 0 40px;
}

h2
{
    font-size: 2rem;
    background-color: rgb(78, 78, 78);
    padding: 8px;
    margin-top: 30px;
}

h3
{
    background-color: rgb(78, 78, 78);
    padding: 8px;
    margin-top: 30px;
}

h4
{
    background-color: rgb(44, 44, 44);
    padding: 8px;
    margin-top: 30px;
}

table
{
    border-collapse: collapse;
    background-color: rgb(59, 59, 59);
    width: 100%;
}
  
td, th
{
    border: 1px solid #555555;
    padding: 8px;
}

img
{
    
}
h2
{
    background-color: rgb(136, 10, 73);
}
h3
{
    background-color: rgb(107, 41, 151);
}
h4
{
    background-color: rgb(66, 77, 128);
}
.img_small
{
    max-height: 300px;
}

.achtung
{
    background-color: rgb(136, 10, 73);
    padding: 8px;
}

.korrektur
{
    background-color: rgb(36, 68, 28);
    padding: 8px;
}

.aufgabe
{
    background-color: rgb(25, 90, 90);
    padding: 8px;
}

caption
{
    padding: 8px;
    caption-side: bottom;
}

.videowrapper
{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

iframe
{
    position: absolute;
    width: 100%;
    height: 100%;
}

figure
{
    margin: 30px 0;
    padding: 0;
}

dt
{
    margin: 10px 0;
}

main nav h2
{
    background-color: inherit;
}

li
{
    margin-bottom: 16px;
}

em
{
    background-color: rgb(160, 160, 160);
    color: rgb(25, 25, 25);
    font-style: italic;
    padding: 0 4px;
}

.zoomable
{
    cursor: pointer;
}

.imgzoomed
{
    max-width: 10000px;
    max-height: 10000px;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: auto;
}

.imgnormal
{
    max-width: 100%;
    margin-bottom: 16px;
}