html{font-size:16px;}

body{
font-family: 'Montserrat', Verdana,Arial,sans-serif;
font-weight:500;
   font-size: 14px;
   line- height:20px;
   font-size:  0.875rem; 
   line-height:1.25rem;
   color:#1d1d1b;
   margin:0;
   padding:0;
   letter-spacing:0.01rem;
  -webkit-text-size-adjust: 100%;
  background-color:#f8f8f8;
  
}



.cont-cols{
display: flex;
  flex-wrap: wrap;

}

.my-col-1,.my-col-2{
width:40%;
float:left;
  border-bottom:1px solid #1d1d1b;
  margin-bottom:15px;
  padding-bottom:15px
}

.my-col-1{
margin-right:10.0%;
}





.line-hr-termine{
border-bottom:1px solid #1d1d1b;
margin:-3px 0 15px 0;
}


.line-hr{
border-bottom:1px solid #1d1d1b;
width:100%;
float:left;
margin:20px 0 20px 0;
}


.no_u{text-decoration:none}

.col-50,.col-50-r{
width:45%;
float:left;
}

.col-50-r{
float:right}


.upper{
text-transform:uppercase;
font-weight:600;
}

img {
    width: 100%;
    max-width: 100%;
    height: auto;
    width: auto\9;
    display: block;
    margin: 0;
    padding: 0;
}

.cb{
  clear: both;
}

br.cb {
    clear: both;
}

#nav-desktop{
float:right;
    width: 60%;
margin-top:86px;
    display: flex;
    justify-content: space-between;

}


#logo{
width:225px;
float:left;
margin-top:20px;
-webkit-transition: all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:     all 0.3s ease;
    -ms-transition:    all 0.3s ease;
    transition: all 0.3s ease;

}


#top-all{
background-color:#fff;
width:100%;
height:130px
}



#top-container{
width:890px;
margin:0 auto;
position:relative;

}


#header-image{
width:100%;
margin-bottom:30px;
   overflow:hidden;
max-height:600px ;
-webkit-transition: all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:     all 0.3s ease;
    -ms-transition:    all 0.3s ease;
    transition: all 0.3s ease;

}


#content-container{
width:750px;
margin:0 auto;
padding-bottom:80px;
-ms-hyphens: auto;
 -moz-hyphens: auto;
-webkit-hyphens: auto;
  hyphens: auto;
 
}


.cont-text{
width:40%;
float:left;
}



.cont-img{
width:55%;
float:right
}

#bottom-container{
position: fixed;
    width: 100%;
    left: 0;
    bottom:0px;
    height:60px;
      background-color:#fff;

    }

#nav-bottom{
 width:890px;
    margin-left: auto;
    margin-right: auto;  
    padding:23px 0 0 0;
  

    }


#bottom-left{
float:left
}

#bottom-right{
float:right
}


#sidebar-container{
display:none;
float:right;
margin-top:20px;
margin-right:5%
}




:focus {
   outline: 0;
   outline: none;
   border:0;
}


a:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}


a{  color:#1d1d1b;
text-decoration:none

}


a:hover{
text-decoration:none
}

b{font-weight:700}


#top-social{
position:absolute;
right:0;
top:20px
}


.icon-top{
   width:35px;

   float:left;
}



.i-facebook{
   width:35px;
   height:35px;
   background-size: 35px;
   background-image:url(114.svg);
   background-repeat: no-repeat;   
}


.i-facebook:hover{
   background-image:url(117.svg);
}
   
   
   
   .i-instagram{
   width:35px;
   height:35px;
   background-size: 35px;
   background-image:url(112.svg);
   background-repeat: no-repeat;   
}


.i-instagram:hover{
   background-image:url(115.svg);
}

   

   .i-youtube{
   width:35px;
   height:35px;
   background-size: 35px;
   background-image:url(113.svg);
   background-repeat: no-repeat;   
}


.i-youtube:hover{
   background-image:url(116.svg);
}
   

