.featherlight-content{font-size: 2.2em;}

/* Start Social Media Buttons */
.social img{
  width: 30%;
}


.colwrap.bild_einruecken{
  
  margin: 0 40px 0 40px;
}
.telsocialwrap{
  float: left;
  width: 100%;
}

.social{
  float: left;
  margin: 0;
  padding: 0;
  width: 29%;
}
.social a#face{
  margin-right: 10%;
}
.navigationiphone a#face{
    margin-right: 2%;
}
.tel{
  clear: both;
  float: left;
  width: 70%;
}


.menuwrap .social{
  line-height: 1em;  
  margin: 0px; 
  padding:0px;

}
.footer2 ul li a img{
  max-width: 30px;padding: 5px 5px 7px 5px;
}
.navigationiphone .social{
  display: none;
  text-align: center;width: 100%;
}

@media all and (max-width: 1200px){
  .menuwrap .social{
  line-height: 1.6em; 
  }
  .social img{
  width: 40%;
}
}
@media all and (max-width: 902px){
  .tel{
    width: 80%;
  }  
  .social{
    width: 20%;
  }
  .menuwrap .social{
  line-height: 1.6em; 
  }
}
@media all and (max-width: 767px){
  .telsocialwrap{
    display: none;
  }
  .navigationiphone .social{
  display: block;
}
  .navigationiphone{
    
  }
  
  
}

.navigationiphone .social img{
  max-width: 30px;
  padding-bottom: 20px;
}
/* Ende Social Media Buttons */


/* RESET */

ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }
.pwrap .img{width: 250px;}
hr{
margin: 0px;
padding: 0px;
}

#up{
  right: 0;position: fixed;bottom: 0;;
  text-align: center;
}
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}
ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}
p			{margin-bottom: 0em;}
.atab { tab-size:30;-moz-tab-size:30; -ms-tab-size:30}
ul{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }
.lang{position: absolute;
left: 50px;top: 5px;}
a,
a:hover {
        outline: none;
        text-decoration:none; 
}
* {margin:0;padding:0;} 
ol{list-style: normal;padding: 0 0 10px 15px;}
/* END RESET */


html, body, .wrap {height: 100%;}
body > .wrap {height: auto; min-height: 100%;}
/* Bereich nicht fuer IE-mac Anfang \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Bereich nicht fuer IE-mac Ende */

/*
font-family:'AdobeCaslonW01-Regular';
font-family:'Calibri W01 Regular_904604';


*/

/* Start Ansprechpartner */

.ansprechpartner .flexbox{
  display: flex;
}

.ansprechpartner .flexbox.bg_hellgruen{
  background-color: #67a938;
}  
.ansprechpartner .flexbox.bg_mittelgruen{
  background-color: #538134;
}  
.ansprechpartner .flexbox.bg_dunkelgruen{
  background-color: #0e6c53;
}  
.ansprechpartner .flexbox.bg_terracotta{
  background-color: #be6035;
} 
.ansprechpartner .flexbox.bg_blau{
  background-color: #448ac7;
} 
.ansprechpartner .flexbox.bg_tuerkis{
  background-color: #017F98;
}
.ansprechpartner .flexbox.bg_orange{
  background-color: #f28c19;
}
.ansprechpartner .l,
.ansprechpartner .r{
  float: left;
}
.ansprechpartner .l{
  width: 66%;
}
.ansprechpartner.xxx .l{
position: absolute;
  width: 90%;;
}
.ansprechpartner .r{
  width: 34%;
  
}
.ansprechpartner .l .textwrap{
  margin: 20px 20px 0px 20px;
}

.content .ansprechpartner p,
.content .ansprechpartner p a{
  color: #fff;
}
@media all and (max-width: 1000px){
  .col.x50.ansprechpartner{
    width: 100%;
  }
}
@media all and (max-width: 500px){
  .ansprechpartner .flexbox{
    min-height: 300px;
  }
}
/* Ende Ansprechpartner */

body,html{
  background-color: #fff;
  font-family:'Calibri W01 Regular_904604, Verdana, Arial';
  font-size: 12px;
  font-family:'Calibri W01 Light';
  height: 100%;

}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Farbdefinition */
/* Terracotta #be6035 */


/* Wraps */

.wrapfull{
  float: left;
  line-height: 44px;
  width: 100%;
}

.wrap1000{
  margin: 0 auto;
  max-width: 1400px;
  position: relative;
  
}
.wrap1000 img.banner{
  width: 100%;
}

.wrap1000.header{
  height: 87px;  
}

.menuwrap{
  background-image: url(https://wohngut.de/media/alpha80.png);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  top: 27px;
  right: 10%;
  width: 20%;
  z-index: 99999;
}

/* Wrapper aussen */ 
#responsive_wrapper{
  position: relative;
  top: -125px;
  max-width: 900px;
}

.wrap1000 .content{
  padding: 0px 0px 0 0px;
    max-width: 1600px;
}

.wrap1000 .content.c100{
  padding-top: 0px;
}

.wrap1000 .footer{
  background-color: #DCDCDC;
  padding: 20px 0 0 0;
}
.wrap1000 .footer h2{
  color: #666;
  font-size: 2.5em;
}
.wrap1000 .footer p{
  font-size: 1.3em;
}
/* Ende Wrap */

.wohngutstoerer{
  position: absolute;
  top: 0px;
  margin: 0px;
  z-index: 1000;
}

.wohngutstoerermobil{
  display: none;
}
/* Farben */

/* weiß */
p a.button{
  background-color: #fff;
  font-weight: bold;
  display: inline-block;
  font-size: 1em;
  margin: 10px 0 0 0;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
}


h3.tuerkis{
  background-color: #017F98;
  width: 100%;
}
h3.orange{
  background-color: #f28c19;
  width: 100%;
}
h3.terracotta{
  background-color: #C15F2E;
  width: 100%;
}


/* Terracotta */
.wrap1000.header.terracotta{
  border-top: 12px solid #be6035;
}
.footer.terracotta{
  border-bottom: 12px solid #be6035;
}
.footer.terracotta a{
  color:  #be6035;
}
#scrollnaviwrap.terracotta{
  border-top: 0px solid #transparent;
}

.terracotta .navigationiphone ul li a:hover,
.terracotta .navigationiphone ul li.rex-current a,
.terracotta button,
.wrap.terracotta .content .row .tinymcewysiwyg-table a,
.wrap.terracotta .content .row .tinymcewysiwyg-table h2{
  color: #be6035;
}

.row.terracotta,
.terracotta input.senden,
.wrap.terracotta .row.hinterlegt,
.wrap.terracotta .hg,
.buntebox2 .colwrap.terracotta,
.col.terracotta,
.rowwrap.terracotta{
  background-color: #be6035;
}

.row p.Beispiel1{
  font-family:'AdobeCaslonW01-Regular';
  font-size:14em;line-height: 1em;padding: 0px; margin: 0px;
}
.row p.Beispiel2{
  font-family:'AdobeCaslonW01-Regular';
  font-size:3em;line-height: 1em;padding: 20px 0px 20px 0; margin: 0px;
}
.wrap.terracotta .row.hinterlegt{
  border-bottom: 10px solid #be6035;
  border-top: 10px solid #be6035;
}
.terracotta30{
  background-color: #ebcfc2;
}

/* hellgruen */
.wrap1000.header.hellgruen{
  border-top: 12px solid #67a938;
}
.footer.hellgruen{
  border-bottom: 12px solid #67a938;
}

.footer.hellgruen a{
  color:  #67a938;
}
#scrollnaviwrap.hellgruen{
  border-top: 0px solid #transparent;
}

.hellgruen .navigationiphone ul li a:hover,
.hellgruen .navigationiphone ul li.rex-current a,
.hellgruen a.button{
  color: #67a938;
}
.wrap.hellgruen .content .row .tinymcewysiwyg-table a,
.wrap.hellgruen .content .row .tinymcewysiwyg-table h2{
  color: #67a938;
}
.row.hellgruen,
.hellgruen input.senden,
.wrap.hellgruen .row.hinterlegt,
.buntebox2 .colwrap.hellgruen,
.wrap.hellgruen .hg,
.col.hellgruen,
.rowwrap.hellgruen{
  background-color: #67a938;
}
.wrap.hellgruen .row.hinterlegt{
  border-bottom: 10px solid #67a938;
  border-top: 10px solid #67a938;
}

/* mittelgruen */
.wrap1000.header.mittelgruen{
  border-top: 12px solid #538134;
}
.footer.mittelgruen{
  border-bottom: 12px solid #538134;
}
.footer.mittelgruen a{
  color:  #538134;
}
#scrollnaviwrap.mittelgruen{
  border-top: 0px solid #transparent;
}

.mittelgruen .navigationiphone ul li a:hover,
.mittelgruen .navigationiphone ul li.rex-current a,
.wrap.mittelgruen .content .row .tinymcewysiwyg-table a,
.wrap .col.buntebox.mittelgruen a.button,
.wrap.mittelgruen .content .row .tinymcewysiwyg-table h2{
  color: #538134;
}

.row.mittelgruen,
.mittelgruen input.senden,
.wrap.mittelgruen .row.balken,
.wrap.mittelgruen .row.hinterlegt,
.wrap.mittelgruen .hg,
.buntebox2 .colwrap.mittelgruen,
.col.mittelgruen,
.rowwrap.mittelgruen{
  background-color: #538134;
}
.terracotta .row.balken{
  background-color: #be6035;
}
.wrap.mittelgruen .row.hinterlegt{
  border-bottom: 10px solid #538134;
  border-top: 10px solid #538134;
}

/* dunkelgruen */

.wrap1000.header.dunkelgruen{
  border-top: 12px solid #0e6c53;
}
.footer.dunkelgruen{
  border-bottom: 12px solid #0e6c53;
}
.footer.dunkelgruen a{
  color: #0e6c53;
}
#scrollnaviwrap.dunkelgruen{
  border-top: 0px solid #transparent;
}

.dunkelgruen .navigationiphone ul li a:hover,
.dunkelgruen .navigationiphone ul li.rex-current a,
.dunkelgruen a.button{
  color: #0e6c53;
}
.wrap.dunkelgruen .content .row .tinymcewysiwyg-table a,
.wrap.dunkelgruen .content .row .tinymcewysiwyg-table h2{
  color: #0e6c53;
}

.wrap .hg h1,
.wrap .hg p,
.wrap .hg ul,
.wrap .hg ol{
  color: #fff;
}
.wrap .hg{
  padding: 40px 0 0 0;
}

/* @todo pruefen! */
.wrap .content .row .tinymcewysiwyg-table h2{
    padding-top: 20px;
}
/* Ende @todo pruefen! */

.row.dunkelgruen,
.wrap.dunkelgruen .row.balken,
.dunkelgruen input.senden,
.wrap.dunkelgruen .hg,
.buntebox2 .colwrap.dunkelgruen,
.col.dunkelgruen,
.rowwrap.dunkelgruen,
.rowwrap.dunkelgruen{
  background-color: #0e6c53;
}

.wrap.dunkelgruen .row.hinterlegt{
  border-bottom: 10px solid #0e6c53;
  border-top: 10px solid #0e6c53;
}

