:root {
     --brand-rot: #CC0837; 
     --brand-lightgrey: #F5F5F5;
     --brand-lightgrey2: #EBEBEB;
     
      
      --brand-darkgrey: #323232;
      
      --brand-footergrey: #4A4A49;
      --brand-mediumgrey: #D9D9D9;
      --brand-mediumgrey2: #505456;

 
    --brand-gradient: linear-gradient(135deg, rgba(163,201,227,1) 0%,rgba(244,213,106,1) 100%);
 
}


#mainmenu {display:none;}


#metanavsticky {display:none; 
position:fixed; bottom: 0px; 
z-index:1000;   width: 100%; height: 76px; background-color: #fff;
} 
#metanavsticky ul {position:absolute;left: 50%; bottom: 16px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);  
  list-style-type:none;padding: 0;margin: 0; width: 234px;} 
  
.mmactive #metanavsticky {display:block;   z-index: 1000;}
  
.buttonsnav {}

.buttonsnav li a {display:block; 

box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.15);
border-radius:8px;

width: 48px; height: 48px;
border:  2px solid var(--brand-rot);
border-radius:8px;
background-color:  var(--brand-rot) ;
background-repeat:no-repeat; 
background-size:28px auto  !important; 
background-position:center;
text-indent: -9999px;
}  
  
  
.buttonsnav li a.kontakt {background-image: url(../images/kontakt_white.svg); }  
.buttonsnav li a.login {background-image: url(../images/login_white.svg); } 


.buttonsnav li a.leitlinien {background-image: url(../images/leitlinien_white.svg); background-size:32px auto  !important; } 

.buttonsnav li a.therapieinformationen {background-image: url(../images/therapieinformationen_white.svg); background-size:30px auto  !important; } 



.buttonsnav li a.suche {background-image: url(../images/suche_white.svg); } 


