@charset "UTF-8";
/***!  /templates/obertfensterbau/css/template.css  !***/

:root{--blue:#6691b0;--green:#5ed573;--lightgreen:#b9eec2;--gray:#e5e5e5;--text:#111}*,::after,rgb(97,75,75)rgb(97,81,81)::before{box-sizing:border-box}body{font-weight:400;font-size:14px;font-family:Arial,sans-serif;color:var(--text)}img{max-width:100%}a{text-decoration:none;color:var(--blue)}.full{overflow:hidden}.boxed{max-width:740px;margin:0 auto}.pic-left{flex-direction:row-reverse}.color-text,.color-text a{color:#111}.color-green,.green{color:var(--green)}.color-blue,.blue{color:var(--blue)}.color-white,.white{color:var(--white)}.bg-green{background-color:var(--green);padding:50px 0}.bg-blue{background-color:var(--blue);color:#fff;padding:50px 0}.bg-gray{background-color:var(--gray);padding:50px 0}.btn{border-width:1px;border-style:solid;border-radius:0;padding:10px 30px;position:relative;}.btn-primary{background-color:#fff}.btn-primary,.btn-green{border-color:var(--green);color:var(--green)}.btn-primary:hover,.btn-green:hover{background-color:var(--green);color:#fff}.btn-blue{border-color:var(--blue);color:var(--blue)}.btn-blue:hover{background-color:var(--blue);color:#fff}.btn-white{border-color:#fff;color:#fff}.btn-white:hover{background-color:#fff;color:#111}.btn.arrow-right::after{content:"\f061";font-family:'Font Awesome 5 Free';font-weight:bold;padding-left:5px}.bg-white:first-of-type{padding:150px 0}.bg-white+.bg-white{padding-top:0}div[class*="bg-"]+div[class*="bg-"]{margin-top:80px}.uppercase{text-transform:uppercase}h1,h2,.h1,.h2{font-size:4.5rem;font-weight:normal;margin:20px 0 80px}h2,.h2{font-size:48px}.noHome h2{margin-bottom:20px}.style-2{font-size:1rem;letter-spacing:2px;font-weight:400;line-height:1.7;text-transform:uppercase}h1.style-2,h2.style-2{margin-bottom:30px}.noHome .border h1.style-2,.parallax.intro .style-2.color-green{color:#fff;background-color:var(--green);width:max-content;padding:20px 40px;font-weight:700;margin:20px auto 0}.noHome .border p.style-2,.noHome .border h1.style-2{color:#fff;background-color:var(--green);width:100%;padding:10px 20px;margin:0 0 10px}.noHome h1.style-2.color-blue,h2.style-2.color-blue{font-size:30px;font-weight:700;line-height:34px;background-color:var(--blue);color:#fff;padding:20px 40px}.font-size-3{font-size:30px}#marquee{background:var(--green);text-align:center;padding:5px;position:relative}#marquee::before{content:"";display:block;height:41px;width:309px;position:absolute;top:1px;left:0;background:url('https://www.obert-fensterbau.de/templates/obertfensterbau/images/obert-fensterbau-urlaubshinweis-grafik-links.jpg') no-repeat top left;background-size:contain}#marquee::after{content:"";display:block;height:41px;width:309px;position:absolute;top:-4px;right:0;background:url('https://www.obert-fensterbau.de/templates/obertfensterbau/images/obert-fensterbau-urlaubshinweis-grafik-links.jpg') no-repeat top left;background-size:contain;transform:rotate(180deg)}#marquee p{margin-bottom:0;color:var(--blue);font-size:1rem}#marquee p strong{color:#fff;padding-right:15px}#marquee p span{letter-spacing:5px}main{margin-top:140px}header{z-index:20;padding-top:0.1px;background-color:#f2f2f2;position:fixed;top:0;left:0;width:100%}header .row{justify-content:space-between;align-items:center}header .nav{justify-content:flex-end}header .nav li a{color:#969696;padding:60px 5px;margin:0 10px;display:block;font-size:0.875rem}header .nav li.active>a,header .nav li a:focus{color:var(--blue)}header .nav li a:active,header .nav li a:hover{color:var(--green)}header .nav li.parent{position:relative}header .nav ul{position:absolute;top:70%;left:0;padding:10px;background-color:#f2f2f2;min-width:250px;margin-top:1px;display:none;z-index:2}header .nav li.parent:hover>ul{display:block}header .nav ul li a{display:block;padding:5px 10px}header .nav ul li.active>a{color:var(--blue);background-color:#c9def1}header .nav ul li:hover>a{color:var(--green);background-color:#edfbef}header .nav ul ul{display:none;left:100%;top:0;margin-top:0}header .nav ul li:hover ul{display:block}header #logo{max-width:275px;margin:20px 0;display:block}footer{background-color:var(--blue);padding:50px 0;margin-top:80px}footer p,footer a,footer li{color:#fff}footer li{margin-bottom:10px}footer p{font-size:12px}footer .nav{display:block;column-count:2}footer .social a{display:inline-block}footer .social a:last-child{position:relative;top:8px}footer .social img{max-width:52px;margin-left:10px;display:block}footer .social .fab{font-size:50px}@media (min-width:1025px){.parallax{background-attachment:fixed;background-position:top;background-repeat:no-repeat;background-size:cover;height:600px;overflow:hidden;position:relative}.parallax-content{top:50%;transform:translateY(-50%)}.parallax.intro{height:100vh}}.parallax-content,.parallax{position:relative}.parallax-content{text-align:center;color:#fff}#content .parallax-content:has(p){text-align:center;color:#444;background:#fff;padding:30px;opacity:0.9}#content .parallax-content .btn-white{color:#444;border-color:#444}#content .parallax-content img{filter:invert(1) grayscale(1)}.parallax::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.parallax.intro::before,.parallax.bg-blue::before{background-color:rgba(102,145,176,0.8)}.parallax.bg-green::before{background-color:rgba(94,213,115,0.8)}.parallax.bg-brown::before{background-color:rgba(150,150,150,0.85)}.box{background-color:rgba(0,0,0,0.4);padding:30px}.box .icon{height:72px;width:48px;margin:14px auto 0;display:block}.box p{font-weight:normal;font-size:0.875rem;margin:10px 0 20px}.box .green{font-size:1.25rem;line-height:1.2;margin:27px auto 0}.box a{border-style:solid;border-width:2px;border-color:#fff;color:#fff;letter-spacing:0px;font-size:0.875rem;margin:20px auto 0;padding:10px 49px 11px 48px;display:inline-block}.box a:hover,.box a:active,.box a:focus{background-color:var(--green);border-color:var(--green)}#counter{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 -10px}#counter .c-item{flex:0 0 50%;padding:0px 10px}#counter .c-border{border:1px solid var(--green);text-align:center;padding:50px}#counter .c-count{font-weight:400;font-size:4.5rem;line-height:1.1;margin-top:20px;margin-bottom:20px;display:block}#counter .c-text{margin:20px 5px 0;color:var(--lightgreen)}.imgBox{height:500px;display:block;position:relative;width:100%;overflow:hidden;margin-bottom:30px}.imgBox .bg-pic{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:0.5s}.imgBox:hover .bg-pic{transform:scale(1.3)}.imgBox .fix,.imgBox .hover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(94,213,115,0.8);text-align:center;color:#fff;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:0.3s}.imgBox .fix{opacity:1;flex-direction:column;padding:0 50px}.imgBox .fix .icon{margin-bottom:30px}.imgBox .fix .icon img{filter:brightness(0) grayscale(1) invert(1)}.imgBox:hover a{opacity:1}.partnerWrap{flex:1 1 calc(100% / 8);width:calc(100% / 8);padding:20px;height:auto !important;display:inline-flex;align-items:center}.partnerWrap-2{flex:1 1 calc(25% - 20px);width:calc(25% - 20px);padding:20px;height:auto !important;padding:30px;text-align:center;margin:0 10px 20px;border:1px solid #969696;color:#444}.partnerWrap-2 img{margin-bottom:50px}.noHome .intro .parallax-content{height:90%;text-align:right}.noHome .border{border:2px solid var(--green) !important;padding:30px;color:#fff;width:430px;margin-left:auto;text-align:left;height:100%;display:inline-flex;justify-content:flex-end;flex-direction:column;align-items:flex-start;margin-right:0}.noHome .border p{background:rgba(255,255,255,0.8);padding:20px;color:#444;display:block;width:100%}.noHome .border p:has(.btn-white){background:transparent;padding:0px}.noHome .border .btn-white{background-color:#fff;color:#444}.noHome .border .btn-white:focus,.noHome .border .btn-white:hover{color:var(--blue);opacity:0.8}.accordion-item{border:0}.accordion-button{background-color:var(--green);color:#fff;border:0;border-radius:0 !important;margin-bottom:1px}.accordion-button button{color:#fff}.accordion-button:not(.collapsed){color:#fff;background-color:var(--blue);box-shadow:none}#contact-form{padding-top:30px;margin-bottom:50px}#jform_spacer-lbl{display:none}.com-contact_pic img{width:100% !important;height:auto !important}label{color:var(--blue)}.form-control{border:1px solid #969696;border-radius:0;margin-bottom:10px}.nav-toggle{padding:5px;width:50px;height:50px;position:relative;margin-left:auto;z-index:3}.nav-toggle span{height:5px;width:100%;display:block;border-radius:3px;background-color:#c9def1;margin:7px 0}.gallery a{display:block;position:relative;width:100%;height:0;padding-bottom:90.25%;position:relative;overflow:hidden;margin-bottom:30px}.gallery a:hover::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(94,213,115,0.8);z-index:1}.gallery a img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:0.5s}.gallery a:hover img{transform:scale(1.3)}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1180px}}@media (min-width:1201px){.nav-toggle{display:none}}@media (max-width:1200px){#marquee p{z-index:1;position:relative}header nav{position:fixed;top:0;right:-300px;width:300px;height:100%;background-color:var(--gray);transition:0.3s;padding-top:150px;z-index:2}.menu-open header nav{right:0}header .nav{display:block}header .nav li a{color:#444;padding:10px 15px;display:block;font-size:0.875rem;border-bottom:1px solid #969696}header .nav ul{position:relative;top:0;left:0;padding:0px;min-width:50px;margin-top:0px;display:block}header .nav ul li a{padding-left:30px}header .nav ul ul{display:block;left:0;background-color:#fff}header .nav ul ul li a{padding-left:40px}.d-flex{flex-wrap:wrap}.partnerWrap{flex:1 1 calc(100% / 4);width:calc(100% / 4)}}@media (max-width:1024px){.parallax{background-size:cover;min-height:450px}.parallax-content{padding:100px 0}.noHome .border{width:100%}}@media (max-width:991px){#marquee::after,#marquee::before{display:none}#marquee p span{white-space:nowrap}footer .social{margin-top:50px;flex:0 0 100%;max-width:100%}.partnerWrap-2{flex:1 1 calc(100% / 2);width:calc(100% / 2)}}@media (max-width:768px){.partnerWrap-2{flex:1 1 100%;width:100%}#counter .c-item{flex:0 0 100%;margin-bottom:20px}.box{margin-bottom:20px}.imgBox{height:300px;margin-bottom:30px}}@media (max-width:575px){.noHome .border h1.style-2,.parallax.intro .style-2.color-green{width:100%}h1,h2,.h1,.h2{font-size:2.5rem}.parallax.intro{padding:100px 50px}footer .footer-menu{margin-top:50px}footer,.bg-white,.bg-green,.bg-gray,.bg-brown,.bg-blue{padding:50px}.partnerWrap{flex:1 1 calc(100% / 2);width:calc(100% / 2)}}@media (max-width:450px ){.parallax.intro{padding:100px 15px}footer,.bg-white,.bg-green,.bg-gray,.bg-blue,.bg-brown{padding:50px 15px}}