#footer { height:auto;background: #4F5355;  width:100%;  margin:0px ; }


.footercontainer { 
background: #4F5355;
position:relative; margin:0; 
width:100%; max-width:1440px;
padding:0px 0px 0px 0px;
margin:0px auto 0px auto;  font-size:14px;
}  


#footer_top {background-color:#87878D;padding:16px 0px 16px 0px; position:relative;}


#footer_top .footercontainer  > div {width:100%; background-color:#87878D; height:44px; display:block; padding:12px;
 display: flex;
    justify-content: center;
    
     }

#footer_top .footercontainer  > div >  div   { 
/*	  position:absolute; 
-webkit-transform: translateY(50%);

transform: translateY(50%);*/

/*
transform: translateX(50%);
-webkit-transform: translateX(50%);*/

  }
    
    
 #footer_top  span   
     { display:inline-block; font-size:20px; line-height: 24px; }

#footer_top div span.telefonnummer  {   display:inline-block;
background-image:url('../images/icons/footer-telefon.svg');
background-repeat:no-repeat;
background-size:22px auto; 
background-position:left 0px top 2px; 
padding-left:28px;
}


#footer_top div span.mail  { background-image:url('../images/icons/footer-mail.svg');
background-repeat:no-repeat;
background-size:22px auto; 
background-position:left 0px top 5px; 
padding-left:30px;}


.footerlink_facebook  { background-image:url('../images/icons/footer-facebook.svg');
background-repeat:no-repeat;
background-size:11px auto; 
background-position:left 19px top 5px; 
width:30px; height:30px;}


.footerlink_instagram  { background-image:url('../images/icons/instagram.png');
background-repeat:no-repeat;
background-size: 22px auto;
background-position: left 18px top 5px;
width: 40px; height:30px;}



.footerlink_linkedin  { background-image:url('../images/icons/footer-linkedin.svg');
background-repeat:no-repeat;
background-size: 22px auto;
background-position: left 18px top 5px;
width: 40px; height:30px;}





#footer_right {background-color:#F5F5F5;width:100%; padding:30px 20px 30px 20px;}
 
#footer_left {width:100%; padding:30px 20px 30px 20px;}

.footercol {width:100%; padding: 0px 0px 36px 0px;}


#footermenu { padding: 20px 0px 20px 0px;} 

#footer ul {list-style-type:none;text-align:center}

#footer ul > li {display: inline-block; padding:0px 0px 0px 0px;}
#footer_left  ul li a {float:left;display:block;padding:5px 10px 5px 10px;line-height:120%;}

#footer_left  ul li a.rheuma_fb {width:20px; }


.footerlogo { margin: 0px auto 0px auto; max-width:320px; width:80%; }
 .footerlogo img {width:100%; height:auto; }
  
#footer span.copyright { color:#fff; display:block; clear:both;width:100%; text-align:center; margin:0px auto 0px auto;}


#mainmenu {display:none}


 
#mainmenu li.meinbereich a, #mainmenu li.meinbereich a:hover
 {background-color: #AD0539;
    color: #fff;
    padding: 0px 20px 5px 20px;}
  
/***************************************************************************************************/ 
/***************************************************************************************************/ 

@media all and (min-width: 480px){
	

 
}




 
@media all and (min-width: 640px){ 
 
 
#footer a, #footer span {font-size:16px;}
  
/*#footer { padding:10px 0px 10px 0px;} */

.footercol {
    padding: 0px 0px 36px 0px;
    width: 50%;
    float: left;
}


#footer span.copyright {  text-align:left; padding-left:10px;}


#footer_left .footercol:first-of-type {padding-right:15px;}
#footer_left .footercol:last-of-type {padding-left:15px;}


.footerlogo { margin: 0; }
#footer ul {text-align:left;}




}
 

/***************************************************************************************************/ 
/***************************************************************************************************/ 

@media all and (min-width: 836px)  and (max-width: 1187px){
	

	
}

 
 


@media all and (min-width: 900px){
	


.footercontainer, #footer  {  background-color:#F5F5F5;}
 
#footer_top .footercontainer {background: #87878D; }

#footer_right {width:50%; float:right; position:relative; padding:40px 20px 30px 20px; background-color:transparent;background-color:#F5F5F5;



}
 

#footer_left {width:50%; position:relative; float:left;margin:0;background-color: #4F5355; }



.footercol {
    padding: 10px 0px 36px 0px;
    width: 100%;
    float: none;
}

#footer_left .footercol:first-of-type {padding-right:0px;}
#footer_left .footercol:last-of-type {padding-left:0px;}

#footer_top {height:70px; padding:0;}


#footer_top .footercontainer {top:6px; height:64px}
 
#footer_top .footercontainer > div  {width:33%; float:left; display:block;height:70px;padding:22px 0px 0px 0px; }

#footer_top .footercontainer > div:first-of-type  {padding:22px 0px 0px 20px; }
#footer_top .footercontainer > div:last-of-type  {padding:22px 0px 0px 20px; }


 
#footer span.copyright { margin:0px ;} 

 
#dl-menu {display:none;}
 
#mainmenu {display:block;position:absolute; left:0px; top:0px;
width:100%;

height:57px;
padding:0px 0px 0px 20px;
background-color: #F5F5F5;
z-index:10
}

#mainmenu ul {list-style-type:none}

#mainmenu li {float:left;position:relative;margin-right:24px; /* border-bottom: 5px solid transparent;
 -webkit-transition: border-bottom 0.5s;  -moz-transition: border-bottom 0.5s;  
    transition: border-bottom 0.5s;*/
}
#mainmenu li:last-of-type {margin-right:0;}
 