/* tuerkis */

.wrap1000.header.tuerkis{
  border-top: 12px solid #017F98;
}
.footer.tuerkis{
  border-bottom: 12px solid #017F98;
}
.footer.tuerkis a,
.wrap.tuerkis .content .row .tinymcewysiwyg-table a,
.wrap.tuerkis.content .row .tinymcewysiwyg-table h2{
  color: #017F98;
}
#scrollnaviwrap.tuerkis{
  border-top: 0px solid #transparent;
}

.tuerkis .navigationiphone ul li a:hover,
.tuerkis .navigationiphone ul li.rex-current a,
.wrap.tuerkis .content .row .tinymcewysiwyg-table a,
.wrap.tuerkis .content .row .tinymcewysiwyg-table h2{
  color: #017F98;
}

.row.tuerkis,
.wrap.tuerkis .row.balken,
.tuerkis input.senden,
.wrap.tuerkis .row.hinterlegt,
.wrap.tuerkis .hg,
.buntebox2 .colwrap.tuerkis,
.col.tuerkis,
.rowwrap.tuerkis{
  background-color:#017F98;
}
.wrap.tuerkis .row.hinterlegt{
  border-bottom: 10px solid #017F98;
  border-top: 10px solid #017F98;
}

/* 



/* orange */

.wrap1000.header.orange{
  border-top: 12px solid #f28c19;
}
.footer.orange{
  border-bottom: 12px solid #f28c19;
}
.footer.orange a,
.wrap.orange .content .row .tinymcewysiwyg-table a,
.wrap.orange.content .row .tinymcewysiwyg-table h2{
  color: #f28c19;
}
#scrollnaviwrap.orange{
  border-top: 0px solid #transparent;
}

.orange .navigationiphone ul li a:hover,
.orange .navigationiphone ul li.rex-current a,
.wrap.orange .content .row .tinymcewysiwyg-table a,
.wrap.orange .content .row .tinymcewysiwyg-table h2{
  color: #f28c19;
}

.row.orange,
.wrap.orange .row.balken,
.orange input.senden,
.wrap.orange .row.hinterlegt,
.wrap.orange .hg,
.buntebox2 .colwrap.orange,
.col.orange,
.rowwrap.orange{
  background-color:#f28c19;
}
.wrap.orange .row.hinterlegt{
  border-bottom: 10px solid #f28c19;
  border-top: 10px solid #f28c19;
}

/* 


*/

.wrap1000.header.blau{
  border-top: 12px solid #448ac7;
}
.footer.blau{
  border-bottom: 12px solid #448ac7;
}
.footer.blau a,
.wrap.blau .content .row .tinymcewysiwyg-table a,
.wrap.blau .content .row .tinymcewysiwyg-table h2{
  color: #448ac7;
}
#scrollnaviwrap.blau{
  border-top: 0px solid #transparent;
}

.blau .navigationiphone ul li a:hover,
.blau .navigationiphone ul li.rex-current a,
.blau a.button{
  color: #448ac7;
}

.row.blau,
.blau input.senden,
.wrap.blau .row.hinterlegt,
.wrap.blau .hg,
.wrap.blau .row.balken,
.buntebox2 .colwrap.blau,
.col.blau,
.rowwrap.blau{
  background-color: #448ac7;
}

.wrap.blau .row.hinterlegt{
  border-bottom: 10px solid #448ac7;
  border-top: 10px solid #448ac7;
}


/* Start Grau */
.buntebox2 .colwrap.grau,
.col.grau{
  background-color: #666;
}
.row .buntebox2 .colwrap.grau .tinymcewysiwyg-table p a{
  color: #fff;
}
/* Ende Grau */

/* Start Creme */
.col.creme{
  background-color:#edcebb;
}
.wrap .content .row .col.st p,
.wrap .content .row .col.st ul,
.wrap .content .row .col.st ol,
.wrap .content .row .col.st table{
  color: #000;
}
/* Ende Creme */

/* Ende Farben */

.wrap.terracotta .content .row.dunkelgruen .tinymcewysiwyg-table a,
.wrap.terracotta .content .row.hellgruen .tinymcewysiwyg-table h2,
.wrap.terracotta .content .row.dunkelgruen .tinymcewysiwyg-table h2,
.wrap.terracotta .content .row.mittelgruen .tinymcewysiwyg-table h2,
.wrap.terracotta .content .row.blau .tinymcewysiwyg-table h2,
.wrap.terracotta .content .row.tuerkis .tinymcewysiwyg-table h2,
.wrap.terracotta .content .row.orange .tinymcewysiwyg-table h2,

.wrap .content .row .buntebox2.nurtext h1,
.wrap .content .row .buntebox2.nurtext h2,
.wrap .content .row .buntebox2.nurtext h3,
.wrap .content .row .buntebox2.nurtext h4,
.wrap .content .row .buntebox2.nurtext h5,
.wrap .content .row .buntebox2.nurtext h6,
.wrap .content .row .col.wt p,
.wrap .content .row .col.wt ul,
.wrap .content .row .col.wt ol,
.wrap .content .row .col.wt table,
.wrap .content .row .col.wt h1,
.wrap .content .row .col.wt h2,
.wrap .content .row .col.wt h3,
.wrap .content .row .col.wt h4,
.wrap .content .row .col.wt h5,
.wrap .content .row .col.wt h6{
  color: #fff;
}
.content .row.dunkelgruen button a{
  color: #0e6c53;
}
.content .row.hellgruen button a{
  color:  #67a938;
}
.content .row.blau button a{
  color:  #448ac7;
}

/* Einteilung Navigation und Contentbereich */

.leftnavi.l25,
.w25{
  float: left;
  width: 25%;
}

.c75,
.w75{
  float: left;
  width: 74%;
}

/* Navigationen */


/* Hauptnavigation */

.loginbutton{
  background-color: #be6035;
  position: absolute;
  top: 20px;
  right: 0px;
  z-index: 999999;
}
.loginbutton a{
  color: #fff;
  font-size: 1.3em;
  padding: 2px 20px;
}

/* Logo und Mainnavi liegen nebeneinander */

.logo{
  padding: 10px;
  text-align: center;
}

.logo img{
  max-width: 111px;
}

/* Start KLickicon */

.klickmich{
  cursor: pointer;  
  font-family:'AdobeCaslonW01-Regular';
  font-size: 1em;
  padding: 8px 5px 5px 5px;
}

.klickmich img{
  display: none;
}

#scrollnaviwrap .klickmich img{
  display: block;
}
/* Ende Klickicon */

.navigationiphone ul{
  padding-bottom: 10px;
}

.navigationiphone{
  padding: 0px 0 0px 0px
}

.navigationiphone ul li{
  line-height: 2.2em;
  font-size: 1.3em;
  text-align: center;
}

.navigationiphone ul li a{
  color: #666;
  margin: 0 20px 0 20px;
}

.navigationiphone ul li ul{
  font-size: 12px;
}

.navigationiphone ul li ul li a{
  padding: 0 0 0 10px;
}

.tel{
    text-align: center;
  line-height: 2.2em;
  margin: 0 0 32px 0;
}

.tel a{
  background-image: url(https://wohngut.de/media/tel.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  color: #333;
  font-family:'AdobeCaslonW01-Regular';
  font-size: 1.4em;
  padding: 5px 0 0 28px;
}

.klickmich{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;

  background-color: #fff;
  color: #666;
  font-size: 1.3em;
  text-align: center;
  line-height: 1em;
  margin-top: 10px;
}

/* Ende Iphonenavigation */

/* Start Scrollnaviwrap */

#scrollnaviwrap{
  background-color: #fff;
  -moz-box-shadow: 3px 3px 9px 0 #333;
  -webkit-box-shadow: 3px 3px 9px 0 #333;
  box-shadow: 3px 3px 10px 0 #666;
  min-height: 73px;  
}

#scrollnaviwrap img{
  width: auto;
}

#scrollnavi .tel{
  right: 155px;
  top: 19px;width: auto;
  position: absolute;
}
#scrollnavi .klickmich{
  border-top: 0px solid transparent;
}

#scrollnaviwrap ul li{
  background-color: #fff;
  border-top: 1px solid #ddd;
}
#scrollnaviwrap ul{
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

/* Ende Scrollnaviwrap */
.slider{
  margin: 0 0 10px 0;
  width: 99.99%;
  max-height: 300px;
  overflow: hidden;
}


/* Row und Cols innerhalb Cotentbereich */
  
.row{
  clear: both;
  float: left;
  width: 100%;
  margin: 0 0 0px 0;
}
.row.abstand{
  margin: 0 0 3.4em 0;
}
.col{
  float: left;
}  
.col.x100{
  width: 100%;
}    

.col.x80{
  width: 80%;
}   
.col.x75{
  width: 75%;
}    
.col.x66{
  width: 66%;
}
.col.x60{
  width: 57.5%;
}
.col.x50{
  width: 50%;
} 
.col.x40{
  width: 42.5%;
} 
.col.x33{
  width: 33.3%;
} 
.col.x25{
  width: 25%;
}       
.col.x20{
  width: 20%;
}  
.col.x14{
  width: 14%;
} 

/* Start Sondergroessen für die Balkenbilder */ 

.col.streifen{
width: 11%;  
}

.col.x4168{
width: 41.7%;  
}

.col.x5075{
width: 50.7%;  
}

.col.x5831{
width: 58.31%;  
}

.col.x3406{
  width: 34.06%;  
}

.rowwrap{ 
  float: left;
}

/* Ende Sondergroessen für die Balkenbilder */ 

.colwrap{
  padding: 0px 10px 20px 10px;
  position: relative;  
}  
.colwrap .colwrap{
  padding: 0px 0px 0px 0px;
}  

.x100 .colwrap.weissraum{
  padding: 0px 75px 20px 75px;
}  

.col.x14 .colwrap{
  padding: 0px 0px 0px 0px;
}  


.col img{
  width: 100%;
}
.col img.original{
  width: auto;
}

/* Contentbereich */

.content{  
  float: left; 
  line-height: 20px;
  margin: 0px 0 0px 0;
  width: 75%;
}

.content.c100{  
  width: 100%;
}

.content a{
  color: #bd1d1d;
  text-decoration: underline;
}

.content h1{
  color: #666666;
  font-family: AdobeCaslonW01-Regular;
  font-family:'Adobe Caslon W01 Bd';
  font-family:'Adobe Caslon W01 SmBd';
  font-size: 3.5em;
  font-weight: normal;
  line-height: 1.1em;
  padding-top: 20px;
}

.content h2{
  color: #666666;
  font-family: AdobeCaslonW01-Regular;
  font-family:'Adobe Caslon W01 SmBd';
  font-size: 2.2em;  
  line-height: 1.2em;
  display: block;
  font-weight: normal;
  margin: 5px 0 0px 0;
  padding: 0px 10px 15px 0px;
}
.wrap1000 .footer h2.sonderfall1{
  font-size: 3.5em;
}

.content h2 a{
  color:#666666;
}

.content h3{
    font-family:'AdobeCaslonW01-Regular';

}

