/* Contents generated by MODX - this file will be overwritten. */@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap');:root{--main-bg-color:#f7f7f7;--font-color:#2b2b2b;--naviumbruch:1000px;--font1:'Montserrat', sans-serif;--font2:'Istok Web', sans-serif;--page-color1:#cc6315;--page-color2:#ffffff;--page-color3:#2b2b2b;--page-color4:#2b2b2b;--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}}h1,h2,h3,h4,h5,h6{font-family:'Exo 2', sans-serif}.kontakt-logo{margin-bottom:0}.logo svg{width:100%}.service-button-list__button{background:0}@media (min-width:1000px){.beforescroll #Schlüsseldienst_ path,.beforescroll #Zürich path,.beforescroll .logo svg .cls-2{fill:white;transition:ease 1s all}.beforescroll .logo svg .cls-1{fill:#fff;transition:ease all 1s}}.header-content .wert{color:white}section[style="background: rgb(43, 43, 43); color: white;"] a{color:white;font-weight:bold}.imgright img{display:block;margin-left:auto}.svgkleiner img{height:70px}.minheight65{min-height:80vh}.header-content{padding-top:100px;padding-right:45px}/*heder boxen*/.header-werte{display:grid;grid-template-columns:repeat(3, minmax(200px, 315px));height:100px;justify-content:space-around;transform:translate(-50%, 50%);z-index:3;position:absolute;bottom:0;left:50%;gap:20px}.header-werte__box{background:#ffffff;height:100%;box-shadow:0px 0px 10px 2px rgba(0, 0, 0, 0.18);display:grid;align-items:center;justify-content:center;grid-template-columns:110px 1fr;position:relative}.werde-box-icon{padding:10px}.werde-box-icon svg{max-height:60px}.werde-box-icon path{stroke:var(--page-color1)}.werde-box-icon path[fill="rgb(0,0,0)"]{fill:var(--page-color1)}a.wertetel{position:absolute;height:100%;width:100%}h3.werde-box-text{margin:0;font-size:1.3em;color:black;font-weight:bold}/*header boxen ende*/mark::before{content:"";display:block;position:absolute;height:85%;width:calc(100% + 10px);background:var(--page-color1);top:0%;left:-5px;z-index:0;transform:skew(-10deg, 2deg)}mark{color:inherit;position:relative;background:none}mark span{position:relative;z-index:2;color:white}.wespeliste{padding:0px 40px}.wespeliste input{border:2px solid var(--page-color1)}.wespeliste .wespeliste_inner a::before{background-color:var(--page-color1)}.kontaktdaten-extra figure{position:relative;left:-8px}.cls-1{pointer-events:none}.wespeliste .wespeliste_inner a:hover{color:var(--font-color)}@media (max-width:850px){.mobile-order-alt .c-left{order:2}.header-werte{grid-template-columns:1fr 1fr 1fr;transform:translate(-50%, 5%)}.header-werte__box{grid-template-columns:1fr;text-align:center}.werde-box-icon svg{max-height:45px}#icon-container3{margin-left:6px}h3.werde-box-text{font-size:1em;padding-bottom:15px;padding:0px 5px 10px;line-height:1.2em;hyphens:auto}section#staticmap .c-left{order:2}section#staticmap .c5{width:100%}}.button{border-radius:0}@media (max-width:550px),(max-height:550px){.faq-container{margin-bottom:40px}}/*badge*/.beforescroll .badge1,.beforescroll .badge2{position:fixed;top:100px;right:100px;background:white;width:170px;height:170px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;border:0px solid var(--page-color1);padding:20px;box-sizing:border-box;transform:rotate(8deg);z-index:1000;font-weight:600;font-size:1.3em;line-height:1.4em;transition:all ease 1s;clip-path:polygon(0 0, 100% 0%, 100% 100%, 50% 100%, 0 100%)}.beforescroll .badge2{width:176px;height:176px;top:97px;right:97px;background:var(--page-color1)}.badge1,.badge2{border-radius:0;position:fixed;top:100px;right:100px;background:white;width:170px;height:170px;border-radius:0;display:flex;align-items:center;justify-content:center;text-align:center;border:0px solid var(--page-color1);padding:20px;box-sizing:border-box;transform:rotate(8deg);z-index:1000;font-weight:600;transition:all ease 1s;transform:rotate(0deg) translateY(-60px) translateX(90px) scale(0.6);z-index:900;clip-path:polygon(0 0, 100% 0%, 100% 100%, 50% 85%, 0 100%);font-size:1.3em;line-height:1.4em}.badge2{width:176px;height:176px;top:98px;right:97px;background:var(--page-color1);z-index:899}.badge1-bg{position:absolute;top:50%;width:100%;margin-left:11px;font-size:125px;transform:translateY(-10px);opacity:0.15;font-weight:400;color:var(--page-color1)}.badge1 span{color:var(--page-color1);font-weight:800;font-size:1.4em;white-space:nowrap}@media (max-width:800px),(max-height:900px) and (min-width:400px){.beforescroll .badge1,.beforescroll .badge2{transform:rotate(8deg) scale(0.6) translateY(-39px);right:0;z-index:900;padding:10px}.beforescroll .badge2{right:-3px}.badge1,.badge2{transform:rotate(0deg) translateY(-79px) translateX(126px) scale(0.4);font-size:1.1em;padding:10px}.badge2{top:97px}}@media (max-width:400px){.beforescroll .badge1,.beforescroll .badge2{right:20px}.beforescroll .badge2{right:17px}.beforescroll .badge1,.beforescroll .badge2{transform:rotate(8deg) scale(0.6) translateY(-89px)}.badge1,.badge2{transform:rotate(0deg) translateY(-107px) translateX(116px) scale(0.4)}}@media (max-height:700px){.beforescroll .badge1,.badge1,.badge2,.beforescroll .badge2{display:none}}