.buttonsnav li a.kontakt:hover, .buttonsnav li a.kontakt:focus, .buttonsnav li a.kontakt:active {background-image: url(../images/kontakt.svg);  background-color:  #fff;}  
.buttonsnav li a.login:hover, .buttonsnav li a.login:focus, .buttonsnav li a.login:active {background-image: url(../images/login.svg);  background-color:  #fff;}  

.buttonsnav li a.leitlinien:hover, .buttonsnav li a.leitlinien:focus, .buttonsnav li a.leitlinien:active {background-image: url(../images/leitlinien.svg);  background-color:  #fff;}  
.buttonsnav li a.therapieinformationen:hover, .buttonsnav li a.therapieinformationen:focus, .buttonsnav li a.therapieinformationen:active {background-image: url(../images/therapieinformationen.svg);  background-color:  #fff;}  

.buttonsnav li a.suche:hover, .buttonsnav li a.suche:focus, .buttonsnav li a.suche:active {background-image: url(../images/suche.svg);  background-color:  #fff;}  

#metanavsticky li   {float:left; padding: 0px 5px 0px 5px; }
  


#search {display:none; position:fixed; top: 124px; width: 100%;z-index: 9999; height: calc(100vh - 190px);background-color: #fff;}

#search.searchopen {display:block; }

 
#search label {display:block; padding: 30px 0px 30px 0px;}


#search .inputline , .searchform .inputline {height: 49px; width: calc(100% - 50px); width: 100%; background-color: #fff;
border-radius: 15px;
}

#search input.keywords , .searchform input.keywords , .searchform #ke_search_sword { border:none; height: 49px; width: calc(100% - 52px);background-color: #fff;
border-radius: 15px;
/*
border-top:2px solid #CDCDCD; 
border-bottom:2px solid #CDCDCD; 
border-left:2px solid #CDCDCD; 
border-right: none; 

	border-top-left-radius: 5px; 
	border-bottom-left-radius: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-moz-border-top-left-radius: 5px; 
	-moz-border-bottom-left-radius: 5px; 
	-ms-border-top-left-radius: 5px; 
	-ms-border-bottom-left-radius: 5px; */
	
	
 
	float: right; 
	 
	padding-left: 8px;
	
 color: var(--brand-darkgrey);
	
	font-size: 20px;
line-height: 20px;
font-weight: 400;

}




.searchform #ke_search_sword {
  position: relative;
  padding: 8px 40px 7px 9px;
  margin: 0;
  display: inline;
}

.tx-kesearch-pi1 form {margin:0 !important;}
 


.contentwrapper.searchform {padding:0 !important}

#kesearch_num_results {padding: 0px 0px 30px 0px; display:block; }


 
 #search input.submit,  .searchform input.submit {background-color: #fff; border:none;	
  float:left; 
  height: 49px; width: 50px;
 background-repeat:no-repeat;
background-size: 24px auto;
background-position:  center;
 
background-image:  url('../images/suche.svg');
text-indent: -9999px;

	border-top-left-radius: 15px; 
	border-bottom-left-radius: 15px; 
	-webkit-border-top-left-radius: 15px; 
	-webkit-border-bottom-left-radius: 15px; 
	-moz-border-top-left-radius: 15px; 
	-moz-border-bottom-left-radius: 15px; 
	-ms-border-top-left-radius: 15px; 
	-ms-border-bottom-left-radius: 15px;
}
 
.searchbutton {

display: block;
  width: 32px;
  height: 32px;
  background-image: url('../images/suche.svg');
  background-repeat: no-repeat;
  background-size: 21px auto;
  background-position: center;
  background-color: #fff;  background-color: transparent;
  border: 2px solid var(--brand-rot);
  border-radius: 16px;
  
  } 

header .searchbutton { float: right;
  margin-top: 40px; margin-right: 60px; cursor:pointer;
    -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s
  }




.breadcrumbs ul{ list-style-type:none;}
.breadcrumbs li { float:left; padding:0px;}

/*.breadcrumbs li:first-of-type { background-repeat:no-repeat; width: 22px;
background-size: 16px auto;
  background-position: center top 1px;
background-image:  url('../images/Home.svg');text-indent: -9999px;}

 .breadcrumbs li:first-of-type a {display:block; width: 22px; height: 22px; }
*/


.breadcrumbs li span{ display:block; float:left; padding:0px 0px 0px 0px;font-size: 14px; line-height: 40px; color: var(--brand-rot); }

.breadcrumbs li span.breadcrumbdivider{ display:block; float:left; padding:0px 10px 0px 10px; text-decoration:none !important; }

.breadcrumbs li a { color: var(--brand-rot);}

.breadcrumbs li a:hover {text-decoration:underline;}

.breadcrumbs li a.nolink:hover {text-decoration:none;   cursor:default;}

.breadcrumbs li { float:left; padding:0px;}

.breadcrumbs li.last span, a.nolink  {  color: var(--brand-rot);/*text-overflow: ellipsis;overflow:hidden; white-space:nowrap;*/text-decoration:underline;}

.breadcrumbs li a.nolink {text-decoration:none;}



/* .breadcrumbs li.last span:not(.breadcrumbdivider) {max-width: 250px;}

.breadcrumbs li.last,.breadcrumbs li.last span:not(.breadcrumbdivider)  {width: calc(100% - 230px);text-overflow: ellipsis;overflow:hidden; white-space:nowrap;}

*/


.contentwrapper.breadcrumbs { }


.contentwrapper.breadcrumbs .contentcontainer {height:40px; height:auto; overflow: hidden;}

/*
.menucontainer { }

.menucontainer div{ }
.menucontainer ul {list-style-type:none; }

 
.menucontainer ul li a {color: #333333;}
 
 
.menucontainer ul li { display: inline-block;
margin: 0px 10px 20px 10px;
height: 49px;
line-height: 49px;
background-color: #CDCDCD;
border-radius: 5px;
padding: 0px 20px 0px 20px;}

.menucontainer ul li:hover {background-color: #D7D7D7}

.bghellblau-box.menucontainer ul li {background-color:#B6CEE3;}

.bghellblau-box.menucontainer ul li:hover {background-color:#CCDDEB;}*/
 
 
 /***************************************************************************************************/ 
/***************************************************************************************************/ 

#menuoverlay {display:none; position:fixed; z-index:999;width: 100vw; height: calc(100vh - 125px); top:180px; left: 0; background:#fff;/*box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.05);*/}
#menuoverlay.opened {display:block;overflow:scroll;}

 body.menuopened {overflow:hidden;}  
 
 /*.menuopened footer, .menuopened #page {
 filter: blur(80px);
filter: url("../images/blur.svg#gaussian_blur");
-webkit-filter: blur(80px);
 margin:0px 0px 0px -10px
    }*/

@media all and (min-width: 768px){
	
	
.contentwrapper.breadcrumbs .contentcontainer {height:40px;  height:auto; overflow: hidden;}


	
	.breadcrumbs li.last span, .breadcrumbs li.last {width: auto}
/*
 .breadcrumbs li:first-of-type a {display:block; width: auto; }
	


.breadcrumbs li.last span.breadcrumbdivider{  padding:0px 8px 0px 1px; width: auto !important; }
.breadcrumbs li.last {width:auto;}*/
}

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

#search label {display:block; padding: 0px 0px 30px 0px;}





.searchbutton { 
 width: 48px;
height: 48px;background-size: 30px auto;
border-radius: 24px;

margin-left: 12px;
} 

 

header .searchbutton {  float: right;
  margin-top: 40px; margin-right: 12px; cursor:pointer;
    -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s
  }

 



/*
.breadcrumbs li:first-of-type { width: auto;
background-image:  none;text-indent:0px;}*/
  

#search { top: 180px; height: calc(100vh - 180px);}


#search .contentbox {padding:120px 0px 0px 0px;}


 	
 	#mainmenu {display:block;}
 	
 	.openmenu, #mainmenu  .submenu {display:none;}
 	.mobile_menu {display:none;}
 
#mainmenu {position:absolute; top:125px; left:  0px; z-index:11111; width: 100%; }


#mainmenu span.menuclose {  display:none;   position:absolute; top: 118px; right: 30px;
width: 28px; height: 28px;
background-image: url('../images/close.svg');
background-repeat:no-repeat; 
background-size:24px auto  !important; 
background-position:center;
cursor:pointer;}

