/*
hellgruen
#afc539;

beige
#e9e7de;

helleres beige #f8f8f5

dunklere grau: #575656

dunkelgrau
3b3d40


mittelgrau
#cccccc
 
*/
* { 
	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_nopadding{clear:both;margin:0 !important;padding:0 !important;height:1px  !important;}

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

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


* html #wrapper { height:100%; }


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

min-height:100%;
margin:64px auto 0px auto; 
overflow:hidden;
}
	
#headerwrapper{position:fixed;top:0;width:100%;z-index:1000;
height:90px;}	

 

#headertop {position: relative; width:100%; margin:0px auto 0px auto; height:45px;background-color:#3b3d40;background-color:#575656;}
#headerbar {position: relative; width:100%; margin:0px auto 0px auto; height:45px;/*background-color:#fff;border-bottom:1px solid #cccccc;*/
background-color: rgba(255,255,255,0.85);}

#headerbar.bgwhite {background-color: rgba(255,255,255,1);}




#logocontainer { position:absolute; top:0px; left: 0px; margin-left: 0px; padding:0px 0px 0px 0px; width:140px; height:80px; z-index:10000;}

#logo    { 
width:100%;  display:block;
height:80px;
background-image:url('../../DATEN/images/Logos/MBSR-Verband-Logo.png');
background-repeat:no-repeat;
background-size:auto 70px; background-position:center bottom;
}
  


#search {position:absolute;   right: 80px; top:0px; width:90px; height:45px; background:#afc539;}

#search .loginlink { position:absolute;   right: 0px; top:0px; color:#fff; text-decoration:none; text-transform:uppercase; font-size:14px; line-height:45px;
width:40px;display:block;  background-image:url('../../DATEN/images/icons/login.png');
background-repeat:no-repeat;
background-size:auto 32px ; background-position:left center;  color:transparent;}



#search span.lupe {display:block; position:absolute; top:0px; left: 0px; width:50px; height:45px; background-image:url('../../DATEN/images/icons/lupe.png');
background-repeat:no-repeat;
background-size:auto 32px; background-position:left 10px center;
cursor:pointer;
}

#search .formsubmit {display:none;}


#searchcontainer {display:none;position:relative; right: -80px; top:45px;  

position:absolute;



 background:#afc539; height:48px; padding:8px 8px 8px 8px;width:170px; 
z-index:10001;}




/* Placeholder Suche */
::placeholder { /* Firefox, Chrome, Opera */ 
    color: #3b3d40 !important; 
    font-size:16px !important; 
    padding: 5px !important; 
} 
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: #3b3d40 !important; 
    font-size:16px !important; 
    padding: 5px !important; 
} 
  
::-ms-input-placeholder { /* Microsoft Edge */ 
    color: #3b3d40 !important; 
    font-size:16px !important; 
    padding: 5px !important; 
} 
 
.searchinput {max-width:240px; width:100%; height:30px; background:#fff; padding:5px; float:left; display:block;
border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;border:1px solid #fff;   margin:0px; 
font-size:22px; line-height:22px; /*padding-top:5px;*/font-size:16px;
}



 
.closesearch {  display:block; display:none;
width:18px; height:18px; margin:0px;position:absolute; right: 2px; top:5px;z-index:1000;}
.closesearch:hover , .closesearch:focus {  cursor:pointer;}

 



 
#page  {
width:100%;
display:block;
position: relative;
margin:0px 0px 0px 0px;
padding:0px 0px 75px 0px;
} 
 
