/*
Primär – Blau
#005EA8 rgba(0,94,168,1);

Primär – Blau
#005EA8 rgba(0,94,168,0.05);



Primär – Blau
#005EA8 rgba(0,94,168,0.30);

Grau
#9A9188 rgba(154,145,136,1);

Akzent – Orange
#EC9A29 rgba(236,154,41,1);

Text
#191919 rgba(25,25,25,1);
 */


/*Slider start 1440 x 540


unterseite bild 1440 x 730
*/



.cookie-disclaimer {
  background: #000000;
  color: #FFF;

  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1001;
/*  opacity: 0.9;  height: 250px;*/
  position: fixed;
  display:none; 
  border-top:1px solid #fff;
}  
.cookie-disclaimer .container {
  text-align: center;
  padding : 20px; 
}
.cookie-disclaimer .container p {margin-bottom:20px;}

.accept-cookie  {
	border:1px solid #005EA8;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
	background-color:#005EA8;
	color:#fff;font-size:16px;
	height:38px;line-height:38px;
	display:inline-block;
	padding:0px 20px 0px 20px;  ;margin-right:16px;

}

.decline-cookie {
	border:1px solid #005EA8;	border:1px solid #9A9188;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
	background-color:#fff;	background-color:#9A9188;
	color:#005EA8;	color:#fff;
	
	font-size:16px;
	padding:0px 20px 0px 20px; 
	height:38px;line-height:38px;
	display:inline-block; 
}

span.reset-cookie {cursor:pointer;}
#footer.nocookieconsent {padding-bottom:400px;}   

* { 
	margin: 0; 
	padding: 0; 
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
body { 
background:#ffffff;

}


a img {
	border: none;
} 
a:focus { 
    outline: none; 
}  
.clear {clear:both;margin:0;padding:0;height:1px;}

.clearfix:after {content: '';display: table;clear: both;}
.hidden {display:none;}

html, body { height:100%; }
 
#wrapper { min-height:100%; }


* html #wrapper { height:100%; }

 .anchor{
  display: block;
  height: 160px; /*same height as header*/
  margin-top: -160px; /*same height as header*/
  visibility: hidden;
}

#wrapper {
position: relative;
background:#fff;
width:100%; 

min-height:100%;
margin:70px auto 0px auto; 
overflow:hidden;
}
	
#headerwrapper{position:fixed;top:0;width:100%;height:70px;z-index:550;background-color:#fff;}	

#headerbar {position: relative; width:100%; height:70px; margin:0px auto 0px auto; background-color:#fff; /*border-bottom:1px solid  #005EA8 ;*/
/* 
  box-shadow: 0px 3px 5px   #9A9188;
 -moz-box-shadow: 0px 3px 5px  #9A9188;
-webkit-box-shadow: 0px 3px 5px  #9A9188;*/


	 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);


 }
 
 
#headerbar.noshadow, .mmactive #headerbar , .submenupage #headerbar  {  box-shadow: none;
 -moz-box-shadow: none;
-webkit-box-shadow:none;}

.mmactive #headerbar  {border-bottom:1px solid #005EA8;}







#logocontainer { position:absolute; top:12px; left: 16px;padding:0px 0px 0px 0px; width:45px; 
height:45px; }
.logocontainer_small {height:45px !important;}

#logo  , #logo.mobil   { 
width:45px; display:block;
height:45px;

background-image:url('../images/logo/FVB_Logo.svg');
background-repeat:no-repeat;
background-size:auto 45px;
background-position:center center;
padding-bottom:0px;
 
}





/*#logo a {display:block;width:45px; height:45px;}
*/
#metanavi {float:right;}
#metamenu {display:none;}



#sprachnavi {float:right;position:absolute;  right:69px; top:27px;}

#search { position:absolute;  right:70px;  right:90px; top:0px; width:68px; height:70px; cursor:pointer;
 
}


#search a{   width:68px; height:70px; cursor:pointer; display:block;

background-image:url('../images/icons/lupe_schwarz.svg');
background-repeat:no-repeat;
background-size:20px auto;
background-position:left 24px  top 27px; 
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}

#search a:focus , #search a:hover {background-image:url('../images/icons/lupe_grau.svg');}

#search.active {background-color: #F4F4F3;}



#tw_header {position:absolute;  right:145px; top:0px; width:68px; height:70px;  
}

#fb_header {position:absolute;  right:185px; top:0px; width:68px; height:70px;  
width:68px; height:70px; 
display: none;
}




#tw_header a {width:68px; height:70px; cursor:pointer;display:block;
background-repeat:no-repeat;
background-size:21px auto;
background-image:url('../images/icons/twitter_black.svg'); 
background-position:left 24px  top 29px; 
}

#fb_header a {width:68px; height:70px; cursor:pointer;display:block;
width:68px; height:70px; 
background-repeat:no-repeat;
background-size:11px auto;
background-image:url('../images/icons/facebook_black.svg'); 
background-position:left 24px  top 26px; 
}


#tw_header a:focus , #tw_header a:hover {background-image:url('../images/icons/twitter_grey.svg'); }
#fb_header a:focus , #fb_header a:hover {background-image:url('../images/icons/facebook_grey.svg'); }
 
 



#searchcontainer {display:none;position:absolute; left:0px; top:70px; top:69px; background: #F4F4F3; height:60px; padding:10px 0px 0px 20px;width:100%;z-index:100;}

.searchinput {max-width:292px; width:65%; height:37px; background:#fff;border:1px solid #005EA8;padding-left:5px; float:left; display:block;
border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }

 

/*im filter*/
.col20 .searchinput { max-width:260px; width:80%;}

.searchsubmit {width:40px; height:37px;float:left; display:block;border:1px solid #005EA8;
text-indent:-9999px;
background-image:url('../images/search_blue.png');
background-repeat:no-repeat;
background-size:auto 37px;
background-position:center center;
border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }

.closesearch {width:18px; height:18px; display:block; 
/* margin: 2px 0px 0px 22px;float:left;*/

 margin: 2px 20px 0px 5px;float:right;
 
 
background-image:url('../images/icons/close_rahmen.svg');
background-repeat:no-repeat;
background-size:auto 18px;
background-position:center center;
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.closesearch:hover , .closesearch:focus {background-image:url('../images/icons/close_rahmen_orange.svg'); cursor:pointer;}

#page  {
width:100%;
display:block;
position: relative;
margin:0px 0px 0px 0px;
padding:48px 0px 0px 0px;
}

.aktuelles #page  {padding:0px 0px 0px 0px; }

#bluebar {width:100%;height: 45px;background:#005EA8;  margin:0px auto 0px auto; }
.innercontainer { max-width:1440px; margin:0px auto 0px auto;  padding: 0px 20px 0px 20px; height: 45px; position:relative;}

#bluebar h2 {float:left; font-size:20px; color:#fff;font-weight:400 ;margin:0; padding:0; line-height:45px;

 text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); 
 
 }


#breadcrumbs {display:none;}



.lcol { width:100%;  padding-bottom:48px; }
.rcol {  width:100%;  }


.lcol  .container  { padding:0px 20px 0px 20px;}
.rcol .container { padding:0px 0px 0px 0px;}


.rcol .box {clear:both;padding:0px 20px 0px 20px; }
.rcol .box.first {padding:0px 20px 0px 20px; }

.box.first + .box.first.singlebox {display:none;}

 .rcol h5 {margin:0px 20px 24px 20px; } 
 .rcol .box h5{margin:0px 0px 24px 0px; } 

.rcol .box.boxfull {clear:both;padding:0px 0px 0px 0px;width:100%; }
.textcontainer {padding:0px 20px 0px 20px;}

.rcol .box p {margin-bottom:24px;}
.rcol .box .portrait_text p {margin-bottom:8px;} 

.rcol .box p.stand_info {margin-bottom:0px; text-align:right; font-style:italic; }
/*#map {height:500px;}*/

.rcol .box p.clear {margin-bottom:0px;}


