/*
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;
}
  

#kursfinder {display:none; }

#search {position:absolute;   right: 110px; top:0px; width:45px; height:45px;}

 .loginlink { position:absolute;   right: 60px; 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;}
 .loginlink:hover {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;  left: auto;right: -110px; top:45px;  

position:absolute;
background:#afc539; 
background:#575656;

 height:48px; padding:8px 8px 8px 8px;width:170px; width: 100vw;width:200px; 
 
 
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;}

.konferenzheader #wrapper, #p1 #wrapper {margin-top:0px;}


.konferenzheader .headerimage  {width:100%; 
position:relative;
display:block !important; 
height: calc(100vh - 45px);
background-repeat: no-repeat,no-repeat; 
background-image: url(../images/konferenz2024/startseite_text_800x830.svg), url(../images/konferenz2024/startseite_visual_1120x830.svg) ;
background-position: center top, bottom right;
background-size:45vh auto ,  auto 45vh;



height: 600px;
background-repeat: no-repeat, no-repeat;
background-image: url(../images/konferenz2024/startseite_text_800x830.svg), url(../images/konferenz2024/startseite_visual_1120x830.svg);
background-position: center top, right top 380px;
background-size: auto 400px, auto 500px;
    
    
    
}






#p20.konferenzheader .headerimage , #p187.konferenzheader .headerimage {width:100%; 
position:relative;
display:block !important; 
height: calc(100vh - 45px);
background-repeat: no-repeat,no-repeat; 
background-image: url(../images/konferenz2024/dharma_so_what.svg), url(../images/konferenz2024/visual.svg) ;
background-position: center top, bottom left;
background-size:100% auto ,  auto 50vh;



    height: 450px;
    background-repeat: no-repeat, no-repeat;
background-image: url(../images/konferenz2024/dharma_so_what.svg), url(../images/konferenz2024/visual.svg) ;
    background-position: center top, right top 280px;
    background-size: auto 300px,  auto 400px;
    
       
  background-image: url(../images/konferenz2024/visual.svg) ;
    
    background-repeat:  no-repeat;
        background-position: center;
    background-size:  cover;
    
}


.konferenzheader23 .headerimage  {width:100%; 
background-position: center top, center bottom 30vh;
background-size:auto 60vh , 160% auto;
background-image: url(../images/header_konferenz_top.png), url(../images/header_konferenz_welle_gruen.png);
background-color: #e9e7de;
border-bottom:5px solid #afc539;
}



.konferenzheader25 .headerimage {
display:block !important; 
height: calc(100vh - 105px);	
	max-height: 700px;
	width:100%; 
background-position: left top 20px, center bottom 20px,center top 30%, center;
background-size:90vw auto ,70vw auto, 100vw auto , 100vw 100vh;
background-image: url(../images/konferenz2025/250516_Visual_webbanner_Jubilaeum25_Text_1.svg), url(../images/konferenz2025/250516_Visual_webbanner_Jubilaeum25_Text2.svg), url(../images/konferenz2025/250516_Visual_webbanner_Jubilaeum25_Grafik.svg),url(../images/konferenz2025/250516_Visual_webbanner_Jubilaeum25_hintergrund.png);
background-color: transparent;
border-bottom:5px solid #afc539;
	
}

/*
@media (min-aspect-ratio: 0.8/1) and (max-width: 640px) {
.konferenzheader .headerimage   {
height: 600px;
background-size:auto 400px ,  auto 200px;background-position: center top, bottom right;
}

#p20.konferenzheader .headerimage  , #p187.konferenzheader .headerimage  {
height: 600px;
background-size:auto 400px ,  auto 200px;background-position: center top, bottom right;
}
} 
*/



/*
#p20.konferenzheader .headerimage  {height: calc(50vh - 45px);}*/


.konferenzheader23 .headerimage  h1,#p1 .headerimage  h1 { position:absolute; top: 24vh; left: 0; padding: 0px 20px 0px 20px; text-align:center; color:#3b3d40; margin:0;}


.konferenzheader23 .headerimage  h1 span , #p1.headerimage  h1 span {font-family: 'AvenirLTPro-Roman' ,Arial, helvetica, sans-serif; font-size: 24px; line-height: 32px; display:block; }



.konferenzheader23 .headerimage  .textintro ,#p1 .headerimage  .textintro   { position:absolute; bottom: 10px; left: 0; padding: 0px 20px 0px 20px; text-align:left; color:#3b3d40; margin:0;}

.konferenzheader23 .headerimage .buttongrau  ,#p1 .headerimage .buttongrau  {  font-size: 16px;
position: absolute;
top: 50%;
padding: 16px 16px 13px 16px;
width: 200px;
text-align: center;
margin: 0;
  margin-left: 0px;
left: 50%;
margin-left: -100px;}
.konferenzheader23 .headerimage .buttongrau {width: 300px;}

.konferenzheader23 .headerimage  .buttongrau:hover ,.konferenzheader .headerimage  .buttongrau:hover {opacity: 0.8;/*background: #afc539; background:#fff; border:1px solid #3b3d40; color: #3b3d40*/}


