html{font-size:16px;}

body,.normal{
font-family: 'IBM Plex Sans', sans-serif;
font-size: 15px;
line-height:22px;
font-size: 0.938rem; 
   line-height:1.375rem;
      letter-spacing:0.03rem;
color:#444;
margin:0;
   padding:0;
      background-color:#fff;
 
font-weight:400;
}

.soon{
width:70px;
height:70px;
position:absolute;
right:6%;
top:6%;
z-index:99;
background-color:#65b017;
color:#fff;
border-radius:50%;
font-size:11px;
line-height:13px;
 display: flex;
  align-items: center;
  justify-content: center;


}


.sorte{
min-height:72px;
}

.col-33{
width:18%;
margin-left:3.5%;
margin-right:3.5%;
text-align:center;
float:left;
margin-bottom:60px;
}


input,textarea {
font-family: 'IBM Plex Sans', sans-serif;
font-size: 14px;
font-size: 0.95rem; 
border-radius:4px;
border:1px solid #ccc;
padding:8px 4px
}

.grow{

-webkit-transition: all 0.3s ease-out; 
   -moz-transition: all 0.3s ease-out; 
     -o-transition: all 0.3s ease-out; 
        transition: all 0.3s ease-out; 
        transition: all .2s ease-in-out;
}


.grow:hover { 

 font-size: 16px;
    line-height: 16px;
    font-size: 1.0rem;
    line-height: 1.0rem;

}

   

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



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





.active{
font-weight:500;
}

.actived{
   font-weight:500;
}


#logo-container{
   width:1100px;

position:relative
}





#sidebar_container{
position: absolute;
right: 0;
top: 0px;
z-index: 999;
height:98px;

  

}


.menu-icon{
width:49px;
}


#logo-spacer{
   width: calc(100% - 472px); 
   background-color: #046A38;
   float:left;
   height:98px;
   
}

#logo-left{

   background-color:#046A38;
   float: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
height:98px;
}


#logo-right{

   background-color:#046A38;
    float: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
   height:98px;

}


#logo-cont{
   width:100%;
       position:fixed;
   z-index:9999;
display: flex;
  justify-content: center;
border-bottom:1px solid #046A38;
}

#line-top{
   width:100%;
   height:6px;
   background-color:#046A38;
   margin-top:100px;
   position:fixed;
   z-index:9999
}

#logo-trans{
   width:424px;
top:-1px;
  float:left;
   z-index:9999999999;
   margin:0;
   padding:0;


}




#content_right{
display:inline-block;
   float:left;
}



#nav_container{

float:left;
}



#navdiv{

    position:fixed;
   margin:-13px 0 0 40px;
   float:left;

}


#page_center{
   width:1100px;
   margin:0 auto;
   padding-top:120px;
   background-color:#fff;
   
}



#my-content{
width:100%;
min-height:250px;
margin:0 auto;
overflow-x:hidden;

}


/* effect-shine */
a.effect-shine:hover {
   /*-webkit-mask-image: linear-gradient(-75deg, rgba(255,255,255,.6) 30%, #fff 50%, rgba(255,255,255,.6) 80%);*/
   
     -webkit-mask-image: linear-gradient(-75deg, rgba(24,177,198,.6) 30%, #fff 50%, rgba(24,177,198,.6) 78%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}

nav a:hover { color:#046A38;text-decoration:none }

nav a {

   font-weight:500;
   color:#999;
   
	display:block;
	position:relative;
	font-size: 26px;
line-height:34px;
font-size: 1.625rem; 
line-height:2.0rem;
	overflow:hidden;
	margin-top:10px;

letter-spacing:0.08rem;
}




br.cb { 
   clear: both; 
}

b{
font-weight:600
}

.active,.actived{
   color:#046A38
}

a:hover{text-decoration:none}


a{text-decoration:none;
   font-weight:500;
font-size: 15px;
line-height:22px;
font-size: 0.938rem; 
   line-height:1.375rem;
   color:#046A38
}



#contact{width:95%}



.small,.small-home {
font-size: 12px;
line-height:15px;
font-size: 0.75 rem; 
line-height:1.0rem;
}

img.map, map area{
    outline: none;
}


#mobilemenu{display:none;}



.zweispaltig_links{
   width:62%;
   float:left;

}


.zweispaltig_rechts{
   width:30%;
  float:right;
}



.cont50{
   width:46%;
   float:left;

}

.cont50r{
   width:46%;
   float:right;
}





.line_content{
border-top:3px solid #046A38;
width:100%;
height:2px;
}




.home{
font-size: 12px;
line-height:12px;
font-size: 0.75rem; 
line-height:0.75rem;
font-weight:500;
margin-top:9px;

}


h2 {
font-family: 'Varela', sans-serif;

font-size: 15px;
line-height:19px;
font-size: 0.938rem; 
line-height:1.2rem;
margin:0 0 5px 0;
text-transform:uppercase;
font-weight:600;

}



h3, .home-titel {
font-family: 'Varela', sans-serif;
font-size: 18px;
line-height:18px;
font-size:1.063rem; 
line-height:1.375rem;
margin:0 0 5px 0;
font-weight:500;

}




,.consent-titel  {
font-family: 'Varela', sans-serif;
font-weight:500;
font-size: 20px;
line-height:22px;
font-size: 1.5rem; 
line-height:1.375rem;
text-transform:uppercase;

}

h4{
font-family: 'Varela', sans-serif;
font-size: 18px;
line-height:18px;
font-size:1.063rem; 
line-height:1.375rem;
margin:0px;
margin-bottom:4px;
font-weight:500;

}

.home-titel {
margin:6px 0 0 0;
}



h1, h2, h3, .home-titel {
color:#046A38
}


.h-li{
padding-top:2px;
text-transform:none;
}

.lheight{
font-size: 13px;
    line-height: 17px;
    font-size: 0.8125rem;
    line-height: 1.125rem !important;
}

ul{
margin:0em;
display:block;
padding:0em;
}


li {
list-style:none;
margin:0em;
padding:0em;
}



ul.mylist  { margin-left: 1.25em; list-style: none; }
ul.mylist  li { position: relative; line-height: 180%}

ul.mylist li:before{
    position:absolute;
     left: -1.3em;
     content: url(3142.svg) " "
}

/*



li {
list-style-type:inherit;
margin:0em;
padding:0em;
list-style-position: outside;
list-style-image:url(3142.svg);
background-repeat:no-repeat;
line-height:15px;
margin-left:-5px;
}
*/



.favorit_box{
float:left;
width:100%;
margin-top:15px;

}

.favorit{
float:left;
width:100%;
}

.favorit_facts{
float:right;
width:100%;
}