@charset "UTF-8";
/*! Contents generated by MODX - this file will be overwritten. */:root{--main-bg-color: #2b2b2b;--font-color: #e25d10;--naviumbruch: 1000px;--font1:"Quicksand", sans-serif;--font2:"Montserrat", sans-serif;--page-color1:#e25d10;--page-color2:#d05915;--page-color3:#f2f3f4;--page-color4:#f3f3f3;--maxwidth:1500px}/*!in SCSS wieder integrieren, css var in media queries funktionieren*/@media (max-width:1000px){button.menu-btn{display:-webkit-box;display:-ms-flexbox;display:flex}.navbar{z-index:1001;position:relative}.navbar::before{content:"";display:block;width:100%;height:100%;background:white;position:absolute;top:0;left:0;z-index:1001}.logo{position:relative;z-index:1002}nav{display:none;position:absolute;width:100%;top:79px;border-top:1px solid #e5ede7;-webkit-transform:translateY(-220%);-ms-transform:translateY(-220%);transform:translateY(-220%);background-color:white;z-index:1000;-webkit-transition:-webkit-transform ease 0.3s;transition:-webkit-transform ease 0.3s;-o-transition:transform ease 0.3s;transition:transform ease 0.3s;transition:transform ease 0.3s, -webkit-transform ease 0.3s}nav ul{display:block;background:white;z-index:1000;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:-webkit-fit-content;height:fit-content;border-bottom:4px solid #073a57}nav li{height:auto;width:100%;padding:0}nav li.active::before{content:"";display:block;background-color:#073a57;width:4px;height:100%;position:absolute;top:0;left:0}nav li.active:not(.parent)::after{content:"";display:block;background-color:#073a57;width:4px;height:100%;position:absolute;top:0;right:0}nav a,nav span{width:100%;padding:12px 20px;text-align:center;border-bottom:1px solid #a4bfcf}.menu-active nav{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}nav{display:block}.mactive span{border-bottom-style:dotted}.mactive ul{visibility:visible;opacity:1;height:auto;display:block;border-top:0;padding-bottom:0;padding:20px;background:rgba(0, 0, 0, 0.05);padding-top:0;padding-bottom:0}li.parent::after{right:none;border-right:2px solid var(--page-color1);border-bottom:2px solid var(--page-color1);width:11px;height:11px;right:33px;top:33px}li.parent:hover::after{border-right:2px solid #000;border-bottom:2px solid #000}nav>ul>li>ul{visibility:hidden;opacity:0;position:relative;background:0;padding-top:0;height:0;display:none}nav>ul>li.mactive>ul{visibility:visible;opacity:1;height:auto;display:block}li.parent>ul a,li.parent>ul span{border-top:0}nav>ul>li>ul a,nav>ul>li>ul span{line-height:1.3em}}@media (max-width:1000px) and (min-width:1150px){nav>ul>li:hover>ul{display:block;opacity:1;visibility:visible}}@media (min-width:1000px){nav>ul>li:hover>ul{display:block;opacity:1;visibility:visible}}/*!navigation farbe*/.navbar{background:var(--main-bg-color);border-bottom:1px solid var(--page-color1)}nav>ul>li>ul{background:var(--main-bg-color);border-bottom:1px solid var(--page-color1);border-left:1px solid var(--page-color1);border-right:1px solid var(--page-color1)}nav li.active::before{background-color:var(--page-color1)}nav a{color:var(--page-color1)}nav>ul>li:hover>a,nav>ul>li:hover>span{color:var(--page-color1);text-decoration:underline}li.parent :hover>a{text-decoration:underline}li.parent::after{border-right:1px solid var(--page-color1);border-bottom:1px solid var(--page-color1)}/*!Navigation mobil Hintergrund*/@media (max-width:1200px){.navbar{background:var(--main-bg-color)}.navbar::before{background:black}button.menu-btn{color:var(--page-color1)}nav{border-top:1px solid var(--page-color1)}nav ul{background:var(--main-bg-color);border-bottom:4px solid var(--page-color1)}nav li.active::before{background-color:var(--main-bg-color)}nav li.active:not(.parent)::after{background-color:var(--main-bg-color)}nav a,nav span{border-bottom:1px solid var(--page-color1)}nav>ul>li>ul{border-right:0px solid var(--page-color1);border-bottom:0px solid var(--page-color1);border-left:0px solid var(--page-color1)}nav a,nav span{border-bottom:0px solid var(--page-color1)}nav a{border-bottom:0px solid rgba(214, 214, 214, 0.25) !important}}/*!navigation farbe ende*/@media (max-width:1000px){.navbar::before{display:none}nav{border-top:1px solid var(--page-color1)}nav ul{background:black;border-bottom:4px solid var(--page-color1)}nav a{border-bottom:1px solid rgba(214, 214, 214, 0.25)}nav li.active::before,nav li.active::after{background-color:var(--page-color1)}}li.parent::after{border-right:1px solid #e25e0f;border-bottom:1px solid #e25e0f}.logo{margin-right:130px}/*!Grösse Navigation*/.navbar{height:80px}/*!Schriftart vergrössern*/nav a{font-size:20px}li.parent a,li.parent span{font-size:20px}/*!Schriftfarbe Header*/.header-content h1,.header-content h2,.header-content h3,.header-content h4,.header-content h5{color:var(--page-color1);line-height:1.2em;text-shadow:2px 2px 4px #000}.scroll-down span{border-right:5px solid var(--page-color1);border-bottom:5px solid var(--page-color1)}/*!Zeilenabstand*/body{line-height:1.7}/*!Galerie Button "mehr laden"*/button.galloadmore{color:var(--page-color1);background:var(--main-bg-color);border:1px solid var(--page-color1)}button.galloadmore:hover{color:var(--main-bg-color);background:var(--page-color1);border:1px solid var(--page-color1)}/*!Linkbox Schriftfarbe*/.home-link-box h3{color:var(--page-color1);font-size:1.5em;background-color:#191919}main a{color:var(--page-color1);text-decoration:none}/*!Fusszeile*/.fline1{display:none;min-height:40px;width:100%;text-align:center;background-color:var(--main-bg-color);line-height:26px}.fline2{width:100%;min-height:40px;color:var(--page-color1);background-color:var(--main-bg-color);padding:5px 35px}.fline2 a{color:var(--page-color1);padding:0 5px;text-decoration:none}/*!Kontaktformular*/.form input,.form textarea{color:var(--page-color1);background-color:#191919;border:1px solid var(--page-color1)}/*!Hintergrundbild & Zeilenabstand*/body{line-height:1.7;background:url(/assets/userupload/assets/uploads/Boppart-Hunke-Dachdecker-Baselland-Hintergrundbild-1a.jpg) fixed no-repeat;background-size:cover}/*!3er-Layout Spaltenbreite*/@media (min-width:850px){.col3-1p .c3{width:35%;margin-right:30px}}/*!Accordeon Hintergrundfarbe*/.accordion-header{background-color:rgba(255, 255, 255, 0.05)}.accordion-header.active{background-color:rgba(255, 255, 255, 0.05)}.accordion-item{background-color:rgba(255, 255, 255, 0.05)}.accordion-item h3{padding-right:10px}.accordion-body{padding:15px 30px 24px}.accordion-item h3,.accordion-header.active h3,.accordion-item a,.accordion-item p,.accordion-item ul{color:var(--page-color1)}i.plus::before,i.plus::after,i.plus.active::after,i.plus.active::before,.accordion-btn:hover .plus::after,.accordion-btn:hover .plus::before,.faq-btn:hover .plus::after,.faq-btn:hover .plus::before{background-color:var(--page-color1)}