@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:100;src:url("../fonts/geologica-v1-latin-100.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:200;src:url("../fonts/geologica-v1-latin-200.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:300;src:url("../fonts/geologica-v1-latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:400;src:url("../fonts/geologica-v1-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:500;src:url("../fonts/geologica-v1-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:600;src:url("../fonts/geologica-v1-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:700;src:url("../fonts/geologica-v1-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:800;src:url("../fonts/geologica-v1-latin-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Geologica";font-style:normal;font-weight:900;src:url("../fonts/geologica-v1-latin-900.woff2") format("woff2")}*{margin:0;padding:0;font-family:"Geologica";font-weight:100;font-size:20px;color:#fefefc}html{scroll-behavior:smooth !important;scroll-padding-top:100px}a{transition:all .4s ease;text-decoration:none}p{margin:.5em auto;line-height:1.4em}p.bold{font-weight:600}h2{margin-bottom:.6em;font-size:1.6em;font-weight:600}@media(min-width: 915px){h2{font-size:1.8em}}img{width:100%}body #visible-page{position:absolute;width:100%;min-height:100vh;z-index:1;right:0;top:0;transition:.35s}body #offscreen-navigation{position:fixed;top:0;right:0;height:100%;width:260px;transition:1s;padding:10vh 20px}body #offscreen-navigation ul{list-style:none}body #offscreen-navigation ul li{margin:4vh 0}body #offscreen-navigation ul li a{padding:5px;font-size:1em;font-weight:600;text-transform:uppercase}body.menu-active{overflow:hidden}body.menu-active #visible-page{right:300px;opacity:.5}body.menu-active #offscreen-navigation{background-color:#2b333e}.width-limited{max-width:1232px;margin:0 auto;padding:0}#navbutton{position:fixed;right:0;bottom:0;margin:0 0px 50px 0;width:75px;height:75px;z-index:10;background:rgba(255,255,255,.5);border-radius:16px 0 0 16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);border:1px solid rgba(255,255,255,.3)}#navbutton #top-line,#navbutton #mid-line,#navbutton #bottom-line,#navbutton #background{transition:all .4s ease}#navbutton.hidden{display:none}#navbutton.active #top-line{transform:rotate(45deg) translate(10%, -30%) scaleX(1.2);stroke:#fff}#navbutton.active #mid-line{transform:translateX(50%) scaleX(0);stroke:#fff}#navbutton.active #bottom-line{transform:rotate(-45deg) translate(-60%, 0%) scaleX(1.2);stroke:#fff}@media(min-width: 667px){#navbutton{display:none}}.button{display:block;padding:.4em 1em;border:2px solid;font-weight:600;width:-moz-fit-content;width:fit-content}.button.full.white{background-color:#fefefc;border-color:#fefefc;color:#009fe1}.button.semi-rounded{border-radius:5px}.button:hover.full.white,.button:active.full.white{background-color:rgba(0,0,0,0);color:#fefefc}.button:hover.outline,.button:active.outline{background-color:#009fe1;border-color:#009fe1;color:#fefefc}header{background-color:#2b333e;display:flex;flex-direction:column-reverse;padding:2em 0}@media(min-width: 667px){header{flex-direction:column;padding:0}}@media(min-width: 915px){header{display:block}}#top-bar{margin-top:.4em}@media(min-width: 667px){#top-bar{margin-top:0}}#top-bar .content{display:flex;justify-content:center}@media(min-width: 667px){#top-bar .content{padding:1em 2em 0 2em}}@media(min-width: 915px){#top-bar .content{padding:.5em 2em 0 2em;justify-content:flex-end}}#top-bar .call-btn{display:inline-block;padding:.4em 1em;background-color:#373f4a;border:2px solid rgba(0,0,0,0);border-radius:50px;animation-name:ring-shake-wait;animation-duration:4s;animation-iteration-count:infinite}#top-bar .call-btn:hover,#top-bar .call-btn:active{background-color:#009fe1}#top-bar .call-btn svg{fill:#fefefc;height:.7em;padding-top:.13em;margin-right:.4em}#top-bar .call-btn span{font-size:.8em;font-weight:500;line-height:100%}#top-bar .call-btn span.name{display:block;font-size:.65em;font-weight:100;width:100%;text-align:center;letter-spacing:2px}#menu-bar{display:flex;justify-content:center}@media(min-width: 667px){#menu-bar{flex-direction:column;align-items:center}}@media(min-width: 915px){#menu-bar{flex-direction:row;justify-content:space-between;padding:0 2em .5em 2em}}@media(min-width: 1233px){#menu-bar{padding:0 2em 1em 2em}}#menu-bar .selflink{display:block;font-weight:600;font-size:2em;white-space:nowrap;padding:.2em}@media(min-width: 667px){#menu-bar .selflink{margin-top:.4em}}@media(min-width: 915px){#menu-bar .selflink{margin:0;font-size:1.6em}}@media(min-width: 1233px){#menu-bar .selflink{font-size:2.4em}}#menu-bar .navigation{display:none}@media(min-width: 667px){#menu-bar .navigation{display:flex;flex-direction:column-reverse;align-items:flex-end}}@media(min-width: 667px){#menu-bar .navigation nav{padding:1em 0}}@media(min-width: 667px){#menu-bar .navigation nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.2em}}@media(min-width: 667px){#menu-bar .navigation nav ul a{display:block;padding:.5em 1em;font-weight:400;border-radius:10px}}@media(min-width: 667px){#menu-bar .navigation nav ul a:hover,#menu-bar .navigation nav ul a:active{background-color:#009fe1}}footer{background-color:#009fe1;padding:2em 1em}footer .content{display:flex;flex-direction:column-reverse;align-items:center}@media(min-width: 915px){footer .content{flex-direction:row;justify-content:flex-start;gap:2em}}footer .content .selflink{margin-top:1.5em}@media(min-width: 915px){footer .content .selflink{margin-top:0}}@media(min-width: 915px){footer .content nav{margin-left:auto}}footer .content nav ul{list-style:none;display:flex;flex-direction:column;gap:.2em}@media(min-width: 915px){footer .content nav ul{flex-direction:row}}footer .content nav ul li a{display:block;padding:.5em 1em;border-radius:10px}footer .content nav ul li a:hover,footer .content nav ul li a:active{background-color:#fefefc;color:#009fe1}section{padding:2em 1em}@media(min-width: 915px){section{padding:5em 2em}}.content-text-only h1{font-size:2em;font-weight:800;margin:0 0 1em 0;line-height:130%}.content-text-only h2{font-size:1.2em;font-weight:500;margin:2em 0 1em 0;line-height:130%}.content-text-only h3{font-size:1.1em;font-weight:400;margin:1.5em 0 .5em 0;line-height:130%}.content-text-only p{text-align:justify;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:130%}.content-text-only a{text-decoration:underline}.content-text-only ul{padding-left:1em;margin-bottom:1em}@media(min-width: 915px){.content-text-image .content{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2em}}@media(min-width: 915px){.content-text-image .content .text{display:flex;flex-direction:column}}.content-text-image .content .text p{width:100%}.content-text-image .content .image{margin:3em auto}@media(min-width: 915px){.content-text-image .content .image{margin:0;display:flex;align-items:center}}.content-text-slider .photo-carousel{max-width:calc(1232px + 5em);margin:0 auto;padding:1.2em 0}.content-text-slider .photo-carousel .lightbox-container #lightbox-close-button{display:none}.content-text-slider .photo-carousel .lightbox-container .carousel-container{display:grid;grid-template-columns:auto 1fr auto}.content-text-slider .photo-carousel .lightbox-container .carousel-container .nav-button-container{width:2.5em;display:flex;justify-content:center;align-items:center}.content-text-slider .photo-carousel .lightbox-container .carousel-container .nav-button-container button{background-color:rgba(254,254,252,.0901960784);width:2em;height:2em;border:none;border-radius:50%;cursor:pointer;transition:.3s}.content-text-slider .photo-carousel .lightbox-container .carousel-container .nav-button-container button:hover{background-color:rgba(254,254,252,.4666666667)}.content-text-slider .photo-carousel .lightbox-container .carousel-container .carousel-photos-container{display:grid;grid-auto-flow:column;overflow-x:auto;grid-auto-columns:100%;gap:.5%}.content-text-slider .photo-carousel .lightbox-container .carousel-container .carousel-photos-container::-webkit-scrollbar{display:none}@media(min-width: 915px){.content-text-slider .photo-carousel .lightbox-container .carousel-container .carousel-photos-container{grid-auto-columns:48.5%;gap:3%}}@media(min-width: 1233px){.content-text-slider .photo-carousel .lightbox-container .carousel-container .carousel-photos-container{grid-auto-columns:31.4%;gap:3%}}.content-text-slider .photo-carousel .lightbox-container .carousel-container .carousel-photos-container .slide{position:relative}.content-text-slider .photo-carousel .lightbox-container .carousel-container .carousel-photos-container .slide picture{position:relative;overflow:hidden}.content-text-slider .photo-carousel .lightbox-container .carousel-container .carousel-photos-container .slide picture img{width:100%;height:auto;display:block}.content-text-slider .photo-carousel .lightbox-container .carousel-container .carousel-photos-container .slide .slide-overlay{cursor:zoom-in;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#009fe1;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}@media(hover: hover){.content-text-slider .photo-carousel .lightbox-container .carousel-container .carousel-photos-container .slide .slide-overlay:hover{opacity:.8}}.content-text-slider .photo-carousel .lightbox-container .carousel-container .carousel-photos-container .slide .slide-overlay .zoom-icon{max-width:20%}.content-text-slider .photo-carousel .lightbox-container .carousel-container .snaps-inline{scroll-snap-type:inline mandatory}.content-text-slider .photo-carousel .lightbox-container .carousel-container .snaps-inline>*{scroll-snap-align:start}.content-text-slider .photo-carousel .lightbox-container .nav-dots-container{display:flex;justify-content:center;margin-top:20px}.content-text-slider .photo-carousel .lightbox-container .nav-dots-container .nav-dot{width:10px;height:10px;margin:0 5px;border-radius:50%;background-color:#fefefc;cursor:pointer;border:2px solid #fefefc}.content-text-slider .photo-carousel .lightbox-container .nav-dots-container .nav-dot.active{background-color:#009fe1}.content-text-slider .photo-carousel .lightbox-container .nav-dots-container .nav-dot:hover{background-color:#000}.content-text-slider .photo-carousel .lightbox-container.lightbox-mode-on{position:fixed;display:flex;flex-direction:column;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.9)}.content-text-slider .photo-carousel .lightbox-container.lightbox-mode-on #lightbox-close-button{display:inline-block;position:fixed;top:1%;right:1%;z-index:101;background-color:rgba(254,254,252,.0901960784);width:2em;height:2em;border:none;border-radius:50%;cursor:pointer;transition:.3s}.content-text-slider .photo-carousel .lightbox-container.lightbox-mode-on #lightbox-close-button:hover{background-color:rgba(254,254,252,.4666666667)}.content-text-slider .photo-carousel .lightbox-container.lightbox-mode-on .carousel-container .carousel-photos-container{grid-auto-columns:100%;gap:.5%}.content-text-slider .photo-carousel .lightbox-container.lightbox-mode-on .carousel-container .carousel-photos-container .slide{max-height:80svh}.content-text-slider .photo-carousel .lightbox-container.lightbox-mode-on .carousel-container .carousel-photos-container .slide picture img{height:100%}.content-text-slider .photo-carousel .lightbox-container.lightbox-mode-on .carousel-container .carousel-photos-container .slide .slide-overlay{cursor:default}.content-text-slider .photo-carousel .lightbox-container.lightbox-mode-on .carousel-container .carousel-photos-container .slide .slide-overlay:hover{opacity:0}.content-text-slider .ersatz{padding:1.5em 0;display:grid;grid-template-columns:1fr;grid-gap:2em}@media(min-width: 915px){.content-text-slider .ersatz{grid-template-columns:1fr 1fr}}@media(min-width: 1233px){.content-text-slider .ersatz{grid-template-columns:1fr 1fr 1fr}}.content-text-slider .ersatz .ersatz-slide{height:60vw;background-size:cover;background-position:center;background-repeat:no-repeat}@media(min-width: 915px){.content-text-slider .ersatz .ersatz-slide{height:30vw}}@media(min-width: 1233px){.content-text-slider .ersatz .ersatz-slide{height:280px}}.content-text-slider .ersatz .ersatz-slide .overlay{width:100%;height:100%;border:4px solid rgba(0,0,0,0);display:flex;justify-content:center;align-items:center}.content-text-slider .ersatz .ersatz-slide .overlay:hover,.content-text-slider .ersatz .ersatz-slide .overlay:active{background-color:#009fe1;opacity:.8;border-color:#fefefc}.content-text-slider .ersatz .ersatz-slide .overlay:hover img,.content-text-slider .ersatz .ersatz-slide .overlay:active img{opacity:1}.content-text-slider .ersatz .ersatz-slide .overlay img{width:20%;opacity:0;transition:.35s all ease}.anim.playAnim{animation:slidein-left 1s ease-in}@keyframes slidein-left{0%{transform:skewX(53deg) translateX(-500px);opacity:0}60%{transform:translateX(0px)}62%{transform:skewX(0deg) translateX(30px)}70%{transform:skew(-20deg)}80%{transform:skew(0deg) translate(0)}90%{transform:skew(-5deg)}100%{transform:skew(0deg)}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-3px, 0, 0)}40%,60%{transform:translate3d(3px, 0, 0)}}@keyframes ring-shake{0%,100%{transform:translateY(0) rotate(0deg);transform-origin:center center}10%,30%,50%,70%,90%{transform:translateY(0) rotate(-1deg);transform-origin:center center}20%,40%,60%,80%{transform:translateY(0) rotate(1deg);transform-origin:center center}}@keyframes ring-shake-wait{0%,80%,100%{transform:translateY(0) rotate(0deg);transform-origin:center center}82%,86%,90%,94%,98%{transform:translateY(0) rotate(-1deg);transform-origin:center center}84%,88%,92%,96%{transform:translateY(0) rotate(1deg);transform-origin:center center}}main{min-height:calc(100svh - 125px - 150px);background-color:#373f4a}#hero{height:45vw;max-height:50svh;background-image:url("/website/assets/img/hero-hintergrundbild.webp");background-repeat:no-repeat;background-size:cover;background-position:center}#vorstellung{background-color:#009fe1}@media(min-width: 915px){#vorstellung .text{max-width:500px}}#vorstellung .text .bold{margin-top:.6em}#vorstellung .text .button{margin-top:1.5em}#referenzen{background-color:#2b333e}#referenzen .textonly p.bold{margin-top:1.6em}@media(min-width: 915px){#referenzen .textonly{text-align:center}}#referenzen .slider{padding:2em 0}#produkte{background-color:#373f4a}#produkte .text p.bold{margin-top:1.6em}#produkte .partners{padding:2em 0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around}@media(min-width: 1233px){#produkte .partners{justify-content:space-between}}#produkte .partners .partner{width:100%;max-width:360px;display:flex;flex-direction:column}#produkte .partners .partner .logo{background-color:#fefefe;border:2em solid rgba(0,0,0,0);height:160px;background-repeat:no-repeat;background-size:contain;background-position:center center}#produkte .partners .partner .button-container{padding:1em 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4em}@media(min-width: 667px){#produkte .partners .partner .button-container{justify-content:space-between}}#produkte .partners .partner .button-container .button{width:29%;min-width:100px;text-align:center;padding:.3em .1em;background-color:#2b333e}#produkte .partners .partner .button-container .button.fullwidth{width:100%}#produkte .partners .partner .button-container .button:hover{background-color:#009fe1}#produktkonfigurator{background-color:#2b333e}#produktkonfigurator .content{display:flex;flex-direction:column;align-items:center;justify-content:center}#produktkonfigurator .content .konfigurator-link{width:100%;max-width:600px;margin-top:1em;padding:.2em;border:.2em solid rgba(0,0,0,0);background-color:#373f4a;border-radius:25px}#produktkonfigurator .content .konfigurator-link:hover,#produktkonfigurator .content .konfigurator-link:active{border-color:#fefefe;background-color:#009fe1}#produktkonfigurator h2{text-align:center}#kontakt{background-color:#009fe1;padding-bottom:2em}#kontakt p.bold{margin-top:1.6em}#kontakt a{margin:0 .3em 0 .3em;padding:.2em 0 0 0;font-weight:800;border-bottom:2px solid #fefefc;white-space:nowrap}#kontakt a:hover,#kontakt a:active{background-color:#fefefc;color:#009fe1;padding:.2em .3em 0 .3em;margin:0 0 0 0}#datenschutz{padding-bottom:4em}#impressum{padding-bottom:4em}#agb{padding-bottom:4em}/*# sourceMappingURL=style.css.map */