body{font-family: 'Calibri Light', font-weight: 300;sans-serif; color: #000; background-color: #ffffff; letter-spacing: 0.03em; line-height: 1.2; hyphens: auto;}
img { border: 0px }
b { font-weight: 400;}



#menu{

margin-left: 17.5%;
margin-top: 3%;
font-family: 'Calibri Light', sans-serif;
font-weight: 400;
position: fixed;
clear: both;
font-size: 1.2vmax;
z-index: 999;
height: 10px;
}


@media screen and (max-width:1380px) {
  #menu {
    font-size: 16.5px;
  }
}

@media screen and (min-width:1700px) {
  #menu {
    font-size: 20.5px;
  }
}

@media only screen and ( max-width:1000px ) {
    #menu {
        position: relative;
        float: left;
        margin-left: 2%;
        margin-top: 8%;
        font-size: 2.6vmax;
        max-width:100%;
        letter-spacing: -0.05em;
        }
}



#menu a{
color: #000;
text-decoration: none;
font-weight: 400;
font-family: 'Calibri Light', sans-serif;
z-index: 3;
}

#menu a:hover{
color: #000000;
text-decoration: none;
font-family: 'Calibri Light', sans-serif;
font-weight: 400;
z-index: 3;
}





#submenu{
margin-left: 17.5%;
margin-top: 4.6%;
font-family: 'Calibri Light', sans-serif;
position: fixed;
clear: both;
font-size: 1.0vmax;
z-index: 999;
height: 10px;
font-weight: 300;
}

#submenu a{
color: #000;
text-decoration: none;
font-family: 'Calibri Light', sans-serif;
z-index: 3;
font-weight: 300;
}

#submenu a:hover{
color: #000000;
text-decoration: none;
font-family: 'Calibri Light', sans-serif;
z-index: 3;
font-weight: 300;
}

@media screen and (max-width:1380px) {
  #submenu {
    font-size: 14px;
  }
}

@media screen and (min-width:1700px) {
  #submenu {
    font-size: 17px;
  }
}


@media screen and (max-width:1000px) {
  #submenu {
    display: none;
  }
}





#logo-index{
float: left;
clear: both;
width: 25%;
margin-left: 6%;
margin-top: 7%;
position: fixed;
z-index: 3;
}

@media only screen and ( max-width:1000px ) {
    #logo-index {
        position: relative;
        float: none;
        margin-left: 2%;
        margin-top: 5%;
        width: 90%;
        max-width:800px;
        }
}

#logo{
float: left;
margin-left: 1%;
margin-top: 1%;
width:15%;
max-width:260px;
position: fixed;
z-index: 3;
}

@media only screen and ( max-width:1000px ) {
    #logo {
        position: relative;
        float: none;
        margin-left: 1%;
        margin-top: 5%;
        width: 90%;
        max-width:800px;
        }
}

#logo a:{
border: none;
}



#logo a:hover{
border: none;
}





#logo-rechts{
right: 2%;
margin-top: 3%;
font-family: 'Calibri Light', sans-serif;
position: fixed;
clear: both;
z-index: 999;
height: 10px;
}


@media screen and (max-width:1000px) {
  #logo-rechts {
    display: none;
  }
}




#parent-text-index{
float: left;
clear: both;
margin-left: 20%;
margin-top: 25%;
padding-right:10px;
width: 26%;
font-family: 'Calibri Light', sans-serif;
position: fixed;
font-size: 1.0vmax;
overflow:hidden;
height:50%;
}


@media screen and (max-width:1000px) {
  #parent-text-index {
    position: relative;
    margin-left: 2%;
    width:80%;
    margin-top: 80px;
    font-size: 2.0vmax;
  }
}

#child-text-index{
padding-right:80px;
height:100%;
overflow-y:scroll;
font-family: 'Calibri Light', sans-serif;
z-index: 1;
width:107%;
font-weight: 300;
}

#child-text-index a{
color: #555555;
text-decoration: none;
font-family: 'Calibri Light', sans-serif;
font-weight: 300;
}

#child-text-index a:hover{
color: #000000;
text-decoration: underline;
font-family: 'Calibri Light', sans-serif;
font-weight: 300;
}



#parent-bild-index{
width:50%;
right: 0px;
top: 0px;
overflow:hidden;
position:fixed;
font-family: 'Calibri Light', sans-serif;
font-size:0.6vw;
z-index: 1;
}


@media screen and (max-width:1000px) {
  #parent-bild-index {
    float: left;
    position: relative;
    margin-left: 1%;
    width:98%;
    margin-top: 80px;
  }
}

#child-bild-index{
height:100%;
overflow-y:scroll;
font-family: 'Calibri Light', sans-serif;
z-index: 1;
width:106%;
}




#parent-spalte3{

right: 1%;
top: 180px;
width:48%;
overflow:hidden;
position:fixed;
font-family: 'Calibri Light', sans-serif;
font-size:0.8vw;
z-index: 1;
height:100%;
}


@media screen and (max-width:1380px) {
  #parent-spalte3 {
    font-size: 11px;
  }
}

@media screen and (min-width:1700px) {
  #parent-spalte3 {
    font-size: 14px;
  }
}


@media screen and (max-width:1000px) {
  #parent-spalte3 {
    display: none;
  }
}




#child-spalte3{
height:80%;
overflow-y:scroll;
font-family: 'Calibri Light', sans-serif;
z-index: 1;
width:106%;
font-weight: 300;

}