#mainmenu li:hover, #mainmenu li.active, #mainmenu li:focus, #mainmenu li.liaktiv { }
 
#mainmenu li a {font-weight:400; font-size:20px;display:block;padding: 0px 20px 10px 0px; color:#4F5355; line-height:57px;}

#mainmenu li.first a {padding: 0px 20px 10px 0px; }

#mainmenu li a:hover , #mainmenu li.active a, #mainmenu li a:focus, #mainmenu li.liaktiv a {color:#AD0539; }
#mainmenu ul li > ul.submenu > li > a ,   #mainmenu ul li > ul.submenu > li  > ul.submenu2 > li  > a {color:#4F5355; }
 
 
#mainmenu li.has-submenu > a {cursor:default;}
/*-sub nicht klickbar keine maus-hand*/

 #mainmenu ul li > ul.submenu { position:absolute; left:0px; width:300px;
  background-color:#F5F5F5; 
 
 top:57px;
 top:62px;
  border-top:1px solid #0B6273;
   display:none;
 box-shadow: 0px 2px 4px   rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 4px  rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 4px  rgba(0,0,0,0.2);
    
    }
    
     #mainmenu ul li:hover  > ul.submenu {display:block; }
     
  .start #mainmenu ul li > ul.submenu {    top:60px;  top:57px;}
  
/*
 #mainmenu ul li.p3 > ul.submenu {width:390px;}
 #mainmenu ul li.p4 > ul.submenu {width:330px;}*/
    
 
 #mainmenu ul li ul.submenu li {float:none; clear:both;padding:0;height:auto;margin:0;border-bottom:0;position:relative;
  width:100%;
  
  }   
 
 #mainmenu ul li ul.submenu li a {font-weight:normal;font-size:18px; 
 
 line-height:54px;  border-bottom:1px solid #4F5355;border-top:none;
   padding:0px 10px 0px 10px;
 
}  

 #mainmenu ul li ul.submenu li a:hover, #mainmenu ul li ul.submenu li a:focus,  #mainmenu ul li ul.submenu li.sub-aktiv > a   {color:#AD0539;background-color:#fff;
border-bottom:1px solid #4F5355;border-top:none}  
 

 #mainmenu ul li ul.submenu li.withsub > a {}  

 #mainmenu ul li ul.submenu li.withsub:hover > a {}


/*#mainmenu ul li ul.submenu li a i.opensub {float:right;width:16px; height:55px;
background-image:url('../images/icons1/arrow_single_down_blue.svg');
background-repeat:no-repeat;
background-size:16px auto;
background-position:center center;
transition:0.5s all;
-moz-transition:0.5s all;
-webkit-transition:0.5s all;

}

#mainmenu ul li ul.submenu li a:hover i.opensub.opened, 
#mainmenu ul li ul.submenu li:hover i.opensub.opened, 
#mainmenu ul li ul.submenu li a:focus i.opensub.opened, 
#mainmenu ul li ul.submenu li:focus i.opensub.opened, 
i.opensub.opened

{
transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);

}


#mainmenu ul li ul.submenu li > ul.submenu2 {

display:none; position:relative;
top:0; left:0;background:#F4F4F3;  border-bottom:none;border-top:none;  box-shadow: none;
-moz-box-shadow:  none;
-webkit-box-shadow:  none;

}
#mainmenu ul li ul.submenu li ul.submenu2 li { border-bottom:0; }

#mainmenu ul li ul.submenu li ul.submenu2 li a {font-weight:normal;font-size:18px; 
line-height:54px;  border-bottom:1px solid #858585;border-top:none;padding-left:40px; }  

#mainmenu ul li ul.submenu li ul.submenu2 li  a:hover,  #mainmenu ul li ul.submenu li ul.submenu2 li  a:focus, 
#mainmenu ul li ul.submenu li ul.submenu2 li  a.aktiv
{color:#fff;background-color:#858585;  border-bottom:1px solid #0072CE;border-top:none}  

#mainmenu ul li ul.submenu li.sub-aktiv > ul.submenu2 {display:block !important;}

*/ 
 

}  




@media all and (min-width: 1200px){
	
 #mainmenu { padding:0px 0px 0px 100px;}
 
.menutoggle {display:block;background:transparent;padding-top:0;padding-bottom:0;}
 
#footer { padding:0px 0px 0px 0px; height:410px;}

 
.footercontainer, #footer  {background-color: #4F5355; }
 


.footercol {
    padding: 10px 0px 36px 0px;
    width: 50%;
    float: left;
}


#footer span.copyright {  text-align:center; padding-left:0px;}

#footer_left .footercol:first-of-type {padding-right:15px;}
#footer_left .footercol:last-of-type {padding-left:15px;}


#footer_right {width:33.333333%;  height:410px;  float:right; position:relative; background-color:#F5F5F5;
/* height:350px; margin-top:30px;*/
 background-color:transparent;
background-image:url('../images/footer-bg2_hellgrau.png');
background-repeat:repeat;
background-size: auto; 
background-position:center 

}

 
#footer_left {width:66.666667%; /* position:absolute; left:0px;*/ margin:0;height:410px;  position:relative; float:left; 

 background-color:transparent;


background-image:url('../images/footer-bg2_dunkelgrau.png');
background-repeat:repeat;
background-size: auto; 
background-position:center 


}
 
#footer span.copyright { color:#fff; display:block; clear:none;  float:right; width:40%; margin:0px ; padding-top:25px;}
#footermenu {float:left; width:60%;}



	
#footer {background-image:url('../images/footer-bg2.png');
background-repeat:repeat-y;
background-size:100% auto; 
background-position:center }	


/*
.footercontainer, #footer  {background-color: transparent;*/ 
}