/* Contents generated by MODX - this file will be overwritten. */:root{--main-bg-color:#f7f7f7;--font-color:#2b2b2b;--naviumbruch:1000px;--font1:'Montserrat', sans-serif;--font2:'Istok Web', sans-serif;--page-color1:#009de0;--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}}.logo svg .cls-1{fill:var(--page-color1)}.logo svg{width:100%}@media (min-width:1000px){.beforescroll #Schlüsseldienst_ path,.beforescroll #Zürich path{fill:white;transition:ease 1s all}}.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}/*interaktive karte*/.cls-2{transition:ease 1s all}.cls-2:hover{fill:var(--page-color4);stroke:var(--page-color1);stroke-width:2px;cursor:pointer}.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}section#staticmap .c-left{order:2}section#staticmap .c5{width:100%}}@media (max-width:550px),(max-height:550px){.faq-container{margin-bottom:40px}}