#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   {  }

#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
 {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;}

.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:10px;}

#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:16px;display:block;padding: 0px 10px 5px 0px; color:#4F5355; line-height:57px;}

#mainmenu li.first a {padding: 0px 10px 5px 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 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 {}

}  



@media all and (min-width: 1000px){
	
#mainmenu li a { font-size:18px; }
}



@media all and (min-width: 1200px){
	
#mainmenu li a {padding: 0px 20px 5px 0px;  }
#mainmenu li.first a {padding: 0px 20px 5px 0px; }
 
	
#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;
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%; 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 }	

}

@media all and (min-width: 1280px){
#mainmenu li a {font-size:20px;}
}


@media all and (min-width: 1440px){
#mainmenu li {margin-right:24px;}
}