#mainmenu.opened  span.menuclose {  display:block; }



#mainmenu  li > a {    color:  var(--brand-rot) ; font-weight: 500; font-size: 20px; }


#mainmenu ul.level1   {position:absolute; top:0px; left:  50%;  transform: translate( -50%,0); 
  z-index:11111; 
max-width: 1440px;
width: 100%;

padding: 0px 0px 0px 0px;
/* 
height: 49px;*/

display: flex !important;    
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;

justify-content: space-between  ;
-webkit-justify-content:  space-between ;
-moz-justify-content: space-between ;
-ms-justify-content: space-between  ; 
       
}
 
 

#mainmenu ul.level1 > li {height: 49px;  padding: 0px 0px 0px 0px;float:left; display:block;   }
 


#mainmenu ul.level1 li > a {  display:block; padding: 6px 42px 6px 22px;
    background-image: url('../images/chevron_down.svg');
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: right 16px top 10px;
}

#mainmenu ul.level1 li > a.active  ,#mainmenu ul.level1 li > a:hover {  background-color:  var(--brand-lightgrey); border-radius: 5px; text-decoration:none; }

#mainmenu ul.level1 li > a.active   { background-image:url('../images/chevron_up.svg'); }
 


#mainmenu ul.level1 li.last  { padding: 0px 20px 0px 10px;} 


#mainmenu.opened {/*display:block; position:fixed; top:125px; left: 0px; width: 100%;    background:#fff;  z-index:200;*/overflow: auto;
height: calc(100vh - 125px);}

#mainmenu ul.level2 {  display:none; /* width: calc(100% - 150px); max-width: 1440px; margin:auto;  padding: 100px 50px 50px 50px;*   left: 50%;
    transform: translate( -50%,0); */
 width:auto;
    padding: 100px 50px 50px 110px;

 float:left;  
}
#mainmenu ul.level2 li {background-color: #fff;}

.level2.opened {  
	display:block !important; 

   }
   
 
#mainmenu  li.headline  > span {  display:block; color:  var(--brand-rot) ;  font-weight: 600; font-size: 22px; padding: 10px 60px 10px 0px;}  
   
.level2 > li  {width: auto; list-style-type:none;  display:block;  padding:  0px 0px 10px 0px;}  

.level2 > li > a  {padding:10px 60px 10px 20px; display:block; }  
 
 
.level2 > li.opensub > a  {
background-image:url('../images/chevron_right_black.svg');
background-repeat:no-repeat;
background-size: 18px auto;
background-position: right 10px  center;
 } 
  