.content  h3.meldung{
  color: #666;
  font-size: 1.5em;
  margin: 20px 0 0 0;
}

.content h3 a{
}

.content h4{
  color: #bd1d1d;
  font-size: 1.6em;
}

.content p, .content ul, .content ol, .content table, .footer .row p, .footer ul, .footer ol, .footer table{
  color: #666666;
  font-family:'Calibri W01 Regular_904604';
  font-family:'Calibri W01 Light';
  font-size: 1.5em;
  line-height: 1.3em;
  padding: 0 0 1em 0;
}

.content ul{
  list-style-type: disc;
  padding: 0 0 0 20px;
}

.content img{
  /*
 -moz-box-shadow:0px 5px 15px #ccc;
  border-radius: 2px;
  -webkit-box-shadow:0px 5px 15px #ccc;
  box-shadow:0px 5px 15px #ccc;  
  */
}

.content img.aschatten{
  -moz-box-shadow:0px 5px 15px #ccc;
  -webkit-box-shadow:0px 5px 15px #ccc;
  box-shadow:0px 5px 15px #ccc;
}

.content table td{
  padding: 0 10px 0 0;
}

.content button{
  cursor: pointer;
}
.content button:hover{
  color: #999;
}

/* Start Intro */
.col.x100.introtext .colwrap.weissraum{
padding: 0 15% 0 15%;
}
.intrologo{
  max-width: 45%;
 
}
.col.x33.intro .colwrap{
  min-height: 450px;
}
.intro .colwrap{padding: 0px;margin: 30px;
text-align: center;  background-color: #dcdcdc;
}
.content .intro h4{
  font-family: 'Adobe Caslon W01 SmBd';  
  margin: 20px 0 5px 0;
}
.content .intro p a{
  color: #666666;
  font-weight: bold;
  
}
.content .intro p{
  line-height: 1.8em;
}
.content .intro p,
.content .intro h3,
.content .intro h4{ 
  text-align: center;
}
.content .intro h3,
.content .intro h4,
.content .intro a{
  color: #be6035;
}

/* Start  Bild Text Modul mit farbigem Hintergrund */

.row.infobox{
 display: flex;

  border-right: 10px solid #fff;
    border-left: 10px solid #fff;
 width: calc(100% - 20px);
}

.row.infobox .background_orange{
  background-color: #f28c19;
}
.row.infobox .background_terracotta{
  background-color: #be6034;
}
.row.infobox .background_hellgruen{
  background-color: #67a938;
}
.row.infobox .background_dunkelgruen{
  background-color: #0e6c53;
}
.row.infobox .background_mittelgruen{
  background-color: #538134;
}
.row.infobox .background_blau{
  background-color: #448ac6;
}
.row.infobox .background_tuerkis{
  background-color: #b9d9e0;
}
.row.infobox .font_white p,
.row.infobox .font_white h1,
.row.infobox .font_white h2,
.row.infobox .font_white h3,
.row.infobox .font_white h4,
.row.infobox .font_white h5,
.row.infobox .font_white h6,
.row.infobox .font_white ul li,
.row.infobox .font_white ul li a,
.row.infobox .font_white p a
{
  color: #fff;
}
.infobox .col.x75,
.infobox .col.x66,
.infobox .col.x50,
.infobox .col.x33,
.infobox .col.x25{
  background-position: 50% 50%;
  background-size: cover;   
}
/* Ende  Bild Text Modul mit farbigem Hintergrund */

.row.infobox .col{
 display: flex;
}
.col.x50.mobile,
.col.x33.mobile{
  display: none;
}

@media all and (max-width: 700px) {
  
  .display_flex{
    display: block;
  }
  
  
  .row.infobox{
    display: inline;
  }  
  .row.infobox .col.x50{
  width: 100%;  
  }
  
  
}
/* funktioniert nur nach obigem flexbefehl (!) */


@media all and (max-width: 602px) {

.col.x33.intro{
  width: 100%;
}
}
/* Ende Intro */

.balkenwrap{
  bottom: 70px;
  padding: 0 0 0 0;
  position: relative;
  width: 100%;
}

 .schwarzer_bildergalerie_balken{
  background-image: url(https://wohngut.de/media/alpha_schwarz80.png);
  color: #fff;
  height: 70px;
  margin: 10 0px 0 0px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 99994;
}

 .schwarzer_bildergalerie_balken img{
   padding: 1.1em 0 0 0;
}

.schwarzer_bildergalerie_balken p{
  color: #fff;
  font-family:'AdobeCaslonW01-Regular';
  font-size: 1em;
  padding: 10px 0 0 0;
}

#scrollnaviwrap .klickmich{
  border-radius: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
}
/* Start Buntebox (oder Teaser) */

.buntebox{
  font-size: 1em;
  min-height: 370px;
  text-align: center;
}
.buntebox.aktion{

  text-align: left;
}

.buntebox h2{
  font-size: 4em;
  letter-spacing: -0.1px;
    padding: 10px 0 10px 0;
}

.buntebox.bild .colwrap{
  padding: 0px 0px 0px 0px;
}

.buntebox.hellgruen .colwrap{
  padding: 0 20px 0 20px;
  margin: 0 20px 0 20px;
}
.buntebox h1,
.buntebox h2, 
.buntebox p{
  color: #fff;
}

.buntebox.hellgruen{
  background-color: #67a938;
  color: #fff;
}

.buntebox.dunkelgruen,
.row.hinterlegt{
  background-color: #0e6c53;
  color: #fff;
}