h1 {
font-family:'Karla',Verdana,Arial,sans-serif;
color:#1d1d1b;
   font-size: 24px;
   line-height:28px;
   font-size:  1.5rem; 
   line-height:1.75rem;
   margin:0px;
   font-weight:600;
   margin-bottom:10px;
   letter-spacing:0.01rem
}



h2,.consent-titel {
font-family:'Karla',Verdana,Arial,sans-serif;
color:#e1b23c;
   font-size: 18px;
   line-height:24px;
   font-size:  1.125rem; 
   line-height:1.5rem;
   margin:0px;
   font-weight:500;
   margin-bottom:2px;
}



h3{
font-family: 'Montserrat', Verdana,Arial,sans-serif;
font-weight:600;
   font-size: 18px;
   line- height:20px;
   font-size:  0.983rem; 
   line-height:1.25rem;
   color:#1d1d1b;
   margin:0
   
   }

.level0, .level0-active {
font-family:'Karla',Verdana,Arial,sans-serif;
    font-style: normal;
    text-decoration: none;
    font-size: 20px;
    line-height: 20px;
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 600;
       letter-spacing:0.03rem;
  

}


.hover-underline-animation {
  display: inline-block;
  position: relative;
    text-decoration:none;
}



.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0px;
  left: 0;
  background-color: #1d1d1b;
  transition: transform 0.25s ease-out;
     
}



.hover-underline-animation:hover::after {
  transform: scaleX(1);
}




.hover-underline-animation.left::after {
  transform-origin: bottom right;
}

.hover-underline-animation.left:hover::after {
  transform-origin: bottom left;
}



.hover-underline-animation.center::after {
  transform-origin: bottom center;
}

.hover-underline-animation.center:hover::after {
  transform-origin: bottom center;
}


.level0-active {
 border-bottom:2px solid #1d1d1b;
padding-bottom:3px;
 
}



.level-bottom,.level-bottom-active{
font-family:'Karla',Verdana,Arial,sans-serif;
   font-weight:700;
margin-right:13px;
 font-size: 13px;
   line- height:20px;
   font-size:  0.813rem; 
   line-height:1.25rem;
   text-decoration:none;
float:left;

}
.level-bottom-active{
color:  #1d1d1b;
text-decoration:underline;
 text-underline-offset: 4px;
}

.level-bottom:hover,.level-bottom-active:hover{
text-decoration:underline;
 text-underline-offset: 4px;
}


ul.termine{margin-left: -1.7em;list-style: none;  line-height: 180%;}


ul.termine li:before{
   position:absolute;
   left: -1.3em;
   content: url(36.svg) " " !important;
   
}

ul.termine li {
   position: relative;
   line-height: 160%;
   margin: 0em;
   padding: 0em;
   margin-bottom:10px;
   padding-left:10px;
   
}







ul.foto li:before{
   position:absolute;
   width:26px;
      top:-2px;
    left: -1.3em;
   content: url(119.svg) " " !important;
      
}


ul.file li:before{
 position:absolute;
   width:27px;
         top:-2px;
    left: -1.3em;
   content: url(118.svg) " " !important;
      
}


ul.foto li {  
  position: relative;
   line-height: 160%;
   margin: 0em;
   padding: 0em;
   margin-bottom:3px;
   padding-left:8px;}
   
ul.file li {  
  position: relative;
   line-height: 160%;
   margin: 0em;
   padding: 0em;
   margin-bottom:3px;
   padding-left:8px;}

ul.foto, ul.file {margin-left: -1.7em;list-style: none;  line-height: 180%;}


:focus {
   outline: 0;
   outline: none;
   border:0;
}



::placeholder { 
   color: #1d1d1b;
    opacity: 1;
}

:-ms-input-placeholder { 
   color: #1d1d1b;
}

::-ms-input-placeholder { 
   color: #1d1d1b;
}


input, textarea, select{

 font-size: 14px;
   line- height:14px;
   font-size:  0.875rem; 
   line-height:0.875rem;
    background-color:#edeeec;
   border:0;
   border:none;
    padding:3px;
   color: #1d1d1b;
-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

   
}