.level2 > li > a:hover,  .level2 > li > a.active {background: var(--brand-rot);border-radius:5px;  color: #fff !important; text-decoration:none;;}
  
.level2 > li.opensub > a:hover, .level2 > li.opensub > a.active   {
background-image:url('../images/chevron_right_white.svg'); background-repeat:no-repeat;background-size: 18px auto;
background-position: right 10px  center;
} 
 

  
.level3  {display:none; width: auto;    padding: 100px 20px 20px 20px; float:left; 

/*  position: relative;
    top: 0px; left:0px;  left: 50%;
    transform: translate( -50%,0); margin-left: 350px;*/
    } 
 

.level3.opened {  display:block !important; }  
   
.level3 > li  {width: auto; list-style-type:none;  display:block;  padding:  0px 0px 10px 0px;}  

.level3 > li > a  {padding:10px 60px 8px 10px; display:block; }  
 
 
.level3 > li.opensub > a  {
background-image:url('../images/chevron_right_black.svg');
background-repeat:no-repeat;
background-size: 18px auto;
background-position: right 10px  center;
 } 
  
.level3 > li > a:hover,  .level3 > li > a.active {background: var(--brand-rot);border-radius:5px;  color: #fff !important; text-decoration:none;;}
  
.level3 > li.opensub > a:hover, .level3 > li.opensub > a.active   {
background-image:url('../images/chevron_right_white.svg'); background-repeat:no-repeat;background-size: 18px auto;
background-position: right 10px  center;
} 
 






#metanavsticky {display:block; 
position:fixed; right: 0px; top: 50vh; margin-top: -110px;
z-index:1000;   width: 60px; height: 220px; background-color:transparent;
} 
#metanavsticky ul {position:absolute;left: 0px; top: 0px;
  -ms-transform: translateX(0%);
  transform: translateX(0%);  
  list-style-type:none; width: 60px;} 

.buttonsnav li a {display:block; 
width: 60px; height: 60px;
box-shadow: -4px 4px 6px 0px rgba(0, 0, 0, 0.15);
 
	border-top-left-radius: 8px; 
	border-bottom-left-radius: 8px; 
	-webkit-border-top-left-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	-moz-border-top-left-radius: 8px; 
	-moz-border-bottom-left-radius: 8px; 
	-ms-border-top-left-radius: 8px; 
	-ms-border-bottom-left-radius: 8px;
	
	border-top-right-radius: 0px; 
	border-bottom-right-radius:0px; 




border: none;
 
background-color: #fff ;
background-repeat:no-repeat; 
background-size:30px auto  !important; 
background-position:center;
text-indent: -9999px;
cursor:pointer; 
}  
  
  
.buttonsnav li a:hover, .buttonsnav li a.active {background-color: var(--brand-rot) !important;border: none;}
  
  
.buttonsnav li a.kontakt {background-image: url(../images/kontakt.svg); background-size:28px auto  !important; }  
.buttonsnav li a.login {background-image: url(../images/login.svg); background-size:34px auto  !important; } 


.buttonsnav li a.leitlinien {background-image: url(../images/leitlinien.svg); background-size:32px auto  !important; } 

.buttonsnav li a.therapieinformationen {background-image: url(../images/therapieinformationen.svg); background-size:30px auto  !important; } 


.buttonsnav li a.suche {background-image: url(../images/suche.svg); background-size:24px auto  !important; } 


.buttonsnav li a.kontakt:hover, .buttonsnav li a.kontakt:focus, .buttonsnav li a.kontakt:active {background-image: url(../images/kontakt_white.svg); }  

.buttonsnav li a.login:hover, .buttonsnav li a.login:focus, .buttonsnav li a.login:active {background-image: url(../images/login_white.svg); }  

.buttonsnav li a.leitlinien:hover, .buttonsnav li a.leitlinien:focus, .buttonsnav li a.leitlinien:active {background-image: url(../images/leitlinien_white.svg); }  

.buttonsnav li a.therapieinformationen:hover, .buttonsnav li a.therapieinformationen:focus, .buttonsnav li a.therapieinformationen:active {background-image: url(../images/therapieinformationen_white.svg); }  



.buttonsnav li a.suche:hover, .buttonsnav li a.suche:focus, .buttonsnav li a.suche:active {background-image: url(../images/suche_white.svg);  }  



#metanavsticky li   {float:none; padding: 0px 0px 20px 0px; }
  

}


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

#mainmenu ul.level1 {width: calc(100% - 60px);width: calc(100% - 190px);}

}

@media all and (min-width: 1440px){
	
.contentwrapper.breadcrumbs .contentcontainer  { max-width: 1324px;}
   


 #mainmenu span.menuclose {  display:none;   position:absolute; top: 118px; right: 70px;}
/*#mainmenu ul.level1 {width: calc(100% - 150px);}*/

}