.buntebox.tuerkis p a{color: #017F98;}
.buntebox.orange p a{color: #f28c19;}
.buntebox.mittelgruen{
  background-color: #538134;
  color: #fff;
}
.buntebox.blau{
  background-color: #448ac7;
}

.buntebox.text .colwrap{
  padding-top: 30px;
}

/* Start Buntebox2 (Ansprechpartner) */

.buntebox2 .colwrap .tinymcewysiwyg-table p,
.content .buntebox2 .colwrap.terracotta .tinymcewysiwyg-table a,
.content .buntebox2 .colwrap.hellgruen .tinymcewysiwyg-table a,
.content .buntebox2 .colwrap.mittelgruen .tinymcewysiwyg-table a,
.content .buntebox2 .colwrap.dunkelgruen .tinymcewysiwyg-table a,
.content .buntebox2 .colwrap.tuerkis .tinymcewysiwyg-table a,
.content .buntebox2 .colwrap.orange .tinymcewysiwyg-table a,
.content .buntebox2 .colwrap.blau .tinymcewysiwyg-table a{
  color:#fff;
}

.buntebox2 .colwrap{
  color: #fff;
  margin: 10px;
}


/* Ende Buntebox2 */



/* Start 60-Sekundenbewerbung */
.col .yform p{
font-size: 1.2em;
}
.col .yform p strong{
  color: #f28c19;
}
.col .yform label{
  font-size: 1.2em;
  height: 20px;
  padding: 10px 0 0px 0;
  margin: 0 0 5px 5px;
}
.yform input[type="checkbox"] {
   width: 15px; 
   height: 15px; 
}

.yform input.form-control,
.yform select{
  border: 1px solid #f28c19;
  border-radius: 3px;

  padding: 2px;
  width: 100%;
}
.col .yform label{
  float: left;
  line-height: 1.4em;
  margin: 0 0 0px 0;
  width: 100%;
}

.col .yform h2{
  color: #f28c19;
  padding-top: 1em;
  text-transform: uppercase;
}

.col .yform h3.bggrau{
  background-color: #a1a1a1;
  border-radius: 5px;
  color: #fff;
  font-family: Verdana;
  font-size: 1.4em;
  line-height: 1.5em;
  margin: 20px 0;
  padding: 5px 10px 5px 10px;
}
.yform button{
  background-color: #f28c19;
  border-radius: 5px;  
  color: #fff;
  font-family: Verdana;
  font-size: 1.2em;
  padding: 1em;
  width: 100%;
}
.yform i.form-helper{
  margin-left: 5px;min-width: 15px;
}

.colwrap .yform .colwrap{
  padding: 0px 20px 0px 10px;
}  

.yform .alert-danger ul{
  list-style-type: none;
  margin: 0px;padding: 0 0 0 10px;
}
.yform .alert-danger{
  margin: 20px 0 0 0px;
}
.yform .alert-danger li{
  border: 1px solid red;
  color: red;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 3px;
}
.yform .form-group.has-error input,
.yform .form-group.has-error select{
  border: 2px solid red;
}
.yform .form-group.has-error checkbox{
  background-color: red;
}
/* Ende 60-Sekundenbewerbung */


/* Start Hinterlegt  */

.hinterlegt{
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: 0 0%;
  background-image: url(hhttps://wohngut.de/  files/hinterlegt.png);
}
 .row.hinterlegt{margin: 0px;padding: 0px;}
.row.hinterlegt h1,
.row.hinterlegt h2{
  color: #fff;
  text-align: center;
}
.row.hinterlegt h1{
  font-size: 3em;
  padding: 30px 0 0 0;
}
.row.hinterlegt h2{
  font-family:'Calibri W01 Light';
  font-size: 1.8em;
  padding: 0px 0 10px 0;
}
/* Ende Hinterlegt */

/* Start Balken */
.wrap.dunkelgruen .content .row .tinymcewysiwyg-table a{
  font-weight: bold;
  text-decoration: none;
}

/* Ende Balken */

.col.buntebox h3 a{
  color: #fff;
  display: block;
  font-size: 2.6em;
  height: 4em;
  line-height: 1.3em;
  padding: 40px 0 0 0;
  text-decoration: none;
}


button{
  background-color: #fff;
  border: 0px solid transparent;
  font-size: 0.9em;
  font-weight: bold;
  margin: 25px 0 0 0;
  padding: 2px 5px 2px 5px;
}

/* Ende Bunte Box (oder Teaser) */

/* Start Button */
p a.schliessenbutton{
  background-color: #be6035;
  color: #fff;
  padding: 5px 100px;
  text-align: center;
}
/* Ende Button */

iframe{
  padding:0 0 20px 0;
  width: 100%;
}


.abstand{
  clear: both;
  width: 100%;
}

.colwrap .tinymcewysiwyg img{
  width: auto;
  }
.versteckte{
  display: none;
}

/* Störer */

.stoerer{
  background-color: #0e6c53;
  border-radius: 10px;
  padding: 0px; margin: 0px;
  position: absolute;;
  text-align: center;
  z-index: 1000000;
  left: 50%;
  top: 550px;
  width: 280px;
  margin-left: -140px;
}
.stoerer h1{
  font-size: 2.5em;
  line-height: 10px;
  margin: 15px 0 0 0;
  padding: 10px 0 0 0;
  text-transform: uppercase;
}
a .stoerer p{  
  font-size: 1.2em;
  margin: 0px 0px 5px 0px;
  padding: 0 0 0 0;
}
a .stoerer h1,
a .stoerer p{  
  color: #fff;
}
.mittelgruen .stoerer{
background-color:  #538134;
}


.po{
  position: absolute;
  top: 160px; 
  left: 50%;
  height: auto;
  z-index: 999999;
  background-color: #be6035;
  padding-top: 4em;
  width: 1080px;
  max-width: 100%;
  transform: translate(-50%,0%);
}
.po .schliesser.schliesser{
  position: absolute; 
  right: 1em;
  top: 1em;
}
.po h1, .po h3,.po h4, .po h5, .po h6, .po p, .po ul, .po ol{
 color: #fff;
  font-size: 1.7em;
}  
.po h1,.po h2, .po h3,.po h4, .po h5, .po h6{
  font-family:'AdobeCaslonW01-Regular';
  font-size: 3.2em;
}  
.po p{
  padding: 0 0 1em 0;
}
.po a{
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
.po ul{
  list-style-type: square;
  padding: 0 0 0 20px;
  margin-bottom: 20px;
}
.po ol{

  padding: 0 0 0 20px;
  margin-bottom: 20px;
}
.schliesser{
  cursor: pointer;
  z-index: 9999999;
}
.schliesser img{
  max-width: 50px;
}
.po form{
  text-align: center;
}
.po label{
  font-size: 0.8em;

}
.po input{
  border: 0px solid transparent;
  padding: 5px 50px 5px 50px;
  margin-left: 20px;
}

.po input.submit{
  border: 0px solid transparent;font-size: 0.6em;
  color: #be6035; padding: 5px 50px 5px 50px;
  background-color: #fff;
}
/* Start Footer & Footer 2 */

.footer {
  color: #666;
  clear: both;
  float: left;
  background-color: #e0c900;
  padidng: 120px;
  width: 100%;
}
.footer table{line-height: 1.2em;}

.footer .row p,
.footer .row table{
  font-size: 1.4em;
}
.footer .col.x100 h2{
  padding: 20px 40px 20px;
}
.footer tr td{padding: 0 10px 0 0;}
.footer2 .row{
  background-color: #807f80;  
  padding: 3.4em 0 0 0;
}

.footer2  ul ,
.footer2 p{
    font-family:'AdobeCaslonW01-Regular';
     text-align: center;
     margin: 0;
     padding: 0;
}

.footer2 p{
  margin: 5.4em 0 1.7em 0;
}

.footer2 ul li {
     display: inline;
     margin-right: 10px;
     padding: 5px 10px;
}

.footer2 ul li a,
.footer2 p{
  color: #fff;
  font-size: 1.9em;
}
.footer2 ul li a:hover{
  color: #555;
}
.footer2 p{
  color: #fff;
  font-size: 1.3em;
}



.footerformular input,
.footerformular select,
.footerformular textarea{
  border: 0px solid transparent;
  color: #999;
  font-family: Verdana;
  font-size: 1em;
  height: 30px;
  padding: 3px;
  width: 100%;
}
.footerformular select{
  height: 36px;

}
.row.footerformular .col{background-color: #DCDCDC; }

.footer .row .row.footerformular .col .colwrap{
  padding: 0 20px 20px 10px;
}

.footerformular textarea{
  height: 150px;
  margin: 0 0 20px 0;
}

.footer h2{
 font-family:'AdobeCaslonW01-Regular';
  line-height: 1.3em;
  padding:0 0 20px 0;
}
.footer p{
  line-height: 1.3em;
  padding: 0 0 1.7em 0;
}
/* Ende Footer & Footer 2*/

.clearer{
  clear: both;
}

input.senden{
  color: #fff;
  cursor: pointer;
  float: right;
  margin: 0 0 20px 0;
  width: 30%;
}


/* * * * * * * * * Start Groessenabhaengige Stile * * * * * * * * * * * * * * * * * * * * */

@media all and (max-width: 4000px) {
  .buntebox h2{
    margin-bottom: 10px;
    margin-top: 100px;
  }
  .colwrap .tinymcewysiwyg-table{
    margin: 0px 40px 30px 40px;
  }
    .col.hg .colwrap .tinymcewysiwyg-table{
    margin: 0px 50px 0 50px;
  }
  
   .wrap.bereichsseiten .col.x60 .colwrap .tinymcewysiwyg-table{

  }
    
  .footerwrap{
  margin-left: 10px;
  margin-right: 10px;
    /* geändert 26.11.2019 vorher 14px, Grund nicht bekannt*/
}
  .slice3{clear:both;}
    .infos .buntebox2 .colwrap{
    min-height: 340px;;
  }
  
}
@media all and (max-width: 1400px) {
  .buntebox h2{
    margin-top: 90px;
  }
  .colwrap .tinymcewysiwyg-table{
    margin: 0px 40px 30px 40px;
  }
  
   .wrap.bereichsseiten  .col.x60 .colwrap .tinymcewysiwyg-table{
 
  }
      
  .footerwrap{

  margin-right: 10px;
}
  
  .stoerer{
  top: 500px;
    width: 240px;
    margin-left: -110px;
  }
}
@media all and (max-width: 1200px) {
  .buntebox h2{
    margin-top: 34px;
  }
  .colwrap .tinymcewysiwyg-table{
    margin: 0px 40px 30px 40px;
  }  
  
   .wrap.bereichsseiten  .col.x60 .colwrap .tinymcewysiwyg-table{

  }  
    .stoerer{
      top: 400px;
      width: 240px;
  }
  
  
}

@media all and (max-width: 1036px) {
  
  .footer .x100 h2.sonderfall1{
    padding: 20px 0 0px 10px;
  }
  
  .col.x50.ohnerand_nur_mobil .colwrap{
    padding: 0px;
  }
  
  .buntebox h2{
    font-size: 4em;
    margin-top: 0px;
    padding: 10px 0 0px 0;
  }

  .colwrap .tinymcewysiwyg-table{
    margin: 0px 20px 0px 20px;
  }
  
  h2{line-height: 1.2em;}
  
  .stoerer{
    top: 280px;
    width: 180px;
    margin-left: -90px;
  }
}

  
@media all and (max-width: 902px) {
  .popup{padding-top: 6em;
    top: 0%;}
  .popup .schliesser img{
    max-width: 40px;
  }
  .popup h1{font-size: 2em;line-height: 1.2em;}
  .popup p{font-size: 1.5em;}
  /* h1,h2,h3,h4,h5,h6,p{border-bottom: 1px solid red;}*/
  /*
  .wrap1000{
    margin: 0 auto;
    max-width: 677px;
  }*/
  .col.x50.col.buntebox{
    width: 100%;  
  }
  
    .col.x50.col.buntebox .colwrap p{
    padding: 0px 30px 20px 30px;
  }
.buntebox h2{

    margin-top: 0px;
}  
.x100 .colwrap.weissraum {
    padding: 0px 1.3em 20px 1.3em;
}
  
} 

@media all and (max-width: 767px) {
    .hinterlegt{background-image: none;}

  .klickmich{
    border-top: 0px solid transparent;
  }  
  
  .klickmich img{
    display: block;
  }
  
  .klickmich span{
    display: none;
  }

 .menuwrap{
    background-image: none;                
    left: 0%;
    position: absolute;
    top: 0px;
    width: 100%;

  } 
  
  .tel{
    display: none;     
  }
  
  .navigationiphone{
    display: block;
    position: absolute;
    top: 72px;
    width: 100%;left: 0px;
    z-index: 5;
  }
  
  .navigationiphone{
    background-color: #fff;
    border-top: 1px solid #ddd;    
    display: none;
  }
  
  .navigationiphone li {
    border-bottom: 1px solid #ddd;
  }  
  
  .col.x20, .col.x25, .col.x33{width: 50%;}
  .col.x25.c3{clear: both;}
  
  .klickmich{
    background-color: transparent;
    border-radius: 0px;
    color: #000;  
    display: block;
    font-size:12px;
    line-height: 34px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 50px;
    z-index: 6;
  }
  
  .navigationiphone ul ul {
    display: none;
  }
  .navigationiphone ul li:hover ul { 
    display: block; 
  }
  
  .footer .x50{
    width: 100%;
  }
  
  .footer2 ul li{
    clear: both;display: block;
  }
    .footer2 ul{
    padding: 0 0 20px 0;
  }
  .infos .buntebox2 .colwrap{
  }
    .slice2{clear:both;}
    .slice3{clear:none;}
  
      .stoerer{
      top: 10px;
      width: 200px;
  }
}
  
/* */
  
@media all and (max-width: 479px) {
  .schwarzer_bildergalerie_balken p{
   line-height: 30px;
  }
  .vollbreite{display: none;}
  .row h2{
    line-height: 1em;
    padding: 0 0 20px 0;
  }
  .wrap1000 .footer h2.sonderfall1{
  font-size: 2.5em;
}
  .row p{
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
  }  
  .col.x20,
  .col.x25,
  .col.x33,
  .col.x40,  
  .col.x50,
  .col.x60,
    .col.x75{
    width: 100%; 
  }
  .row .col.buntebox2 .colwrap{padding: 5px 20px 5px 20px;}
  .col.x33 .colwrap,  
  .col.x33.no_l .colwrap,
  .col.x33.no_r .colwrap{
    padding: 0px 0px 20px 0px;
  }  
  
  .x100 .colwrap.weissraum{
    padding: 0px 0em  20px 0em;
  }  
  
  .col.x4168,
  .col.x5075,
  .col.x5831,
  .col.x3406{
    width: 100%;  
  }

  .col.streifen{
    display: none; 
  }
  
  .infos .buntebox2 .colwrap{
  }
.karriere .buntebox2 .colwrap .tinymcewysiwyg-table{
    padding-bottom: 20px;
  }
  
}

.row.bildergalerie .col .colwrap{
  padding: 0 0 20px 0;
}

.row.bildergalerie.keinabstand .col .colwrap{padding-bottom: 0px;}

.row.hellgruen{ background-color: #67a938;}

q.x100 .colwrap{
  padding: 0px 70px 20px 70px;
  position: relative;  
}  

.wrap .content .row .col.hg h2{
  color: #fff;
}
.wrap.terracotta.presse .content .col.x33 .colwrap{min-height: 100px;padding: 20px 0 0 0;}

/*
.row.bildergalerie .col.x100 .colwrap{padding: 0 10px 0 10px;}
.row.hinterlegt .col.x100 .colwrap{padding: 0 10px 0 10px;}
*/

.rowwrap2{padding: 0 10px 0 10px;}
.wrap.karriere .tinymcewysiwyg-table{padding-top: 30px;}
.wrap.infos .buntebox2 .col .colwrap{min-height: 320px;}
.wrap.infos .content .tinymcewysiwyg-table{padding-top: 10px;}

/* Aktionsmodul Farben */
.wrap .content .row.hellgruen30{
background-color: #d1e5c3;
}
.wrap .content .row.mittelgruen30{
  background-color: #cbd9c2;
}

.wrap .content .row.dunkelgruen30{
background-color: #b6d3cb;
}

.wrap .content .row.blau30{
  background-color: #c7dcee;
}
.wrap .content .row.tuerkis30{
  background-color: #b9d9e0;
}
.wrap .content .row.orange0{
  background-color: #f28c19;
}
.wrap .content .row.terracotta30 .tinymcewysiwyg-table  h1,
.wrap .content .row.terracotta30 .tinymcewysiwyg-table h2,
.wrap .content .row.terracotta30 .tinymcewysiwyg-table a{
  color: #be6035;
}


.wrap .content .row.hellgruen30 .tinymcewysiwyg-table  h1,
.wrap .content .row.hellgruen30 .tinymcewysiwyg-table h2,
.wrap .content .row.hellgruen30 .tinymcewysiwyg-table a{
  color: #67a938;
}

.wrap .content .row.dunkelgruen30 .tinymcewysiwyg-table  h1,
.wrap .content .row.dunkelgruen30 .tinymcewysiwyg-table h2,
.wrap .content .row.dunkelgruen30 .tinymcewysiwyg-table a{
  color: #0e6c53;
}

.wrap .content .row.mittelgruen30 .tinymcewysiwyg-table  h1,
.wrap .content .row.mittelgruen30 .tinymcewysiwyg-table h2,
.wrap .content .row.mittelgruen30 .tinymcewysiwyg-table a{
  color: #538134;
}

.wrap .content .row.blau30 .tinymcewysiwyg-table  h1,
.wrap .content .row.blau30 .tinymcewysiwyg-table h2,
.wrap .content .row.blau30 .tinymcewysiwyg-table a{
  color: #448ac7;
}

.wrap .content .row.tuerkis30 .tinymcewysiwyg-table  h1,
.wrap .content .row.tuerkis30 .tinymcewysiwyg-table h2,
.wrap .content .row.tuerkis30 .tinymcewysiwyg-table a{
  color: #188097;
}
.wrap .content .row.orange30 .tinymcewysiwyg-table  h1,
.wrap .content .row.orange30 .tinymcewysiwyg-table h2,
.wrap .content .row.orange30 .tinymcewysiwyg-table a{
  color: #f28c19;
}

.wrap .content .row.terracotta30 .tinymcewysiwyg-table p,
.wrap .content .row.hellgruen30 .tinymcewysiwyg-table p,
.wrap .content .row.mittelgruen30 .tinymcewysiwyg-table p,
.wrap .content .row.dunkelgruen30 .tinymcewysiwyg-table p,
.wrap .content .row.blau30 .tinymcewysiwyg-table p,
.wrap .content .row.tuerkis30 .tinymcewysiwyg-table p,
.wrap .content .row.orange30 .tinymcewysiwyg-table p{
  color: #000;
}

.aktionwrap{
  margin: 0 10px 0 10px;
}
a.closebutton{
  background-color: #be6035;
  color: #fff;
  padding: 10px;
}


/* RESET */

ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }
.pwrap .img{width: 250px;}
hr{
margin: 0px;
padding: 0px;
}

#up{
  right: 0;position: fixed;bottom: 0;;
  text-align: center;
}
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}
ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}
p			{margin-bottom: 0em;}
.atab { tab-size:30;-moz-tab-size:30; -ms-tab-size:30}
ul{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }
.lang{position: absolute;
left: 50px;top: 5px;}
a,
a:hover {
        outline: none;
        text-decoration:none; 
}
* {margin:0;padding:0;} 
ol{list-style: normal;padding: 0 0 10px 15px;}
/* END RESET */


html, body, .wrap {height: 100%;}
body > .wrap {height: auto; min-height: 100%;}
/* Bereich nicht fuer IE-mac Anfang \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Bereich nicht fuer IE-mac Ende */

/*
font-family:'AdobeCaslonW01-Regular';
font-family:'Calibri W01 Regular_904604';


*/


body,html{
  background-color: #fff;
  font-family:'Calibri W01 Regular_904604, Verdana, Arial';
  font-size: 12px;
  font-family:'Calibri W01 Light';
  height: 100%;

}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Farbdefinition */
/* Terracotta #be6035 */


/* Wraps */

.wrapfull{
  float: left;
  line-height: 44px;
  width: 100%;
}

.wrap1000{
  margin: 0 auto;
  max-width: 1400px;
  position: relative;
  
}
.wrap1000 img.banner{
  width: 100%;
}

.wrap1000.header{
  height: 87px;  
}

.menuwrap{
  background-image: url(https://wohngut.de/media/alpha80.png);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  top: 27px;
  right: 10%;
  width: 20%;
  z-index: 99999;
}

/* Wrapper aussen */ 
#responsive_wrapper{
  position: relative;
  top: -125px;
  max-width: 900px;
}

.wrap1000 .content{
  padding: 0px 0px 0 0px;
    max-width: 1600px;
}

.wrap1000 .content.c100{
  padding-top: 0px;
}

.wrap1000 .footer{
  background-color: #DCDCDC;
  padding: 20px 0 0 0;
}
.wrap1000 .footer h2{
  color: #666;
  font-size: 2.5em;
}
.wrap1000 .footer p{
  font-size: 1.3em;
}
/* Ende Wrap */

.wohngutstoerer{
  position: absolute;
  top: 0px;
  margin: 0px;
  z-index: 1000;
}

/* Farben */

/* weiß */
p a.button{
  background-color: #fff;
  font-weight: bold;
  display: inline-block;
  font-size: 1em;
  margin: 10px 0 0 0;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
}


h3.tuerkis{
  background-color: #017F98;
  width: 100%;
}
h3.orange{
  background-color: #f28c19;
  width: 100%;
}
h3.terracotta{
  background-color: #C15F2E;
  width: 100%;
}
/* Anthrazit */
.wrap1000.header.anthrazit{
  border-top: 12px solid #666666;
}
.footer.anthrazit{
  border-bottom: 12px solid #666666;
}
.footer.anthrazit a{
  color:  #666666;
}
#scrollnaviwrap.anthrazit{
  border-top: 0px solid #transparent;
}

.anthrazit .navigationiphone ul li a:hover,
.anthrazit .navigationiphone ul li.rex-current a,
.anthrazit button,
.wrap.anthrazit .content .row .tinymcewysiwyg-table a,
.wrap.anthrazit .content .row .tinymcewysiwyg-table h2{
  color: #666666;
}

.row.anthrazit,
.anthrazit input.senden,
.wrap.anthrazit .row.hinterlegt,
.wrap.anthrazit .hg,
.buntebox2 .colwrap.anthrazit,
.col.anthrazit,
.rowwrap.anthrazit{
  background-color: #666666;
}

.wrap.anthrazit .row.hinterlegt{
  border-bottom: 10px solid #666666;
  border-top: 10px solid #666666;
}

.anthrazit30{
  background-color: #666666;
}

/* Terracotta */
.wrap1000.header.terracotta{
  border-top: 12px solid #be6035;
}
.footer.terracotta{
  border-bottom: 12px solid #be6035;
}
.footer.terracotta a{
  color:  #be6035;
}
#scrollnaviwrap.terracotta{
  border-top: 0px solid #transparent;
}

