@charset "UTF-8";
/***!  https://p.typekit.net/p.css?s=1&k=ioo3pqo&ht=tk&f=37511.37513.37515.37516.37521.37522&a=103489864&app=typekit&e=css  !***/



/***!  https://use.typekit.net/ioo3pqo.css  !***/

.tk-poppins{font-family:"poppins",sans-serif}

/***!  /templates/malerbrecht/css/template.css  !***/

:root{--green-1:#809714;--green-2:#4f7302;--green-3:#2c4001;--green-4:#1a2601;--green-5:#141c01;--white:#e3e3e3;--grey:#666;--yellow:#ffda45;--rand:calc((100vw - 1590px) / 2)}*,::after,::before{box-sizing:border-box}body{font-size:18px;font-family:"poppins",sans-serif;font-weight:400;font-style:normal}p{font-size:18px;font-weight:300}strong{font-weight:700}.wrapper,.com-content-article__body{width:100%;max-width:1575px;margin:0 auto}img{max-width:100%;height:auto}h2{font-size:60px;text-transform:uppercase;position:relative;width:max-content}#white h2::after,.bg_white h2::after{filter:invert(1)}.h2{font-size:48px;text-transform:uppercase}h2+h3{font-size:24px;font-weight:200}p+.h2,p+h2{margin-top:80px}p+h3{margin-top:50px}.cat-111 h2,.cat-112 h2,.cat-112 .h2{width:auto;font-size:40px}.cat-111 h2::after,.cat-112 h2::after{display:none}.btn{border:1px solid #111;text-align:center;text-transform:uppercase;padding:8px 30px;border-radius:0;transition:background 0.3s ease;position:relative;overflow:hidden;z-index:1}.divider{width:100%;max-width:1575px;height:6px;background:var(--yellow);margin:50px auto 100px}.no-wrap{white-space:nowrap}.nav.social a{position:relative;overflow:hidden;z-index:1}.scrollToTop::before,.nav.social a::before,header #contact-icons a::before,.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffda45;z-index:-1;transition:left 0.5s ease}.scrollToTop:hover::before,.nav.social a:hover,header #contact-icons a:hover,.btn:hover{color:var(--green-5);border-color:#ffda45}.scrollToTop:hover::before,.nav.social a:hover::before,header #contact-icons a:hover::before,.btn:hover::before{left:0}#black .btn{color:#fff;border-color:#fff}main{margin-top:200px}main:has( #headerBox){margin-top:0}header{padding:30px 0;position:fixed;top:0;left:0;width:100%;z-index:10}header .wrapper{display:flex;justify-content:space-between;align-items:center}header #logo{width:100%;max-width:400px;transition:max-width 0.5s ease-in-out}header nav{display:none;position:fixed;top:0;right:0;height:100%;width:50%;background:#111;z-index:1;overflow:auto}header nav .row{max-width:100%;margin:0 var(--rand)}header nav .menu-headline{font-size:48px;text-transform:uppercase;color:#fff;position:relative;margin-bottom:50px;max-width:100%;margin:40px var(--rand) 90px}header nav .menu-headline::after{content:"";position:absolute;bottom:-20px;left:0;width:100%;height:2px;background:var(--yellow)}header nav .menu-subline{font-size:28px;text-transform:uppercase;color:#fff}header nav ul{flex-direction:column}header nav ul li{position:relative}header nav ul li::after{content:"";width:100%;height:2px;bottom:25px;opacity:0;z-index:27;position:absolute;left:0}header nav ul li:hover::after{opacity:1}header nav ul li:hover a{color:#fff}header nav ul li:first-child:hover::after,header nav ul li:nth-child(5):hover::after{background-color:#db285f}header nav ul li:nth-child(2):hover::after,header nav ul li:nth-child(6):hover::after{background-color:#facf34}header nav ul li:nth-child(3):hover::after,header nav ul li:nth-child(7):hover::after{background-color:#5fb88a}header nav ul li:nth-child(4):hover::after,header nav ul li:nth-child(8):hover::after{background-color:#4a3fff}header nav ul.social{flex-direction:row}header nav ul.social li::after{display:none !important}header nav ul.social a{display:block;border:1px solid #fff;width:45px;height:45px;border-radius:50%;text-align:center;color:#fff;padding:5px 0;margin-right:20px}header nav ul li a{color:#fff;font-size:28px;display:block;margin-bottom:30px;font-weight:200;text-decoration:none}header .header-right{display:flex;align-items:center}.menu-open header .header-right{position:relative;top:-30px}.menu-open.scroll header .header-right{position:relative;top:0px}header #contact-icons .custom{display:flex}header #burger-container,header #contact-icons{position:relative;z-index:2}header #contact-icons a{display:block;width:45px;height:45px;border-radius:5px;text-align:center;color:#111;padding:10px 0;margin-right:20px;position:relative;overflow:hidden;border:1px solid #111}header #contact-icons a.fa-light,.menu-open header #contact-icons a{color:#fff;border-color:#fff}header #burger-container .burger{display:block;width:38px;height:26px;position:relative;cursor:pointer;margin-left:20px}header #burger-container .burger .burger-line{display:block;width:100%;height:4px;background-color:#111;margin-bottom:7px;transition:all 0.3s ease-in-out;border-radius:6px}header #burger-container .burger .burger-line:last-child{margin-bottom:0}header #burger-container .burger.fa-light .burger-line,.menu-open header #burger-container .burger .burger-line{background-color:#fff}.menu-open header #burger-container .burger .burger-line:first-child{transform:translateY(11px) rotate(45deg)}.menu-open header #burger-container .burger .burger-line:last-child{transform:translateY(0px) rotate(-45deg)}.menu-open header #burger-container .burger .burger-line:nth-child(2){display:none}.menu-open header nav{display:block}footer{padding:80px 0;border-top:3px solid #111}footer a img{max-width:225px}footer .nav{flex-direction:column}footer .nav.social{flex-direction:row}.scrollToTop,footer .nav.social a{display:block;background-image:url(https://www.der-maler-brecht.de/templates/malerbrecht/images/kreis.png);background-position:top center;background-repeat:no-repeat;background-size:cover;width:35px;height:35px;border-radius:50%;text-align:center;color:#111;padding:5px 0;margin-right:20px;position:relative;overflow:hidden;z-index:1}#contact #left .nav.social a{display:block;background-image:url(https://www.der-maler-brecht.de/templates/malerbrecht/images/kreis-w.png);background-position:top center;background-repeat:no-repeat;width:35px;height:35px;border-radius:50%;text-align:center;color:#111;padding:5px 0;margin-right:20px;position:relative;overflow:hidden;z-index:1}footer .nav li a{color:#111;text-decoration:none;display:block;margin-bottom:10px;font-size:18px;font-weight:300}footer .nav li:first-child:hover a,footer .nav li:nth-child(5):hover a{color:#db285f}footer .nav li:nth-child(2):hover a,footer .nav li:nth-child(6):hover a{color:#facf34}footer .nav li:nth-child(3):hover a,footer .nav li:nth-child(7):hover a{color:#5fb88a}footer .nav li:nth-child(4):hover a,footer .nav li:nth-child(8):hover a{color:#4a3fff}footer .nav.social li:hover a{color:#fff !important}footer .design{font-size:16px}footer .design img{width:90px}.headline{font-size:24px;text-transform:uppercase}.scrollToTop{position:fixed;bottom:15px;left:15px;overflow:hidden;z-index:1}.scrollToTop:hover,.scrollToTop.fa-light{background-image:url(https://www.der-maler-brecht.de/templates/malerbrecht/images/kreis-w.png);background-position:top center;background-repeat:no-repeat;color:#fff}.cat-110 #contact{align-items:flex-start}.cat-110 #contact #left{padding-left:50px;flex:0 0 30%;position:relative}.cat-110 #contact #left .person{position:absolute;width:300px;bottom:-30px;right:-190px}.cat-110 #contact #right{flex:0 0 70%}#contact{display:flex;}#contact #left{flex:0 0 36.666666666%;background-color:#111;color:#fff;padding-top:80px;padding-bottom:80px;padding-left:var(--rand);padding-right:50px}#contact #left a{color:#fff;text-decoration:none}#contact #left .fa{width:40px;height:40px;text-align:center;padding-top:10px;color:#fff;margin-right:20px;border:1px solid #fff;border-radius:5px}#contact #left a:hover{color:#dc295f}#contact #left .nav.social a{color:#fff;width:40px;height:40px;padding-top:8px}#contact #left span{display:inline-block;vertical-align:text-top;margin-top:-5px}#contact #left p:last-child span{margin-top:-5px}#contact #right{flex:0 0 63.33334%;background-color:#111;color:#fff;padding-top:80px;padding-bottom:80px;background:url(https://www.der-maler-brecht.de/templates/malerbrecht/images/maler-brecht-messkirch-kontakt.webp);background-size:cover}.item-page.bg_black+#contact #left{background-color:#fff;color:#111}.item-page.bg_black+#contact #left .fa,.item-page.bg_black+#contact #left a,.item-page.bg_black+#contact #left .nav.social a{border-color:#111;color:#111}.visforms{max-width:610px;margin:0 auto}.visCSSinput,.editor{width:100%}.visform input,.visform select,.visform textarea{border:0;padding:10px;background:#fff !important;margin-top:20px}.visform textarea{height:300px}.visCSSlabel{display:none}.visBtnCon{text-align:left !important;margin-bottom:0px;margin-top:10px;position:relative}.visBtnCon .visCustomText{padding-right:150px}.visBtnCon .visCustomText p{font-size:16px;font-weight:300}.visBtnCon .visCustomText a{color:#fff}.visBtnCon input{background:transparent !important;padding:8px 30px !important;border:1px solid #fff !important;color:#fff;position:absolute;top:-20px;right:0}.visBtnCon input:hover{background-color:#111 !important;color:#fff}.visforms div[class^="field"]{position:relative}.visforms div[class^="field"] .errorcontainer{position:absolute;top:-20px;right:0;margin:0 !important;padding:0 !important}.visforms div[class^="field"] .errorcontainer label{width:100%;max-width:100% !important;margin:0 !important}#headerBox{position:relative;background-color:#fff}#headerBox::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:1575px;height:6px;background:var(--yellow);z-index:3}#headerBox.full picture{text-align:right;display:block;width:100%}#headerBox.hasSlider,#headerBox.single{padding-bottom:100px}#headerBox.single picture{text-align:right;display:block;margin-top:150px;margin-right:var(--rand)}#headerBox.hasSlider .n2-section-smartslider{text-align:right;display:block;margin-top:150px;margin-right:var(--rand);margin-left:auto;max-width:1200px}#headerBox .wrapper{position:absolute;top:240px;left:50%;transform:translateX(-50%)}#headerBox h1{font-size:110px;text-transform:uppercase;line-height:100px;position:relative;margin-bottom:40px}#headerBox h1 small{font-size:48px;font-weight:200;line-height:50px}#headerBox h1 span{display:inline-block;padding:30px 45px 5px;background-color:rgb(255,255,255,0.8)}#headerBox h1 small span{padding:25px 45px 10px}#headerBox h1::after{content:"";position:absolute;bottom:-20px;left:0;width:30px;height:2px;background-color:#111}#headerBox p{font-size:26px;color:#fff;font-weight:200;background-color:rgb(40,40,40,0.8);padding:10px 45px 5px;display:inline-block}.bg_black{background-color:#111}.item-page.bg_black .com-content-article__body *{color:#fff}.com-content-article__body{padding:80px 0;position:relative}.top-right{position:absolute;top:80px;right:0}.timeline{padding:0;display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;list-style:none;margin:0 -15px;}.timeline li{position:relative;padding:0 15px;margin-bottom:50px}.timeline li.third{flex:0 0 33.3333%}.timeline li.half{flex:0 0 50%}.timeline li.full{flex:0 0 100%}.timeline li>strong{font-style:italic;font-size:24px}.timeline li.full>strong{font-size:48px}.timeline li>strong::after{content:"";position:absolute;top:15px;transform:none;right:15px;width:90%;width:calc(100% - 100px);height:1px;background:var(--yellow)}.timeline li.full>strong::after{width:calc(100% - 200px);top:30px}.timeline li img{width:100%;max-width:none;height:auto;margin-bottom:50px}.timeline li.full img{margin-right:30px;float:left;width:50%}#team .item img{filter:grayscale(1);transition:0.3s;max-height:310px;width:auto;margin-left:auto;margin-right:auto}#team .item:hover img,#team .hoverActive .item img{filter:grayscale(0)}#team .text{text-align:center}#black{color:#fff;padding:80px 0}#black h2,#black h3{text-align:center;margin-left:auto;margin-right:auto;position:relative}#black h3::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--yellow)}#black h3{padding-top:30px}#boxen a{display:block;height:350px;position:relative;color:#fff;overflow:hidden}#boxen a::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient( 180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 90%);z-index:2}#boxen a img{position:absolute;top:0;left:50%;transform:translateX(-50%);height:350px;max-width:none;width:auto;z-index:1}#boxen a p{position:absolute;bottom:0;left:0px;z-index:3;font-weight:400;display:block;width:100%;padding-top:30px;padding-bottom:30px;padding-right:100px;padding-left:20px;text-transform:uppercase;line-height:1.2;margin-bottom:0}#boxen a p::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:1575px;height:3px;background:var(--yellow);z-index:3}#boxen a .fa{float:right;position:absolute;bottom:40px;right:20px;z-index:3;background-image:url(https://www.der-maler-brecht.de/templates/malerbrecht/images/kreis-w-30.png);background-position:top center;background-repeat:no-repeat;background-size:cover;border-radius:50px;width:30px;height:30px;text-align:center;padding-left:2px;padding-top:5px}#boxen a:hover p{background:#000}#boxen a:hover p::after{bottom:auto;top:0}#white{background-color:#fff;color:#111;padding:80px 0}.boxBlackLineTop .text{min-height:80px}#team .boxBlackLineTop .text{min-height:85px}.boxBlackLineBottom .text,.boxBlackLineTop .text{display:block;background-color:#111;position:relative;color:#fff;font-size:22px;line-height:1.2;padding:15px}.boxBlackLineBottom .text::after,.boxBlackLineTop .text::after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--yellow);z-index:3}.boxBlackLineBottom .text::after{bottom:-20px;top:auto}.boxBlackLineBottom .text,.boxBlackLineTop .text{background-color:#000;padding:30px;position:relative;margin-bottom:40px}.boxBlackLineBottom .text p,.boxBlackLineTop .text p{font-size:18px;font-weight:300;margin-bottom:0}.boxBlackLineBottom a,.boxBlackLineTop a{text-decoration:none;color:#fff}.boxBlackLineBottom .text p:first-child,.boxBlackLineTop .text p:first-child{text-transform:normal;font-size:18px;font-weight:400;margin-bottom:0px;text-align:center}.boxBlackLineBottom .text p:first-child{font-size:25px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--yellow)}.item .boxBlackLineTop .text p:first-child{text-transform:none;font-size:18px;font-weight:400;margin-bottom:0}.item .boxBlackLineBottom .text p span,.item .boxBlackLineTop .text p span{font-size:18px;font-weight:300}.boxBlackLineTop{height:100%}.owl-next .fa{padding-left:2px}.owl-prev .fa{padding-right:2px}.owl-next .fa,.owl-prev .fa{line-height:31px}#leistungen .owl-prev,#leistungen .owl-next,#referenzen .owl-prev,#referenzen .owl-next{position:absolute;top:35%;right:-14px;background-image:url(https://www.der-maler-brecht.de/templates/malerbrecht/images/kreis.png) !important;background-position:top center;background-repeat:no-repeat;background-size:cover !important;border-radius:50%;width:40px;height:40px;background:#fff;font-size:24px;line-height:1;transform:translateY(-50%);color:#000}#leistungen .owl-prev,#referenzen .owl-prev{right:auto;left:-24px}#leistungen .owl-next{right:-23px}@media (max-width:1750px){:root{--rand:calc((100vw - 1300px) / 2)}.wrapper,.com-content-article__body{max-width:1300px}#headerBox::after{max-width:1300px}.timeline{margin-left:-15px;margin-right:-15px}.timeline li{position:relative;padding:0 15px}.timeline li strong::after{right:15px;width:90%;width:calc(100% - 110px)}#headerBox.single picture img{width:40%}#headerBox.hasSlider .n2-section-smartslider{max-width:610px}#referenzen .owl-next{right:-23px}}@media (max-width:1600px){#headerBox.full picture{height:780px;overflow:hidden;position:relative}#headerBox.full picture img{position:absolute;right:0;top:50%;transform:translateY(-50%);min-height:100vh;height:auto;width:auto;object-fit:cover;z-index:1}#headerBox .wrapper{z-index:2}}@media (max-width:1400px){:root{--rand:calc((100vw - 1150px) / 2)}.wrapper,.com-content-article__body{max-width:1150px}#headerBox::after{max-width:1150px}#headerBox img{height:auto}.cat-110 #contact #left .person{display:none}.cat-110 #contact #left{flex:0 0 40%}.cat-110 #contact #right{flex:0 0 60%}}@media (max-width:1200px){:root{--rand:calc((100vw - 1150px) / 2)}.top-right{right:50px}#headerBox.full picture{height:660px}#headerBox.full picture img{height:100%}#headerBox.hasSlider .n2-section-smartslider{margin-right:50px}#headerBox h1{font-size:90px;line-height:50px}#headerBox h1 small{line-height:20px}header nav .menu-subline{position:relative;margin-top:40px}header nav .menu-subline::before{content:"";position:absolute;top:-40px;left:0;width:100%;height:2px;background:var(--yellow)}#headerBox.single picture{margin-right:50px}.wrapper,.com-content-article__body{max-width:100%;padding-left:50px;padding-right:50px}#headerBox::after{max-width:100%;max-width:calc(100% - 100px)}header nav .menu-headline{margin:40px 50px 90px}header nav .row{max-width:100%;margin:0 40px}#referenzen .item{width:320px}.cat-110 #contact #left,.cat-110 #contact #right,#contact #right,#contact #left{flex:0 0 50%}#contact #left{padding-left:50px;padding-right:50px}.visforms{max-width:100%;margin:0 50px}.visBtnCon{text-align:center!important}.visBtnCon .visCustomText{padding-right:0}.visBtnCon input{position:relative;top:0;right:0;margin:0 auto}}@media (max-width:991px){#headerBox.hasSlider .n2-section-smartslider{width:calc(100% - 100px);margin-left:50px;max-width:none}h2{width:auto}#black h2,#black h3{text-align:center;margin-left:auto;margin-right:auto;padding-right:0}#headerBox h1{font-size:80px}.noHome #headerBox h1{font-size:60px;line-height:50px;text-shadow:0px 0px 5px #fff}#headerBox.single .wrapper,#headerBox.hasSlider .wrapper,#headerBox.full .wrapper{bottom:50px;top:auto}header nav{width:490px}header nav .menu-headline{margin:53px 50px 90px;font-size:35px}h2{font-size:40px}.timeline{flex-wrap:wrap;justify-content:center}.timeline li.third,.timeline li.half{flex:0 0 100%;margin-bottom:40px}.timeline li.full img{margin-right:0;float:none;width:100%}}@media (max-width:768px) and (min-width:576px){#headerBox.full picture{min-height:550px}#headerBox.single picture{margin-right:50px;margin-left:50px;margin-bottom:180px}}@media (max-width:768px){header{background:rgba(255,255,255,0.4)}h2{font-size:30px}#black h2::before,#black h2::after,h2::after,h2::before{display:none}#referenzen{margin-top:50px}#headerBox.single picture img{width:100%}.timeline li{flex:0 0 100%;margin-bottom:40px}.top-right{position:relative;top:0;right:0;width:100%}#contact{flex-wrap:wrap}.cat-110 #contact #left,.cat-110 #contact #right,#contact #right,#contact #left{flex:0 0 100%}.visBtnCon input{display:block;width:100%}footer .col-12{text-align:center}footer .slogan{margin-bottom:50px}footer .col-social{text-align:left;margin-top:50px}#headerBox.single{padding-bottom:170px}}@media (max-width:600px){#referenzen .item{width:100%}}@media (max-width:575px){header .wrapper{height:100px}.menu-open header .header-right{top:0}#headerBox h1{font-size:65px;line-height:35px}#headerBox h1 span{display:inline-block;padding:30px 15px 5px;background-color:rgb(255,255,255,0.8)}#headerBox h1 small span{padding:25px 15px 10px}#headerBox.hasSlider .n2-section-smartslider{width:calc(100% - 60px);margin-left:30px;margin-right:30px;max-width:none}header nav .row{max-width:100%;margin:0 20px}header nav .menu-subline::before{top:-30px}header #contact-icons a:last-child{margin-right:0}.noHome #headerBox h1{font-size:40px;line-height:40px}#headerBox.single picture{margin-right:30px;margin-left:30px;margin-bottom:0px;padding-bottom:0}#headerBox.single{padding-bottom:0}.cat-111 h2,.cat-112 h2,.cat-112 .h2,h2{padding-right:0px;font-size:30px}body:not(.menu-open) header #contact-icons{display:none}#contact #left,.wrapper,.com-content-article__body{padding-left:30px !important;padding-right:30px}#contact #left{padding-top:40px;padding-bottom:40px}#contact #right{padding-top:10px;padding-bottom:10px}.visforms{margin:0 30px}header nav .menu-headline{margin:65px 30px 50px}header #logo{max-width:265px}main{margin-top:160px}header nav{width:100%}header nav ul li a{margin-bottom:20px;position:relative}#headerBox p{font-size:18px;padding:10px 20px 5px}#headerBox::after{max-width:100%;max-width:calc(100% - 60px)}.headline{font-size:22px;text-transform:uppercase;font-weight:400}footer{position:relative;padding-bottom:100px}footer .col-social{text-align:left;margin-top:0;position:absolute;bottom:0;right:0}footer .nav.social,footer .col-social .headline{padding-left:50%;padding-left:calc(50% + 10px)}footer .design{margin-top:50px;float:none;text-align:center}.btn{width:100%;display:block}}@media (max-width:470px){.h2{font-size:38px;text-transform:uppercase}}@media (max-width:450px){header nav .menu-headline{margin:55px 30px 50px}}@media (max-width:440px){main{margin-top:100px}header{padding:10px 0}header #logo{max-width:205px}}@media (max-width:430px){header nav .menu-headline{margin:40px 30px 50px}}