.textintro p {margin-bottom: 8px;}


.konferenz .layoutbereich .sidecol > div.frame-type-textpic {background-color: transparent; margin-bottom:40px;}

.konferenz .layoutbereich .sidecol > div.frame-type-textpic#c613 {margin-bottom:0px;}

.konferenz .layoutbereich .sidecol .ce-gallery  img
 {border:none;border-radius: 0px; margin-bottom: 15px;width: 100%; height: auto;  }
 
 
.konferenz .layoutbereich .sidecol > div > div.ce-textpic {
  padding: 0px 0px 0px 0px;
}

.konferenz .layoutbereich .sidecol > div > div.ce-textpic h2 {color: #afc539; text-align:center;}
.konferenz .layoutbereich .sidecol > div > div.ce-textpic p {text-align:center; font-family: 'AvenirLTPro-Medium' ,Arial, helvetica, sans-serif;font-size: 18px;clear:both}

.konferenz .layoutbereich .sidecol .ce-gallery.ce-border  img {border:3px solid #afc539;border-radius: 50%; margin-bottom: 15px; height: 256px; width: auto; }


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


.konferenz .layoutbereich .sidecol .ce-gallery.ce-border  {
  margin: 0px 20px 0px 20px;
}

.konferenz .layoutbereich .sidecol .ce-gallery.ce-border figure {
  display: table;
  margin: auto;
  width: 65%;  
}


/*Ausnahmen für nicht-Speaker Fotos in sidecol*/
/*
.konferenz .layoutbereich .sidecol #c709 img, .konferenz .layoutbereich .sidecol #c890 img, .konferenz .layoutbereich .sidecol #c878 img*/
/*.konferenz .layoutbereich .sidecol .ce-gallery  img
 {border:none !important;border-radius: 0px !important; margin-bottom: 15px;width: 100%; height: auto;  }
*/
/*.konferenz .layoutbereich .sidecol  #c890 .ce-gallery figure,
.konferenz .layoutbereich .sidecol  #c878 .ce-gallery figure  */

/*.konferenz .layoutbereich .sidecol  .ce-gallery figure 
{
	display: table;
	margin: auto;
	width: 100%;
}
*/

.konferenz .layoutbereich .sidecol {padding-top: 30px;}


 /*. Anmeldebutton in Hauptspalte */
#c623 {display:none;}



/*.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;padding:0px 0px 0px 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  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;}



/*variante box mit dunklerem hintergrund*/
.layoutbereich .sidecol > div.frame-space-before-extra-small {  background: #e9e7de; }
.layoutbereich .sidecol div.frame-space-before-extra-small  p {padding-bottom: 0px;}



.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;
    
    }



/*.buttonlink a::after {
  content: "\00BB";
  color: #afc539;
 width:32px; padding-left:5px;
  display:  inline-block; 
  font-size:26px;  font-size:24px;
}
a.buttonlink, .buttonlink {background: #f8f8f5; padding: 8px; display:inline-block; border:none; }

*/
.plzsuche  {  display:block;  float:left; height: 35px; line-height: 35px;padding-right: 10px; }
.sortierung {  display:block;  float:left; background: #f8f8f5; padding: 8px; margin-bottom: 4px;
/*;width: calc((45%) - 20px);*/width: 250px;  height: 35px;
}
.sortierung label {font-size: 15px; display:block;float:left; padding-right: 10px; line-height: 25px; }
.sortierung select {float:left; display:block; margin-top: 2px;}

.resultlink {
width: 100%;
display: block;
margin-top: 0px;margin-bottom: 20px;}

.searchheading {float:left;}

.kursliste {clear:both; }
.kursliste h2 {padding-top: 20px;}

a.buttonlink, .buttonlink { background:#fff;
  border: none;
  
  color: #afc539;
  
 font-size:14px !important; line-height: 14px !important;  
  text-transform: uppercase;

  display: inline-block;
  text-decoration: none !important;
  
  margin: 0px 0px 20px 0px; padding:0;
  /*  letter-spacing: 1px;
  padding: 4px 4px 4px 4px !important;background: #f8f8f5;*/

}
a.buttonlink:hover, .buttonlink:hover{color:#3b3d40; cursor:pointer;}



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


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




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

.morelink{ background:#fff;

display:inline-block; 

border: 2px solid #afc539;
border-radius: 24px;
padding: 8px 58px 8px 58px;
}




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

margin: 0px auto 50px auto

}

.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;}

/* 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,  .boxes > div.calendarbox  {
width: 100%  ;/*max-width:340px;*/
position: relative;
margin-bottom: 10px;
padding:0px; margin-right:10px;
}


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; z-index:999; 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; position:relative;}
.programmpunkt .toggle_container {border-bottom:none; padding: 12px 0px 0px 0px;}

.programmpunkt .trigger span {
position: absolute;
right: 10px;
top: 0;
z-index: 2;
}

.programmtitel div.untertitel {display:block; width: 100%; margin-top: 16px; clear:both; float:none; }