.terracotta .navigationiphone ul li a:hover,
.terracotta .navigationiphone ul li.rex-current a,
.terracotta button,
.wrap.terracotta .content .row .tinymcewysiwyg-table a,
.wrap.terracotta .content .row .tinymcewysiwyg-table h2{
  color: #be6035;
}
.wrap.terracotta .content .row .col.hg .tinymcewysiwyg-table a{
  color: #fff;
}
.row.terracotta,
.terracotta input.senden,
.wrap.terracotta .row.hinterlegt,
.wrap.terracotta .hg,
.buntebox2 .colwrap.terracotta,
.col.terracotta,
.rowwrap.terracotta{
  background-color: #be6035;
}

.row p.Beispiel1{
  font-family:'AdobeCaslonW01-Regular';
  font-size:14em;line-height: 1em;padding: 0px; margin: 0px;
}
.row p.Beispiel2{
  font-family:'AdobeCaslonW01-Regular';
  font-size:3em;line-height: 1em;padding: 20px 0px 20px 0; margin: 0px;
}
.wrap.terracotta .row.hinterlegt{
  border-bottom: 10px solid #be6035;
  border-top: 10px solid #be6035;
}

.terracotta30{
  background-color: #ebcfc2;
}

/* hellgruen */
.wrap1000.header.hellgruen{
  border-top: 12px solid #67a938;
}
.footer.hellgruen{
  border-bottom: 12px solid #67a938;
}

.footer.hellgruen a{
  color:  #67a938;
}
#scrollnaviwrap.hellgruen{
  border-top: 0px solid #transparent;
}

.hellgruen .navigationiphone ul li a:hover,
.hellgruen .navigationiphone ul li.rex-current a,
.hellgruen a.button{
  color: #67a938;
}
.wrap.hellgruen .content .row .tinymcewysiwyg-table a,
.wrap.hellgruen .content .row .tinymcewysiwyg-table h2{
  color: #67a938;
}
.wrap.hellgruen .content .row .col.hg .tinymcewysiwyg-table a{
  color: #fff;
}
.row.hellgruen,
.hellgruen input.senden,
.wrap.hellgruen .row.balken,
.wrap.hellgruen .row.hinterlegt,
.buntebox2 .colwrap.hellgruen,
.wrap.hellgruen .hg,
.col.hellgruen,
.rowwrap.hellgruen{
  background-color: #67a938;
}
.wrap.hellgruen .row.hinterlegt{
  border-bottom: 10px solid #67a938;
  border-top: 10px solid #67a938;
}

/* mittelgruen */
.wrap1000.header.mittelgruen{
  border-top: 12px solid #538134;
}
.footer.mittelgruen{
  border-bottom: 12px solid #538134;
}
.footer.mittelgruen a{
  color:  #538134;
}
#scrollnaviwrap.mittelgruen{
  border-top: 0px solid #transparent;
}

.mittelgruen .navigationiphone ul li a:hover,
.mittelgruen .navigationiphone ul li.rex-current a,
.wrap.mittelgruen .content .row .tinymcewysiwyg-table a,
.wrap .col.buntebox.mittelgruen a.button,
.wrap.mittelgruen .content .row .tinymcewysiwyg-table h2{
  color: #538134;
}
.wrap.mittelgruen .content .row .col.hg .tinymcewysiwyg-table a{
  color: #fff;
}
.row.mittelgruen,
.mittelgruen input.senden,
.wrap.mittelgruen .row.balken,
.wrap.mittelgruen .row.hinterlegt,
.wrap.mittelgruen .hg,
.buntebox2 .colwrap.mittelgruen,
.col.mittelgruen,
.rowwrap.mittelgruen{
  background-color: #538134;
}
.terracotta .row.balken{
  background-color: #be6035;
}
.wrap.mittelgruen .row.hinterlegt{
  border-bottom: 10px solid #538134;
  border-top: 10px solid #538134;
}

/* dunkelgruen */

.wrap1000.header.dunkelgruen{
  border-top: 12px solid #0e6c53;
}
.footer.dunkelgruen{
  border-bottom: 12px solid #0e6c53;
}
.footer.dunkelgruen a{
  color: #0e6c53;
}
#scrollnaviwrap.dunkelgruen{
  border-top: 0px solid #transparent;
}