.kontaktmap   { width: 100%;max-width: 660px; }
.kontaktmap h5 {margin-bottom:5px; width:180px; border-bottom: 1px solid #005EA8;}

.kontaktmap .textcontainer {padding:0px 0px 0px 0px;}

.kontaktmap .imap {padding-bottom:40%; border:1px solid #9A9188;}

.imap {width:100%; padding-bottom:84.494382%;
 margin:0px 0px 0px 0px; }
.maplink {margin:0px 0px 32px 20px;} 


.ilogo {height:80px; width:auto; margin-bottom:32px;margin-bottom:48px;}

.socialicons {/*float:right;*/margin-top:24px;}
.iwebsite {/*float:left; padding-top:18px;*/}


 
 #mainmenu {display:none}
 
 
 
/*
.blockcontent {width:100%; max-width:900px;padding:35px 16px 0px 16px;}*/
 
.blockcontent {width:100%;  padding:0px 20px 0px 20px;} 

.toggle_inner {width:100%;  padding:0px 0px 0px 0px;} 



.blockcontent.m100width {width:100%;  padding:0px 0px 0px 0px;} 
/*wird das gebraucht?*/
 
.block {width:100%;  display:block;margin:0;padding:0px 0px 48px 0px;}

/*auf news-einzelseite*/
.block.fullwidth + .block {padding:48px 0px 0px 0px;}


.block.standalone {padding:48px 0px 48px 0px;}

.block.fullwidth {padding:0px 0px 0px 0px;}
.block.nopad {padding:0px 0px 0px 0px;}
.block.nopad:last-of-type, .block.padbottom {padding:0px 0px 48px 0px;}

.block.text_accordion:last-of-type  {margin-bottom:48px;}
.forschung .block.text_accordion:last-of-type  {margin-bottom:0px;} 
/*abstand durch articlefooter*/



.fw_backgroundimage {width:100%; padding-bottom:50.694444%;
background-repeat:no-repeat;
background-size:cover; 
background-position:center center;
}



.block.filter {padding:0px 0px 0px 0px;

 box-shadow: 0px 1px 5px   rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 1px 5px  rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 5px  rgba(0,0,0,0.2);

position:relative;

}

.filter .trigger {}
.filter .toggle_container {position:absolute; background:#fff; z-index:100;
 box-shadow: 0px 1px 5px   rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 1px 5px  rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 5px  rgba(0,0,0,0.2);
padding:0px 0px 0px 0px;
}



.block.filter .blockcontent {padding:0;}
 
 .block.hellblau, .fotogalerie .frame-type-image.frame-layout-0 {background:rgba(0,94,168,0.05);border-top:1px solid #005EA8;border-bottom:1px solid #005EA8;}
 
 
 .frame-type-image.frame-layout-0 .ce-image  {width:100%;  padding:32px 0px 12px 0px;  } 
 
 
 
 
 .organisation .block.hellblau {border-top:none;}

.block.hellblau .blockcontent {width:100%;  padding:48px 20px 0px 20px;  } 

.fotogalerie .frame-type-image.frame-layout-0 header  {width:100%;  padding:48px 20px 0px 20px;  } 
.fotogalerie .frame-type-image.frame-layout-0 .ce-image  {width:100%;  padding:48px 20px 48px 20px;  } 
.fotogalerie .frame-type-image.frame-layout-0 header h2 {margin-bottom:0;}


.block.hellgrau {background:rgba(154,145,136,0.1);border-top:1px solid #9A9188;border-bottom:1px solid #9A9188; padding:0;}
.block.hellgrau .blockcontent {width:100%;  padding:48px 20px 48px 20px;  } 


 
.start .block.hellblau .blockcontent { background-image:url('../images/fvb_bg.svg');
background-repeat:no-repeat;
background-size:315px auto;;
background-position:left 32px top 156px; } 

 
.start .block.hellblau.newsfeature .blockcontent { background-image:url('../images/fvb_bg.svg');
background-repeat:no-repeat;
background-size:315px auto;
background-position:left 30% bottom 0px;padding:20px 20px 0px 20px; 

} 
.block.hellblau.nologo  .blockcontent  {background-image:none !important; }





.block.fullwidth .blockcontent {width:100%; max-width:100%;  padding:0px 0px 0px 0px; /*max-width:1440px;*/display:block;} 
 
.singlecol {width:100%;   padding:0px 0px 0px  0px;}
 
.sidecol  {padding:20px 0px 0px 0px; }

.introcol, .standardcol, .articlefooter {width:100%;   padding:0px 0px 0px  0px;}

.standardcol img  {margin-bottom:48px; width:100%;height:auto;}

.introcol .imagecontainer {  width:100%;height:auto;margin-bottom:48px;}
.introcol img {  width:100%;height:auto;}




.introcoltext {padding-right:20px;}

.threecols .contentbox {padding-bottom:48px;}

 
.col30 {width:100%; padding:0px 0px 0px  0px;}
.col25 {width:100%; padding:0px 0px 0px  0px;}
.col20 {width:100%; padding:0px 0px 0px  0px;}

.col30 .box.zahlen-fakten img {width:100%; height:auto;}

.zahlen-fakten .frame-type-text p {margin:0px 0px 0px 20px;}
.zahlen-fakten .frame-type-text p:first-of-type {margin:24px 0px 20px 20px;}


 



/*News Element Seite Ausbildung*/
.col66 {width:100%;padding-bottom:40px; }
.col33 {width:100%;}


.broschuere_box .boximage {  width:100%; padding-right:0px;padding-top:0px; padding-bottom: 20px;}
.broschuere_box .boximage img{border: 1px solid #9A9188;float:none}

.broschuere_box .boxtext {  width:100%%; }

.col33 .broschuere_box .boximage {float:left; width:33.333333%; padding-right:20px;padding-top:3px; padding-bottom: 0;}
.col33 .broschuere_box .boximage img{border: 1px solid #9A9188;}
.col33 .broschuere_box .boxtext {float:left; width:66.666667%; }




.col66  .broschuere_box  .morelink.single.floating {max-width:250px;float:left;width:auto;}
.col66  .broschuere_box .downloadlink.single.floating {max-width:250px;float:left;width:auto;margin-right:20px !important;margin-bottom:10px !important;}


.col33 .broschuere_box  .morelink.single.floating {max-width:100%; display:block; float:none;}
.col33  .broschuere_box  .downloadlink.single.floating  {max-width:100%; display:block; float:none; }

.col33 .broschuere_box {width:100%;clear:both; padding:0px 0px 24px 0px;}

.col33 .broschuere_box  .morelink.single a , .col33 .downloadlink.single a , .col33 .broschuere_box  .morelink.single a:hover , .morelink.single a:focus ,.col33 .downloadlink.single a:hover ,.col33 .downloadlink.single a:focus {border:none; padding-top:0; padding-bottom:0;padding-left:22px;
background-position: left 0px top 2px;
}

 .col33 .broschuere_box  .downloadlink.single a , .col33 .broschuere_box  .downloadlink.single a:hover {padding-top:4px;padding-bottom:2px;}


.col33 .broschuere_box p {margin:0; padding-top:0; padding-bottom:4px;}
.col33 .broschuere_box {padding-bottom:30px;}

.col33 .morelink.single {margin:0}

.ausbildung .news {padding-top:16px;}

.ausbildung .hellblau .block.text_accordion.nopad {margin-bottom:48px;}




.mitarbeiter .col30.person {padding:0px 0px 30px  0px;}

.startnews .col30, .newsfeature .col30  {padding:2px;}
 
 .blockcontent.startnews , .block.hellblau .blockcontent.startnews {width:100%;  padding:0px 12px 0px 12px;} 
 
  .blockcontent.verbundjournal, .blockcontent.downloads, .blockcontent.jahresberichte {width:100%;  padding:0px 12px 0px 12px;} 
 
 
 .blockcontent.listcontent {width:100%;  padding:0px 20px 0px 20px;} 
 
.text_accordion .blockcontent{ padding:0px 20px 0px 20px;}

.news-single .text_accordion .blockcontent{ padding:0px 20px 0px 20px;}



 
body.news-sections .frame-type-text {padding:0px 20px 0px 20px;}
 
 
.startnews h3 { padding:0px 8px 0px 8px;}

.startnews .col30 .box , .newsfeature .col30  .box { padding:16px 8px 16px 8px;  width:100%;}



/*wird das noch irgendwo gebraucht?*/
.startnews .col25 .box { padding:16px 8px 16px 8px;  width:100%;}


.verbundjournal .col25 .box , .downloads .col25 .box , .jahresberichte .col25 .box { padding:16px 0px 16px 0px;  width:100%;}


.hellblau .col30 a:hover  , 
.hellblau .col30 a:focus ,
.newsfeature .col30, #br50 a:hover { background-color:#fff;}


.themen .col30 .box { padding:16px 8px 16px 8px;  width:100%;} 

 
.blockpad {width:100%;  padding:0px 0px 48px 0px;}

.fullwidth img {width:100%; display:block;height: auto;}

/*in Block Standard Seite Ausbildung*/
 .blockcontent.listcontent  .frame-type-text {padding-top:48px;}
 
/*nicht bei Pressekontakt*/
 .pressekontakt .blockcontent.listcontent  .frame-type-text {padding-top:0px;}
 .pressekontakt .sixcols {margin-bottom:0px;}
 
 
/*und organisation: hier zusätzliche einstellung gemacht: */
 .blockcontent.listcontent  .frame-type-text.frame-space-before-extra-small {padding-top:0px;}
 

#socialmedia {position:fixed; bottom:20px; right:70px;z-index:105;display:none;}

#socialmedia a, .socialicons a , .sharelinks a , .printarticle a  , .iaddress a.twitter,  .iaddress a.facebook,  .iaddress a.instagram ,  .iaddress a.linkedin{
	text-indent: -9999px;
float:left; display:block; width:40px; height:40px;  margin-left:6px;

background-repeat:no-repeat;
background-size:40px 40px;;
background-position:center;
/*
box-shadow: 0px 0px 1px   #9A9188;
-moz-box-shadow: 0px 0px 1px  #9A9188;
-webkit-box-shadow: 0px 0px 1px  #9A9188;*/

box-shadow: 0px 0px 1px   rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 1px  rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 1px  rgba(0,0,0,0.2);

transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}


a.fb, a.facebook {background-image:url('../images/icons/button_fb_blau.svg');}
a.twitter {background-image:url('../images/icons/button_twitter_blau.svg');}
a.in, a.linkedin {background-image:url('../images/icons/button_in_blau.svg');}


a.inst, a.instagram  {background-image:url('../images/icons/button_instagram_blau.svg');}

a.mail {background-image:url('../images/icons/button_contact_blau.svg');}
a.print {background-image:url('../images/icons/button_print_blau.svg');}


a.fb:hover, a.fb:focus,a.facebook:hover, a.facebook:focus   {background-image:url('../images/icons/button_fb.svg');}
a.twitter:hover , a.twitter:focus{background-image:url('../images/icons/button_twitter.svg');}

a.in:hover , a.in:focus , a.linkedin:hover , a.linkedin:focus {background-image:url('../images/icons/button_in.svg');}

a.inst:hover , a.inst:focus, a.instagram:hover , a.instagram:focus  {background-image:url('../images/icons/button_instagram.svg');}



a.mail:hover , a.mail:focus {background-image:url('../images/icons/button_contact.svg');}
a.print:hover , a.print:focus {background-image:url('../images/icons/button_print_blau_hover.svg');}



.start a.fb {background-image:url('../images/icons/button_fb.svg');}
.start a.twitter {background-image:url('../images/icons/button_twitter.svg');}
.start a.in {background-image:url('../images/icons/button_in.svg');}
.start a.mail {background-image:url('../images/icons/button_contact.svg');}
.start a.print {background-image:url('../images/icons/button_print_blau_hover.svg');}


.start a.fb:hover , .start a.fb:focus {background-image:url('../images/icons/button_fb_blau.svg');}
.start a.twitter:hover , .start a.twitter:focus {background-image:url('../images/icons/button_twitter_blau.svg');}
.start a.in:hover , .start a.in:focus {background-image:url('../images/icons/button_in_blau.svg');}
.start a.mail:hover , .start a.mail:focus {background-image:url('../images/icons/button_contact_blau.svg');}
.start a.print:hover, .start a.print:focus  {background-image:url('../images/icons/button_print_blau.svg');}

 


.contentpage #socialmedia {display:none;}

#arrow_up {position:fixed; right:20px; bottom:20px; display:none; z-index:1000;width:40px; height:40px; background:transparent;}
#arrow_up a {display:block;width:40px; height:40px;
background-image:url('../images/icons/button_up.svg');
background-repeat:no-repeat;
background-size:40px 40px;;
background-position:center; 
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
#arrow_up a:hover, #arrow_up a:focus  { background-image:url('../images/icons/button_up_hover.svg'); } 

    
 span.linkpfeil {width:18px; height:18px; display:inline-block;margin-top:0px; margin-right:6px;  
background-image:url('../images/icons/button_arrow_blau.svg');
background-repeat:no-repeat;
background-size:16px 16px;;
background-position:left top 2px ;
 }
 
 
 span.linkpfeil:hover, a:hover > span.linkpfeil, span.linkpfeil:focus, a:focus > span.linkpfeil,   span.linkpfeil_orange, p.morelink:hover > span.linkpfeil, p.morelink:focus > span.linkpfeil  { background-image:url('../images/icons/button_arrow_orange.svg');
 }
 
 span.linkpfeil img { width:16px !important; height:16px !important; /*filter:brightness(1000%); */position:relative;top:0px;left:0px; margin:0px 0px -1px 0px;fill:#005EA8;
/*   transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);*/
    }
    
  
  
      
    
p.morelink a, .accordion p a , .text_accordion p a, .textcol a , span.title_link , .maplink a
 
{line-height:20px; display:inline-block; padding-left:24px;
background-image:url('../images/icons/button_arrow_blau.svg');
background-repeat:no-repeat;
background-size:16px 16px;;
background-position:left top 2px ;
background-position:left 0px top 10px ;
color:#005EA8;
padding:8px 16px 8px 24px;padding:8px 3px 8px 24px;
}
 
span.title_link:hover a, span.title_link:focus a {color:#EC9A29;}
 
 p.morelink a:hover, .accordion p a:hover , .text_accordion p a:hover, .textcol a:hover , span.title_link:hover , .maplink a:hover,
 
 p.morelink a:focus, .accordion p a:focus , .text_accordion p a:focus, .textcol a:focus , span.title_link:focus , .maplink a:focus 
  { 
background-image:url('../images/icons/button_arrow_orange.svg');
 
color:#EC9A29;
 }   
 
 
  p.morelink span { line-height:20px; display:inline-block; padding-left:24px;
background-image:url('../images/icons/button_arrow_blau.svg');
background-repeat:no-repeat;
background-size:16px 16px;;
background-position:left top 1px ;
background-position:left 0px top 9px ;
color:#005EA8;
padding:8px 16px 8px 24px; 
 }
 p.morelink span:hover,  p.morelink span:focus { 
background-image:url('../images/icons/button_arrow_orange.svg');  
/*border:1px solid #EC9A29; */
color:#EC9A29;
 }    
    
    
    
.startnews a:hover  p.morelink span, .startnews a:hover  p.morelink a,
.startnews a:focus  p.morelink span, .startnews a:focus  p.morelink a,

.newsfeature a:hover  p.morelink span, .newsfeature a:hover  p.morelink a,
.newsfeature a:focus  p.morelink span, .newsfeature a:focus  p.morelink a
 {background-image:url('../images/icons/button_arrow_orange.svg');  
/*border:1px solid #EC9A29; */
color:#EC9A29; }

 

.morelink.single, .downloadlink.single  {margin: 32px 0px 0px 16px; display:inline-block;width:100%}

.morelink.single a, .morelink.single  span, .downloadlink.single a, .downloadlink.single  span  {
	
border:1px solid #005EA8;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 

padding:8px 16px 8px 40px;
padding:8px 11px 8px 35px;

background-position:left 16px top 9px ; 
 background-position:left 10px top 9px ;

}



.morelink.single a:hover, .morelink.single  span:hover , .downloadlink.single a:hover, .downloadlink.single  span:hover ,

.morelink.single a:focus, .morelink.single  span:focus , .downloadlink.single a:focus, .downloadlink.single  span:focus 
{border:1px solid #EC9A29; color:#EC9A29; 
padding:8px 11px 8px 35px; background-position:left 10px top 9px ;}


.singlecol .morelink.single,.hoverboxes .morelink.single {margin: 32px 0px 0px 0px;}


.morelink.floating {float:right; margin:0 !important;max-width:56%;font-size:16px}
.downloadlink.floating {float:left;margin:0 !important;max-width:40%;font-size:16px}

 
.morelink.floating a, .downloadlink.floating a, .morelink.floating a:hover, .downloadlink.floating a:hover , .morelink.floating a:focus, .downloadlink.floating a:focus{/*padding:8px 10px 8px 18px;  font-size:16px;*/ width:100%;} 



  
  p.downloadlink span,   p.downloadlink a ,   a.downloadlink { line-height:20px; display:inline-block; padding-left:24px;
background-image:url('../images/icons/button_download.svg');
background-repeat:no-repeat;
background-size:16px 16px;;
background-position:left top 1px ;
background-position:left 0px top 9px ;
color:#005EA8;
padding:8px 16px 8px 24px; cursor:pointer;
 }
 p.downloadlink span:hover,  p.downloadlink a:hover ,a.downloadlink:hover ,
 p.downloadlink span:focus,  p.downloadlink a:focus ,a.downloadlink:focus  { 
background-image:url('../images/icons/button_download_orange.svg'); 
 
color:#EC9A29;
 } 
 
  a.downloadlink {background-position:left 0px top 7px ; }
 
 
.boximage {padding-bottom:67.5%;}
 
 
.verbundjournal   .boximage {padding-bottom:150%;padding-bottom:142%;/*padding-bottom:123.492063%;margin-bottom:30px; */ border:none;}

.verbundjournal h4, .downloads h4 , .jahresberichte h4 {margin-top:24px;} 
.verbundjournal .col25, .downloads .col25 , .jahresberichte .col25  {padding-bottom:96px;}
 
 
.downloads   .boximage {padding-bottom:100%;border:none;}

.jahresberichte   .boximage {padding-bottom:133.333333%;border:none;}
.verbundjournal .boximage img, .downloads .boximage img , .jahresberichte .boximage img   {border:1px solid #9A9188;}
  
  /*Instituts-Seiten rechte Spalte */
 
    .portrait_foto {   width:174px; padding-right:32px;padding-bottom:12px; }
    .portrait_foto img  {  width:142px;}
    
    .portrait_text { padding:0; }
 
    
 
 .boximage img {width:100%; height:auto;float:left; margin-bottom:5px;}
 
 
 
.threecols .contentbox .box  img {width:100%; height:auto;max-width:264px;}
 
 
 
  .startnews .col30 > a ,  .newsfeature .col30 > a, #br50 > a {display:block;
    transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;}
 
 .startnews .col30 > a:hover ,
 .startnews .col30 > a:focus,
 
 .newsfeature .col30 > a:hover ,
 .newsfeature .col30 > a:focus,
 #br50  > a:hover ,
 #br50 > a:focus
  { 
  	cursor:pointer;
  	   box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px  rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 5px  rgba(0,0,0,0.2);
    
    transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    
    }
    
  
  
  
  
  
 
/***************************************************************************************************/ 

/*PERSONEN*/
/***************************************************************************************************/ 
 

h3.headline {margin:0px 0px 48px 0px;} /*automatische zwischenüberschrift auf seite verwaltung*/

.pageelements h3 {margin:0px 0px 32px 0px; margin:0px 0px 48px 0px;  color:#9A9188; } 

 

.person p { font-size:18px; padding:0; margin:0; margin-bottom:2px;}

.person_foto {float:left; width:50%; padding-right:10px;}
.person_text {float:left; width:50%;padding-left:10px; }
 


 
.person_text:after {clear:both; width:100%;display:block;}




/*.person_foto img {width:100%; height:auto;}*/

.person_addinfo {display:block; clear:both;width:100%;padding-top:32px;}

.person_text p {}

.person p.person_name , .pcol p.person_name  {font-size:20px;    margin-bottom: 2px;}



.person .trigger {
width:100%; background: rgba(0,94,168,0.30)  ; background:#E5EEF6; border-top:1px solid #005EA8;border-bottom:1px solid #005EA8;
padding:10px 10px 10px 10px; color:#005EA8;
background-image:url('../images/icons/arrow_double_down.svg');
background-repeat:no-repeat;
background-size:12px auto; 
background-position:right 10px center;
 
}

.person .trigger_hover {}

.person .trigger_active {border-bottom:1px solid #fff;
 background-image:url('../images/icons/arrow_double_down_up.svg');
}  
.person .toggle_container {background: rgba(0,94,168,0.30); background:#E5EEF6; padding:10px 10px 10px 10px;color:#191919;
} 

.blockcontent .person .toggle_container , .blockcontent .person .trigger {margin-left: 0px;
margin-right: 0px;}


/*6er Kachel Personen*/

.sixcols  {width:100%; /*max-width:1400px;*/ 

/*margin:96px auto 0px auto;*/
margin:0px auto 0px auto;
margin:0px auto 96px auto;
clear:both;}

.sixcols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    
    
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    
    
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;

     
/*  -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; */
    
  
  -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content:flex-start; 
  
   
}
 
 .sixcols div.pcol {
    width: 100%; max-width:232px;
    position: relative;
 
   /* margin-top: 20px;*/
    margin-bottom: 20px;
}


.pcol .pcol_container {padding-right:32px;}


.pcol .pcol_foto , .person_foto .pcol_foto {
width:100%; max-width:200px; display:block; padding-bottom:134.170854%;position:relative; 

background-repeat:no-repeat;
background-size:100% auto;
background-size:cover;

background-position:center center;
position:relative;

}

 .pcol .pcol_foto {border: 1px solid transparent;}
 
.pcol a.imagehover {
width:100%; 

padding-bottom:134.170854%; 
position:absolute; z-index:10; 

background-image:url('../images/icons/plus_hoveranzeiger.svg');
background-repeat:no-repeat;
background-size:18px auto; 
background-position:left 8px top 5px; 
border: 1px solid #005EA8;
}
 

.pcol a.imagehover:hover, 
.pcol a.imagehover:focus  { background-color: #005EA8; opacity:0.8;
background-image:url('../images/icons/plus_hoveranzeiger_close.svg');}
.pcol a.imagehover span { display:none !important;
 position:absolute;    left: 50%;  top: 66%;  transform: translate(-50%, 0);  
font-weight:700; font-size: 24px; display:block; width:100%;  width:auto;padding: 10px 16px 10px 34px; text-align:center; color:#fff !important; font-weight:normal; font-size:16px;
border:1px solid #fff;

background-image:url('../images/icons/button_arrow_weiss.svg');
background-repeat:no-repeat;
background-size:16px 16px;;
background-position:left 8px top 12px ;


}


.pcol a.imagehover:hover  span , 
.pcol a.imagehover:focus  span{display:block !important;
 

}


.pcol span.imagehover {
width:100%; 
padding-bottom:134.170854%; 
position:absolute; z-index:10; 
border: 1px solid #005EA8;
}
 





.pcol .person_text {float:none; display:block; width:100%; padding:24px 0px 0px 0px; }


 

.person_foto .pcol_foto, .pcol .pcol_foto {background-color:#D8D8D8; border: 1px solid #005EA8; }

.person_textblock { bottom:0;position:relative;padding-bottom:134.170854%;display:block;  }

.person_txt {position:absolute;bottom:-10px; }
 
 
 /*person einfach*/
.pcol.directimage img {width:100%; height:auto;}

.pcol.directimage  .pcol_foto { padding-bottom:0px;
border: 1px solid transparent;
background-color: transparent;
}

.pcol.directimage p {line-height:20px; margin:0px 0px 6px 0px; padding:0;}
 

/*.textcol u {text-decoration:none; width:50px; display:inline-block;}
*/

/*direktoren als tabelle*/
.textcol td {vertical-align:top;}
.textcol td:first-of-type {width:70px;}

/*newsliste*/


.page-navigation p {display:none;}
.page-navigation {display:block; position:relative;height:96px;}

.page-navigation ul {list-style-type:none;position:absolute;    left: 50%; top: 50%;  transform: translate(-50%, -50%);}
  
  
.page-navigation:first-of-type {display:none;}
 


#page .page-navigation li {float:left; display:block; padding: 0px 4px 0px 0px;background-image:none; }
.page-navigation li.current {color:#005EA8;}
.page-navigation li a {color:#9A9188;}
.page-navigation li i {font-size:10px;line-height:20px;color:#9A9188;
}


.listitem {padding:5px  0px 0px 0px;border-top:1px solid #005EA8;}


.listitem:last-of-type, .line_link:last-of-type {padding:5px  0px 0px 0px;border-bottom:1px solid #005EA8;}
.line_link > .listitem:last-of-type {border-bottom:none;}




.listitem.header {border-top:none;}

 
 .listitem.multilines {padding:5px  0px 8px 0px;}
 
 
/*.listitem.first {padding: 0px;height:1px;border-bottom:1px solid #005EA8;}
*/

.ma_line  {width:50%;display:block; float:left;padding-right:20px; clear:both; padding-bottom:7px;}
.ma_line:last-of-type {float:right;padding-right:0px;clear:none;}

.ma_line:first-of-type {width:100%;display:block; float:left;padding-right:20px;padding-bottom:12px;font-size:18px;}

 .ma_line.greytext {padding-top:4px;}


.mitarbeiter .listitem {padding:5px  0px 3px 0px;  padding:16px  0px 15px 0px;  border-bottom:none;border-top:1px solid #9A9188;}

.newsline_left {width:100%;display:block; float:left;padding-right:0px; }
 
.news_category { float:left;display:block;padding:8px 12px 4px 0px;color: #005EA8; text-transform:uppercase;font-size:16px;}
.news_institut { float:left;display:block;text-align:center;padding:8px 12px 4px 0px;color:#9A9188; }
.news_date { float:left;display:block;padding:8px 0px 4px 0px;color:#9A9188; }

.news_name {    color: #191919; font-weight:bold;padding:8px 0px 4px 0px;display:block;}
 
.news_title {width:100%; display:block; float:left; padding: 0px} 

.listitem span.hellgrau {color:#9A9188;}




.newsline_55 {width:100%;  display:block;  padding:5px 0px 20px 0px; }
.newsline_15 {width:100%;  display:block; padding:5px 0px 20px 0px; }


.newsline_15.hellgrau span {padding: 0px 0px 8px 0px; display:inline-block;}





.mobile-label, .newsline_15.hellgrau span.mobile-label {display:block;}
.all_listheader {display:none;}


 .line_link {display:block;}
 
/* .line_link:hover  {
 	
 	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);

}
.line_link:hover .listitem {
 border-bottom:none;
}*/

.line_link:hover span.title_link, 
.line_link:focus span.title_link { 
background-image:url('../images/icons/button_arrow_orange.svg');
color:#EC9A29;}
 

p.morelink.news_title  {margin:0;padding:0;}


.listitem span.hellgrau {color:#9A9188;}
 
 	 						

.fw_accordion {width:100%;}	


.fw_accordion .trigger {width:100%;text-align:left;color:#005EA8; padding:20px 0px 20px 0px; padding:16px 0px 16px 0px; cursor:pointer;}

.fw_accordion .trigger span {width:100%;display:block;}



.fw_accordion .filter .trigger {width:100%;text-align:center;color:#005EA8; padding:20px 0px 20px 0px;cursor:pointer;}

.fw_accordion .filter .trigger span {width:auto;display:inline-block;}


.mitarbeiter .fw_accordion {width:100%; border-top:1px solid #005EA8; border-bottom:1px solid #005EA8;}	

.fw_accordion .trigger span {
  color:#005EA8; display:inline-block;padding:0px 24px 0px 0px;
background-image:url('../images/icons/arrow_double_down.svg');
background-repeat:no-repeat;
background-size:10px auto; 
background-position:right 0px center;
}
.fw_accordion .trigger_active span {background-image:url('../images/icons/arrow_double_down_up.svg');}
.fw_accordion .toggle_container, .fw_accordion .toggle_container_inactive {width:100%; border-top:1px solid #005EA8; }


.mitarbeiter .fw_accordion .toggle_container, .mitarbeiter .fw_accordion .toggle_container_inactive {  border-top:none; }



/*Accordion in hellgrauem Bereich z.B. seite Verbund */

.accordion {width:100%; padding:0px 0px 0px 0px ;}	
.accordion .trigger {width:100%; color:#191919;  padding:16px 0px 16px 0px;
 border-top:1px solid #9A9188; border-bottom:1px solid #9A9188;
background:#e5eef6;
background-image:url('../images/icons/arrow_double_down.svg');
background-repeat:no-repeat;
background-size:10px auto; 
background-position:right 10px center;cursor:pointer;}
 
.accordion .trigger_active   {background-image:url('../images/icons/arrow_double_down_up.svg');}
.accordion .trigger span { color:#191919; display:inline-block;padding:0px 24px 0px 16px;}
.accordion .toggle_container {background:#e5eef6;padding:10px 0px 0px 0px;}
.accordion .toggle_container p {display:block; padding: 10px 16px 10px 16px; width:100%; border-bottom:1px solid #9A9188; font-size:18px;}


  
 /*Accordion im Textbereiche, FCE z.B. bei Forschungs-Artikeln*/
 
.text_accordion {width:100%; padding:0px 0px 0px 0px ; clear:both;}	

.text_accordion .trigger {width:100%; color:#005EA8;   padding:16px 0px 16px 0px;cursor:pointer;

/*border-top:1px solid #005EA8; */
border-bottom:1px solid #005EA8; 

background:#fff;
background-image:url('../images/icons/arrow_double_down.svg');
background-repeat:no-repeat;
background-size:10px auto; 
background-position:right 0px center;}
 
.text_accordion .trigger_active   {background-image:url('../images/icons/arrow_double_down_up.svg'); border-bottom:none;}
.text_accordion .trigger span {padding:10px 24px 10px 0px; color:#005EA8; display:inline-block;padding:0px 24px 0px 10px;padding:0px 24px 0px 0px;}

.text_accordion .toggle_container {background:#fff;padding:0px 0px 16px 0px; border-bottom:1px solid #005EA8; }
.text_accordion .toggle_container p {display:block; padding: 0px 0px 0px 0px; width:100%;   }
  

.text_accordion .toggle_container p {border-bottom: 1px solid #9A9188;}
 
.text_accordion .toggle_container p:last-of-type , 
.text_accordion .singlecol .toggle_container p , 
.eu-office .text_accordion .toggle_container p {border-bottom:none;}

.blockcontent .singlecol .toggle_container {margin-bottom:32px;}
 

.text_accordion .toggle_container + .text_accordion .trigger {border-top:none;cursor:pointer;}
 
 
 
 
 
 /*seite ausbildung*/
.ausbildung .text_accordion .toggle_container p {border-bottom: none;}
.hellblau .text_accordion .trigger {background-position:right 10px center;}
 
  
/*accordion ausbildungsberufe*/
  
.accordion50 {width:100%; padding:20px 0px 20px 0px ;float:left; max-width:700px;} 
  
 

.accordion50 .trigger {width:100%; color:#005EA8;  cursor:pointer; 
 
border-top:1px solid #005EA8; border-bottom: 1px solid #005EA8;

background:#fff;
background-image:url('../images/icons/arrow_double_down.svg');
background-repeat:no-repeat;
background-size:10px auto; 
background-position:right 0px center;}

.accordion50 .trigger span  {color:#005EA8; font-size:18px;display:block;  float:left;  padding:0px 22px 0px 20px;  height:100px; width:80%; }

 .accordion50 .trigger span.text { width:100%;
  position: relative; height:auto; float:none;display:block;
  top: 50%;
  transform: translateY(-50%);
  }


.accordion50 .trigger span.icon {display: block; max-width:80px; width:20%; height:100px; float:left;
background-repeat:no-repeat;
background-size:84px auto; 
background-position:center center }
 
.accordion50 .trigger_active   {background-image:url('../images/icons/arrow_double_down_up.svg'); border-bottom:none;}
/*
.accordion50 .trigger span {padding:10px 24px 10px 0px; color:#005EA8; display:inline-block;padding:0px 24px 0px 10px;padding:0px 24px 0px 0px;}*/

.accordion50 .toggle_container {background:#fff;padding:0px 0px 16px 2px; border-bottom:1px solid #005EA8; width:100%;}
.accordion50 .toggle_container p {display:block; padding: 0px 0px 0px 0px; width:100%;  font-size:18px;}
  

.accordion50 .toggle_container {border-bottom: 1px solid #005EA8; }
.accordion50 .trigger_active {border-bottom: none }
 
.accordion50 h4 {margin-bottom:4px;}
#page .accordion50 ul {margin-top:4px;}

.accordion50 + div img {float:right;height:100px; width:auto; }

/*standortkarte*/
#c806 .ce-column  {padding:0px 12% 0px 12%;}

/*ausnahmen für ausklappelement im hellblauen block*/
.ausbildung .hellblau .trigger {border-top:1px solid #005EA8;}


.ausbildung .hellblau .text_accordion .trigger span {padding:0px 24px 0px 16px; } 
.ausbildung .hellblau .text_accordion  .toggle_container p {border-bottom:none; padding:0px 16px 0px 16px;}
 
.ausbildung .hellblau .text_accordion .blockcontent {padding: 48px 0px 0px 0px;}

 

 /* nicht mehr gebraucht: Accordions immer mit linie unten, und oben über js
 .contentelements div.block:last-of-type  > div.blockcontent > div.singlecol {border-bottom:1px solid #005EA8; }
*/ 
 
 
 .block.onepageblock {border-bottom:1px solid #005EA8;}
 .onepageblock .introcol , .introcol.padtop-extra-large {margin-top:96px; margin-bottom:96px;}
 
 .defaultpadding {padding-bottom:48px;}
 
 
/*KACHELNAVI*/

.kachelnavi {width:100%; max-width:896px;margin:64px auto 0px auto; padding:0px 0px 0px 0px;}

.kachelnavi-solo .kachelnavi {margin:0px auto 0px auto;}

 
 .kachelnavi div.kachel {
	width: 100%;
	position: relative;
	margin-top: 20px;  
}


 
.kachelnavi a {width:100%; display:block; padding-bottom:100%; padding-bottom:79.113%;background-color: #005EA8; position:relative; 
background-image:url('../images/icons/pfeil_slider.svg');
background-repeat:no-repeat;
background-size:50px auto;background-size:auto 31.5%;
background-position:center center;
background-position:center top 38%;background-position:center top 36%;
}

.kachelnavi a:hover ,
.kachelnavi a:focus ,  .kachelnavi .kachelaktiv a { background-color: #EC9A29; }

.kachelnavi a span { position:absolute;    left: 50%;  top: 66%; top: 64%; transform: translate(-50%, 0);  
font-weight:700; font-size: 24px; display:block; width:100%;padding: 0px 16px 0px 16px; text-align:center; color:#fff !important; }


.kachelnavi a.organisation {background-image:url('../images/icons/navi/verbund/Organisation.svg');}
.kachelnavi a.verwaltung {background-image:url('../images/icons/navi/verbund/Verwaltung.svg');}
.kachelnavi a.eu-office {background-image:url('../images/icons/navi/verbund/EU-Office.svg');}
.kachelnavi a.beauftragte {background-image:url('../images/icons/navi/verbund/Beauftragte.svg');}
.kachelnavi a.gute-wissenschaftliche-praxis {background-image:url('../images/icons/navi/verbund/wissenschaftliche_Praxis.svg');/*background-size:18% auto;*/}
.kachelnavi a.zahlen-und-fakten {background-image:url('../images/icons/navi/verbund/Zahlen_Fakten.svg');}
.kachelnavi a.geschichte {background-image:url('../images/icons/navi/verbund/Geschichte.svg');}
.kachelnavi a.kooperationen {background-image:url('../images/icons/navi/verbund/Kooperationen.svg');}
.kachelnavi a.leibniz-gemeinschaft {background-image:url('../images/icons/navi/verbund/Leibniz_Gemeinschaft.svg');}



.kachelnavi a.auftragsforschung {background-image:url('../images/icons/navi/verstaendnis/Auftragsforschung.svg');}

.kachelnavi a.software-lizenzen {background-image:url('../images/icons/navi/verstaendnis/software_lizenzen.svg');}
.kachelnavi a.ausgruendungen {background-image:url('../images/icons/navi/verstaendnis/Ausgruendungen.svg');}
.kachelnavi a.dialoge {background-image:url('../images/icons/navi/verstaendnis/Dialoge.svg');}
.kachelnavi a.dienstleistungen {background-image:url('../images/icons/navi/verstaendnis/Dienstleistungen.svg');}
.kachelnavi a.citizen-science {background-image:url('../images/icons/navi/verstaendnis/Citizen_Science.svg');}
.kachelnavi a.patente {background-image:url('../images/icons/navi/verstaendnis/Patente.svg');}
.kachelnavi a.partnerschaften {background-image:url('../images/icons/navi/verstaendnis/Partnerschaften.svg');}
.kachelnavi a.kontakt-transfer {background-image:url('../images/icons/navi/verstaendnis/Kontakt_Transfer.svg');}

 .kachelnavi a.invisible{display:none;}

.kachelnavi a.personalentwicklung {background-image:url('../images/icons/navi/arbeitgeber/Personalentwicklung.svg');}
.kachelnavi a.stellenangebote {background-image:url('../images/icons/navi/arbeitgeber/Stellenangebote.svg');}
.kachelnavi a.ausbildung  {background-image:url('../images/icons/navi/arbeitgeber/Ausbildung.svg');}
.kachelnavi a.chancengleichheit {background-image:url('../images/icons/navi/arbeitgeber/Chancengleichheit.svg');}
.kachelnavi a.marthe-vogt-preis {background-image:url('../images/icons/navi/arbeitgeber/Marthe-Vogt-Preis.svg');}
.kachelnavi a.wissenschaftliche-karriere {background-image:url('../images/icons/navi/arbeitgeber/Wissenschaftliche_Karriere.svg');}
 







/*FILTER ELEMENTE*/
.m_toggle {display:none;padding:0px  20px 20px 20px ; }
.m_toggle_inactive  {padding:0px 0px 20px 20px ; }
 
.filter_institute  .m_toggle { padding:0px 0px 20px 20px ; }
 
.m_trigger  {width:100%;cursor:pointer;
padding:18px 24px 20px 20px;  
/*background-image:url('../images/icons/arrow_single_down.svg');background-size:24px auto; */


background-image:url('../images/icons/filter_mobil_pfeil.svg');

background-repeat:no-repeat;
background-size:16px auto; 
background-position:right 16px center;
border-bottom:1px solid rgba(0,94,168,0.30);
}
.m_trigger_active {
background-image:url('../images/icons/arrow_single_up.svg');
border-bottom:none;
}
.m_trigger_inactive   {width:100%;
padding:10px 24px 20px 20px;  
 }


.container_search .m_trigger_inactive {display:none;}
.container_search {width:100%; margin:20px auto 0px auto;}
 
.m_trigger_active + .m_toggle {border-bottom:1px solid rgba(0,94,168,0.30);}

.filter_range .m_toggle {padding-top:0px; position:relative; }

 .col20.filter_range  .m_toggle {padding-bottom:48px;}

 

.i_check  {width:78px; float:left; }

.i_check:nth-of-type(4n+1)  {clear:both; }

.k_left {float:left; display:block; padding-right:24px;width:50%;}
.k_right {float:left; display:block; padding-right:24px;width:50%;}


.s_left {float:left; display:block; padding-right:24px;width:50%;}
.s_right {float:left; display:block; padding-right:24px;width:50%;}

#von {font-size:14px; height:22px;  }
#bis {/*position:absolute; top:0px; left:70px;*/font-size:14px;height:22px; }

#von, #bis {width:55px; float:left; display:block; 
background:#fff !important;
-webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;       /* remove default arrow */
   background-image: none !important;   /* add custom arrow */
   border:none !important;
}
 #bis {padding-left:5px;} 
 #von {width:44px;} 



#yearslider {margin-top:24px; padding-right:20px;}

.newsfilter {padding-top:16px;padding-bottom:16px;}	

.checkboxinput , .label_radio, .label_check {width:100%;  display:block; padding-right:16px; padding-bottom:16px;}	

				

.checkboxinput input {margin:3px 10px 0px 0px;}
.checkboxinput .ui-radio input {margin:8px 10px 0px 0px;}


.label_check input,
.label_radio input {
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 9px;
    position: relative
}

.has-js .label_check input,
.has-js .label_radio input {
    position: absolute;
    left: -9999px
}

.has-js .label_check {
    background-image: url(../images/icons/checkbox.svg);background-size: 16px auto; background-repeat:no-repeat; background-position: left top 1px; 
}

.has-js label.c_on {
    background-image: url(../images/icons/checkbox_marked.svg);
}



.has-js .label_check,
.has-js .label_radio {
    padding-left: 24px;
    color: #000;
    float: left
}

.has-js .text0container .label_radio {
    padding-right: 16px
}

.has-js .label_radio {
    background-image: url(../images/icons/radiobutton.svg); background-size: 16px auto; background-repeat:no-repeat; background-position: left top 6px; 
}

.has-js label.r_on {
    background-image: url(../images/icons/radiobutton_marked.svg);
 
}


.filter_institute .checkboxinput {width:50%; float:left; display:block; padding-right:16px;}	



.arrow_up {padding:0px 0px 0px 0px; width:16px;height:20px;display:inline-block;
background-image:url('../images/icons/arrow_up.svg');
background-repeat:no-repeat;
background-size:16px auto; 
background-position:center  top 5px ;}

.arrow_down {padding:0px 0px 0px 0px; width:16px;height:20px;display:inline-block;
background-image:url('../images/icons/arrow_down.svg');
background-repeat:no-repeat;
background-size:16px auto; 
background-position:center top 5px ;}

.buttonrow {width:100%; display:block; clear:both;padding:48px 0px 0px 0px;position:relative; }
.buttonrow .inputcontainer {position:absolute;    left: 50%; top: 50%;  transform: translate(-50%, -50%);min-width: 300px;}

.buttonrow  .searchbutton   {
	border:1px solid #005EA8;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
	background-color:#005EA8;
	color:#fff;font-size:16px;
	padding:0px 20px 0px 48px; 
	height:38px;line-height:38px;
	display:inline-block;
background-image:url('../images/icons/button_annehmen.svg');
background-repeat:no-repeat;
background-size:16px auto; 
background-position:left 15px center;margin-right:16px;

}




.buttonrow  .resetbutton  {
	border:1px solid #9A9188;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
	background-color:#9A9188;
	color:#fff;font-size:16px;
	padding:0px 20px 0px 48px; 
	height:38px;line-height:38px;
	display:inline-block;
background-image:url('../images/icons/button_muell.svg');
background-repeat:no-repeat;
background-size:16px auto; 
background-position:left 15px center;
}


.buttonrow  input:hover, 
.buttonrow  input:focus {opacity:0.8; cursor:pointer;}


 
 .col20.filter_range p.headline {padding-bottom:48px;}
 
 
 
 
.textcol.c50, .textcol.c2 {float:left; width:100%; /*padding-right:20px; - warum was das hier drin...*/}
.textcol.c33, .textcol.c3 {float:left; width:100%;/*padding-right:20px; - warum was das hier drin...*/}
.textcol {padding-bottom:48px;}
/*
.textcol.c2 p {float:left; width:50%;padding-right:16px;}
.textcol.c2 td > p {float:none; width: 100%; padding: 0px;}*/

.textcol.c2 p em {font-style: normal; color:  #9A9188}

.articlefooter {/*width:100%; */border-top:1px solid #9A9188; margin-top:48px;padding-top:32px;}


.sharelinks {float:left; }
.printarticle {float:right;}

.sharelinks span, .printarticle span {  display:none; }
 
 .block.fullwidth.desktop {display:none;}
 
 
.news-single .frame-default  p   
{padding-left:20px; padding-right:20px;}
.news-single .frame-default  img {width:100%; height:auto;}  

.news-single .frame-default   .ce-column {padding-left:20px; padding-right:20px;}

div[data-ce-columns="2"] .ce-row {width:100%;}
div[data-ce-columns="2"] .ce-column {width:100%;  }

.ce-column img {width:100%; height:auto;}



.podcasts .ce-column img { height:auto;   width:100%; }

.podcasts .frame-type-textpic {  padding-bottom:80px;}
 
 
.startnews.podcasts .col30 .box { padding:0px;  width:100%;background: rgba(0,94,168,0.05);}
.startnews.podcasts .col30 .box .boximage  { padding:0px;  width:100%;}
.startnews.podcasts .col30 .box .newsteaser  { padding:0px 16px 16px 16px;  width:100%;}
.startnews.podcasts p.morelink {margin-top:18px;} 
.startnews.podcasts h4 {height: 130px;}



.ce-column figcaption {padding:0px 20px 20px 20px;}

.news-single .ce-column figcaption {padding:0px 0px 20px 0px;}



/*newsfeature*/

.fvbright { width:100%; }
.fvbleft { width:100%;  max-width:700px; padding-right:10px;padding-bottom:50px;clear:both;padding-top:50px;}

.newsfeature .morelink.single {margin-left:0px;margin-top:20px;}
.newsfeature h3.zitat { width:300px; margin: 80px auto 80px auto;}


 #br50 {width:100%; margin-top:50px; padding:0px; margin-left:-10px;}
  #br50  a {padding:10px;}
  
#br50 .boximage {float:left; width:25%; padding-bottom:0;padding-right: 10px;}
 #br50 .boxtext {float:left; width:75%; padding-left: 10px;margin-top: -2px;}

.piwikframe {border: 0; min-height: 200px;height:350px; width: 100%;} 
 


 
/* 
 .ui-slider-handle  {border:1px solid #005EA8;
	background-color:#005EA8 !important;
	color:#fff;font-size:16px;
	padding:0px 20px 0px 48px; 
	height:38px;line-height:38px;
	display:inline-block;
background-image:url('../images/icons/pfeil_slider.svg');
background-repeat:no-repeat;
background-size:10px auto; 
background-position:left 4px center;}

.ui-slider-input {margin-top:-42px !important; width:70px !important;}
.ui-rangeslider .ui-rangeslider-sliders {margin: 0px 68px; margin:0px !important;}

.ui-slider-popup {display: none !important;}*/
  
  
  

  
  
/*podcast auf startseite*/


.podcast_left {width:100%;}

.podcast_right { width:100%;padding-top:8px; }



.podcast_start .frame  {background:#fff;}

.podcast_left .podcastitem  {padding: 10px 20px 10px 20px;}


.podcast_right .podcastitem  {padding: 10px 40px 10px 20px;}


.containeroverlay {/*position:absolute; bottom:0; height:40px; width:100%;background:rgba(255,255,255,0.4)*/ display:none;}

.podcast_container {margin-top:40px;}

.podcast_morelinkcontainer {width:100%; text-align:center;}
/*.podcast_container .morelink a {color:#005EA8;color:#EC9A29;}
.podcast_container .morelink a:hover { color:#EC9A29;}*/
/*podcast auf startseite*/

.podcasts_startseite .blockcontent.listcontent  {padding-bottom:48px; }
   
   .podcasts_startseite {margin-bottom:48px; }





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

@media all and (min-width: 360px){ 
	
.piwikframe {height:280px;} 

#sprachnavi { right:89px;}
#search { right:120px;}
#tw_header { right:175px;}
#fb_header { right:215px;}

}



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

.portrait_foto { float:left;  width:174px; padding-right:32px;padding-bottom:12px; }
.portrait_foto img  {  width:142px;}

.portrait_text {float:left; width:calc(100% - 174px); padding:0; }



.searchinput { width:70%; }

.container_search {width:340px;}
.col20 .searchinput { width:258px; }

.sixcols div.pcol {
width: calc((100% / 2));
}


}

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

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

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


.searchinput { width:292px; }

.col20 .searchinput { width:258px; }

}



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

	
	/*ausbildungsbroschuere*/
.col66 .broschuere_box .boximage {float:left; width:33.333333%; padding-right:20px;padding-top:3px; padding-bottom: 0;}
.col66 .broschuere_box .boximage img{border: 1px solid #9A9188;}

.col66 .broschuere_box .boxtext {float:left; width:66.666667%; }






	

.newsline_left {width:30%;display:block; float:left;padding-right:20px;  }

.news_title {width:70%; display:block; float:left; padding: 0px} 

.news_category {width:100%; display:block;padding:8px 0px 4px 0px;color: #005EA8; text-transform:uppercase;font-size:14px;}
.news_institut {width:100%; display:block; text-align:left;padding:4px 0px 4px 0px;color:#9A9188;}

.news_date {width:100%; display:block;padding:4px 0px 4px 0px;color:#9A9188;}



/*
.fw_accordion .trigger {text-align:center;}
.fw_accordion .trigger span {padding:0px 24px 0px 10px;}
*/

.fw_accordion .filter .trigger span {padding:0px 24px 0px 10px;}

.listitem {padding:5px  0px 3px 0px; }
.ma_line ,
.ma_line:first-of-type,
.ma_line:last-of-type {width:25%;display:block; float:left;padding-right:20px; clear:none;padding-bottom:0px;}	
	
	
 #bluebar h2 {  font-size:24px;}
 
 
	.kachelnavi {width:100%; max-width:896px; margin:96px auto 0px auto;margin:64px auto 0px auto;}
	
	.kachelnavi {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between; 
	
	}
	
	.kachelnavi div.kachel {
	width: calc((100% / 2) - 10px);
	position: relative;
 margin-top: 20px;
	
	}



 
}


 
@media all and (min-width: 540px){
	
	
.newsline_55 { width:50%; display:block; float:left; padding:8px 12px 4px 0px; }	

.newsline_15 {width:50%; float:right; display:block; padding:8px 12px 4px 0px;} 
.newsline_15.clear-right-mobile {clear:right;}

/*footer-abbinder mit socialmedia-icons*/
.articlefooter {/*width:100%; */border-top:1px solid #9A9188; margin-top:48px;padding-top:32px;}


.sharelinks {float:left;}
.printarticle {float:right;}
.sharelinks span, .printarticle span {color:#9A9188; display:inline-block; float:left; padding-right:10px;  padding-left:0px;  height: 40px; padding-top:22px; font-size:18px}




.i_check:nth-of-type(4n+1)  {clear:none; }
.i_check:nth-of-type(5n+1)  {clear:both; }




}
  
 

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


.piwikframe {height:250px;} 	

.fvbright {  max-width:464px;}	
	  
.accordion50 {width:50%; padding:20px 40px 20px 0px ;float:left; max-width:700px;} 
  
.accordion50:nth-of-type(even) {clear:both;}

.accordion50 + div {float:left; padding:20px 40px 0px 0px;width: 50%;}

.accordion50 .trigger span  {max-width:520px;}


.ausbildung .hellblau .text_accordion .trigger span {padding:0px 24px 0px 16px; } 
 .ausbildung .hellblau .text_accordion  .toggle_container p {border-bottom:none; padding:0px 16px 0px 16px;}
 .ausbildung .hellblau .text_accordion .blockcontent {padding: 96px 0px 0px 0px;}
 
.accordion50 .toggle_container {background:#fff;padding:0px 0px 16px 120px; border-bottom:1px solid #005EA8; width:100%;}
 
	
	
div[data-ce-columns="2"] .ce-row {width:100%;}
div[data-ce-columns="2"] .ce-column {width:50%;float:left;  }

.ce-column img {width:100%; height:auto;}

.ce-column figcaption {padding:0px 0px 20px 0px;}

 
.frame-type-image.frame-layout-0 .ce-image  { padding:0px 0px 6px 0px;  } 

	
  .sixcols div.pcol {
 width: calc((100% / 3));
}


.rcol .box {float:left; width:50%; clear:none;}

.rcol h5 {margin:0px 0px 24px 0px; } 
 
.rcol .box.first {padding-top:0px;float:left;width:50%;padding-right:32px;}

 

.imap { padding-bottom:43.75%; margin:48px 0px 32px 0px;margin:0px 0px 0px 0px;}
.maplink {margin:0px 0px 32px 0px;} 

.col30 {float:left; max-width:433px; max-width:464px;padding:0px 0px 30px 0px;   width:50%; width: calc((100% / 2) - (100% * 0.022222)); margin-right:calc(100% * 0.022222);}

.startnews .col30 {float:left;  max-width:464px;    width:50%;  margin:0;}

.newsfeature .col30 {  max-width:464px;width:100%; }

.start .news .startnews .col30:nth-of-type(3)  {display:none;} 


.col30:nth-of-type(2n+1) { clear:both;}

 



.col25 {float:left; max-width:316px;padding:0px 0px 30px 0px;   width:50%; width: calc((100% / 2) - (100% * 0.022222)); margin-right:calc(100% * 0.022222);}
.col25:nth-of-type(2n+1) { clear:both;}

 
/* col20 nur für filter - keine zwischenversion - 20 oder 200%
.col20 {float:left; max-width:316px;padding:0px 0px 30px 0px;   width:50%; width: calc((100% / 2) - (100% * 0.022222)); margin-right:calc(100% * 0.022222);}
.col20:nth-of-type(2n+1) { clear:both;}*/


.s_right label, .s_left label {float:left; display:block; padding-right:24px; width:auto;}






}


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


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

.podcast_left {width:25%;float:left; display:block; height:565px;}

.podcast_right {width:75%;float:left; display:block;padding-left:8px;padding-top:0px; height:565px; overflow:auto;/*overflow-y:scroll; */}
.scrollcontainer {width:100%; height:565px;}

.podcast_start .frame  {background:#fff; }


   
   
	
	
.piwikframe {height:200px;} 	
	
.fvbright {float:right; width:40%; max-width:464px;}

.fvbleft {width:100%; max-width:1440px;padding:0px;}

.fvbleft .morelink.single {margin-top:48px}

.fvbright + .fvbleft {float:left;width:60%;  max-width:700px; padding-right:10px;padding-bottom:50px;clear:none;padding-top:0;}
.fvbright + .fvbleft .sidecol {display:none; }

 .fvbright + .fvbleft .singlecol {width:100%; float:none; margin-left: 0px;}

 .kachelnavi  {padding:0;}
 
 .kachelnavi div.kachel {
	width: calc((100% / 3) - 12px);
	position: relative;
	margin-top: 18px;

}


.kachelnavi a span {  font-size: 20px;}


.col20.searchbox {float:left;width:50%;padding:10px 0px 0px 0px}
.buttonrow {float:left;width:50%;clear:none;padding:98px 0px 0px 0px}




/*News Element Seite Ausbildung*/
 .col33 {padding-top:60px;}
  
.col33 .broschuere_box {width:50%;float:left;padding:0px 20px 20px 0px; clear:none;}





}

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

	
}


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


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

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

 
 #br50 {width:100%; margin-top:50px; padding:0px; margin-left:-16px;}
  #br50  a {padding:16px;}
 #br50 .boximage {float:left; width:25%; padding-bottom:0;padding-right: 18px;}
 #br50 .boxtext {float:left; width:75%; padding-left: 14px;margin-top: -5px;}




.newsline_15  span, .newsline_55  span, .newsline_15.hellgrau span  {padding-top:   8px ; }

.newsline_55  span {display:inline-block;}

.newsline_55 span.mobile-label, .newsline_15 span.mobile-label, .newsline_15.hellgrau span.mobile-label {display:none;}


.all_listheader {display:block;}
.newsline_55 {width:40%; display:block; float:left; padding:8px 0px 4px 0px; }
.newsline_15 {width:20%; display:block; float:left; padding:8px 0px 4px 0px;} 
 
 .newsline_15.clear-right-mobile {float:right;clear:none;}
 
 .listitem.multilines {padding:5px  0px 0px 0px;}
 	

 .block.fullwidth.mobile {display:none;}
 .block.fullwidth.desktop {display:block;}
 
 

 
 .sixcols div.pcol {
 width: calc((100% / 4));
}


.textcol.c50, .textcol.c2 {float:left; width:50%; padding-right:20px;}
.textcol.c33, .textcol.c3 {float:left; width:33%; padding-right:20px;}
/*
.textcol.c2:nth-of-class(2n+1), .textcol.c50:nth-of-class(2n+1) { clear:none;}
.textcol.c3:nth-of-class(3n+1), .textcol.c33:nth-of-class(3n+1) { clear:both;}*/
/*wenn div element zuvor funktioniert so nicht....*/
.clear_3col{ clear:both;}



.textcol {padding-bottom:48px;}

 .textcol.c2:nth-of-type(2n) {clear:both;}
  
#arrow_up { right:10px; bottom:10px; }
 
#socialmedia {position:fixed; top:300px; right:1px;z-index:1000;height:200px;display:block;}
#socialmedia a { clear:both; width:40px; height:40px;  padding-right:0px; margin:0px 0px 5px 0px;}  

#wrapper {
position: relative;
width:100%;
margin:100px auto 0px auto; 
}
 
 
#slider  {
width:100%; max-width:4500px; 
padding:0px 0px 0px 0px;
display:block;
position: relative;
margin:0px auto 0px auto;
}
 


#headerwrapper, #headerbar, #logocontainer  { 
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-ms-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}

 
#headerwrapper{position:fixed;top:0;width:100%;height:101px;z-index:550;background-color:#fff; z-index:550;     }	

#headerwrapper.shadow { 
	 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);
 
    }	

#headerbar {position: relative; height:101px; margin:0px auto 0px auto; background-color:#fff; width:100%;max-width:1440px;
border-bottom:none ;  
 box-shadow:none;
 -moz-box-shadow:none;
-webkit-box-shadow: none;     
 }


.dtscroll {transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    
    height:64px !important;
}
.dtscroll_wrapper { 
    margin-top:70px !important;transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


 
.dtscroll_logo { 
    margin-top:0px !important;
} 

#logocontainer { float:left;padding:0px 0px 0px 40px; top:0;position:relative; left:0;
width:26.638888%; height:auto; 
}



#logo  , #logo.desktop { 
/* 
width:100%; height:auto; 
padding-bottom: 25.172310%;*/

 
width:auto; height:84px; 
padding-bottom:0;

background-image:url('../images/logo/FVB_logo2018_Leibniz_RGB.svg');
background-repeat:no-repeat;
background-size:100% auto;
background-position:center center;
}

 
 #logo.mobil {
 
  background-position:center top 10px;height:55px;
 
 
/* transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;*/ }
    
    
    
        
#logocontainer {height: 101px; }
#headerwrapper {height: 101px; }
#headerbar {height: 101px; }
#wrapper {margin-top: 101px; }
#logo {margin-top:  12px}




/*#logo a {display:block;width:100%;padding-bottom:40%;}
*/

/*
max. breite: 333,7 von 1440

= 23.173611%

  84 / 333.7=  Bild 25.172310%

373.7 / 84+32+32 = 31.669491%

logocontainer
380 von 1440 = 26.638888%
padding-left:40px;

12 * 84  1008
11*32 = 352

2 * 40 = 80

1440
*/

 
 
#searchcontainer {display:none;position:absolute;left:0px; right:0px; top:40px; background: #F4F4F3; top:38px;  border-top:1px solid #fff; height:60px; padding:10px 0px 0px 20px;width:433px;width:408px;width:508px;z-index:100;}
 
#mainmenu { padding-left:20px; position:absolute;bottom:0;}

#metanavi {float:none;position:absolute; right:40px; top:0px; background: #F4F4F3; height:44px; padding-top:10px;
;width:738px;width:688px;} 


#search {position:absolute;top:0px; left:100px;left:50px; right:0;
display:block; padding: 0px 0px 0px 0px;width:50px; height:44px;
}

#search a { 
display:block; padding: 0px 0px 0px 0px;width:50px; height:44px;
background-image:url('../images/icons/lupe_blau.svg'); 
background-position:left 16px top 12px; background-repeat:no-repeat;
}
 
#search a:hover ,#search a:focus {background-image:url('../images/icons/lupe_grau.svg');  }


#tw_header {position:absolute;top:0px; left:50px;left: 3px;  right:0;
display:block; padding: 0px 0px 0px 0px;width:50px; height:44px;

}


#tw_header a{
display:block; padding: 0px 0px 0px 0px;width:50px; height:44px;
background-image:url('../images/icons/twitter_blue.svg'); 
background-position:left 14px top 14px; background-size:21px auto;background-repeat:no-repeat;
}


#fb_header {position:absolute;top:0px; left:0px; right:0;
display:block; padding: 0px 0px 0px 0px;width:50px; height:44px;

}

#fb_header a{
display:block; padding: 0px 0px 0px 0px;width:50px; height:44px;
background-image:url('../images/icons/facebook_blue.svg'); 
background-position:left 23px top 11px; background-size:11px auto;background-repeat:no-repeat;

}

#tw_header a:hover, #tw_header a:focus   {background-image:url('../images/icons/twitter_grey.svg'); }

#fb_header a:hover, #fb_header a:focus   {background-image:url('../images/icons/facebook_grey.svg'); }



#metamenu {position:absolute;top:12px;left:62px;left:162px;left:112px; padding: 0px 0px 0px 0px;display:block;}

#sprachnavi {position:absolute;top:12px; left:auto; right:0px; display:block; padding: 0px 17px 0px 16px;}

 

#breadcrumbs {float:right; display:block;padding-top:16px;position:absolute; right:40px; bottom:12px;bottom:16px;bottom:21px;}
#breadcrumbs ul {list-style-type:none;}
#breadcrumbs li {float:left;}

#breadcrumbs span, #breadcrumbs a , #breadcrumbs li {font-size: 16px;color:#fff; 
/*
text-shadow: 0px 1px 2px #9A9188;*/
	 text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); 


}


#breadcrumbs a:hover , 
#breadcrumbs a:focus {color:#9A9188;}

#breadcrumbs span {display:inline-block; padding: 0px 8px 0px 8px;}

#bluebar {width:100%;height: 50px; }
.innercontainer {  height: 50px;    padding: 0px 40px 0px 40px;  }

#bluebar h2 {float:left; font-size:24px; color:#fff;font-weight:400;line-height:50px;}
 


/*
lcol rcol

156 664 148 316 156 =1440

156 664 148  = 968  = 67.222222%

316 156 = 472  =  32.777778%

*/


#page  {
width:100%; 
padding:64px 0px 0px 0px;
display:block;
position: relative;
margin:0px auto 0px auto;
}
 
.start #page  {padding:96px 0px 0px 0px; }
 
 /*ansonsten immer 64*/ 



.block {width:100%;  display:block;margin:0;    padding:0px 0px 64px 0px;}
 
.block + .block.fcesinglecol {margin-top:-32px;} 

/*Ausnahme auf startseite - alternativ: kein padding in block, blockpad div einfügen*/
.start .news .block {padding:0px 0px 96px 0px;}

.block.fullwidth {padding:0px 0px 0px 0px;}

 
.zahlenfakten .block:first-of-type {padding-bottom:0px;}


 
.block.standalone  {padding:96px 0px 96px 0px;}

.block.nopad:last-of-type, .block.padbottom  {padding:0px 0px 48px 0px;}

.blockcontent , .toggle_inner {width:100%;  max-width:1440px;margin:0 auto 0px auto; display:block; clear:both;padding:0px 0px 0px 0px;}

.contentelements {width:100%;  display:block;margin:0; }
 
 


.news-single .frame-default, body.news-sections .frame-type-text {width:100%;  max-width:1440px;margin:0 auto 0px auto; display:block; clear:both; }

body.news-sections .frame-type-text, .fotogalerie .frame-type-image.frame-layout-0 {padding:0px 40px 0px 40px;}



.block.filter .blockcontent {padding:0px 40px 0px 40px;}

.block.fullwidth  .blockcontent{max-width: 4500px;} 


.blockpad {width:100%;  padding:0px 0px 96px 0px;}


.block.hellgrau .blockcontent {width:100%; padding:96px 40px 96px 40px;}


.block.hellblau {background:rgba(0,94,168,0.05);border-top:1px solid #005EA8;border-bottom:1px solid #005EA8;}

.block.hellblau .blockcontent {width:100%; padding:96px 40px 0px 40px;
/*background-image:url('../images/fvb_bg.svg');
background-repeat:no-repeat;
background-size:315px auto;;
background-position:left 32px top 156px;*/
} 





.start .block.hellblau .blockcontent {width:100%; padding:96px 40px 0px 40px;
background-image:url('../images/fvb_bg.svg');
background-repeat:no-repeat;
background-size:315px auto;;
background-position:left 32px top 156px;
} 


.start .block.hellblau.newsfeature .blockcontent {width:100%; padding:96px 40px 0px 40px;
background-image:url('../images/fvb_bg.svg');
background-repeat:no-repeat;
background-size:315px auto;;
background-position:left 30% bottom 0px;padding:48px 20px 0px 20px; 

} 

.block.hellblau.nologo  .blockcontent  {background-image:none !important; }


  
.aktuelles .block.hellblau .blockcontent, .forschung .block.hellblau .blockcontent { padding:64px 32px 0px 32px;  max-width:1456px;}


.fotogalerie .frame-type-image.frame-layout-0 header  {padding:96px 32px 0px 32px;  max-width:1440px;margin:0 auto 0px auto;  } 
.fotogalerie .frame-type-image.frame-layout-0 .ce-image  {padding:48px 32px 96px 32px;   max-width:1440px;margin:0 auto 0px auto; } 




.blockcontent .trigger, .blockcontent .toggle_container   {
	
	/* wo wurde das gebraucht? / wurde das gebraucht? - jetzt rausgenommen für seite ausbildung
	
	margin-left: 40px; margin-right: 40px; */

margin-left: 0px; margin-right: 0px;width:auto;}


.blockcontent .accordion50 .trigger, .blockcontent .accordion50  .toggle_container   {margin-left: 0px; margin-right: 0px; width:auto;}

/*nicht in singlecol (news) und nicht fw_accordion*/

.blockcontent .singlecol .trigger, .blockcontent .singlecol .toggle_container , 
.blockcontent .fw_accordion .trigger, .blockcontent .fw_accordion .toggle_container  
  {margin-left: 0px; margin-right: 0px; width:100%;}
  
  
.blockcontent .singlecol .toggle_container {margin-bottom:48px;}



.block.text_accordion:last-of-type  {margin-bottom:96px;margin-bottom:48px;}

.text_accordion .trigger span {padding-left:0px;}

/*news single*/
.contentelements .block.text_accordion:last-of-type  {margin-bottom:0px;}


/*1440
387. 664   389

*/


.singlecol , .news-single .frame-default .ce-image,   .news-single .frame-default .ce-textpic ,   .news-single .frame-default > p   
{float:left; margin-left: 26.875%; width:46.111111%;padding-bottom:0; padding-left:0px; padding-right:0px;}
.singlecol.newscaption{margin-bottom:32px; margin-top:6px;}


.sidecol {float:left;width:27.013888%;padding-left:32px; padding-top:148px;}


/*894*/
.introcol, .standardcol, .articlefooter {margin-left: 18.958333%; width:62.083333%;padding-bottom:0; /*float:left; */}
.introcoltext {padding-right:0px;}


.threecols {margin-left: 11.25%; width:88.75%;padding-bottom:0; /*float:left; */}
/*. 162  264  162  264  162   264  162 */
.threecols .contentbox {float:left; max-width:264px;  padding:0px 0px 30px 0px; width: calc((100% / 3) - (100% * 0.1125)); margin-right:calc(100% * 0.1125); }




.col30 {float:left; max-width:433px; max-width:464px;padding:0px 0px 30px 0px;   width:33.333333%; width: calc((100% / 3) - (100% * 0.022222)); margin-right:calc(100% * 0.022222);}
.col30:nth-of-type(2n+1) { clear:none !important;}

.col30:nth-of-type(3n+1) { clear:both !important;}

.mitarbeiter .col30.person {padding:0px 0px 30px  0px;}
 
.col25 {float:left; max-width:320px;padding:0px 0px 30px 0px; width:25%; width: calc((100% / 3) - (100% * 0.022222)); margin-right:calc(100% * 0.022222);}

.col25:nth-of-type(2n+1) { clear:none;}
.col25:nth-of-type(3n+1) { clear:both;}

.morelink.floating {float:none;  max-width:100%;font-size:16px; margin-bottom:10px !important;}
.downloadlink.floating {float:none; max-width:100%;font-size:16px}


 .blockcontent.listcontent  .frame-type-text {padding-top:96px;}
 
/*und organisation: hier zusätzliche einstellung gemacht: */
 .blockcontent.listcontent  .frame-type-text.frame-space-before-extra-small {padding-top:0px;}
 .blockcontent.listcontent  .frame-type-text.frame-space-before-small {padding-top:20px;}
 
 
 
 
 
  .podcasts_startseite .blockcontent.listcontent .frame-type-text {padding-top:0px;}
  
   .podcasts_startseite .blockcontent.listcontent  {padding-bottom:96px; }
   
   .podcasts_startseite{margin-bottom:96px; }
   
   

.blockcontent.startnews {width:100%;  padding:0px 24px 0px 24px;} 


.blockcontent.verbundjournal, .blockcontent.downloads, .blockcontent.jahresberichte {width:100%;  padding:0px 10px 0px 41px;} 

.startnews h3 { padding:0px 16px 0px 16px;}


.blockcontent.listcontent {width:100%;  padding:0px 0px 0px 40px;} 


.blockcontent.listcontent .fw_accordion { width:calc(100% - 40px);}

.blockcontent.listcontent .listitem {/* width:calc(100% - 40px);*/ width:100%; }


.text_accordion .blockcontent{ padding:0px 40px 0px 40px;}

.news-single .text_accordion .blockcontent{ padding:0px 0px 0px 0px;}



/*
17.6. rausgenomman, hat auf seite marthevogt-preis gestört - wo noch verwendet??


.line_link:last-of-type  {width:calc(100% - 40px);}

.line_link:last-of-type  .listitem { width:100% ;}


*/


.startnews .col30  {float:left; max-width:433px; max-width:464px;  width:33.333333%;    margin-right:0;}
.startnews .col30 .box , .newsfeature .col30 .box { padding:16px 16px 16px 16px;  width:100%;}


/*text element auf startseite podcasts*/
.podcasts .ce-column img { height:auto;  width:432px;  float:right; margin-left: 40px;}
.podcasts .frame-type-textpic {padding-right:40px; padding-bottom:80px;}


.startnews.podcasts .col30  {float:left; max-width:433px; max-width:464px;  width:33.333333%;    margin-right:0; padding:16px 16px 16px 16px;}
.startnews.podcasts .col30 .box { padding:0px;  width:100%;background: rgba(0,94,168,0.05);}
.startnews.podcasts .col30 .box .boximage  { padding:0px;  width:100%;}
.startnews.podcasts .col30 .box .newsteaser  { padding:0px 16px 16px 16px;  width:100%;}
.startnews.podcasts p.morelink {margin-top:18px;} 
.startnews.podcasts h4 {height: 130px;}

 
.morelink.single {margin: 32px 0px 0px 16px;  }
.singlecol .morelink.single,.hoverboxes .morelink.single {margin: 32px 0px 0px 0px;}

.fvbleft .morelink.single {margin-top:48px}
 

.start .startnews .col30:nth-of-type(3)  {display:block; float:left;clear:none;}
  
.start .news .startnews .col30:nth-of-type(3)  {display:block;} 



.col50 {width:50%;float:left;padding-right:70px;}

.podcast .col50:nth-of-type(1) {padding:0px 20px 0px 0px;}
.podcast .col50:nth-of-type(2) {padding:0px 0px 0px 20px;}



/*.col30 img {margin-top:10px;}*/
 
 
 
 .newsline_left {width:30%;display:block; float:left;padding-right:0px;}

.singlecol img {}

 


/* NEWS Einzelseiten*/

.news-single .frame-default .ce-image  img {width:100%;height:auto;}

.ce-textpic.ce-left .ce-gallery {width:50%; float:left; padding-right:10px;}
.ce-textpic.ce-left  .ce-bodytext {width:50%; float:left; padding-left:10px;}
.ce-textpic.ce-left   .ce-column  {padding-bottom:20px;}


div[data-ce-columns="2"] .ce-row {width:100%;}
div[data-ce-columns="2"] .ce-column {width:50%;float:left;  }

.ce-column img {width:100%; height:auto;}





.ce-textpic.ce-left figcaption {padding-right:16px;}
 
.news-single .frame-default .ce-image,   .news-single .frame-default .ce-textpic ,   .news-single .frame-default > p   { padding-bottom:32px;}


.news-single .frame-default   .ce-column, .news-single .frame-default p {padding-left:0px; padding-right:0px;}
 
/*.news .singlecol {padding-bottom:32px;}*/
/*nicht gebraucht wegen footer*/

.news-single .frame-space-before-medium {padding-top:32px;}



.person_foto { padding-right:20px;}
.person_text { padding-left:20px; }
 
.filter .toggle_container {padding:0px 40px 0px 40px;}


 .col20 .searchinput {  width:80%;}
 
 
 .newsline_left {width:40%;display:block; float:left;padding-right:20px; padding-bottom:0;}

.news_title {width:60%; display:block; float:left; padding: 0px} 
 
.news_category {width:33%; display:block; float:left;padding:8px 0px 10px 0px;color: #005EA8; text-transform:uppercase;font-size:16px;}
.news_institut {width:33%; display:block; float:left;text-align:center;padding:8px 0px 10px 0px;color:#9A9188; }
.news_date {width:33%; display:block; float:left;padding:8px 0px 10px 0px;color:#9A9188; }
 
 
 
 
.articlefooter {/*width:100%;*/ border-top:1px solid #9A9188; margin-top:96px;padding:32px 20px 0px 20px;}


}  




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

.mobile-label, .newsline_15.hellgrau span.mobile-label {display:none;}
.all_listheader {display:block;}
.newsline_55 {width:55%; display:block; float:left; padding:8px 0px 4px 0px; }
.newsline_15 {width:15%; display:block; float:left; padding:8px 0px 4px 0px;} 
 
 .newsline_15.clear-right-mobile {float:right;clear:none;}
 
 .listitem.multilines {padding:5px  0px 0px 0px;}
 	

 .block.fullwidth.mobile {display:none;}
 .block.fullwidth.desktop {display:block;}
 
 
 /*News Element Seite Ausbildung*/

.col66 {width:66.666667%;float:left;padding:0px 70px 0px 70px;}
.col33 {width:33.333333%;float:left;padding:0px 70px 0px 70px;}

.col33 .broschuere_box {clear:both; width:100%;padding:0px 0px 24px 0px;}
 
 
 /*verbundjournal auf startseite
.start .col66 { padding:0px 70px 0px 0px;}*/


	
 .sixcols div.pcol {width: calc((100% / 5));}

 .pressekontakt  .sixcols div.pcol { width: calc((100% / 8)); }


 	    
#logocontainer {height: 148px; }
#headerwrapper {height: 148px; }
#headerbar {height: 148px; }
#wrapper {margin-top: 148px; }
#logo {margin-top:  32px}

#bluebar {width:100%;height: 74px; }
.innercontainer {  height: 74px;}

#bluebar h2 {float:left; font-size:36px; color:#fff;font-weight:400;line-height:74px;}
 

 .kachelnavi div.kachel {
    width: calc((100% / 3) - 16px);
    border: 1px solid transparent;
    position: relative;
 
    margin-top: 24px;
}


.kachelnavi a span {  font-size: 24px;}

.morelink.floating {float:right; margin:0 !important;max-width:56%;font-size:16px}
.downloadlink.floating {float:left;margin:0 !important;max-width:40%;font-size:16px}
 
}





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

.newsline_left {width:30%;display:block; float:left;padding-right:20px; padding-bottom:0;}

.news_title {width:70%; display:block; float:left; padding: 0px} 

}



@media all and (min-width: 1200px){
 
	
	/*FILTER*/

.i_check:nth-of-type(4n+1)  {clear:none; } 
.i_check:nth-of-type(5n+1)  {clear:none; } 
 
.i_check:nth-of-type(odd)  {clear:both; }


.k_right {clear:both; display:block; padding-right:24px;}

.s_right {clear:both; display:block; padding-right:24px;}

.s_right label, .s_left label {float:none; display:block; padding-right:24px;width:100%;}

.col20, .col20.searchbox {float:left; max-width:320px;padding:0px 0px 30px 0px;  width:20%; width: calc((100% / 5) - (100% * 0.022222));  margin-right:calc(100% * 0.022222);}
.buttonrow {float:none;width:100%;clear:both;padding:48px 0px 0px 0px}


.m_trigger, .m_trigger_inactive {background-image:none;padding:0px 0px 20px 0px;border-bottom:none;}
.m_toggle, .m_toggle_inactive {display:block;padding:0px;}
  .container_search .m_trigger_inactive {display:block;}
.container_search {margin:0;}






 
.lcol {width:67.222222%;float:left; padding-bottom:0px;}
.rcol {width:32.777778%; float:right;padding-top:128px; }


.lcol  .container  { padding: 0px 16.115702% 0px 15.289256%; width:100%; display:block;}
.rcol .container  { padding:0px 33.050847% 0px 0px;  width:100%; display:block;}

.rcol .box {clear:both;padding-top:24px;width:100%; padding:0;}
.rcol .box.first {padding-top:0px;padding-right:0px;padding-bottom:0px;width:100%; padding:0;}
.rcol .box p {margin-bottom:24px;}
.rcol .box .portrait_text p {margin-bottom:8px;} 

.portrait_foto { float:none;  width:174px; padding-right:32px;padding-bottom:12px; }
.portrait_foto img  {  width:142px;}

.portrait_text {float:none; width: 100% ; padding:0; }

.textcontainer {padding:0px ;}

.imap { padding-bottom:100%;margin:90px 0px 0px 0px;}

.kontaktmap .imap {padding-bottom:40%;margin:0px 0px 0px 0px;}

.maplink {margin:0px 0px 32px 0px;} 

.col25 {float:left; max-width:320px;padding:0px 0px 30px 0px; width:25%; width: calc((100% / 4) - (100% * 0.022222)); margin-right:calc(100% * 0.022222);}

.col25:nth-of-type(2n+1) { clear:none;}
.col25:nth-of-type(3n+1) { clear:none;}
.col25:nth-of-type(4n+1) { clear:both;}

.morelink.floating {float:none;  max-width:100%;font-size:16px; margin-bottom:10px !important;}
.downloadlink.floating {float:none; max-width:100%;font-size:16px}
}


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

.morelink.floating {float:right; margin:0 !important;max-width:56%;font-size:16px}
.downloadlink.floating {float:left;margin:0 !important;max-width:40%;font-size:16px}

}


 @media all and (min-width: 1440px){
    .portrait_foto { float:left;  width:174px; padding-right:32px;padding-bottom:12px; }
    .portrait_foto img  {  width:142px;}
    
    .portrait_text {float:left; padding:0; width:142px; }
    
    
 .sixcols div.pcol { width: calc((100% / 6)); }
 
 .pressekontakt  .sixcols div.pcol { width: calc((100% / 8)); }
  

.kontaktmap { width: calc((100% / 2)); padding-left:220px; float:right;}
.kontaktmap.kontakt { width: calc((100% / 2)); padding-left:0px;padding-right:220px; float:left;}

.kontaktmap .imap {padding-bottom:0; height:200px; }
.kontaktmap .maplink {float:right;}
.kontaktmap .maplink  a {padding-right:0px;}
.kontaktmap .textcontainer {margin-top:24px;}

   .articlefooter {/*width:100%;*/ border-top:1px solid #9A9188; margin-top:96px;padding:32px 0px 0px 0px;}
 
    
    
 }
 

  
   
     .fadeInLoad {
        border: 1px solid #48484A;
        font-size: 40px;
        animation: fadeInLoad 5s;
    }
    @keyframes fadeInLoad {
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    
    
   
 
	/*organigramm*/
 

.pageelements .organigramm_container h3 {margin:0px 0px 0px 0px;   color:#005EA8; text-align:center;} 


.organigramm_container {width:100%; padding:48px 0px 0px 0px; position:relative;}
 
.organigramm p {padding:0; margin:0;text-align:center;font-size:16px; }

.organigramm {width:100%; background:#fff; border:1px solid #005EA8; padding:16px 12px 12px 16px;
position:relative;}

.organigramm.sub {width:66.666667%; margin:auto;

}
.organigramm.sub:first-of-type {margin-top:32px;}


.organigramm.floating {width:100%; max-width:316px;  margin:0px auto 32px auto; padding:12px ;}



.organigramm_logo {
	width:100%;
/*	padding-bottom:33%;*/
 
height:130px;
background-repeat:no-repeat;
background-size:33% auto; 
background-position:right 2px center;
position:relative;
}

.organigramm_logo a { display:block;height:130px; }


.organigramm_logo p  {
  position: absolute;
  top: 50%; 
  
  
  
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);

  width:60%;
  text-align:left; line-height:20px;
  
  font-size:16px;
  
}



/*.organigramm_logo img {width:20%; height:auto; float:right;  }*/
 
 

.clear16 {width:100%; height:16px;display:block;clear:both;}
.clear32 {width:100%; height:32px;display:block;clear:both;}
.clear48 {width:100%; height:48px;display:block; clear:both;}
.clear64 {width:100%; height:64px;display:block;clear:both;}


 

.vertical_middle
{display:block; 
 height: 48px;width:2px;
background:#005EA8;
 position: relative;
 top: 0px;
 left: 50%;
}
.horizontal_middle
{display:block; 
 height: 2px; width:100%;
 border-top: 1px solid #005EA8;
 position: relative;
 top: 0px;
 left: 0px;
}

 .horizontal_left,  .horizontal_right,  .horizontal_full  {display:none;}

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

.logo_container  {width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;}


 
 .organigramm.floating {margin:0px 0px 0px 0px;}
 
 
 .organigramm.floating { width:50%; max-width:316px;float:left; margin-right:32px; margin-bottom:32px;   }
 
 
.logo_container {width:664px;margin:0px auto 0px auto;} 
 
.organigramm.floating:nth-of-type(2) {margin-right:0px; }
.organigramm.floating:nth-of-type(4) {margin-right:0px; } 
.organigramm.floating:nth-of-type(6) {margin-right:0px; } 
.organigramm.floating:nth-of-type(8) {margin-right:0px; } 



.organigramm.floating:nth-of-type(7) {margin-right:0px; }

 
 
}




@media all and (min-width: 1100px){ 
	/*1054px*/
	
.organigramm_container {width:100%; padding-top:96px :}

.dt_hide {display:none;}



.organigramm {width:33.333333%;max-width:431px; margin:0px auto 0px auto;z-index:10;}

.kuratorium .organigramm.main {
position: relative; 
top: 50%;
transform: translateY(-50%);
width:33.333333%;

} 
.organigramm.floating { width:33%; max-width:316px;float:left; margin-right:32px; margin-bottom:32px;   }

.logo_container {width:1012px;margin:0px auto 0px auto;} 

.organigramm.floating:nth-of-type(3) {margin-right:0px; }

.organigramm.floating:nth-of-type(6) {margin-right:0px; } 


.organigramm.floating:nth-of-type(2) {margin-right:32px; }
.organigramm.floating:nth-of-type(4) {margin-right:32px; } 
.organigramm.floating:nth-of-type(8) {margin-right:32px; } 
 

.organigramm.floating:nth-of-type(7) {margin-right:0px; }



.kuratorium {margin-left: 11.25%; width:88.75%;padding-bottom:0; margin-right: 11.25%;  width:77.50%;
height:204px; clear:both; display:block;position:relative;
}


.organigramm.sub.first {position:absolute; left: 0px; top:0px; }
.organigramm.sub.second {position:absolute; left: 0px; top:136px; }
.organigramm.sub.third {position:absolute; right: 0px; top:136px; }

.kuratorium  .organigramm.sub {width:200px; height:68px;  padding:16px 6px 12px 6px;}


.kuratorium  .organigramm.sub p {font-size:16px; line-height:20px;}




/*. 162  264  162  264  162   264  162 
.kuratorium .organigramm {float:left; max-width:264px;  padding:0px 0px 30px 0px; width: calc((100% / 3) - (100% * 0.1125)); margin-right:calc(100% * 0.1125);}
*/

.kuratorium  .vertical_middle {position:absolute; height:204px;}


.horizontal_left
{display:block; 
 height: 180px;
 width: 1px; 
 border-right: 1px solid #005EA8;
 position: absolute;
 top: 20px;
 left: 100px;
 
}
 
 
.horizontal_right
{display:block; 
 height: 70px;
 width: 1px; 
 border-right: 1px solid #005EA8;
 position: absolute;
 top: 50%;
 right: 100px;  
}


.horizontal_full 
{display:block; 
 height: 1px;
 width:100%;  width: calc(100% - 200px );
 border-top: 1px solid #005EA8;
 position: absolute;
 top: 50%;
 left: 100px;
}

 

 
}

 


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

.organigramm.floating {  width:316px;float:left; margin-right:32px; margin-bottom:32px;  }

.logo_container {width:100%; } 


.organigramm.floating:nth-of-type(3) {margin-right:32px; }
.organigramm.floating:nth-of-type(6) {margin-right:32px; } 

.organigramm.floating:nth-of-type(4) {margin-right:0px; }
.organigramm.floating:nth-of-type(8) {margin-right:0px; }


.organigramm.floating:nth-of-type(7) {margin-right:32px; }


 
 
   .kuratorium .organigramm.main {  width:431px;}

  .horizontal_full 
{display:block; 
 height: 1px;
 width:100%;max-width:854px;
 border-top: 1px solid #005EA8;
 position: absolute;
 top: 50%;
 left: 100px;
}


.blockcontent .trigger, .blockcontent .toggle_container   {margin-left: 0px; margin-right: 0px; }
 

}

@media all and (-ms-high-contrast:none) {
     #sm_menu_ham { display:none !important; } /* IE10 */
     *::-ms-backdrop, #sm_menu_ham { display:none !important; } /* IE11 */
}


.sm2-bar-ui {/*max-width:400px !important; margin-top:40px;*/}
 

#page ul.sm2-playlist-bd li { background-image:none !important;}

.sm2-playlist  {display:none;}

.sm2-bar-ui .bd, .sm2-bar-ui .sm2-extra-controls {background:#005EA8 !important;}

.sm2-bar-ui .sm2-inline-gradient { background-image:none !important;}


.podcast_start .sm2-bar-ui .bd, .podcast_start  .sm2-bar-ui .sm2-extra-controls {background:#fff !important;}


 
.sm2-progress .sm2-progress-track {
 position: relative;
 width: 100%;
 height: 0.15em;
 border-radius: 0.15em; 
 margin-top:0.25em;
}

.sm2-progress .sm2-progress-bar {
 /* element which follows the progres "ball" as it moves */
 position: absolute;
 left: 0px;
 top: 0px;
 width: 0px;
/* background-color: rgba(0,0,0,0.33);
  background-image: url(../image/black-33.png);*/
  
 background-color: rgba(154,145,136,0.4);
 /*9a9188*/

 background-image: none ; 
 
  height: 0.15em;
 border-radius: 0.15em;
 
}

.sm2-progress .sm2-progress-track {

 background-color: rgba(154,145,136,1);

 background-image: none ; /* modern browsers */
}

.podcast_start .sm2-progress .sm2-progress-bar, .podcast_start .sm2-progress .sm2-progress-track {height:6px;}
 

.sm2-inline-divider {
	 display: table-cell;
 width: 1%;
 font-size: 75%;
 line-height: 0.9em;
 min-width: 2em; /* if you have sounds > 10:00 in length, make this bigger. */
 vertical-align: middle;
 
 width:10px; min-width: 10px; text-align: center;}
/*.sm2-inline-time:after {content:'/'; display:inline-block; width:10px;max-width:10px; min-width:10px;}
*/


.sm2-progress .sm2-progress-ball {
 position: absolute;
 top: 0px;top: -4px;
 left: 0px;
 width: 1em;
 height: 1em;
 margin: -0.2em 0px 0px -0.5em;
 width: 14px;
 height: 14px;
 margin: -2px 0px 0px -7px;
 width: 0.9333em;
 height: 0.9333em;
 margin: -0.175em 0px 0px -0.466em;
 background-color: #EC9A29;
 padding: 0px;
/*
 z-index: 1;
*/
 transition: transform 0.15s ease-in-out;
}



.podcast_start .sm2-progress .sm2-progress-ball {
width: 1.4333em;
height: 1.4333em;
margin: -0.275em 0px 0px -0.466em;
}


 
.fvb_at {
    background-image: url(../images/icons/FVB_at.svg);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center bottom;
    width: 20px;
    height: 16px;
    display: inline-block;
	}
a:hover .fvb_at {background-image:url('../images/icons/FVB_at_orange.svg');}
 
 
 
#logincontainer {    display: none;
    position: absolute;
    left: -112px;
    top: 70px;
    top: 30px;
    background: #F4F4F3;    border-top: 1px solid #fff;
    height: 60px;
    padding: 10px 0px 0px 20px;
    width: 688px;
    z-index: 100;}
    

.tx-felogin-pi1 fieldset {    background: #F4F4F3;    border: 1px solid #005EA8;
    height: 60px;
    padding: 10px 0px 0px 20px;
    width: 100%;  margin-top:30px;}
    
.tx-felogin-pi1 legend {display:none; }   

  
 
#logincontainer1 {    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
     
    background: #F4F4F3;
    height: 240px;
    padding: 10px 0px 0px 20px;
    width: 100%;
    z-index: 100;}
    
    
.logincontainer div, .tx-felogin-pi1 fieldset div {display:block; padding-right:15px;padding-bottom:20px; height:90px;}

.logincontainer input.loginfield, .tx-felogin-pi1 fieldset input[type='text'], .tx-felogin-pi1 fieldset input[type='password'] {  width:80%; height:37px; line-height:37px;background:#fff !important; 
border:1px solid #005EA8; float:left; display:block;
border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;  margin-right:12px; padding-left:5px;}

.logincontainer label, .tx-felogin-pi1 fieldset label {color: #005EA8;   margin-right:12px; float:left; display:block; line-height:37px;  width:20%;}

.loginsubmit, .tx-felogin-pi1 fieldset input[type='submit']  {width:90px; height:37px;float:left; display:block;border:1px solid #005EA8;cursor:pointer;
 color:#fff; background: #005EA8;
border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}


.loginsubmit:hover, .tx-felogin-pi1 fieldset input[type='submit']:hover {/*border:1px solid #005EA8;
 color:#005EA8; background: #fff;*/ opacity: 0.8;}
  
  
.closelogin {width:18px; height:18px; display:block; 
margin: 2px 20px 0px 5px; 

/*float:right;*/
position:absolute; 
top:10px; right:5px;

background-image:url('fileadmin/templates/images/icons/close_rahmen.svg');
background-repeat:no-repeat;
background-size:auto 18px;
background-position:center center;
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.closelogin:hover , .closesearch:focus {background-image:url('fileadmin/templates/images/icons/close_rahmen_orange.svg'); cursor:pointer;}

.logincontainer_wrapper {clear:both; position:relative; }


.invisible_label {display: none !important;}

@media all and (min-width: 900px){
.logincontainer div, .tx-felogin-pi1 fieldset div {display:inline-block; padding-right:15px;padding-bottom:0px; height:auto;}

.logincontainer input.loginfield, .tx-felogin-pi1 fieldset input[type='text'], .tx-felogin-pi1 fieldset input[type='password']  {  width:170px; height:37px; background:#fff !important; 
border:1px solid #005EA8; float:left; display:block;
border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;  margin-right:12px; padding-left:5px;}

.logincontainer label, .tx-felogin-pi1 fieldset label {color: #005EA8;   margin-right:12px; float:left; display:block; line-height:37px;  width:auto;}