html {
    height: 100%;
    width: 100%;
}

 

body {
    background: ffffff;
    margin-top:-10px;
    margin-left: 20px;
    text-align: left;
    color: #000000;
    font-family: 'Karla', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    letter-spacing:0.01em;
}


.text {
    width: 750px;
}


.home {
    font-family: 'Karla', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    letter-spacing:1.2em;
    text-decoration: underline;
}


.kontakt {
    width: 200px;
    font-family: 'Karla', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    position: fixed;
    top: 31px; 
    right: 20px; 
    float:right;
}


.tags {
    width: 200px;
    font-family: 'Karla', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    position: fixed;
    top: 108px; 
    right: 20px; 
    float:right;
}


.nav {
    color: #000000;
    font-family: 'Karla', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 46px;
    line-height: 160%;
    letter-spacing:0.5em;
}


.nav a:hover{
    color: #c8d3d9;
    font-family: 'Karla', sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 180%;
    letter-spacing:0.5em;
    text-decoration: none;
}


.nav-active {
    color: #000000;
    font-family: 'Karla', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 180%;
    letter-spacing:0.5em;
    text-decoration: none;
}




.subnav {
    color: #000000;
    font-family: 'Karla', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 110%;
    letter-spacing:0.04em;
}


.subnav a:hover {
    color: #c8d3d9;
    font-family: 'Karla', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 110%;
    letter-spacing:0.04em;
}

.subnav-active {
    color: #000000;
    font-family: 'Karla', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: underline;
    line-height: 110%;
    letter-spacing:0.04em;
}


.bu {
    font-family: 'Karla', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    letter-spacing:0.01em;
    margin-bottom: -20px;
    line-height: 240%;  
}


.bold {
    font-family: 'Karla', sans-serif;
    font-style: normal;
    font-weight: 700;
}


.kursiv {
    font-family: 'Karla', sans-serif;
    font-style: italic;
    font-weight: 400;
    letter-spacing:0.04em;
}



img { 
    border:none; 
}

a:link { color:#000000; text-decoration:none; }
a:visited { color:#000000; text-decoration:none; }
a:hover { color:#000000; text-decoration:underline; }
a:active { color:#000000; text-decoration:none; }