.dunkelgruen .navigationiphone ul li a:hover,
.dunkelgruen .navigationiphone ul li.rex-current a,
.dunkelgruen a.button{
  color: #0e6c53;
}
.wrap.dunkelgruen .content .row .tinymcewysiwyg-table a,
.wrap.dunkelgruen .content .row .tinymcewysiwyg-table h2{
  color: #0e6c53;
}
.wrap.dunkelgruen .content .row .col.hg .tinymcewysiwyg-table a{
  color: #fff;
  text-decoration: underline;
}
.wrap .hg h1,
.wrap .hg p,
.wrap .hg ul,
.wrap .hg ol{
  color: #fff;
}
.wrap .hg{
  padding: 40px 0 0 0;
}

/* @todo pruefen! */
.wrap .content .row .tinymcewysiwyg-table h2{
    padding-top: 20px;
}
/* Ende @todo pruefen! */

.row.dunkelgruen,
.wrap.dunkelgruen .row.balken,
.dunkelgruen input.senden,
.wrap.dunkelgruen .hg,
.buntebox2 .colwrap.dunkelgruen,
.col.dunkelgruen,
.rowwrap.dunkelgruen,
.rowwrap.dunkelgruen{
  background-color: #0e6c53;
}

.wrap.dunkelgruen .row.hinterlegt{
  border-bottom: 10px solid #0e6c53;
  border-top: 10px solid #0e6c53;
}

/* tuerkis */

.wrap1000.header.tuerkis{
  border-top: 12px solid #017F98;
}
.footer.tuerkis{
  border-bottom: 12px solid #017F98;
}
.footer.tuerkis a,
.wrap.tuerkis .content .row .tinymcewysiwyg-table a,
.wrap.tuerkis.content .row .tinymcewysiwyg-table h2{
  color: #017F98;
}
#scrollnaviwrap.tuerkis{
  border-top: 0px solid #transparent;
}

.tuerkis .navigationiphone ul li a:hover,
.tuerkis .navigationiphone ul li.rex-current a,
.wrap.tuerkis .content .row .tinymcewysiwyg-table a,
.wrap.tuerkis .content .row .tinymcewysiwyg-table h2{
  color: #017F98;
}

.wrap.tuerkis .content .row .col.hg .tinymcewysiwyg-table a{
  color: #fff;
}

.row.tuerkis,
.wrap.tuerkis .row.balken,
.tuerkis input.senden,
.wrap.tuerkis .row.hinterlegt,
.wrap.tuerkis .hg,
.buntebox2 .colwrap.tuerkis,
.col.tuerkis,
.rowwrap.tuerkis{
  background-color:#017F98;
}
.wrap.tuerkis .row.hinterlegt{
  border-bottom: 10px solid #017F98;
  border-top: 10px solid #017F98;
}

/* blau */

.wrap1000.header.blau{
  border-top: 12px solid #448ac7;
}
.footer.blau{
  border-bottom: 12px solid #448ac7;
}
.footer.blau a,
.wrap.blau .content .row .tinymcewysiwyg-table a,
.wrap.blau .content .row .tinymcewysiwyg-table h2{
  color: #448ac7;
}
.wrap.blau .content .row .col.hg .tinymcewysiwyg-table a{
  color: #fff;
}
#scrollnaviwrap.blau{
  border-top: 0px solid #transparent;
}

.blau .navigationiphone ul li a:hover,
.blau .navigationiphone ul li.rex-current a,
.blau a.button{
  color: #448ac7;
}

.row.blau,
.blau input.senden,
.wrap.blau .row.hinterlegt,
.wrap.blau .hg,
.buntebox2 .colwrap.blau,
.col.blau,
.rowwrap.blau{
  background-color: #448ac7;
}

.wrap.blau .row.hinterlegt{
  border-bottom: 10px solid #448ac7;
  border-top: 10px solid #448ac7;
}


/* Start Grau */
.buntebox2 .colwrap.grau,
.col.grau{
  background-color: #666;
}
.row .buntebox2 .colwrap.grau .tinymcewysiwyg-table p a{
  color: #fff;
}
/* Ende Grau */

/* Start Creme */
.col.creme{
  background-color:#edcebb;
}
.wrap .content .row .col.st p,
.wrap .content .row .col.st ul,
.wrap .content .row .col.st ol,
.wrap .content .row .col.st table{
  color: #000;
}
/* Ende Creme */

/* Ende Farben */

.wrap.terracotta .content .row.dunkelgruen .tinymcewysiwyg-table a,
.wrap.terracotta .content .row.hellgruen .tinymcewysiwyg-table h2,
.wrap.terracotta .content .row.dunkelgruen .tinymcewysiwyg-table h2,
.wrap.terracotta .content .row.mittelgruen .tinymcewysiwyg-table h2,
.wrap.terracotta .content .row.blau .tinymcewysiwyg-table h2,
.wrap.terracotta .content .row.tuerkis .tinymcewysiwyg-table h2,

.wrap .content .row .buntebox2.nurtext h1,
.wrap .content .row .buntebox2.nurtext h2,
.wrap .content .row .buntebox2.nurtext h3,
.wrap .content .row .buntebox2.nurtext h4,
.wrap .content .row .buntebox2.nurtext h5,
.wrap .content .row .buntebox2.nurtext h6,
.wrap .content .row .col.wt p,
.wrap .content .row .col.wt ul,
.wrap .content .row .col.wt ol,
.wrap .content .row .col.wt table,
.wrap .content .row .col.wt h1,
.wrap .content .row .col.wt h2,
.wrap .content .row .col.wt h3,
.wrap .content .row .col.wt h4,
.wrap .content .row .col.wt h5,
.wrap .content .row .col.wt h6{
  color: #fff;
}
.content .row.dunkelgruen button a{
  color: #0e6c53;
}
.content .row.hellgruen button a{
  color:  #67a938;
}
.content .row.blau button a{
  color:  #448ac7;
}

/* Einteilung Navigation und Contentbereich */

.leftnavi.l25,
.w25{
  float: left;
  width: 25%;
}

.c75,
.w75{
  float: left;
  width: 74%;
}

/* Navigationen */


/* Hauptnavigation */
/* Logo und Mainnavi liegen nebeneinander */

.logo{
  padding: 10px;
  text-align: center;
}

.logo img{
  max-width: 111px;
}

/* Start KLickicon */

.klickmich{
  cursor: pointer;  
  font-family:'AdobeCaslonW01-Regular';
  font-size: 1em;
  padding: 8px 5px 5px 5px;
}

.klickmich img{
  display: none;
}

#scrollnaviwrap .klickmich img{
  display: block;
}
/* Ende Klickicon */

.navigationiphone ul{
  padding-bottom: 10px;
}

.navigationiphone{
  padding: 0px 0 0px 0px
}

.navigationiphone ul li{
  line-height: 2.2em;
  font-size: 1.3em;
  text-align: center;
}

.navigationiphone ul li a{
  color: #666;
  margin: 0 20px 0 20px;
}

.navigationiphone ul li ul{
  font-size: 12px;
}

.navigationiphone ul li ul li a{
  padding: 0 0 0 10px;
}

.tel{
    text-align: center;
  line-height: 2.2em;
  margin: 0 0 32px 0;
}

.tel a{
  background-image: url(https://wohngut.de/media/tel.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  color: #333;
  font-family:'AdobeCaslonW01-Regular';
  font-size: 1.4em;
  padding: 5px 0 0 28px;
}

.klickmich{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;

  background-color: #fff;
  color: #666;
  font-size: 1.3em;
  text-align: center;
  line-height: 1em;
  margin-top: 10px;
}

/* Ende Iphonenavigation */

/* Start Scrollnaviwrap */

#scrollnaviwrap{
  background-color: #fff;
  -moz-box-shadow: 3px 3px 9px 0 #333;
  -webkit-box-shadow: 3px 3px 9px 0 #333;
  box-shadow: 3px 3px 10px 0 #666;
  min-height: 73px;  
}
/* Extra Höhe für Parkresizenz */
#scrollnaviwrap.sonderhoehe{
  min-height: 94px;
}

#scrollnaviwrap img{
  width: auto;
}

#scrollnavi .tel{
  right: 155px;
  top: 19px;
  position: absolute;
}
#scrollnavi .klickmich{
  border-top: 0px solid transparent;
}

#scrollnaviwrap ul li{
  background-color: #fff;
  border-top: 1px solid #ddd;
}
#scrollnaviwrap ul{
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

/* Ende Scrollnaviwrap */
.slider{
  margin: 0 0 10px 0;
  width: 99.99%;
  max-height: 300px;
  overflow: hidden;
}


/* Row und Cols innerhalb Cotentbereich */
  
.row{
  clear: both;
  float: left;
  width: 100%;
  margin: 0 0 0px 0;
}
.row.abstand{
  margin: 0 0 3.4em 0;
}
.col{
  float: left;
}  
.col.x100{
  width: 100%;
}    
.col.x75{
  width: 75%;
}    
.col.x66{
  width: 66%;
}
.col.x60{
  width: 57.5%;
}
.col.x50{
  width: 50%;
} 
.col.x40{
  width: 42.5%;
} 
.col.x33{
  width: 33.3%;
} 
.col.x25{
  width: 25%;
}        
.col.x14{
  width: 14%;
} 

/* Start Sondergroessen für die Balkenbilder */ 

.col.streifen{
width: 11%;  
}

.col.x4168{
width: 41.7%;  
}

.col.x5075{
width: 50.7%;  
}

.col.x5831{
width: 58.31%;  
}

.col.x3406{
  width: 34.06%;  
}

.rowwrap{ 
  float: left;
}

/* Ende Sondergroessen für die Balkenbilder */ 




.colwrap{
  padding: 0px 10px 20px 10px;
  position: relative;  
}  
.colwrap .colwrap{
  padding: 0px 0px 0px 0px;
}  

.x100 .colwrap.weissraum{
  padding: 0px 75px 20px 75px;
}  

.col.x14 .colwrap{
  padding: 0px 0px 0px 0px;
}  


.col img{
  width: 100%;
}
.col img.original{
  width: auto;
}

/* Contentbereich */

.content{  
  float: left; 
  line-height: 20px;
  margin: 0px 0 0px 0;
  width: 75%;
}

.content.c100{  
  width: 100%;
}

.content a{
  color: #bd1d1d;
  text-decoration: underline;
}

.content h1{
  color: #666666;
  font-family: AdobeCaslonW01-Regular;
  font-family:'Adobe Caslon W01 Bd';
  font-family:'Adobe Caslon W01 SmBd';
  font-size: 3.5em;
  font-weight: normal;
  line-height: 1.1em;
  padding-top: 20px;
}

.content h2{
  color: #666666;
  font-family: AdobeCaslonW01-Regular;
  font-family:'Adobe Caslon W01 SmBd';
  font-size: 2.2em;  
  line-height: 1.2em;
  display: block;
  font-weight: normal;
  margin: 5px 0 0px 0;
  padding: 0px 10px 15px 0px;
}

.content h2 a{
  color:#666666;
}

.content h3{
    font-family:'AdobeCaslonW01-Regular';

}

.content  h3.meldung{
  color: #666;
  font-size: 1.5em;
  margin: 20px 0 0 0;
}

.content h3 a{
}

.content h4{
  color: #bd1d1d;
  font-size: 1.6em;
}