.my-button {
cursor:grab;
    border: 1px solid #4a4a4a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
letter-spacing:0.1rem;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #f3f2f0;
    background-color: #666666;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
    background-image: -webkit-linear-gradient(top, #666666, #333333);
    background-image: -moz-linear-gradient(top, #666666, #333333);
    background-image: -ms-linear-gradient(top, #666666, #333333);
    background-image: -o-linear-gradient(top, #666666, #333333);
    background-image: linear-gradient(to bottom, #666666, #333333);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666, endColorstr=#333333);
    margin-top: 2px;
    font-weight: 600;
}


@media screen and (max-width: 1500px){


#header-image{
max-height:480px;
}
#header-image img {
    margin-top: -30px;
}
}




@media screen and (max-width: 1190px){


#header-image img {
    margin-top: 0px;
}

#nav-desktop{
    width: 55%
    }


#nav-bottom,#top-container{
 width:94%;
 }
 



.cont-text{
width:45%;
float:left;
}



.cont-img{
width:52%;
}

 
}


@media screen and (max-width: 980px){


#bottom-container {
    position: relative;
   
}

#content-container{
padding-bottom:40px
}

}



@media screen and (max-width: 770px){

body{
   font-size: 14px;
   line- height:21px;
   font-size:  0.875rem; 
   line-height:1.313rem; 
}


h1 {
font-family:'Karla',Verdana,Arial,sans-serif;
color:#1d1d1b;
   font-size: 22px;
   line-height:26px;
   font-size:  1.375rem; 
   line-height:1.625rem;
}



h2,.consent-titel {
   font-size: 18px;
   line-height:24px;
   font-size:  1.125rem; 
   line-height:1.5rem;
}



h3{
  font-size: 15px;
   line- height:20px;
   font-size:  0.938rem; 
   line-height:1.125rem;
  }




#top-social{
right:90px;
top:35px
}




.icon-top{
   width:45px;
   float:left;
}



.i-facebook, .i-instagram,  .i-youtube {
   width:45px;
   height:45px;
   background-size: 45px;
}

   

#top-all{
height:124px
}


#logo{
margin-top:20px;
width:230px;
}


.cont-text{
width:100%;
margin-bottom:25px;
}



.cont-img{
width:100%;
float:left;
}


#logo {margin-top:18px;}




#bottom-container {
    width: 100%;
}



#content-container{
width:96%

}


#nav-bottom{
 padding: 20px 0 10px 0;
}



#nav-desktop{
display:none
}



}


@media screen and (max-width: 602px){



h1 {
font-family:'Karla',Verdana,Arial,sans-serif;
color:#1d1d1b;
   font-size: 19px;
   line-height:23px;
   font-size:  1.188rem; 
   line-height:1.438rem;
}



h2,.consent-titel {
   font-size: 17px;
   line-height:22px;
   font-size:  1.063rem; 
   line-height:1.375rem;
}



h3{
  font-size: 15px;
   line- height:20px;
   font-size:  0.875rem; 
   line-height:1.125rem;
  }
  
  

.my-col-1,.my-col-2{
width:46%;
float:left;
}


.my-col-1,.my-col-2{
margin-right:0;
}

.cont-cols{
justify-content:space-between
}


#content-container,#top-container {
    width: 92%;
   
    }
    
    #nav-bottom{
 padding: 10px 0 30px 0;
height:30px;
 background-color:#fff
}


    
    #bottom-left,#bottom-right{
    width:100%;
    text-align:center;
    clear:all;
 
    }
    
  
    
    

#logo{
margin-top:10px;
width:145px;
}


#top-social{
right:70px;
top:22px
}

#top-all{
height:79px
}

.icon-top{
   width:34px;
   float:left;
}

   
 .i-youtube,.i-instagram,.i-facebook{
 width:34px;
   height:34px;
   background-size: 34px;}

}


@media screen and (max-width: 550px){
.col-50,.col-50-r{
width:100%;
}
.col-50{
margin-bottom:30px}

}



@media screen and (max-width: 410px){
#content-container,#top-container {
    width: 90%;
   
    }
    
   
#logo{
width:100px;
}

}