#parent-spalte2{
float: left;
clear: both;
width:25%;
margin-left: 17.5%;
top: 180px;
padding-right:10px;
font-family: 'Calibri Light', sans-serif;
position: fixed;
font-size: 1.0vmax;
overflow:hidden;
height:100%;

}


@media screen and (max-width:1380px) {
  #parent-spalte2 {
    font-size: 14px;
  }
}

@media screen and (min-width:1700px) {
  #parent-spalte2 {
    font-size: 17px;
  }
}

@media screen and (max-width:1000px) {
  #parent-spalte2 {
    position: relative;
    margin-left: 2%;
    width:90%;
    margin-top: 1px;
  }
}



#child-spalte2{
padding-right:30px;
height:90%;
overflow-y:scroll;
font-family: 'Calibri Light', sans-serif;
z-index: 1;
width:106%;
font-weight: 300;
}



@media screen and (max-width:1000px) {
  #child-spalte2 {
     max-width:100%;
   }
}


#child-spalte2 a{
color: #000;
text-decoration: none;
font-family: 'Calibri Light', sans-serif;
border: none;
z-index: 3;

}

#child-spalte2 a:hover{
text-decoration: underline;
font-family: 'Calibri Light', sans-serif;
z-index: 3;

}









#parent-spalte1{
float: left;
clear: both;
margin-left: 1%;
top: 180px;
width: 48%;
font-family: 'Calibri Light', sans-serif;
position: fixed;
font-size: 0.8vmax;
overflow:hidden;
height:100%;
font-weight: 300;
z-index: 1;
}




  @media screen and (max-width:1380px) {
  #parent-spalte1 {
    font-size: 11px;
  }
}

@media screen and (min-width:1700px) {
  #parent-spalte1 {
    font-size: 14px;
  }
}



@media screen and (max-width:1000px) {
  #parent-spalte1 {
     position: relative;
     width: 100%;
     float: none;
     max-width:90%;
    font-size: 2vmax;
    margin-top: 25%;
  }
}


#child-spalte1{
padding-right:30px;
height:80%;
overflow-y:scroll;
font-family: 'Calibri Light', sans-serif;
z-index: 1;
width:106%;
font-weight: 300;
z-index: 1;
}




@media screen and (max-width:1000px) {
  #child-spalte1 {
     max-width:100%;
   }
}

#child-spalte1 a{
color: #555555;
text-decoration: none;
font-family: 'Calibri Light', sans-serif;
z-index: 3;
font-weight: 300;
}

#child-spalte1 a:hover{
text-decoration:  underline;
font-family: 'Calibri Light', sans-serif;
z-index: 3;
font-weight: 300;
}










#parent-kalender{
float: left;
clear: both;
width:45%;
margin-left: 1%;
margin-top: 180px;
padding-right:20px;
font-family: 'Calibri Light', sans-serif;
position: fixed;
font-size: 1.0vmax;
overflow:hidden;
height:90%;
font-weight: 300;

 }


 @media screen and (max-width:1380px) {
  #parent-kalender {
    font-size: 14px;
  }
}

@media screen and (min-width:1700px) {
  #parent-kalender {
    font-size: 17px;
  }
}

@media screen and (max-width:1000px) {
  #parent-kalender {
    position: relative;
    margin-left: 2%;
    width:90%;
    font-size: 2vmax;
    margin-top: 60px;
  }
}



#child-kalender{
height:90%;
overflow-y:scroll;
font-family: 'Calibri Light', sans-serif;
z-index: 1;
width:108%;
font-weight: 300;
}



@media screen and (max-width:1000px) {
  #child-kalender {
     max-width:100%;
     overflow:hidden;
   }
}


#child-kalender a{
color: #000;
text-decoration: none;
font-family: 'Calibri Light', sans-serif;
z-index: 3;
font-weight: 300;
}

#child-kalender a:hover{
text-decoration: underline;
font-family: 'Calibri Light', sans-serif;
z-index: 3;
font-weight: 300;
}



#kalender-rechts{

right: 2%;
top: 180px;
width:48%;
overflow:hidden;
position:fixed;
font-family: 'Calibri Light', sans-serif;
font-size:1.0vmax;
z-index: 1;
height:100%;
font-weight:300;
}



#kalender-rechts a{
color: #000;
text-decoration: none;
font-family: 'Calibri Light', sans-serif;
z-index: 3;
font-weight: 300;
}

#kalender-rechts a:hover{
text-decoration: underline;
font-family: 'Calibri Light', sans-serif;
z-index: 3;
font-weight: 300;
}

 @media screen and (max-width:1380px) {
  #kalender-rechts {
    font-size: 14px;
  }
}

@media screen and (min-width:1700px) {
  #kalender-rechts {
    font-size: 17px;
  }
}

@media screen and (max-width:1000px) {
  #kalender-rechts {
    position: relative;
    top: 10px;
    left: 1%;
    width:95%;
    font-size: 1.8vmax;
    padding-bottom: 40px;
  }
}

#child-kalender-rechts{
height:82%;
overflow-y:scroll;
font-family: 'Calibri Light', sans-serif;
z-index: 1;
width:102.4%;


}




#footer-left{
clear: both;

width: 17%;
position: fixed;
margin-top: 160px;
 }



@media screen and (max-width:1000px) {
  #footer-left  {
     position: relative;
     width: 100%;
     float: none;
     max-width:90%;
    margin-top: 25%;
      padding-bottom: 5%;
  }
}


#footer-right{
clear: both;
right: 0px;
margin-top: 160px;
width: 53%;
position: fixed;
 }



@media screen and (max-width:1000px) {
  #footer-right  {
     display: none;
  }
}