.content p, .content ul, 
.content ol, .content table, 
.footer .row p, .footer ul, 
.footer ol, .footer table{
  color: #666666;
  font-family:'Calibri W01 Regular_904604';
  font-family:'Calibri W01 Light';
  font-size: 1.5em;
  line-height: 1.3em;
  padding: 0 0 1em 0;
}

.content ul{
  list-style-type: disc;
  padding: 0 0 0 20px;
}

.content img{
  /*
 -moz-box-shadow:0px 5px 15px #ccc;
  border-radius: 2px;
  -webkit-box-shadow:0px 5px 15px #ccc;
  box-shadow:0px 5px 15px #ccc;  
  */
}

.content img.aschatten{
  -moz-box-shadow:0px 5px 15px #ccc;
  -webkit-box-shadow:0px 5px 15px #ccc;
  box-shadow:0px 5px 15px #ccc;
}

.content table td{
  padding: 0 10px 0 0;
}

.content button{
  cursor: pointer;
}
.content button:hover{
  color: #999;
}
.balkenwrap{
  bottom: 70px;
  padding: 0 0 0 0;
  position: relative;
  width: 100%;
}

 .schwarzer_bildergalerie_balken{
  background-image: url(https://wohngut.de/media/alpha_schwarz80.png);
  color: #fff;
  height: 70px;
  margin: 10 0px 0 0px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 99994;
}

 .schwarzer_bildergalerie_balken img{
   padding: 1.1em 0 0 0;
}

.schwarzer_bildergalerie_balken p{
  color: #fff;
  font-family:'AdobeCaslonW01-Regular';
  font-size: 1em;
  padding: 10px 0 0 0;
}

#scrollnaviwrap .klickmich{
  border-radius: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
}
/* Start Buntebox (oder Teaser) */

.buntebox{
  font-size: 1em;
  min-height: 370px;
  text-align: center;
}
.buntebox.aktion{

  text-align: left;
}

.buntebox h2{
  font-size: 4em;
  letter-spacing: -0.1px;
    padding: 10px 0 10px 0;
}

.buntebox.bild .colwrap{
  padding: 0px 0px 0px 0px;
}

.buntebox.hellgruen .colwrap{
  padding: 0 20px 0 20px;
  margin: 0 20px 0 20px;
}
.buntebox h1,
.buntebox h2, 
.buntebox p{
  color: #fff;
}

.buntebox.hellgruen{
  background-color: #67a938;
  color: #fff;
}

.buntebox.dunkelgruen,
.row.hinterlegt{
  background-color: #0e6c53;
  color: #fff;
}