div.referententext { padding-left: 12px;}
 



   .trigger.special  { background: #f8f8f5;padding:10px 10px 50px 10px;}
   
   .trigger.special:hover { background: #f8f8f5;padding:10px 10px 50px 10px;}
   
   .trigger.special p i  {
  float: none;
  display: inline-block;
  width: auto;

 
  padding: 0px 0px 0px 0px;
 
  color: #000;
font-size: 18px;font-style:normal;
line-height: 22px
  
  }
   .trigger.special:hover p i  {  color:#afc539;}
 

   .yeartitle {margin-top:50px;margin-top:39px;}
   #c934 h1 {text-align:center;}
   
 
.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; padding-bottom: 30px;}

.newsimage {width:100%;   padding:0px 0px 20px 0px; }

.newstext {width:100%;   padding:0px 0px 20px 0px;}
 
 
#p201 .newsitem {padding-bottom:0px;}

#p201 .newsimage, #p201 .newstext {padding-bottom:20px;}



p.datetime {font-size:18px; padding:0; margin:0;color:#afc539; }
span.datelabel {display:inline-block; width: 140px; }
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; }

 

  
span.calendardate {font-family: 'AvenirLTPro-Medium', Arial, Helvetica, sans-serif;font-size: 78px; 
color:#e3682a; padding: 30px 0px 30px 0px;  display:  block;  width:100%; text-align:center;}
 
.calendarbox span.calendartext {   line-height: 24px;  display: block;   width:100%;text-align: center;}


.tuerchen {border-radius: 26px;  width: 100%; position:relative; padding-bottom: 100%; 
background: #e9e7de; } 

.tuercheninhalt {position:absolute; padding: 20px 10px 10px 10px ; width:100%;}


 .calendarbox a {color: #3b3d40;}
 .calendarbox a:hover {color: #e3682a; cursor:pointer;}
 
 
.calendarbox a:hover .tuerchen span.calendardate { color:#f3b229;}

/* detail view*/
.adventheader {background: #e9e7de; padding:20px 10px 18px 18px!important; border-radius: 26px; margin-bottom: 24px;}
.adventheader span.calendardate { color:#f3b229 ;}
.adventheader h1 {color: #e3682a;padding-top: 38px; text-transform: none; }


h2.adventstart {color: #e3682a;
display: block;

background: url('https://www.mbsr-verband.de/fileadmin/DATEN/Adventskalender/Neuroniblume_tp.png');
 
background-repeat: no-repeat;
background-size: 100px 100px;
background-position: left top;


padding-top:120px;

}

.col50 .tuerchen {border-radius: 26px;
width: 174px; height: 174px; position:relative; 
padding: 0px;
background: #fff;}
 
/* 
umfliessend: */
 
.adventheader  span.calendardate {font-family: 'AvenirLTPro-Medium', Arial, Helvetica, sans-serif;font-size: 78px; 
color:#f3b229; padding: 30px 10px 16px 0px;  display: inline-block; float: left; text-align:left; width: auto; }
 
.adventheader  span.calendartext {   line-height: 24px;  display: inline;}




.articlefooter {margin-top:24px;}

.news-single .article .adventimage .news-img-wrap {width: 100%; float: none; margin: 24px 0px 24px 0px;}


/*
 #adventcontainer, #advent{ display:none;}*/





.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: -51px;
left: 240px; }
#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; position:relative;}

.titleright a { display:block; float:right; margin-right:12px;
position:absolute; right: 0px; top:0px; z-index: 100;
font-size:0.85em;}
p.programmintro {line-height: 28px;margin-bottom:24px !important;}
.programmintro a  {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;max-width: 100px;}
  
div.referentenfoto { padding-left:0px; padding-right:15px;padding-top:0px; padding-top:4px; 
/*display:block;
width:100%;*/
float:left;
padding:0px 20px 0px 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%;
  z-index:1;
}
  .video-embed video {width: 100%;}
  
  
  .video-embed .iframenotice {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:2;
}

.iframenotice {display:none; border: 1px solid #afc539; padding:20px;font-size:18px;/*margin-top:20px;margin-bottom:20px;*/}

.mapsContainer iframe {width: 100%; height: 450px;}

.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;}


.sharelinks {float:right; display:block;margin-top: -60px;
padding-bottom: 30px;padding-right:4px;}
.sharelinks.kurse {margin-top: 0px;}
.sharelinks a  {float:left; display:block; width:32px; height:32px;

margin-left:12px;

background-repeat:no-repeat;
background-size:100% auto;;
background-position:center; 

}

.sharelinks a.mail {background-image:url('../images/mail_grau.png');}
.sharelinks a.mail:hover {background-image:url('../images/mail_gruen.png');}

.sharelinks a.pdf {background-image:url('../images/pdf_grau.png');}
.sharelinks a.pdf:hover {background-image:url('../images/pdf_gruen.png');}

.sharelinks a.linkedin {background-image:url('../images/linkedin_grau.png');}
.sharelinks a.linkedin:hover {background-image:url('../images/linkedin_gruen.png');}

.sharelinks a.xing {background-image:url('../images/xing_grau.png');}
.sharelinks a.xing:hover {background-image:url('../images/xing_gruen.png');}

/*.profil_left p {margin-bottom:25px;}*/

#c285 {background:#fff !important;}
#c285 p {margin-left:20px !important;}

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




span.close{float:right; font-size:12px;}
span.close:hover { text-decoration:underline; cursor: pointer; }

div.calltoaction{position:fixed;  bottom: 10px; width:calc(100% - 20px); border:2px solid #afc539;z-index: 9999;left: 10px;background: #fff;color: #afc539;padding: 10px;border-radius: 5px;}









.hidemobile {display:none !important; }
/*

 .mediaelement.mediaelement-image {margin-bottom: 30px; }
*/

 .teaser-text + .news-img-wrap {margin-bottom: 30px; }


 .mediaelement.mediaelement-image img{width: 100%; height: auto;  }

 
 .opentext h2 {color:#afc539;}
 .opentext:hover h2 {color: #3b3d40; /*text-decoration:none; background-color:#afc539; color:fff;*/}
 .opentext:hover {cursor:pointer}
 
 
 a.email {text-decoration:none !important;}
 
 
 
 /* Overlay */
#simplemodal-overlay {background-color:#000;}
/* Container */
#simplemodal-container { color:#000; width: 90vw;  height: 90vh; padding:25px;background-color: #fff; border-radius: 30px;}


#simplemodal-container p {color:#000; line-height: 29px; }
#simplemodal-container .simplemodal-data {padding:8px;}

#simplemodal-container a {color:#BE0F1E; display:block; padding:20px 0px 20px 0px;font-weight:bold;font-size:1.1em}

#simplemodal-container a.modalCloseImg {display:none;}

#simplemodal-container a.modalCloseImg {font-weight:normal; font-size: 2.2em; color:#afc539;width:30px; height:30px; display:inline; z-index:3200; position:absolute; top:14px; right:14px; cursor:pointer;  padding:0px 0px 24px 0px; text-decoration:none !important; }

#simplemodal-container a.modalCloseImg:before { content: "×";}

#simplemodal-container h3 {color:#000;}

#simplemodal-container.sharepointdialog a.modalCloseImg::before { content: "";}


#alertcontainer {display:none;  padding: 10px 10px 10px 10px;
  min-height: 1px;
  margin: 6px 0px 16px 0px !important;
  background: rgba(255,255,255,0.3);
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;}

 
.imagetextbox {width: 100%; 
border-radius: 36px; margin-bottom: 20px;
}

.imagetextbox div {   width: 100%; }


.imagetextbox .imagecol { position:relative;
background-repeat:no-repeat;
background-size:cover;

background-position:center;  
border-top-left-radius: 36px 36px;
border-top-right-radius: 36px 36px;
padding-bottom: 100%;
 
}

.imgoverlay { position: absolute; z-index: 100; top: 0; bottom: 0; left: 0; right: 0 ;background: rgba(0,0,0,0.33);width: 100%; padding-bottom: 100%; display:none; border-top-left-radius: 36px 36px;
border-top-right-radius: 36px 36px;}

a:hover .imagetextbox  .imagecol .imgoverlay {display:block;}


.imagetextbox .textcol {
  padding: 32px 20px 32px 20px;
  background: #e9e7de;
 
border-bottom-right-radius: 36px 36px;
border-bottom-left-radius: 36px 36px;
}

a  .imagetextbox .textcol p {color:#333 !important;}

.pictoboxes {
padding-top: 30px;
}

.frame-layout-6 { width: calc(100% - 40px); margin:auto; margin-bottom: 10px; }

.frame-layout-6 > div {width: 100%; display:block;}

.pictoboxes .frame-layout-6  {width: 100%;}
 

div.picto {width: 200px; padding-bottom: 200px; background-repeat:no-repeat;
background-size: 80% auto;
background-position:center; 
background-color: #fff; 
border-radius: 36px; 
}



div.picto:hover {background-color: #afc539; }

.picto + h3 , div.pictotext { 
padding: 12px 0px 30px 0px;
height: auto;}

.pictotext p {padding: 0  !important; margin: 0 !important; color: #000 !important; }  
  


div.greenbox {width: 100%; background-color: #afc539;border-radius: 36px;margin-bottom: 20px; padding: 25px 20px 25px  20px;}

.greenbox p {line-height: 26px !important;width:100%; color: #fff !important; }



.newsboxes { padding-bottom: 70px; }

.newsboxes div.newsbox {
width: calc(100% - 40px);width: 100%; margin:auto;}

.newsbox h4 {margin-top: 20px; }
  
div.newsbox .newsimage {width: 100%; 

padding-bottom : 100%;
 padding-bottom: 50%;
 
 background-repeat:no-repeat;
background-size:cover;
background-position:center; 
background-color: #fff; 
border-radius: 30px;}   
 
/*
.newsimage + h3 {padding: 25px 0px 25px 0px;   font-weight: 600; font-size: 20px; line-height: 28px; clear:both; }*/






.halfcol {width:100%; padding-bottom: 0px;}
.halfcol.firstcol {width:100%;  padding-bottom: 20px;}



.blogbox {width: 100%;  border-radius: 30px;  }

.blogbox.green { background-color: #afc539; color:#fff;}
.blogbox.beige { background-color: #E9E7DE; }


.blogbox.titlebox {padding-bottom: 0; min-height: 100px; }

.boxdivider {display:block; height: 20px; clear:both; } 

.blogbox h3 {padding: 16px;}


.blogbox p {line-height: 23px !important; font-size: 15px;  margin-bottom: 6px;}

.blogbox div {padding: 16px; }


.blogbox.pictogramm {background-repeat:no-repeat;
background-size: 80% auto;
background-position:center; 
border-radius: 30px; 
width:200px; height: 200px; margin:auto;
}


.videodetail video {width: 100%; height: auto; }


.imagebox video {width: 100%; height: auto; border-radius:36px;}

.imagebox img {width: 100%; height: auto; border-radius:36px;}

.relatedfiles, .contentelements, .newstextcontainer, .newsimages  {padding-top: 24px;}


/*.newsitem:hover img , .newsitem:hover video {filter: brightness(60%);}
.newsitem:hover .titlebox, .newsitem:hover .blogbox { 	transform: scale(1.02) }*/

.newsitem a:hover img , .newsitem a:hover video {filter: brightness(60%);}

.blogteaserimage {
position:relative; padding-bottom: 85%; width: 100%;  
background-repeat:no-repeat;
background-size:cover;
background-position:center; 
border-radius: 36px;
}

.imageoverlay { position: absolute; z-index: 100; top: 0; bottom: 0; left: 0; right: 0 ;background: rgba(0,0,0,0.33);width: 100%; padding-bottom: 85%; display:none; 
border-radius: 36px;
}

a:hover .blogteaserimage .imageoverlay {display:block; }

a:hover .blogbox {transform: scale(1.02);
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;}

a .blogbox.beige p {color: #333 !important; }
a .blogbox.green p {color: #fff !important; }


.newsbox .morelink {margin-top: 30px;margin-top: 8px;}
 

.follow {width: 100%;}
.newsletter {width: 100%; clear:both; padding-top: 20px;}

.newsletter .ccm--consent-switch {display:none; }

.follow a {width: 44px; height: 44px; display:block; float: left; margin-right: 12px;background-repeat:no-repeat;
background-size:cover;
background-position:center; }

.follow h2 , .newsletter h2{color: #fff;
  margin: 0px 0px 36px 0px;
  font-size: 24px !important; font-weight: normal !important; font-family:'AvenirLTPro-Medium', Arial, Helvetica, sans-serif; }
  
  
.newsletter h2 {  margin: 0px 0px 20px 0px;}

.linkedin {background-image:url('../images/linkedin.svg');}
.instagram {background-image:url('../images/instagram.svg');}



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


.ccm-settings-summoner{ bottom: 20px;}

#mobilelogo {display:none; }


.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; }

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


.halfcol {width:50%; float:left; padding-left: 10px; padding-bottom: 0px;}
.halfcol.firstcol {width:50%; float:left; padding-left: 0px; padding-right: 10px; padding-bottom: 0px;}




.blogbox {width: 100%; position:relative; border-radius: 30px; padding-bottom: 100%;overflow:hidden; text-overflow:ellipsis;}

.blogbox.green { background-color: #afc539; color:#fff;}
.blogbox.beige { background-color: #E9E7DE; }


.blogbox.titlebox {padding-bottom: 0; min-height: 100px; }

.boxdivider {display:block; height: 20px; clear:both; } 

.blogbox h3 {padding: 20px;}

.blogbox p {  line-height: 17px !important;
    font-size: 13px;
    margin-bottom: 0px;}

.blogbox div {padding: 12px; position:absolute; top:-2px;         top: 50%;
        transform: translateY(-50%);}


.blogbox.pictogramm {background-repeat:no-repeat;
background-size: 80% auto;
background-position:center; 
border-radius: 30px; width:100%; height: auto; margin:auto;
}




}



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

.imagetextbox {margin-bottom: 30px;}
    
.imagetextbox .imagecol { padding-bottom: 50%;}
.imgoverlay { padding-bottom: 50%;}


.pictoboxes {
display: inline-flex;
flex-wrap: wrap;
justify-content: space-between;  
width: calc(100% + 15px);
padding-top: 30px;
}

.picto + h3 , div.pictotext { 
padding: 25px 0px 25px 0px;
height: 195px;}


.abschnitt2 .pictoboxes {padding-top: 50px;}
.blockcontent.abschnitt2 {padding-bottom: 20px;}


.pictoboxes .frame-layout-6 ,
.frame-layout-6 { width: calc(50% - 15px);  margin-bottom: 15px;}

.frame-layout-6 > div {width: 100%; display:block;}

div.picto {width: 100%; padding-bottom : 100%;  }


div.greenbox {width: 100%; padding-bottom : 100%; position:relative; background-color: #afc539;border-radius: 36px;margin-bottom:  0px;  padding: 0px 0px 100%  0px;}

.greenbox p {position:absolute; 
left: 20px; 
top: 20px;
width: calc(100% - 40px) }
.pictoboxes {padding-right: 20px;}  




.blogbox p {line-height: 23px !important; font-size: 15px;}




}
    
    
@media all and (min-width: 640px){ 
 
.maincol.about {padding-right:110px;}
.follow {float:left; width: 250px;}
.newsletter {float:left; width: calc(100% - 250px); padding-top: 0px; clear:none; }

.newsboxes {padding-right: 20px;
display:  flex;
flex-wrap: wrap;
align-content: space-between; justify-content: space-between; width: calc(100% + 25px); 

}
.newsboxes div.newsbox {
width: calc(50% - 25px);   margin:0; }
  .newsbox h4 {margin-top: 0px; }


div.greenbox {padding-bottom : 70%;margin-bottom: 0px; }
 	
.blogbox p {line-height: 29px !important; font-size: 18px; }

.blogbox div {padding: 20px;  }
div.picto {width: 200px; padding-bottom: 200px; }


.layoutbereich .sidecol > div  {width:calc(50% - 20px);    padding: 0px 0px 0px 0px; margin-bottom:20px; margin-right: 20px; float:left; clear:none; }
 



}



@media all and (min-width: 680px){ 
 
div.greenbox {padding-bottom : 50%;}

}



@media all and (min-width:900px){ 
 
 
.ccm-settings-summoner{ bottom: 20px;}


 /*news zweispaltig*/

.newsimage , #p201 .newsimage {width:50%; float:left; padding:0px 20px 60px 0px; }

.newstext, #p201 .newstext  {width:50%; float:right; padding:0px 0px 60px 20px;}

.blogbox p {line-height: 23px !important; font-size: 15px; }
 


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

 

.imagetextbox {margin-bottom: 70px;}


}



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

.imagetextbox {
display: flex; width: 100%;
flex-wrap: wrap;  
}

.imagetextbox div {
flex-grow: 1;
flex-basis: 50%;  }

.imagetextbox .imagecol { 
background-repeat:no-repeat;
background-size: auto 110%;

background-position:center;  
border-top-left-radius: 36px 36px;
border-bottom-left-radius: 36px 36px; 
border-top-right-radius:  0px  0px;
padding-bottom: 0;
}
.imgoverlay {padding-bottom: 0;
border-top-left-radius: 36px 36px;
border-bottom-left-radius: 36px 36px; 
border-top-right-radius:  0px  0px;}

.imagetextbox .textcol {   padding: 82px 60px 82px 60px;  background: #e9e7de;
border-top-right-radius: 36px 36px;
border-bottom-right-radius: 36px 36px;
border-bottom-left-radius: 0px 0px;
}


.newsboxes, .pictoboxes {padding-right:  0px;}



.pictoboxes {
display: inline-flex;
flex-wrap: wrap;
justify-content: space-between;  
width: calc(100% + 15px);
padding-top: 30px;
}
.pictoboxes .frame-layout-6 ,
.frame-layout-6 { width: calc(25% - 15px); }
.frame-layout-6 > div {width: 100%; display:block;}


div.picto {width: 100%; padding-bottom : 100%;  }

div.greenbox {width: 100%; margin-bottom: 20px;  padding: 0px 0px 100%  0px;}

.newsboxes {
display:  flex;
flex-wrap: wrap;
align-content: space-between; justify-content: space-between; width: calc(100% + 15px);
 
}
 
  

/*.newsboxes div.newsbox {
width: calc(25% - 15px);  }

.newsboxes div.newsbox:first-of-type {
 width: calc(50% - 15px);   }
    
 
div.newsbox:nth-of-type(1) .newsimage  { padding-bottom : 50%;  }*/
 
.blogbox p {line-height: 29px !important; font-size: 18px; margin-bottom:10px;}

.blogbox div {padding: 20px;  }
	
}


 

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

@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; }


   .newscontainer .sliderimage { float:none;  width:100% ;}
   
   .newscontainer .slidertext { width: 100%; }
   
    
    .newscontainer .slidertext p { padding-top: 0px !important; text-align: left !important; }
    .newscontainer .sliderimage h3 {
        padding-left: 20px;
        width: 320px !important;
        text-align: left;
    }

}



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

@media all and (min-width: 380px){
	
 
.layoutbereich .abschnitt5  .ce-row, .layoutbereich .abschnitt6  .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 (max-width: 479px){
  div.layoutbereich.start { margin-top:20px; }
}


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

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



 
  	
 .konferenzheader23 .headerimage {
background-size:auto 60vh , 130% auto;
background-position: center top, center bottom 15vh;
}
 


	
	 .boxes > div.calendarbox {
width: calc((100% / 2) - 10px); margin-right:10px;
}

	


.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;}
  
 
     
    
  .newscontainer .slidertext p { padding-top: 0px !important; text-align: left !important; }
   .newscontainer .sliderimage h3 {
        padding-left: 20px;
        width: 320px !important;
        text-align: left;
    }
}



/***************************************************************************************************/ 
/***************************************************************************************************/ 
 
@media all and (min-width: 540px){
	
	
#simplemodal-container { color:#000; width: 500px;  height: 500px; padding:25px;background-color: #fff; border-radius: 30px;}

div.calltoaction{position:fixed;bottom: auto;   top:200px; width:400px; border:2px solid #afc539;z-index: 9999;left:auto; right: 80px;background: #fff;color: #afc539;padding: 10px;border-radius: 5px;}

.resultlink {width: auto; float:right;margin-top: -45px;
margin-right: 30px;margin-bottom: 0px;}

 	
 
}



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

@media all and (min-width: 640px){ 
 
	
	
.konferenzheader #wrapper ,.konferenzheader23 #wrapper ,#p1 #wrapper{margin-top:90px;}


.konferenzheader23 .headerimage  {width:100%; position:relative;
height: calc(100vh - 90px);
background-size:auto 60vh , 110% auto;
background-repeat: no-repeat,no-repeat; 
background-position: center top, center bottom  15vh;
background-image: url(../images/header_konferenz_top.png), url(../images/header_konferenz_welle_gruen.png);
}


 
 
  	
.konferenzheader .headerimage {width:100%; position:relative;
padding-bottom:43.229167%; height: auto;  
background-position: center top;
background-repeat: no-repeat ; 
 background-size:100% auto;
background-image: url(../images/konferenz2024/startseite_visual_text_1920x830.svg) ;

}


 
  
  	
#p20.konferenzheader .headerimage, #p187.konferenzheader .headerimage {width:100%; position:relative; 
padding-bottom:30%; height: auto;  
background-position: center top;
background-repeat: no-repeat ; 
 background-size:100% auto;
background-image: url(../images/konferenz2024/240802_Visual_webbanner.svg) ;

background-image: url(../images/konferenz2024/visual.svg) 


}
 


	
    .sliderimage { width:50% !important; }
   .newscontainer .sliderimage { float:left !important; left: 0px; transform: none;  }
     .newscontainer .slidertext { width: 50% !important; }
    
  
  
 
#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%; 
/*jubiläumskonferenz*/
max-width:1180px

}

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


#kursfinder {display:block; }


#kursfinder { background:#afc539; position:absolute; left: 320px;
top: 0px;
width: 150px;
height: 48px;}

#kursfinder a {color:#fff;display: block;
line-height: 48px; text-align:center;
font-size: 18px; text-transform: uppercase;}

#kursfinder a:hover {color:#000;}


 
#search {height:48px;right: 145px; }

#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) - 10px); margin-right:10px;
}




.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;}
}


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

#c894 {margin-top: 40px;}



@media all and (min-width: 680px){ 
	
	
	
    .frame-boxportraet {
    width:50% !important;
    margin:0 5% 50px 0px;
    float:left; 
  }
 
 

.frame-boxportraet figure img {
  width: auto;
  height:285px;
}
 

    .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;}
 
 
 .ce-intext.ce-right .ce-gallery {
  margin-left: 10px;
}
	
	
	
	
}


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

	
	 /*. Anmeldebutton in Hauptspalte */
#c623 {display:block;}

.konferenz .layoutbereich .sidecol {padding-top: 0;}
 
 	
#c894 {margin-top: 0px;}


.konferenzheader23 .headerimage { 

background-size:auto 60vh , 70% auto;
 
background-position: center top, right bottom  5vh;
background-image: url(../images/header_konferenz_top.png), url(../images/header_konferenz_welle_gruen.png);
}
 
.konferenzheader23 .headerimage h1  ,  #p1  .headerimage h1 {top: 30vh;}

 
 
 .konferenzheader25 .headerimage {
display:block !important; 
height:600px;	
	
	width:100%; 
background-position: left bottom 40px, right 5vw bottom 40px,center center, center;
    background-size: 35vw auto , 30vw auto,  auto 500px,  cover;

background-image: url(../images/konferenz2025/250516_Visual_webbanner_Jubilaeum25_Text_1.svg), url(../images/konferenz2025/250516_Visual_webbanner_Jubilaeum25_Text2.svg), url(../images/konferenz2025/250516_Visual_webbanner_Jubilaeum25_Grafik.svg),url(../images/konferenz2025/250516_Visual_webbanner_Jubilaeum25_hintergrund.png);
background-color: transparent;


border-bottom:5px solid #afc539;
	
}

	

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


.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,  .boxes > div.calendarbox {
width: calc((100% / 3) - 10px); margin-right:10px;
}

.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;  }
  */

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



/*programm*/

.programmpunkt .toggle_container > div { padding-left: 0px;}
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%; padding-left: 10px;}





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

    .maincol { width:67.636363%; float:left; padding-right:32px; }
    
    .sidecol {  width: 32.363636% !important;
float: left;
max-width: 356px;
clear: none !important;}

 .sidecol.sidecolright {float:right; } 


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



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



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



  }
 
 
 
/***************************************************************************************************/ 
/***************************************************************************************************/ 

 @media all and (min-width: 1024px){
 	
.showmobile {display:none !important; }
.hidemobile {display:block  !important; }
 	
#kursfinder {  left: 360px;}


#search {position:absolute;   right: 155px; top:0px; width:45px; height:48px;
background:#575656;}

.loginlink { position:absolute;   right: 0px; top:0px; color:#fff; text-decoration:none; text-transform:uppercase; font-size:14px; line-height:50px;
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;}
 .loginlink:hover {color:#fff;}
 
 
#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; background:#575656;height:48px; padding:8px 8px 8px 8px;width:240px; 
z-index:10001;}

 	
.konferenzheader #wrapper ,.konferenzheader23 #wrapper , #p1 #wrapper  {margin-top:45px;}


.konferenzheader .headerimage   {height: auto;   padding-bottom:43.229167%;}

#p20.konferenzheader .headerimage , 
#p187.konferenzheader .headerimage .konferenzheader23 .headerimage    {height: auto; padding-bottom: 30%;}

.konferenzheader23 .headerimage  h1 ,#p1 .headerimage  h1{ position: absolute;
top: 12vw;
left: 20%;left: 10%;
 
padding: 0px 20px 0px 20px;
text-align: center;
color: #3b3d40;
margin: 0;

text-align: center;}

.konferenzheader23 .headerimage  .buttongrau  ,#p1 .headerimage  .buttongrau{top: auto; bottom: 20px;
text-align: center;
margin: 0;
left: 65%;
}


.konferenzheader23 .headerimage  .textintro ,#p1  .headerimage  .textintro { position:absolute; bottom:20px;left:20%;left:0;

padding: 0px 20px 0px 20px; text-align:left; color:#3b3d40; margin:0;}
 

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

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

.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,  .boxes > div.calendarbox   {
width: calc((100% / 6) - 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){
	
.konferenzheader23 .headerimage  h1 ,#p1 .headerimage  h1{ position: absolute;
left: calc((100vw - 1140px) / 2);
}

.konferenzheader23 .headerimage  .textintro  ,#p1 .headerimage  .textintro   {left: calc((100vw - 1140px) / 2);}


	
.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;}

.konferenzprogramm .block.first .sidecol {padding:0px 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){
 
 .konferenzheader .headerimage {width:100%; position:relative;
padding-bottom:36.45833%; height: auto;  
background-position: center top;
background-repeat: no-repeat ; 
 background-size:100% auto;
background-image: url(../images/konferenz2024/Visual_Text_700px.svg) ;

}
 
#p20.konferenzheader .headerimage { background-image: url(../images/konferenz2024/visual.svg);
background-position: right bottom;
 background-size: 1200px auto; }
 
.konferenzheader23 .headerimage  h1 , #p1 .headerimage  h1 { position: absolute;
top: 12vw;
left: 20%;
left: calc((100vw - 1140px) / 2);
padding: 0px 20px 0px 20px;
text-align: center;
color: #3b3d40;
margin: 0;
font-size: 32px;
line-height: 46px;
text-align: center;}

.konferenzheader23 .headerimage  h1 span, #p1 .headerimage  h1 span {font-family: 'AvenirLTPro-Roman' ,Arial, helvetica, sans-serif; font-size:32px;display:block;  
line-height: 46px;}

.konferenzheader23 .headerimage  .textintro  , #p1 .headerimage  .textintro { position:absolute; bottom:30px;left: 20%;left: calc((100vw - 1140px) / 2);
padding: 0px 20px 0px 20px; text-align:left; color:#3b3d40; margin:0;}

.konferenzheader23 .headerimage  .buttongrau ,#p1 .headerimage  .buttongrau   {font-size: 20px;
position: absolute;
top: auto; bottom: 30px;
padding: 20px 22px 17px 22px;
width: 200px;
text-align: center;
margin: 0;

left: 60%;
}


.textintro p {font-size: 20px; margin-bottom: 8px;}
.textintro  h2 {font-size: 24px; line-height: 32px;margin-bottom: 8px;}
.textintro  h2  span {display:block;font-size:24px; line-height: 32px;}


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

 
  
.konferenzheader23 .headerimage  h1 ,.konferenzheader .headerimage  h1 { position: absolute;
top: 12vw;
left: 20%;left: calc((100vw - 1140px) / 2);
padding: 0px 20px 0px 20px;
text-align: center;
color: #3b3d40;
margin: 0;
font-size: 40px;
line-height: 60px;
text-align: center;}

.konferenzheader23 .headerimage  h1 span,#p1 .headerimage  h1 span {font-family: 'AvenirLTPro-Roman' ,Arial, helvetica, sans-serif; font-size: 40px;display:block;  
line-height: 60px;}

.konferenzheader23 .headerimage  .textintro  ,#p1 .headerimage  .textintro  { position:absolute; bottom:30px;left: 20%;left: calc((100vw - 1140px) / 2);
padding: 0px 20px 0px 20px; text-align:left; color:#3b3d40; margin:0;}

.konferenzheader23 .headerimage  .buttongrau  ,
#p1.headerimage  .buttongrau  {font-size: 24px;
position: absolute;
top: auto; bottom: 30px;
padding: 20px 22px 17px 22px;
width: 240px;
text-align: center;
margin: 0;

left: 53%;
}


.textintro p {font-size: 24px; margin-bottom: 16px;}
.textintro  h2 {font-size: 30px; line-height: 40px;margin-bottom: 16px;}
.textintro  h2  span {display:block;font-size: 30px; line-height: 40px;}


}

  
   
     .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;}