html{background:#821B81;}
body{background-color:#fff;}
.pagebg-container {background-color:#fff;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover; height: 100%; position: fixed;  width: 100%;}

h2{color:#821B81;}
.single-lifestyle h2{color:#fff}
h3{color:#821B81;}
h4{color:#888;font-weight:400;text-shadow:0 1px 1px #fff;}

hr{color:transparent;margin:0;}
strong{color:#821B81;}
.single-lifestyle strong{color:#fff}

#wrapheader{background:#fff;}
#header,body.small #header{background:#fff;}

#header .phone{background:transparent;color:#666;}
#header .phone a{background:transparent;color:#666;}
#header .phone a:before{background-color:transparent;color:#52A508;}



div.st{color:#fff;background:#8A8F91;}

#wrapper, #innerwrap,
.page-template-page-lifestyle-referenzen #wrapper{background-color:transparent}

.single-lifestyle #wrapper{background:transparent;}
.single-lifestyle #content{background:transparent;}

#content .innercontent{background:transparent;background:rgba(0,0,0,0.5);color:#fff;display:block;margin:25px auto;padding:25px;box-sizing:border-box;}
#content .innercontent h1{color:#fff;border:none}

#content a{color:#000;text-decoration:underline}
#content a:hover{color:#666;text-decoration:none;}
#content .innercontent a{color:#fff;}
#content .innercontent a:hover{color:#ddd;}

/*
#content ul.galerie{margin:25px 0 25px 18%;text-align:center;width:82%;}
#content ul.galerie li{border:none;display:inline-block;margin:0;padding:0;position:relative;overflow:hidden;text-align:center;width:33.3%;}
#content ul.galerie li a, #content ul.galerie li a:hover, #content ul.galerie li a:focus{float:left;line-height:0;margin:0;padding:0;position:relative;text-align:center;text-decoration:none;box-sizing:border-box;width:100%}
#content ul.galerie li img,#content ul.galerie li a:hover img{border:2px solid #fff;margin:0 auto;padding:0;transition: transform 2s;z-index:49}
#content ul.galerie li a:hover img{border-color:#f7f7f7;transform: scale(1.1,1.1);z-index:50}
*/


#content ul.lf-galerie{display:grid;grid-template-columns:  repeat(auto-fit, minmax(250px, 1fr));gap:1rem;margin:25px;text-align:center;}
#content ul.lf-galerie li{background:transparent;border:none;display:inline;margin:0;padding:0;position:relative;overflow:hidden;text-align:center;}
#content ul.lf-galerie li a, #content ul.lf-galerie li a:hover{margin:0;padding:0;overflow:hidden;box-sizing:border-box;}
#content ul.lf-galerie li img,#content ul.lf-galerie li a:hover img{border:none;display:block;margin:0;padding:0;transition: transform 2s;z-index:49}
#content ul.lf-galerie li a:hover img{transform: scale(1.1,1.1);z-index:50}
#content ul.lf-galerie li:before {display:none;}

.single-lifestyle #content h3{color:#fff}

#content .prev b:before,#content .next b:before{color:#fff;}

#content .wrapteaserboxxen{display:grid;grid-template-columns:  repeat(auto-fit, minmax(350px, 1fr));column-gap:5px;clear:both;margin:25px auto;text-align:center;max-width:1680px;}
#content .teaserboxx{display:block;margin:0;padding:0;position:relative;box-sizing:border-box;}
#content .teaserboxx .inner{display:block;padding:0;position: relative;width: 100%;}
#content .teaserboxx a,#content .teaserboxx a:hover{color:#fff;display:block;margin:0;padding:0;overflow:hidden;}
#content .teaserboxx img{border:none;transition: transform 2s;}
#content .teaserboxx a:hover img{border-color:#f7f7f7;transform: scale(1.1,1.1);}

#content .teaserboxx h2{background:#000;background:rgba(0,0,0,0.2);color:#fff;display:block;font-size:1.0em;font-weight:700;letter-spacing:0;line-height:130%;margin:0;padding:10px;max-height:100px;overflow:hidden;position:absolute;bottom:1px;left:0;width:100%;box-sizing:border-box;transition: max-height 0.5s ease-in-out;}
#content .teaserboxx:hover h2{max-height:100px;height:auto;}

.single-lifestyle #content .wrapteaser dl h3 {background:transparent;color:#fff;font-size: 1.0em;line-height: 1.4em; margin:0;padding:0;max-height:80px;}
.single-lifestyle #content .wrapteaser a:hover dl h3{color:#fff;}
.single-lifestyle #content .wrapteaser dl dd{background:#aaa;background:rgba(0,0,0,0.3);padding:5px 10px;text-align:center;}
.single-lifestyle #content .wrapteaser dl dt span{border:none;margin:0;}
.single-lifestyle #content .wrapteaser dl dt span img{border:none;}

.clear{clear:both;display:block;margin:0;padding:0}

h2.textblock,section.module.spalte h2.textblock{display:block;font-size:2.2em;font-weight:700;line-height:100%;margin:15px 0;padding:0;text-align:left}
h2.textblock span{color:#fff;color:rgba(255,255,255,0.7);display:block;margin:0 auto;padding:15px 25px;}
h2.textblock.wohnen span{background:#821B81}
h2.textblock.business span{background:#F39100}
h2.textblock.designkonzepte span{background:#C72F0C}
h2.textblock.oberflaechen span{background:#2F8788}
h2.textblock.farbdesign span{background:#F39100}
h2.textblock.fassade span{background:#9CA17F}
h2.textblock.exponate span{background:#A88D72}
h2.textblock.studio span{background:#B37FB7}
h2.textblock.dialog span{background:#BEB0A2}
h2.textblock.beton span{background:#7f7f7f}
h2.textblock.cool span{background:#abc2d4}


#footer{background:#821B81;border:none; color:#fff;font-size: 1.0em;}
body.single-lifestyle #footer{background-color:#8A8F91;}
#footer a{color:#fff;text-decoration:none}
#footer a:hover{color:#fff;color:rgba(255,255,255,0.8)}
#footer ul{border:none;}
#footer ul li a{border:none;}

#footer .phone, #footer .mail {background:transparent;font-size:1em;}

#footer .share{font-size:1.0em;}
#footer .share a,#footer .share a:hover{margin:10px 8px;padding:0;}
#footer .share a::before,#footer .share a:hover::before{font-size:1.0em;}
#footer .share b{display:inline-block;vertical-align:middle;font-size:1.2em;}
#footer.share a span,#footer.share a:hover span{display:inline-block;height:0;width:0;text-indent:-999em;}

#footer #pe_stars > span::before {color:#fff !important;}

#footer a.rcb-sc-link{border-color: rgba(255,255,255,0.5);}

.wohnen,.wohnen strong,#wohnen #content a.jump,#wohnen .views,#wohnen #slidein:before{color:#821B81}
.business,.business strong,#business #content a.jump,#business .views,#business #slidein:before{color:#F39100}
.designkonzepte,.designkonzepte strong,#designkonzepte #content a.jump,#designkonzepte .views,#designkonzepte #slidein:before{color:#C72F0C}
.oberflaechen,.oberflaechen strong,#oberflaechen #content a.jump,#oberflaechen .views,#oberflaechen #slidein:before{color:#2F8788}
.farbdesign,.farbdesign strong,#farbdesign #content a.jump,#farbdesign .views,#farbdesign #slidein:before{color:#F39100}
.fassade, .fassade strong,#fassade #content a.jump,#fassade .views,#fassade #slidein:before{color:#9CA17F}
.exponate,.exponate strong,#exponate #content a.jump,#exponate .views,#exponate #slidein:before{color:#A88D72}
.studio,.studio strong,#studio #content a.jump,#studio .views,#studio #slidein:before{color:#B37FB7}
.dialog,.dialog strong,#dialog #content a.jump,#dialog .views,#dialog #slidein:before{color:#BEB0A2;}
.beton,.beton strong,#beton #content a.jump,#beton .views,#beton #slidein:before{color:#7f7f7f}
.cool,.cool strong,#cool #content a.jump,#cool .views,#cool #slidein:before{color:#abc2d4}

#wohnen, #wohnen #footer,#wohnen section.module.parallax{background-color:#821B81}
#business, #business #footer,#business section.module.parallax{background-color:#F39100}
#designkonzepte, #designkonzepte #footer,#designkonzepte section.module.parallax{background-color:#C72F0C}
#oberflaechen, #oberflaechen #footer,#oberflaechen section.module.parallax{background-color:#2F8788}
#farbdesign, #farbdesign #footer,#farbdesign section.module.parallax{background-color:#F39100}
#fassade, #fassade #footer,#fassade section.module.parallax{background-color:#9CA17F}
#exponate, #exponate #footer,#exponate section.module.parallax{background-color:#A88D72}
#studio, #studio #footer,#studio section.module.parallax{background-color:#B37FB7}
#dialog, #dialog #footer,#dialog section.module.parallax{background-color:#BEB0A2;}
#beton, #beton #footer,#beton section.module.parallax{background-color:#7f7f7f;}
#cool, #cool #footer,#cool section.module.parallax{background-color:#abc2d4;}

#wohnen hr,#wohnen #wrapheader,#wohnen section.module.parallax,#wohnen #slidein .inners,#wohnen #slidein:before{border-color:#821B81}
#business hr,#business #wrapheader,#business section.module.parallax,#business #slidein .inners,#business #slidein:before{border-color:#F39100}
#designkonzepte hr,#designkonzepte #wrapheader,#designkonzepte section.module.parallax,#designkonzepte #slidein .inners,#designkonzepte #slidein:before{border-color:#C72F0C}
#oberflaechen hr,#oberflaechen #wrapheader,#oberflaechen section.module.parallax,#oberflaechen #slidein .inners,#oberflaechen #slidein:before{border-color:#2F8788}
#farbdesign hr,#farbdesign #wrapheader,#farbdesign section.module.parallax,#farbdesign #slidein .inners,#farbdesign #slidein:before{border-color:#F39100}
#fassade hr,#fassade #wrapheader,#fassade section.module.parallax,#fassade #slidein .inners,#fassade #slidein:before{border-color:#9CA17F}
#exponate hr,#exponate #wrapheader,#exponate section.module.parallax,#exponate #slidein .inners,#exponate #slidein:before{border-color:#A88D72}
#studio hr,#studio #wrapheader,#studio section.module.parallax,#studio #slidein .inners,#studio #slidein:before{border-color:#B37FB7}
#dialog hr,#dialog #wrapheader,#dialog section.module.parallax,#dialog #slidein .inners,#dialog #slidein:before{border-color:#BEB0A2;}
#beton hr,#beton #wrapheader,#beton section.module.parallax,#beton #slidein .inners,#beton #slidein:before{border-color:#7f7f7f;}
#cool hr,#cool #wrapheader,#cool section.module.parallax,#cool #slidein .inners,#cool #slidein:before{border-color:#abc2d4;}


#content .formular input[type=submit],#content .formular button[type=submit]{background:#BEB0A2;border:1px solid #BEB0A2;color:#fff;opacity:0.9;}
#content .formular input:hover[type=submit],.wpcf7 button:hover[type=submit]{background:#BEB0A2;border:1px solid #BEB0A2;color:#fff;opacity:1;}

.contact .mail{width:auto;}

.contact .myhome,
.contact .infos,
.contact .myphone,
.contact .mail,
.back-to-top {font-size:1.4em;}