.buntebox.tuerkis p a{color: #017F98;}

.buntebox.mittelgruen{
  background-color: #538134;
  color: #fff;
}
.buntebox.blau{
  background-color: #448ac7;
}

.buntebox.text .colwrap{
  padding-top: 30px;
}
/* auf Introseite flachere Boxen */
.row.abstand.terracotta.flacher{

}
.row.flacher .buntebox{
  min-height: 200px;  
}
.row.flacher .buntebox h1{
 padding-top: 30px;
}
.row.flacher .buntebox.anthrazit a{
 color: #333;
}

@media all and (max-width: 1300px){
.row.flacher.zweizeiler .buntebox h1{
 padding-top: 0px;
}
}
/* Start Buntebox2 (Ansprechpartner) */

.buntebox2 .colwrap .tinymcewysiwyg-table p,
.content .buntebox2 .colwrap.terracotta .tinymcewysiwyg-table a,
.content .buntebox2 .colwrap.hellgruen .tinymcewysiwyg-table a,
.content .buntebox2 .colwrap.mittelgruen .tinymcewysiwyg-table a,
.content .buntebox2 .colwrap.dunkelgruen .tinymcewysiwyg-table a,
.content .buntebox2 .colwrap.tuerkis .tinymcewysiwyg-table a,
.content .buntebox2 .colwrap.blau .tinymcewysiwyg-table a{
  color:#fff;
}

.buntebox2 .colwrap{
  color: #fff;
  margin: 10px;
}

.buntebox2.no_o_u .colwrap{
  color: #fff;
  margin: 0px 10px;
}
/* Ende Buntebox2 */

/* Start Hinterlegt  */

.hinterlegt{
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: 0 0%;
  background-image: url(hhttps://wohngut.de/  files/hinterlegt.png);
}
 .row.hinterlegt{margin: 0px;padding: 0px;}
.row.hinterlegt h1,
.row.hinterlegt h2{
  color: #fff;
  text-align: center;
}
.row.hinterlegt h1{
  font-size: 3em;
  padding: 30px 0 0 0;
}
.row.hinterlegt h2{
  font-family:'Calibri W01 Light';
  font-size: 1.8em;
  padding: 0px 0 10px 0;
}
/* Ende Hinterlegt */

/* Start Balken */
.wrap.dunkelgruen .content .row .tinymcewysiwyg-table a{
  font-weight: bold;
  text-decoration: none;
}

/* Ende Balken */

.col.buntebox h3 a{
  color: #fff;
  display: block;
  font-size: 2.6em;
  height: 4em;
  line-height: 1.3em;
  padding: 40px 0 0 0;
  text-decoration: none;
}


button{
  background-color: #fff;
  border: 0px solid transparent;
  font-size: 0.9em;
  font-weight: bold;
  margin: 25px 0 0 0;
  padding: 2px 5px 2px 5px;
}

/* Ende Bunte Box (oder Teaser) */

iframe{
  padding:0 0 20px 0;
  width: 100%;
}


.abstand{
  clear: both;
  width: 100%;
}

.colwrap .tinymcewysiwyg img{
  width: auto;
  }
.versteckte{
  display: none;
}

/* Störer */

.stoerer{
  background-color: #0e6c53;
  border-radius: 10px;
  padding: 0px; margin: 0px;
  position: absolute;;
  text-align: center;
  z-index: 1000000;
  left: 50%;
  top: 550px;
  width: 280px;
  margin-left: -140px;
}
.stoerer h1{
  font-size: 2.5em;
  line-height: 10px;
  margin: 15px 0 0 0;
  padding: 10px 0 0 0;
  text-transform: uppercase;
}
a .stoerer p{  
  font-size: 1.2em;
  margin: 0px 0px 5px 0px;
  padding: 0 0 0 0;
}
a .stoerer h1,
a .stoerer p{  
  color: #fff;
}
.mittelgruen .stoerer{
background-color:  #538134;
}


.po{
  position: absolute;
  top: 160px; 
  left: 50%;
  height: auto;
  z-index: 999999;
  background-color: #be6035;
  padding-top: 4em;
  width: 1080px;
  max-width: 100%;
  transform: translate(-50%,0%);
}
.po .schliesser.schliesser{
  position: absolute; 
  right: 1em;
  top: 1em;
}
.po h1, .po h3,.po h4, .po h5, .po h6, .po p, .po ul{
 color: #fff;
  font-size: 1.7em;
}  
.po h1,.po h2, .po h3,.po h4, .po h5, .po h6{
  font-family:'AdobeCaslonW01-Regular';
  font-size: 3.2em;
}  
.po p{
  padding: 0 0 1em 0;
}
.po a{
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
.schliesser{
  cursor: pointer;
  z-index: 9999999;
}
.schliesser img{
  max-width: 50px;
}
.po form{
  text-align: center;
}
.po label{
  font-size: 0.8em;

}
.po input{
  border: 0px solid transparent;
  padding: 5px 50px 5px 50px;
  margin-left: 20px;
}

.po input.submit{
  border: 0px solid transparent;font-size: 0.6em;
  color: #be6035; padding: 5px 50px 5px 50px;
  background-color: #fff;
}
/* Start Footer & Footer 2 */

.footer {
  color: #666;
  clear: both;
  float: left;

  background-color: #e0c900;
  padidng: 120px;
  width: 100%;
}
.footer table{line-height: 1.2em;}

.footer .row p,
.footer .row table{
  font-size: 1.4em;
}

.footer tr td{padding: 0 10px 0 0;}
.footer2 .row{
  background-color: #807f80;  
  padding: 3.4em 0 0 0;
}

.footer2  ul ,
.footer2 p{
    font-family:'AdobeCaslonW01-Regular';
     text-align: center;
     margin: 0;
     padding: 0;
}

.footer2 p{
  margin: 2.4em 0 1.7em 0;
}
ul.standorte{
  margin-top: 1.5em;
}
ul.standorte{
  margin-top: 1.5em;
}
.footer2 ul li {
     display: inline;
     margin-right: 10px;
     padding: 5px 10px;
}

.footer2 ul li a,
.footer2 p{
  color: #fff;
  font-size: 1.9em;
}
.footer2 ul li a:hover{
  color: #555;
}
.footer2 p{
  color: #fff;
  font-size: 1.3em;
}
.footerformular input,
.footerformular textarea{
  border: 0px solid transparent;
  color: #999;
  font-family: Verdana;
  font-size: 1em;
  height: 30px;
  padding: 3px;
  width: 100%;
}
.row.footerformular .col{background-color: #DCDCDC; }
.nocheinrahmen{margin: 0 20px 0 20px;}

.footerformular textarea{
  height: 150px;
  margin: 0 0 20px 0;
}

.footer h2{
 font-family:'AdobeCaslonW01-Regular';
  line-height: 1.3em;
  padding:0 0 20px 0;
}
.footer p{
  line-height: 1.3em;
  padding: 0 0 1.7em 0;
}
/* Ende Footer & Footer 2*/

.clearer{
  clear: both;
}
input.datenschutz{
  border: 0px solid transparent;
  float: left;

  margin: 0 0 20px 0;clear: both;
  width:30px;
}
label.datenschutz{  font-size: 1.2em;
  line-height: 2em;
  padding: 0 0 0 20px;
}
label.captch{  
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 0 0 0 0px;
}
input.captch{
  width: 100%;
}
input[type="checkbox"] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 30px; 
   height: 30px; 
   background: silver; 
   border-radius: 1px;
}

input[type=checkbox]:checked {
   background: #be6035;
   background-image: url(haekchen.png);
}

input.senden{
  color: #fff;
  cursor: pointer;
  float: right;
  margin: 0 15px 30px 0;
  width: 30%;
}


/* * * * * * * * * Start Groessenabhaengige Stile * * * * * * * * * * * * * * * * * * * * */

@media all and (max-width: 4000px) {
  .buntebox h2{
    margin-bottom: 10px;
    margin-top: 100px;
  }
  .colwrap .tinymcewysiwyg-table{
    margin: 0px 40px 30px 40px;
  }
    .col.hg .colwrap .tinymcewysiwyg-table{
    margin: 0px 50px 0 50px;
  }
  
  /* Nächste Zeile Quarantäne */ 
    .wrap.bereichsseiten .col.x75 .colwrap .tinymcewysiwyg-table,
   .wrap.bereichsseiten .col.x60 .colwrap .tinymcewysiwyg-table,
  .wrap.bereichsseiten .content .col.x50 .colwrap .tinymcewysiwyg-table,
   .wrap.bereichsseiten .col.x40 .colwrap .tinymcewysiwyg-table,
   .wrap.bereichsseiten .col.x33 .colwrap .tinymcewysiwyg-table{
    margin: 50px 70px 0 50px;
  }

    .wrap.bereichsseiten .col.x50 .colwrap .ohnerand .tinymcewysiwyg-table{
    margin: 50px 70px 0 0px;
  }
  
   .wrap.bereichsseiten .footerformular .col.x50 .colwrap  .tinymcewysiwyg-table{
    margin: 50px 70px 0 10px;
  }
  .wrap.bereichsseiten .col.x50 .colwrap .ohnerand .tinymcewysiwyg-table{
    margin: 0px 70px 0 0px;
    /*   bis 30.09.2021  margin: 50px 70px 0 0px;*/

  }
  
  
  
  .footerwrap{
  margin-left: 10px;
  margin-right: 10px;
    /* geändert 26.11.2019 vorher 14px, Grund nicht bekannt*/
}
  .slice3{clear:both;}
    .infos .buntebox2 .colwrap{
    min-height: 340px;;
  }
  
}
@media all and (max-width: 1400px) {
  .buntebox h2{
    margin-top: 90px;
  }
  .colwrap .tinymcewysiwyg-table{
    margin: 0px 40px 30px 40px;
  }
  
   .wrap.bereichsseiten  .col.x60 .colwrap .tinymcewysiwyg-table{

  }
      
  .footerwrap{

  margin-right: 10px;
}
  
  .stoerer{
  top: 500px;
    width: 240px;
    margin-left: -110px;
  }
}
@media all and (max-width: 1200px) {
  .buntebox h2{
    margin-top: 34px;
  }
  h2.sonderfall1{
    color: red;
  }
  .colwrap .tinymcewysiwyg-table{
    margin: 0px 40px 30px 40px;
  }  
  
   .wrap.bereichsseiten  .col.x60 .colwrap .tinymcewysiwyg-table{
    margin: 20px 30px 20px 30px;
  }  
    .stoerer{
      top: 400px;
      width: 240px;
  }
}

@media all and (max-width: 1036px) {

  .buntebox h2{
    font-size: 4em;
    margin-top: 0px;
    padding: 10px 0 0px 0;
  }

  .colwrap .tinymcewysiwyg-table{
    margin: 0px 20px 0px 20px;
  }
  
  h2{line-height: 1.2em;}
  
  .stoerer{
    top: 280px;
    width: 180px;
    margin-left: -90px;
  }
}

  
@media all and (max-width: 902px) {
  .popup{padding-top: 6em;
    top: 0%;}
  .popup .schliesser img{
    max-width: 40px;
  }
  .popup h1{font-size: 2em;line-height: 1.2em;}
  .popup p{font-size: 1.5em;}
  /* h1,h2,h3,h4,h5,h6,p{border-bottom: 1px solid red;}*/
  /*
  .wrap1000{
    margin: 0 auto;
    max-width: 677px;
  }*/
  .col.x50.col.buntebox{
    width: 100%;  
  }
  
 .col.x50.col.buntebox .colwrap p{
    padding: 0px 30px 20px 30px;
  }
  
.buntebox h2{

    margin-top: 0px;
}  
.x100 .colwrap.weissraum {
    padding: 0px 1.3em 20px 1.3em;
}
  
} 

@media all and (max-width: 767px) {
    .hinterlegt{background-image: none;}

  .klickmich{
    border-top: 0px solid transparent;
  }  
  
  .klickmich img{
    display: block;
  }
  
  .klickmich span{
    display: none;
  }

 .menuwrap{
    background-image: none;                
    left: 0%;
    position: absolute;
    top: 0px;
    width: 100%;

  } 
  
  .tel{
    display: none;     
  }
  
  .navigationiphone{
    display: block;
    position: absolute;
    top: 72px;
    width: 100%;left: 0px;
    z-index: 5;
  }
  
  .navigationiphone{
    background-color: #fff;
    border-top: 1px solid #ddd;    
    display: none;
  }
  
  .navigationiphone li {
    border-bottom: 1px solid #ddd;
  }  
  
  .col.x25, .col.x33{width: 50%;}
  .col.x25.c3{clear: both;}
  
  .klickmich{
    background-color: transparent;
    border-radius: 0px;
    color: #000;  
    display: block;
    font-size:12px;
    line-height: 34px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 50px;
    z-index: 6;
  }
  
  .navigationiphone ul ul {
    display: none;
  }
  .navigationiphone ul li:hover ul { 
    display: block; 
  }
  
.wohngutstoerer{
  display: none;
}

.wohngutstoerermobil{
  display: block;
  position: relative;
  float: left;
  margin: 0 10px 0 10px;
}  
  .wohngutstoerermobil img{
    max-width: 50%;
    margin-bottom: 20px;
  }
  .footer .x50{
    width: 100%;
  }
  
  .footer2 ul li{
    clear: both;display: block;
  }
    .footer2 ul{
    padding: 0 0 20px 0;
  }
  .infos .buntebox2 .colwrap{
  }
    .slice2{clear:both;}
    .slice3{clear:none;}
  
      .stoerer{
      top: 10px;
      width: 200px;
  }
}
  
/* */
@media all and (max-width: 479px) {
  .buntebox{
   /*border-bottom: 1px solid red;*/
    min-height: auto;
  }
  .nomobile{
    display: none;
  }

  .wrap .hg {
    padding: 20px 0 10px 0;
  }
   .wohngutstoerermobil img{
    max-width: 100%;
    margin-bottom: 20px;
 
  }
  
}

@media all and (max-width: 479px) {
  .schwarzer_bildergalerie_balken p{
   line-height: 30px;
  }
  label.datenschutz{  font-size: 1.2em;
  line-height: 1.5em;
  padding: 0 0 0 50px;
  
  display: block;
  
}
  .row h2{
    line-height: 1em;
    padding: 0 0 20px 0;
  }
  .row p{
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
  }  
  .col.x25,
  .col.x33,
  .col.x40,  
  .col.x50,
  .col.x60,
    .col.x75{
    width: 100%; 
  }
  .row .col.buntebox2 .colwrap{padding: 5px 20px 5px 20px;}
  .col.x33 .colwrap,  
  .col.x33.no_l .colwrap,
  .col.x33.no_r .colwrap{
    padding: 0px 0px 20px 0px;
  }  
  
  .x100 .colwrap.weissraum{
    padding: 0px 0em  20px 0em;
  }  
  
  .col.x4168,
  .col.x5075,
  .col.x5831,
  .col.x3406{
    width: 100%;  
  }

  .col.streifen{
    display: none; 
  }
  
  .infos .buntebox2 .colwrap{
    min-height: autoii;
  }
.karriere .buntebox2 .colwrap .tinymcewysiwyg-table{
    padding-bottom: 20px;
  }
  .loginbutton{
  position: fixed;
  top: 0px;line-height: 2em;padding: 0px;margin: 0px;
  right: 0px;width: auto; text-align: right;
  z-index: 999999;
}

.wrap.bereichsseiten .content .col.x50 .colwrap .tinymcewysiwyg-table, .wrap.bereichsseiten .col.x40 .colwrap .tinymcewysiwyg-table, .wrap.bereichsseiten .col.x33 .colwrap .tinymcewysiwyg-table {
    margin: 20px 20px 0 20px;
}  
  
  
}

.row.bildergalerie .col .colwrap{
  padding: 0 0 20px 0;
}

.row.bildergalerie.keinabstand .col .colwrap{padding-bottom: 0px;}

.row.hellgruen{ background-color: #67a938;}

q.x100 .colwrap{
  padding: 0px 70px 20px 70px;
  position: relative;  
}  

.wrap .content .row .col.hg h2{
  color: #fff;
}
.wrap.terracotta.presse .content .col.x33 .colwrap{min-height: 100px;padding: 20px 0 0 0;}

/*
.row.bildergalerie .col.x100 .colwrap{padding: 0 10px 0 10px;}
.row.hinterlegt .col.x100 .colwrap{padding: 0 10px 0 10px;}
*/

.rowwrap2{padding: 0 10px 0 10px;}
.wrap.karriere .tinymcewysiwyg-table{padding-top: 30px;}
.wrap.infos .buntebox2 .col .colwrap{min-height: 320px;}
.wrap.infos .content .tinymcewysiwyg-table{padding-top: 10px;}

/* Aktionsmodul Farben */
.wrap .content .row.hellgruen30{
background-color: #d1e5c3;
}
.wrap .content .row.mittelgruen30{
  background-color: #cbd9c2;
}

.wrap .content .row.dunkelgruen30{
background-color: #b6d3cb;
}

.wrap .content .row.blau30{
  background-color: #c7dcee;
}
.wrap .content .row.tuerkis30{
  background-color: #b9d9e0;
}

.wrap .content .row.terracotta30 .tinymcewysiwyg-table  h1,
.wrap .content .row.terracotta30 .tinymcewysiwyg-table h2,
.wrap .content .row.terracotta30 .tinymcewysiwyg-table a{
  color: #be6035;
}


.wrap .content .row.hellgruen30 .tinymcewysiwyg-table  h1,
.wrap .content .row.hellgruen30 .tinymcewysiwyg-table h2,
.wrap .content .row.hellgruen30 .tinymcewysiwyg-table a{
  color: #67a938;
}

.wrap .content .row.dunkelgruen30 .tinymcewysiwyg-table  h1,
.wrap .content .row.dunkelgruen30 .tinymcewysiwyg-table h2,
.wrap .content .row.dunkelgruen30 .tinymcewysiwyg-table a{
  color: #0e6c53;
}

.wrap .content .row.mittelgruen30 .tinymcewysiwyg-table  h1,
.wrap .content .row.mittelgruen30 .tinymcewysiwyg-table h2,
.wrap .content .row.mittelgruen30 .tinymcewysiwyg-table a{
  color: #538134;
}

.wrap .content .row.blau30 .tinymcewysiwyg-table  h1,
.wrap .content .row.blau30 .tinymcewysiwyg-table h2,
.wrap .content .row.blau30 .tinymcewysiwyg-table a{
  color: #448ac7;
}

.wrap .content .row.tuerkis30 .tinymcewysiwyg-table  h1,
.wrap .content .row.tuerkis30 .tinymcewysiwyg-table h2,
.wrap .content .row.tuerkis30 .tinymcewysiwyg-table a{
  color: #188097;
}


.wrap .content .row.terracotta30 .tinymcewysiwyg-table p,
.wrap .content .row.hellgruen30 .tinymcewysiwyg-table p,
.wrap .content .row.mittelgruen30 .tinymcewysiwyg-table p,
.wrap .content .row.dunkelgruen30 .tinymcewysiwyg-table p,
.wrap .content .row.blau30 .tinymcewysiwyg-table p,
.wrap .content .row.tuerkis30 .tinymcewysiwyg-table p{
  color: #000;
}

.aktionwrap{
  margin: 0 10px 0 10px;
}
a.closebutton{
  background-color: #be6035;
  color: #fff;
  padding: 10px;
}

.ohnerand .colwrap .tinymcewysiwyg-table{
  padding:0px 10px;margin: 0px;
}

.wrap.tuerkis .content .row .col.wt.tuerkis .tinymcewysiwyg-table a{
  color: #fff;
}