.headerimage {width:100%; padding-bottom:20%; background-size:100% auto; background-repeat: no-repeat; background-position: center;
border-bottom:5px solid #afc539}


.noheaderimage .headerimage   {width:100%; padding-bottom:0px; background-image:none !important; background-color:#fff;
border-bottom:5px solid #afc539;margin-bottom:8px;}

.start .headerimage {display:none; padding-bottom:0px;}



/*.breadcrumbs {display:none;}*/
.breadcrumbs {display:block; min-height:50px;}
#page .breadcrumbs ul li {float:left; display:block; list-style-type:none; padding:0;}

 
.breadcrumbs ul li span {float:left; display:block; width:16px; text-align:center;}



 #mainmenu {display:none}
 
.block {width:100%;  display:block;margin:0;padding:0px 0px 48px 0px;}

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


.block ul li::before {
  content: "\2022";
  color: #afc539;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.footerblock ul li::before, .sidecol ul li::before , .breadcrumbs ul li::before  {
  content: none;
  color: transparent;
}


.start .first { margin-top: -100px; margin-top: -40px; margin-top:0; }

.blockcontent {width:100%;   max-width:1180px; padding:10px 20px 10px 20px; padding:10px 20px 10px 20px;} 

.blockcontent.breadcrumbs {}



.block.image .blockcontent {padding:0px 0px 0px 0px;}

.block.image .blockcontent img {width:100%; height:auto;}

.startimage  {
	/*max-width:1800px;*/
	width:100%;margin:auto;

/*background-image: url(../images/welle.png), url(../images/testbild1.jpg);
background-position: center bottom, center top;
background-repeat: no-repeat, no-repeat;
background-size: 100% auto, 100% auto;


padding-bottom:30%;*/


background-image:  url(../images/startbildmitwelle.jpg);
background-position: center top;
background-repeat:  no-repeat;
background-size:  100% auto;

padding-bottom:43.2291%;

}
 
 
.block.beige {background:#e9e7de;}
 
 
 
.block.footer {background:#3b3d40; padding-bottom:20px;}
 
 
.footercol { width:100%; padding: 20px 0px 10px 0px}
.footer ul {list-style-type:none; display:block; float:none;}


.footer ul li.first {text-transform:uppercase;}
.footernav ul {margin-bottom:16px;}
.footernav ul li {line-height:24px;padding-bottom:0px;}

.footernav {margin-top:30px;padding-bottom:20px;}

 .block.footer .blockcontent {width: 100%;
 margin: 0px auto 0px auto;
    position: relative;
    padding:24px 40px 0px 40px;
}
   
.footerblock.first  {
border-bottom:1px solid #fff;
 padding:0px 0px 40px 0px;width:100%;
 margin-bottom:35px;
}

.footerblock.bottom  {
   position:relative; padding-bottom:35px;
}

.footercopy {position:absolute; padding:20px 0px 0px 0px; bottom:0px; height:35px;}

.maincol.about {padding-right:110px;}

.maincol.about  h3 {margin: 0px 0px 0px 0px;}



span.icon {display:block;  height:28px; background-size:auto 22px; background-repeat: no-repeat; background-position: left center;
padding-left:28px;padding-left:36px;  line-height:28px;
}


span.icon.telefon {background-image:url('../../DATEN/images/icons/telefon.svg')}
span.icon.fax {background-image:url('../../DATEN/images/icons/fax.png')}

span.icon.mail {background-image:url('../../DATEN/images/icons/mail.png')}

.footerlogo img {max-width:220px; height:auto; width:100%;}
.footerlogo {float:left; width:50%;}



.address {float:right; width:50%;}

.footerblock .sidecol {clear:both; width:100%;}
.footerblock .address {clear:both;width:100%;}
 
 
/*1100 + 40 px padding */
.maincol , .profil_left{width:100%; }
.sidecol , .profil_right {width:100%;   }


.layoutbereich .sidecol > div  {width:100%;  background: #e9e7de;  /*HELLER*/ background: #f8f8f5;  
padding: 0px 0px 0px 0px; margin-bottom:22px;}

.layoutbereich .sidecol > div > div.ce-textpic  { padding: 20px 0px 20px 0px; }




.layoutbereich .sidecol > div > p {margin:0; padding:0;}

.layoutbereich .sidecol ul, .layoutbereich  .sidecol p , .layoutbereich  .sidecol h2  , .layoutbereich  .sidecol h3   { padding-left:20px;  padding-right:20px;   padding-bottom:10px;}


 .layoutbereich .sidecol .buttongruen,
.layoutbereich .sidecol .buttonhgruenweiss,
  .layoutbereich .sidecol .buttongrau  { margin-left:20px; }
 
 .layoutbereich .sidecol p > .buttongruen,
.layoutbereich .sidecol p > .buttonhgruenweiss,
  .layoutbereich .sidecol p > .buttongrau { margin-left:0px;}
  
  
  .layoutbereich .sidecol .buttongruen p,
.layoutbereich .sidecol .buttonhgruenweiss p,
  .layoutbereich .sidecol .buttongrau p  {  padding: 6px 16px 4px 16px; margin:0; padding:0; display:inline-block; font-size: 14px;  line-height:14px;}

 
  


.layoutbereich .sidecol ul { list-style-type:none !important;  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.layoutbereich .sidecol ul li {display:block;width:100%; padding: 0px 0px 0px 0px; border-bottom:20px solid #fff; line-height:44px !important;}

/*provisorisch: ausnahme für konferenzarchiv*/
.layoutbereich .sidecol #c145 ul li , .layoutbereich .sidecol #c146 ul li, .layoutbereich .sidecol #c141 ul li  , .layoutbereich .sidecol #c166 ul li 
 , .layoutbereich .sidecol #c248 ul li 
  , .layoutbereich .sidecol #c249 ul li
  , .layoutbereich .sidecol #c142 ul li {border-bottom:none;}



.layoutbereich .sidecol ul li:last-of-type { border-bottom:none;}
 

.layoutbereich .sidecol ul li a::after {
  content: "\00BB";
  color: #afc539;
 width:32px; padding-left:5px;
  display:  inline-block; 
  font-size:26px;  font-size:24px;
}
.layoutbereich .sidecol li a {font-family:'AvenirLTPro-Medium', Arial, Helvetica, sans-serif  ; font-weight:bold;  color:#3b3d40; display:block; 
font-size:18px;
}


.layoutbereich .sidecol li a span  {font-family:'AvenirLTPro-Medium', Arial, Helvetica, sans-serif  ; font-weight:bold; font-size:18px; color:#3b3d40; }
 
.layoutbereich .sidecol .ce-gallery {margin:20px; width:calc(100% - 40px) !important;}

.layoutbereich .sidecol .ce-gallery  img {
	width: 100%;
height: auto;  border-top-left-radius: 30px 30px;
    border-top-right-radius: 30px 30px; margin-bottom:14px;
    
    }


    /*logos startseite*/
.layoutbereich .abschnitt5  .ce-row {float:left; padding:20px; width:100%; }
.layoutbereich .abschnitt5  .ce-row img {width:100%; height:auto; }
.layoutbereich .abschnitt5  .ce-row .image-caption { font-size:smaller; line-height:1; text-align:center;}





  .block.fullwidth {padding:0;}
 .block.fullwidth .blockcontent {
    width: 100%;
    max-width: 100%;
    padding: 0px 0px 0px 0px;
    display: block;
}
 

.morelink{ background:#fff; border:1px solid #afc539;
border-radius: 24px; line-height:14px;
padding:4px 16px 4px 16px; 

padding:8px 16px 4px 16px;
 padding: 9px 16px 7px 16px;  padding: 6px 16px 4px 16px; 

display:inline-block;  }

.morelinkgrey { background:#3b3d40; border:0px solid #afc539;    font-size: 14px;  line-height:14px;
border-radius: 24px; 

padding:6px 16px 4px 16px; 
 padding: 9px 16px 7px 16px; padding: 6px 16px 4px 16px; 

  color:#fff; text-transform: uppercase;
display:inline-block;  }

a.morelinkgrey:hover , .sidecol h5 a:hover { color:#fff; }

.sidecol h5 a {  font-size: 14px;  }
.sidecol h5 {text-align:center;}


  
/*

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

.col30 {width:100%; padding:0px 0px 0px  0px;}
.col25 {width:100%; padding:0px 0px 0px  0px;}
.col20 {width:100%; padding:0px 0px 0px  0px;}
  
.col66 {width:100%;padding-bottom:40px; }
.col33 {width:100%;}
*/


 
input.formsubmit {background:#afc539; display:inline-block; padding:10px;color:#fff; font-weight:bold;border:none; font-size: 16px;}

input.formsubmit:hover {  }
 

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

.colcontainer img {width:100%; display:block; }


.teaserbox { padding:12px;
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
position:relative;
min-height:500px;
}

.abschnitt4 figure img {
  border-top-left-radius: 30px 30px;
border-top-right-radius: 30px 30px;
}



 

.frame-boximage {
 
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
position: relative;
padding: 0px 0px 10px 0px;
width: 100%;

float: left;
}

.frame-boximage a,
.frame-boximage a:link,
.frame-boximage a:hover,
.frame-boximage a:visited
{
color: #3b3d40
}


.frame-boximage .ce-gallery {
  position: relative;
  z-index: 99;
  left: 12px; margin:0;
  width: calc((100%) - 24px);
}

.frame-boximage .ce-row {padding: 0px 0px 0px 0px;}

.frame-boximage .ce-bodytext {
    position: relative;
    bottom: 40px;
    right: 0px;
    z-index: 0;
    border-bottom-left-radius: 26px 26px;
    border-bottom-right-radius: 26px 26px;
    background: #e9e7de;
width:100%;
padding: 50px 10px 20px 10px;
}


 .frame-boximage .ce-bodytext  {min-height:230px;}
 

.frame-boximage figure img {
  border-top-left-radius: 30px 30px;
border-top-right-radius: 30px 30px;
  width: 100%;
  height:auto;
}


 


.frame-default {clear:both;}

.frame-boxportraet {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
position: relative;
padding: 0px 15px 10px 0px;
width: 40%;
max-width: 300px;
float: left;
margin:0 5% 50px 0px;
}

.frame-boxportraet figure img {
  border-radius: 50%;
  width: 100%;
  height:auto;
  margin-bottom:15px;
}

.frame-boximage p,
.frame-boximage h2,
.frame-boxportraet p,
.frame-boxportraet h2,
.frame-boxportraet div
{
  text-align:center;
}








/*wird das aktuell verwendet?*/

.teaserbox .boximage  {
position:absolute; top:0px; z-index:2;
width: calc(100% - 36px); padding-bottom:66%; 
margin:0px 0px 0px 10px;
background-repeat:no-repeat;
background-size:auto 100% ;
background-position:center top; 
border-top-left-radius: 30px 30px;
border-top-right-radius: 30px 30px;
}
 
.teaserbox .boxtext {background:#e9e7de; padding:38px 20px 20px 20px;  	position:absolute; bottom:75px; z-index:1;
border-bottom-left-radius: 26px 26px;
border-bottom-right-radius: 26px 26px;}
  
.teaserbox .morelink {padding: 10px 0px 8px 0px;
width:160px; text-align:center;
position:absolute; bottom:0px; z-index:1;
left: 50%;
margin-left: -80px;
}






 
.threecols   .box  img {width:100%; height:auto;max-width:340px;max-width:540px;}

.testimonials .sliderimage {
    width: 30%;
    float: left;
    padding: 0px 20px 20px 0px;
    background: #e9e7de;
} 


.testimonials .sliderimage img {
  object-fit: cover;
  width:230px;
  height:230px;
  border-radius: 50%;

/*  position: absolute;
  left: 50%;
  top: 50%;
  
  transform: translate(-50%, -50%);*/
 
}

.testimonials .sliderimage h3, .testimonials .sliderimage p {
  text-align:center;
  max-width:230px;
  margin:8px 0px 0px 0px;
}

.testimonials .sliderimage h3 {
  margin-top: 15px;
}

.testimonials .slidertext p
{
  line-height: 30px;
font-size: 22px;
text-align: center;
  padding-top:30px;
}

/* brauchen wir das noch? im footer jetzt nicht mehr, maincol - sidecol*/

 .boxes 

{width:100%;
margin:0px auto 0px auto;
clear:both;   padding: 0px 0px 0px 0px; 

    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: flex-start;
    -moz-justify-content: flex-start;
    justify-content:flex-start; 
  
   
}
 
/*.blockcontent.boxes > div {width:100%;}*/

 .boxes  {max-width:1100px; padding:0px 0px 0px 0px;}

div.col3,  .boxes > div.frame-type-textpic {
width: 100%  ;/*max-width:340px;*/
position: relative;
margin-bottom: 10px;
padding:0px; margin-right:20px;
}


div.col4 {
width: 100%  ;
position: relative;
margin-bottom: 10px;
padding:0px; margin-right:20px;
}

.imageleft , .imageright{ width:100%;  padding-bottom:30px; }

 
.block.image.first {padding-bottom:0px;}

/*alle Beiträge*/
#c20 p {/*margin-bottom:30px;*/float:right;}
#c20 a {/*text-decoration:underline; color: #3b3d40*/ }





#arrow_up {position:absolute; right:40px; top:-45px; z-index:1000;width:40px; height:40px; background:transparent;}
.arrow_up {float:right;width:40px; height:40px; background:transparent;display:block;}
#arrow_up a , .arrow_up a {display:block;width:40px; height:40px;
background-image:url('../../DATEN/images/icons/pfeil_nach_oben.png');
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  ,.arrow_up a:hover, .arrow_up a:focus { background-image:url('../../DATEN/images/icons/pfeil_nach_oben.png'); } 

 
   
.trigger { padding: 30px 10px 30px 10px; border-bottom: 1px solid #575656; cursor:pointer;}

.col3 .trigger {border-bottom:none;}

.trigger.details {border-bottom:none; padding: 0px 0px 0px 0px; width:100%;display:block;}

.trigger.first {  border-top: 1px solid #575656; }
.col3 .trigger.first {border-top:none;}

.trigger span  { padding: 0px 0px 0px 0px; float:right; color:#afc539;font-size:28px; }
.trigger.details span , .programmpunkt .trigger span { padding: 0px 0px 0px 0px; float:none; display:inline-block; color:#afc539;font-size:22px; }
 
.programmpunkt .trigger {border-bottom:none; padding: 0px 0px 0px 0px;}
.programmpunkt .toggle_container {border-bottom:none; padding: 12px 0px 0px 0px;}

 
 
.trigger_active { padding: 10px 10px 10px 10px; background: #f8f8f5;  border-bottom:none;  }

.trigger.details.trigger_active {padding: 10px 0px 0px 10px; }

.toggle_container{width:100%; background: #f8f8f5;  padding: 10px 10px 10px 10px; border-bottom: 1px solid #575656; }

.col3 .toggle_container, 
.kursliste .toggle_container{border-bottom:none;}

.trigger header  { padding: 0px 0px 0px 0px; float:left; }

.suchergebnis .trigger_active { background: #f8f8f5;   }

.suchergebnis .toggle_container{  background: #f8f8f5; }

.frame-accordion .toggle_container p.text-right {width:50%;float:left; }

.even {clear:both;}
.odd {clear:both;}
.newsitem {clear:both;}

.newsimage {width:50%; float:left; padding:0px 20px 50px 0px; }

.newstext {width:50%; float:right; padding:0px 0px 50px 20px;}

.newsimage img {width:100%; height:auto;}

.odd .newsimage {  float:right;  padding:0px 0px 50px 20px;}
.odd .newstext {  float:left;  padding:0px 20px 50px 0px;}

/*.presse .newstext {width:100%; border-bottom: 1px solid #575656; }
*/

p.datetime {font-size:18px; padding:0; margin:0;color:#afc539; }

span.detail {display:block;line-height:29px  !important;}

/*liste ohne bild*/

.newslistitem {clear:both;padding-bottom:40px;border-bottom: 1px solid #575656; margin-bottom:40px; }



.suchergebnis img {width:170px; height:auto; float:right; margin-right:10px;    
     border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;}
.suchergebnis p {line-height:145%;}

.suchergebnis , .boxes.suchergebnis  { padding: 30px 0px 30px 0px;  border-bottom: 1px solid #575656;}
 
.monatsheader { padding: 30px 0px 30px 0px;  border-bottom: 1px solid #575656;}

.a_z_links a {display:inline-block; padding-right:12px;}


 div.bg_beige {width:100%; background: #f8f8f5;  padding: 0px 0px 0px 0px; margin-bottom:10px;padding: 12px; }

.profilansicht b , .gruen{ color:#afc539}

.profilansicht .toggle_container b , .profil_right  .email a {  color: #3b3d40;}
 
.divider {    padding: 30px 0px 0px 0px;  border-bottom: 1px solid #575656; margin-bottom:30px;}

.profil_right  img {width:250px; height:auto; 

margin: 10px auto 10px auto; 
 border-top-left-radius: 30px 30px;
    border-top-right-radius: 30px 30px;
    
     border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    
    }
    
 
 

.profilansicht ul {margin-top:0px !important;margin-bottom:24px !important;}
.profilansicht li {padding-top: 0px !important;}
.profilansicht li, .profilansicht p , .toggle_container p {line-height:29px  !important; font-size:18px;}

p.profilheader {margin:0; padding:0;}

span.profilsubheader {margin:10px 0px 0px 0px;display:block; padding:0;}

.profilansicht .spezialisierung ul , .profilansicht .spezialisierung p{margin:0px !important;}

.profilansicht .spezialisierung   {margin-bottom: 24px !important;}



.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

 .profil_right  div.map {
    height: 300px;
    width: 100%;
    background-color: transparent;
    padding:0; margin:0;margin-top: 20px
  
} 

.profilansicht {position:relative; }
#profilbacklink {position:absolute; top:-90px; left:300px; }
#profilbacklink a {text-decoration:none; text-transform: uppercase; font-size:14px;}




/*.lehrerliste , .profilansicht {padding-bottom:24px;}*/
/*provisorisch auf suchergebnis-seiten weniger padding unten */
.noheaderimage #page {padding-bottom:64px;}


  
 

.programmuebersicht{}

 #textcontainer  h1.yeartitle {float:left; width:40%;min-width:200px;margin:0px; padding:0px 10px 15px 30px;}
 
.titleright {float:right; text-align:right; width:60%;min-width:240px;padding-bottom:10px;}

.titleright a { display:block; float:right; margin-right:12px;font-size:0.85em;}



.tag {display:block;margin:0;padding-bottom: 20px;}
.tag.tag-3 {padding-bottom: 0px;}

.programmpunkt {display:block;clear:both; border-bottom:1px solid #3b3d40; padding:0px 0px 15px 0px;}

.programmuebersicht   .programmpunkt {display:block; margin:0;padding:0;}
/*
.tag-0{background-color:#64c4b8;}
.tag-1{background-color:#feac00;}
.tag-2{background-color:#c3481f;} 

.tag-0  .programmpunkt {display:block; }
.tag-1  .programmpunkt {display:block;  }
.tag-2  .programmpunkt {display:block; }
.programmpunkt span {display:block; float:left;}*/



.programmpunkt p {  margin:0px 0px 12px 0px !important;}

div.uhrzeit {width:100%;  padding:15px 0px 0px 0px;  font-size:18px; color:#afc539;}

.programmpunkt .trigger span { padding:15px 0px 0px 0px;  }


div.programmtitel {width:100%; font-size:18px;padding:15px 10px 0px 0px; }

div.programmtitel.hervorgehoben { font-family:'AvenirLTPro-Medium', Arial, Helvetica, sans-serif  ;}

 
div.referenteninfo {width: 100%;font-size:18px;  background-color:#afc539;padding:10px 10px 0px 0px; color:#fff;}
div.referenteninfo p {color:#fff;}

div.referenteninfo b , div.referenteninfo strong {display:block; text-transform:uppercase;}


div.referenteninfo.bgwhite {width: 100%;  background-color:#fff; color:#3b3d40;}
 div.referenteninfo.bgwhite p{ color:#3b3d40;}

div.referentenfoto img {border-top-left-radius: 15px 15px;
    border-top-right-radius: 15px 15px;}
  
div.referentenfoto { padding-left:0px; padding-right:15px;padding-top:0px; padding-top:4px; 
/*display:block;
width:100%;*/
float:left;
padding:0px 20px 10px 0px; 
}
 



/*startseite ...??*/
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
    overflow: visible;
}



.responsiveContainer, .video-embed, .youtube-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe, .video-embed iframe, .youtube-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.ce-gallery figure {
    display: table;
    margin: 0;
    width: 100%;
    }
    
    
    
    
.col50.right {padding-top:50px;padding-bottom:10px;}


.clear + .block.beige {margin-top:40px;}



.sidecol .frame-type-textmedia {padding-top:20px !important;}

.sidecol .frame-type-textmedia .ce-above  {padding: 0px 0px 20px 0px !important;}

.sidecol .frame-type-textmedia .ce-bodytext  {padding: 20px 0px 20px 0px !important;}


.frame-type-textmedia .ce-column {width:100%;}
.frame-type-textmedia .ce-bodytext { width:100%;display:block; }
.frame-type-textmedia .ce-gallery {width:100%; display:block; padding-bottom:40px;}


.radio span {display:inline-block; padding-left:8px;}



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

@media all and (min-width: 320px){ 
	
	
    .frame-boxportraet {
    width:100%;
  }
 

    .abschnitt4 .ce-bodytext { float:left; }
    .abschnitt4 .ce-intext.ce-right .ce-gallery { margin-left: 0px; }
    .abschnitt4 .ce-right .ce-gallery { float: left; }

    .abschnitt4 figure img { width: 100%; height: auto; }

    /*.sliderimage { width:100% !important; }*/

    .testimonials .morelinkgrey { display: none; }


    .testimonials .sliderimage, .newscontainer .sliderimage { float:none;  width:100% ;}
   
    .testimonials .slidertext  { width: 90%; }
   .newscontainer .slidertext { width: 100%; }
   
   
/*    .newscontainer .testimonials .cycle-slideshow { height: 520px !important; }
 .newscontainer .cycle-slideshow { height: 490px !important; }*/
    .testimonials .slidertext p, .newscontainer .slidertext p { padding-top: 0px !important; text-align: left !important; }
    .testimonials .sliderimage h3, .newscontainer .sliderimage h3 {
        padding-left: 20px;
        width: 320px !important;
        text-align: left;
    }

}



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

@media all and (min-width: 380px){
	
 
.layoutbereich .abschnitt5  .ce-row { width:50%; }

#headerwrapper{position:fixed;top:0;width:100%;z-index:1000;height:100px;}	
#logocontainer { position:absolute; top:0px; left:0px; padding:0px 0px 0px 0px; width:180px; height:100px; z-index:10000;}


#logo    { 
width:100%;  display:block;
height:100px; 
background-size:auto 100px; background-position:center center;
}
 
}
 



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

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


.start .headerimage {display:block; padding-bottom:20%; }

	
   .frame-boximage {
   width:calc((50%) - 20px);margin:0px 10px 0px 10px;
  }
  /*drittes Element Umbruch erzwingen - davor steht EIN anderes Element (überschrift) daher 4 */
 .frame-boximage:nth-of-type(4) {clear:both;}
 
 .frame-boximage .ce-bodytext  {min-height:380px;}
 
/* 
    .testimonials .sliderimage, .newscontainer .sliderimage { float:none; }
    .testimonials .slidertext, .newscontainer .slidertext { width: 90%; }*/
 
    
 /*      .newscontainer .testimonials .cycle-slideshow { height: 520px !important; }
   .newscontainer .cycle-slideshow { height: 420px !important; }*/
    
    .testimonials .slidertext p, .newscontainer .slidertext p { padding-top: 0px !important; text-align: left !important; }
    .testimonials .sliderimage h3, .newscontainer .sliderimage h3 {
        padding-left: 20px;
        width: 320px !important;
        text-align: left;
    }
}



/***************************************************************************************************/ 
/***************************************************************************************************/ 
 
@media all and (min-width: 540px){
	
	
    .frame-boxportraet {
    width:50% !important;
  }
 


    .abschnitt4 .ce-bodytext { float:none !important; }
    .abschnitt4 .ce-intext.ce-right .ce-gallery { margin-left: 10px !important; }
    .abschnitt4 .ce-right .ce-gallery { float: right !important; }


 .frame-boximage .ce-bodytext  {min-height:330px;}
 
 
}



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

@media all and (min-width: 640px){ 
	
	
	
    .sliderimage { width:50% !important; }
    .testimonials .sliderimage, .newscontainer .sliderimage { float:left !important; }
    .testimonials .slidertext, .newscontainer .slidertext { width: 50% !important; }
    .testimonials .slidertext p { padding-top: 20px !important; text-align: center !important; }
  /*  .cycle-slideshow { height: 350px !important; }*/
    .testimonials .sliderimage h3 {
        padding-left: 0px;
        width: 320px !important;
        text-align: center;
    }
  
  
  
 
#wrapper {
position: relative;
width:100%;
margin:90px auto 0px auto; margin:48px auto 0px auto; 
}
 
 
#headerwrapper{position:fixed;top:0;width:100%; z-index:1000;   
height:130px;
}	

#headertop {position:fixed;top:0;width:100%;height:48px;z-index:1001;  }

#topmenubar {display:block;max-width:1180px; margin:0px auto 0px auto; position:relative;}

#headerbar { 
position:fixed;top:48px;width:100%;height:44px;z-index:1000;  }

#headercontainer {max-width:1110px;margin:0px auto 0px auto; position:relative; height:60px; width:100%; }

 
#logocontainer { position:absolute; top:-48px; left: 0px; padding:0px 0px 0px 0px; width:260px; height:130px; z-index:10000;}

#logo    { 
width:100%;  display:block;
height:130px;
 background-size:auto 110px; background-position:center  center;
}


.noheaderimage .headerimage {  padding-bottom:90px; }

 
#search {height:48px; }
#searchcontainer {display:none;position:relative; left:-170px; top:0px;  height:48px; width:170px; z-index:10001;}


.boxes {max-width:1100px; padding:0px 0px 0px 0px;}

div.col3 , div.col4 ,  .boxes >  div.frame-type-textpic {
width: calc((100% / 2) - 20px); margin-right:20px;
}


.singlecol {width:610px; margin:0px auto 0px auto;}
.footercol {float:left; width:50%;}


.footerblock.bottom  {padding-bottom:50px; }
.footercopy {position:absolute; bottom:0px;padding:20px 0px 0px 0px; height:35px; } 
 
 
 .frame-boximage .ce-bodytext  {min-height:300px;}
}


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


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

 .frame-boximage .ce-bodytext  {min-height:280px;}

#search {position:absolute;   right: 80px; top:0px; width:200px; height:48px; background:#afc539;}

#search .loginlink { position:absolute;   right: 0px; top:0px; color:#fff; text-decoration:none; text-transform:uppercase; font-size:14px; line-height:48px;
width:120px;display:block;  background-image:url('../../DATEN/images/icons/login.png');
background-repeat:no-repeat;
background-size:auto 32px ; background-position:left center; padding-left:42px;}

#search span.lupe {display:block; position:absolute; top:0px; left: 0px; width:40px; height:48px; background-image:url('../../DATEN/images/icons/lupe.png');
background-repeat:no-repeat;
background-size:auto 32px; background-position:left 10px center;
cursor:pointer;
}

#searchcontainer {display:none;position:relative; left:-240px; top:0px;   background:#afc539; height:48px; padding:8px 8px 8px 8px;width:240px; 
z-index:10001;}


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

.colcontainer {padding:0px 0px 0px 40px;} 

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

.col50 p, .frame-type-textmedia .ce-bodytext p {line-height: 24px !important;}


.frame-type-textmedia .ce-bodytext {padding-right:40px;width:50%;}
.frame-type-textmedia .ce-gallery {width:50%; padding-bottom:0px;}


.sidecol .frame-type-textmedia .ce-bodytext {padding-right:0px;width:100%;}
.sidecol .frame-type-textmedia .ce-gallery , .sidecol .frame-type-textmedia .ce-outer , .sidecol .frame-type-textmedia .ce-inner {width:100%; display:block; clear:both;}




 
.buttonrow {float:left;width:50%;clear:none;padding:98px 0px 0px 0px}
  
.boxes {max-width:1100px; padding:0px 0px 0px 0px;}

div.col3 , div.col4, .boxes > div.frame-type-textpic{
width: calc((100% / 3) - 20px); margin-right:20px;
}

.kursliste div.col3 {padding-top:0px;}
/*kursinfo - lehrerinfo - lehrerbild */
.kursliste div.col3:nth-of-type(1) {width: calc((45%) - 20px); }
.kursliste div.col3:nth-of-type(2) {width: calc((30%) - 20px); background: #f8f8f5;padding:10px;}
.kursliste div.col3:nth-of-type(3) {width: calc((25%) - 20px); }


 
/*1100 + 40 px padding */
.maincol , .profil_left {width:67.636363%; float:left; max-width:744px; padding-right:32px;}
.sidecol , .profil_right {width:32.363636%;float:left;max-width:356px;  }
.footerblock .sidecol , .footerblock .address { width:32.363636%;clear:none;}
.footernav {margin-top:0px;}


.layoutbereich .sidecol > div  {width:100%; max-width:356px;   padding: 0px 0px 0px 0px; margin-bottom:20px;}
.layoutbereich .sidecol > div > div.ce-textpic  { padding: 20px 0px 20px 0px; }


/*programm*/

div.uhrzeit {  width:10%; float:left; }
div.programmtitel {  float:left;width: 90%   }

.trigger div.programmtitel { width: calc((90%) - 20px);}
.trigger span {float:right;display:block;  width:20px; }

div.referenteninfo {width:100%;padding-left:10% ;  }
.referentenfoto  img {margin: 0px; !important;}
div.referententext { padding-top:0px;padding-bottom:4px;display:block; width:100%;}

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

.frame-boximage .ce-bodytext  {min-height:250px;}
  }
 
 
 
/***************************************************************************************************/ 
/***************************************************************************************************/ 

 @media all and (min-width: 1024px){
 
#search {  height:50px; right: 40px; }	

 
.footercopy {position:absolute; bottom:20px;padding:0px 0px 0px 0px; height:auto; } 

.layoutbereich .abschnitt5  .ce-row { width:25%; }

.frame-boximage {
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
position: relative;
padding: 0px 15px 10px 0px;
width: 25%;
max-width: 280px;
float: left;
margin:0px 0px 0px 0px;
}
.frame-boximage:nth-of-type(4) {clear:none;}

.frame-boximage:last-of-type { margin: 0px 0px 0px 0px !important; }
 
 
 
.frame-boximage .ce-bodytext  {min-height:350px;}
 

 /*hauptspalte auf profil seiten*/
 .profil_left {padding-right:200px;}	
 	 
#logocontainer { position:absolute; top:-48px; left: 0px; padding:0px 0px 0px 0px; width:234px; height:123px; z-index:10000;}


#logo    { 
width:234px; display:block;
height:123px; padding-bottom:0px;
background-size:100% auto;
background-position:center bottom;
}


div.col3 ,  .boxes > div.frame-type-textpic{
width: calc((100% / 3) - 20px); margin-right:20px;
}



div.col4  {
width: calc((100% / 4) - 10px); margin-right:10px;
}


.teaserbox .boxtext {min-height: 270px;}
 
}

 
@media all and (min-width: 1100px){
 .frame-boximage .ce-bodytext  {min-height:320px;}
}

/***************************************************************************************************/ 
/***************************************************************************************************/  
 
@media all and (min-width: 1180px){
	
.boxes {max-width:1100px; padding:0px 0px 0px 0px;}


#arrow_up { right:40px; top:-66px; }

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

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

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

.block.first .sidecol {padding:54px 0px 0px 0px;padding:40px 0px 0px 0px;}

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

.block.image .blockcontent {padding:0px 0px 0px 0px;}


/*startseite teaser*/
.start .block.first .blockcontent.abschnitt1 {padding-right:0px;}


/*startseite testimonials  */
.start  .abschnitt6 header, .abschnitt6 header {margin-bottom:35px;}
.start  .abschnitt6 .morelinkgrey, .abschnitt6 .morelinkgrey {display:none}

/*provisorische Anpassungen füpr bilder startseite*/
.start  .abschnitt2 .ce-bodytext , .start  .abschnitt4 .ce-bodytext {padding-right:20px;}


 .frame-boximage .ce-bodytext  {min-height:285px;}

}



/***************************************************************************************************/ 
/***************************************************************************************************/ 
 
@media all and (min-width: 1440px){
 
 
 } 
 
 
 
  
   
     .fadeInLoad {
        border: 1px solid #48484A;
        font-size: 40px;
        animation: fadeInLoad 5s;
    }
    @keyframes fadeInLoad {
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    
    
   
 
/***************************************************************************************************/ 
/***************************************************************************************************/ 
 
@media all and (-ms-high-contrast:none) {
     #sm_menu_ham { display:none !important; } /* IE10 */
     *::-ms-backdrop, #sm_menu_ham { display:none !important; } /* IE11 */
}


.ce-bodytext:after {clear:both;}