html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}strong{font-weight:bold}p{margin-top:1em;margin-bottom:1em}button,input,textarea{font:inherit}.os-swiper{padding:0;position:relative}.swipe-area{cursor:grab;overflow:hidden}.swipe-area:active{cursor:grabbing}.swipe-content{display:flex;align-items:center;padding:20px 0;position:relative;transition:.2s}.swipe-area.dragging .swipe-content{transition:none}.swipe-content>*{flex:1 0 100%;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.swipe-content img{}.os-swiper .buttons button{background:#fff;border:0;color:#000 !important;font-size:20px;font-style:normal;height:auto;line-height:1;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.os-swiper .buttons button::before{display:none}.os-swiper .buttons .btnPrev{left:0;padding:20px 32px 20px 44px}.os-swiper .buttons .btnNext{padding:20px 44px 20px 32px;right:-2px}@media (min-width:500px){.swipe-content>*{flex:1 0 100%}}@media (min-width:800px){.swipe-content>*{flex:1 0 50%}}@media (min-width:1000px){.swipe-content>*{flex:1 0 33.33%}}@media (min-width:800px){.os-swiper.mobile-only .swipe-area{cursor:default;overflow:visible}.os-swiper.mobile-only .swipe-content{flex-wrap:wrap}.swipe-content>*{flex-grow:0}}:root{--hellgrau:#f1f1f1;--rot:#d9000d;--schwarz:#000;--grau:#a5a5a5}main .hg-hellgrau{background-color:#f1f1f1}main .hg-rot *{color:#fff}main .hg-rot{background-color:#d9000d;color:#fff}main .hg-schwarz *{color:#fff}main .hg-schwarz{background-color:#000;color:#fff}main .hg-grau{background-color:#a5a5a5}@font-face{font-family:'icomoon';src:url('fonts/icomoon/icomoon.eot?v=1.1');src:url('fonts/icomoon/icomoon.eot?v=1.1#iefix') format('embedded-opentype'),url('fonts/icomoon/icomoon.ttf?v=1.1') format('truetype'),url('fonts/icomoon/icomoon.woff?v=1.1') format('woff'),url('fonts/icomoon/icomoon.svg?v=1.1#icomoon') format('svg');font-weight:normal;font-style:normal;font-display:swap}@font-face{font-display:swap;font-family:'Oswald';font-style:normal;font-weight:300;src:url('fonts/oswald/oswald-v49-latin-300.woff2') format('woff2'),url('fonts/oswald/oswald-v49-latin-300.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Oswald';font-style:normal;font-weight:500;src:url('fonts/oswald/oswald-v49-latin-500.woff2') format('woff2'),url('fonts/oswald/oswald-v49-latin-500.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Oswald';font-style:normal;font-weight:600;src:url('fonts/oswald/oswald-v49-latin-600.woff2') format('woff2'),url('fonts/oswald/oswald-v49-latin-600.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:300;src:url('fonts/poppins/poppins-v20-latin-300.woff2') format('woff2'),url('fonts/poppins/poppins-v20-latin-300.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:400;src:url('fonts/poppins/poppins-v20-latin-regular.woff2') format('woff2'),url('fonts/poppins/poppins-v20-latin-regular.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:600;src:url('fonts/poppins/poppins-v20-latin-600.woff2') format('woff2'),url('fonts/poppins/poppins-v20-latin-600.ttf') format('truetype')}@keyframes pulseScrolldownBtn{0%{bottom:.5em}70%{bottom:.5em}85%{bottom:.25em}100%{bottom:.5em}}@keyframes slideInFromLeft{0%{transform:translateX(-10rem);opacity:0}50%{transform:translateX(-10rem);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(3rem);opacity:0}}:root{--font-size:19;--line-height:1.84;--max-content-width:1400px;--narrow-content-width:686px;--wide-content-width:1600px;--grid-gap:14px;font-size:calc(1px * var(--font-size))}*,*::before,*::after{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--linkcolor) var(--textcolor)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track-piece{background:var(--textcolor)}::-webkit-scrollbar-thumb{background:var(--linkcolor)}body{--page-margin:1.9rem;--block-gap:clamp(2rem,11vw,7.5rem);--textcolor:var(--schwarz);--linkcolor:var(--rot);--font-family-text:Poppins,Arial,icomoon,sans-serif;--font-family-title:Oswald,Verdana,Arial,icomoon,sans-serif;background:none #fff;color:var(--textcolor);font-family:var(--font-family-text);font-weight:300;line-height:var(--line-height);overflow-x:hidden;word-break:break-word}body,body *{--content-width:var(--max-content-width);--rand:max(var(--page-margin),50% - var(--content-width) / 2);--inhaltsbereich:min(var(--content-width),100vw - 2 * var(--page-margin))}body.loading,body.loading a{cursor:progress !important}body.no-js .js,body.js .no-js{display:none}p{margin:calc(1em * var(--line-height)) 0}a{color:var(--linkcolor);text-decoration:none;transition:color .3s ease-in-out}main a:focus{text-decoration:underline}a.mailto[data-server]::after{content:'@'attr(data-server)}.clear{clear:both}img,svg,video{height:auto;max-width:100%;object-fit:cover;vertical-align:middle}ul.nav li{display:inline-block}ul.nav a{color:currentcolor}body>header,body>.breadcrumb,body>nav,.banner .inner,main>*,footer,body>.cookie-hinweis{padding:1rem;padding:0 max(1rem,50% - 41rem);padding:0 var(--rand)}.textblock.schmal{--content-width:var(--narrow-content-width)}.textblock.breit{--content-width:var(--wide-content-width)}.textblock.randlos{padding-left:0;padding-right:0}body main>*{padding-top:var(--block-gap);padding-bottom:var(--block-gap)}main>h1,main>h2,main>h3{margin:0 15px;padding:0}button,.button{background-clip:padding-box;background-color:#fff;border:2px solid var(--linkcolor);color:var(--linkcolor);cursor:pointer;display:inline-block;font-family:var(--font-family-title);font-size:1.16rem;font-weight:500;letter-spacing:.07em;padding:.35rem 1.333rem;position:relative;text-decoration:none;text-transform:uppercase;transition:.3s}button:hover,.button:hover,button:focus,.button:focus,button:active,.button:active{background-color:var(--linkcolor);color:#fff;text-decoration:none}button:active,.button:active{background-image:linear-gradient(to bottom,#0003 -2px,#0000),linear-gradient(to bottom,var(--linkcolor),var(--linkcolor))}.hg-schwarz button,.hg-schwarz .button{background:var(--linkcolor);color:#fff}.hg-schwarz button:hover,.hg-schwarz .button:hover,.hg-schwarz button:focus,.hg-schwarz .button:focus,.hg-schwarz button:active,.hg-schwarz .button:active{background:#fff;color:var(--linkcolor)}.hg-schwarz button:active,.hg-schwarz .button:active{background:linear-gradient(to bottom,#ddd,#fff)}.row{clear:both;display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--grid-gap))}.row>*{padding:0 var(--grid-gap);margin-bottom:var(--grid-gap)}.row.boxed>*[class^="col-"]{border:0 none;margin:0;padding:20px 30px;position:relative}.row.boxed>*[class^="col-"]::before{border:2px solid #e6e6e6;content:'';position:absolute;top:5px;right:var(--grid-gap);bottom:.33rem;left:var(--grid-gap);pointer-events:none}*[class^="col-"]{flex:0 0 auto;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;width:100%}*[class^="col-grow"]{flex-grow:1;width:auto}*[class^="col-auto"]{width:auto}.grid{--items-per-row:4;--max-grid-width:var(--max-content-width)}.schmal .grid{--max-grid-width:var(--narrow-content-width)}.wide .grid{--max-grid-width:var(--wide-content-width)}.grid.w1{--items-per-row:1}.grid.w2{--items-per-row:2}.grid.w3{--items-per-row:3}.grid.w4{--items-per-row:4}.grid.w5{--items-per-row:5}.grid.w6{--items-per-row:6}.grid{display:grid;grid-gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(calc((var(--max-grid-width) / var(--items-per-row)) - var(--grid-gap) * (8 - var(--items-per-row))),1fr))}.grid>*{max-width:calc(100vw - 2 * var(--grid-gap))}div.grid-2{grid-template-columns:repeat(auto-fit,minmax(385px,1fr))}div.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}div.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid img{height:100%}.banner .title,.banner .desc,h1,h2,h3,h1 small,h2 small{/* Berechnung:Min-Größe +{Prozentwert}* (Max-Größe - Min-Größe) * 1rem */--scale-start:450;--scale-end:1000;--percent:calc((100vw - 1px * var(--scale-start)) / (var(--scale-end) - var(--scale-start)));--dynsize:calc(1rem * var(--factor-min) + var(--percent) * (var(--factor-max) - var(--factor-min)) * var(--font-size));font-size:clamp(1rem * var(--factor-min),var(--dynsize),1rem * var(--factor-max));font-family:var(--font-family-title);line-height:1.2;margin:0.6em 0}.banner .desc,h1,h2{--factor-min:1.63;--factor-max:3.15;font-weight:500;text-transform:uppercase}h1:only-child,h2:only-child{margin:-1em 0}h3,body.kontakt .stoerer h2{--factor-min:1.63;--factor-max:1.84;font-weight:600;text-transform:none}.banner .title,h1 small,h2 small,h3 small{--factor-min:1;--factor-max:1.84;color:var(--rot);display:block;font-weight:300;margin:0 0 .55em;text-transform:none}body>header{background:#000;color:#fff;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;padding-top:var(--rand);padding-bottom:1.5em;text-align:center;width:100%;z-index:19}body>header a{color:currentcolor}body>header .top{background:#000;padding:2em 0 0;position:relative;text-align:center;width:100%;z-index:31}body>header .top [class*="icon-"]{display:inline-block;margin:0 1.58em}.kontaktdaten [class^="icon-"]::before{border:2px solid currentcolor;border-radius:50%}header .top .kontaktdaten [class^="icon-"]::before,.banner .kontaktdaten [class^="icon-"]::before{background:#d3d3d3;border-color:#d3d3d3;color:#000;font-size:1.33em;margin-right:.5em;vertical-align:sub}.lang-nav{background:#000c;display:flex;align-items:end;flex-direction:column;justify-content:start;line-height:0;position:absolute;top:-22px;left:0;width:75px;z-index:10}.lang-nav li:not(:focus){}.lang-nav li:not(.active){}.lang-nav li{max-height:0;overflow:hidden;transition:max-height .3s}.lang-nav:focus li,.lang-nav:has(li:hover) li,.lang-nav li.active{max-height:43px}.lang-nav li.active{order:-1;pointer-events:none}.lang-nav:focus li.active{pointer-events:all}.lang-nav li a{border:1px solid transparent;display:inline-block;padding:5px}.lang-nav li a:hover{border-color:#fff}.lang-nav li img{box-shadow:0 0 15px #000;transition:height .3s;width:62px;height:31px}.lang-nav li.active a img{box-shadow:0 0 6px #fffb}body>.banner .logo{margin-top:2em;position:absolute;right:0;left:0;text-align:center;z-index:1}.main-nav{background:var(--textcolor);color:#fff;order:-1;text-align:center;top:0;z-index:20}.main-nav .nav button:hover,.main-nav .nav button:focus{filter:none}.main-nav .nav a{border-bottom:2px solid transparent;cursor:pointer; display:inline-block;transition-property:color,border-color}.main-nav .nav a:hover,.main-nav .nav a:focus,.main-nav .nav a.active{border-bottom-color:currentcolor}.main-nav .nav a:active,.main-nav .nav a.active{color:var(--grau);transition:none}.social>a{color:transparent;font-size:0;line-height:1}.social a::before{color:var(--linkcolor);display:inline-block;font-size:1.5rem;padding:0 .15em}html.nav-open body{overflow:hidden}html.blocking-scrollbar.nav-open body{padding-right:8px}html.blocking-scrollbar.nav-open header{right:8px}html.blocking-scrollbar.nav-open .main-nav{margin-right:clamp(-4px,815px - 50vw,0px)}html.blocking-scrollbar.nav-open .main-nav>.nav{right:-8px}body div.breadcrumb{font-size:0.93em;font-weight:500;padding-top:1rem;padding-bottom:1rem;text-align:left}.breadcrumb a{color:currentcolor;margin-right:10px}.breadcrumb a:not(:first-child)::before{content:'»  '}.breadcrumb a:last-child{font-weight:500}.banner{position:relative}.banner .slick-track{display:flex}.banner .slide{float:none;height:auto;position:relative;width:100vw}.banner .slider>.slide:not(:first-child){display:none}.banner .image{background:#000;position:absolute;top:0;bottom:0;left:0;right:0}.banner .image>*{height:100%;width:100vw}.banner .inner{padding:calc(5.5em + min(25vw,285px)) var(--rand) 0;position:relative;z-index:2}.banner .text{color:#fff;font-family:var(--font-family-title);padding-bottom:4rem;position:relative;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,0.7);z-index:5}.js .banner .text{visibility:hidden}.js .banner>.text,.js .banner .slick-current .text{visibility:visible;animation:2s ease-out 0s 1 slideInFromLeft}.banner .title{--factor-max:2.06;color:#fff;letter-spacing:.1em}.banner .desc{letter-spacing:.1em;line-height:1.2;margin:0}.banner .desc p:first-child{margin-top:0}.banner .desc p:last-child{margin-bottom:0}.banner .desc strong{font-size:1.2em;font-weight:500}.banner .button{font-size:1.5rem}.banner .button small{font-size:1rem}.banner .slick-dots{line-height:1.3;position:absolute;bottom:10%;right:5%}.banner .slick-dots button{background:#00356b;border-radius:50%;box-shadow:0 0 5px rgba(255,255,255,0.5);font-size:0;height:20px;padding:0;width:20px}.banner .slick-dots .slick-active button{background:#34ccff}.banner a.scrolldown{animation:6s ease-in-out 0s infinite pulseScrolldownBtn;color:#fff;cursor:pointer;font-size:100px;line-height:0;text-decoration:none !important;position:absolute;left:0;right:0;bottom:0.5em;width:100%;text-align:center}.banner .kontaktdaten{background:#000;color:#d3d3d3;padding:.5em var(--rand)}.banner .kontaktdaten a{color:currentcolor;display:block;min-height:1.8em}.banner .kontaktdaten>*{line-height:1.5;margin:.75em 0;padding-left:2.2em;position:relative}.banner .kontaktdaten>::before{position:absolute;left:0;top:0}body>button.scrollup{border:0;box-shadow:0 0 0 1px #fff;font-size:1.5em;line-height:2;opacity:0;padding:0;pointer-events:none;position:fixed;bottom:.5rem;right:.5rem;text-align:center;transition:.8s ease-in-out;width:2em;z-index:20}.scrollup.visible{opacity:1;pointer-events:all}body>main{position:relative;z-index:4}main a[name]{margin:0;padding:0;position:relative;top:-80px}.textblock.hg-bild,.textblock .hg-bild{background:var(--hgbild) no-repeat top / cover}.textblock.hg-schiefer,.textblock .hg-schiefer{--imgwidth:clamp(500px,80vw,1200px);background:radial-gradient(ellipse at min(90vw,var(--rand) + var(--content-width) * 0.9) -10%,#9632,#0006 70vw),           url(../grafiken/schiefer.jpg) top / calc(var(--imgwidth) * 1.3) calc(var(--imgwidth) * 0.64)}.textblock ul{margin-top:calc(1em * var(--line-height))}.textblock ul li{line-height:1.2;list-style:'- ' outside;margin-bottom:.4em}.textblock .txt-img-wrap>*{position:relative}.textblock .txt-img-wrap a{display:block}.textblock .txt-img-wrap .caption{background:#e51f1c;color:#fff;font-weight:400;opacity:.6;padding:0 0.5em;position:absolute;left:1rem;right:1rem;bottom:0;transition:opacity .33s}.textblock .txt-img-wrap>div:hover .caption{opacity:1}.textblock.bild_text .img{margin:0 calc(-1 * var(--rand))}.textblock.bild_text img{height:19em;width:100%}/*.textblock.bild_text[class*=" hg-"],.textblock.text_bild[class*=" hg-"]{margin:var(--block-gap) 0;padding-top:0;padding-bottom:0}*/.textblock.stoerer{padding:0 var(--grid-gap)}.stoerer .col-6{margin:0}.stoerer .col-6:first-child{padding:0 var(--rand)}.stoerer .col-6:nth-child(2){background:#000;font-weight:600;text-align:center}.stoerer .col-6.oeffnungszeiten{display:flex;align-items:center;flex-direction:column;justify-content:center}.stoerer .col-6:nth-child(2) i{background:#fff;border-radius:50%;color:#000 !important;display:inline-block;line-height:.5;font-size:3em;margin-bottom:1rem;width:.96em;height:.96em}.stoerer .col-6:nth-child(2) i::before{position:relative;top:-.02em;left:-.02em}.textblock.stoerer.ends-with-button>p:last-of-type{text-align:center}.js main>*>*{visibility:hidden}.js main>*>*.in-view{animation:.8s ease-in-out 0s 1 slideInFromBottom;visibility:visible}.textblock.kontaktdaten {padding-left:var(--grid-gap);padding-right:var(--grid-gap)}.textblock.kontaktdaten .col-6{margin:0}.textblock.kontaktdaten .google_map{padding:0}.textblock.kontaktdaten .col-6.txt{display:flex;flex-direction:column;justify-content:space-between;font-weight:500;padding:1.5em var(--grid-gap) 1.5em var(--rand)}.textblock.kontaktdaten h3{font-weight:300;margin-bottom:0}.textblock.kontaktdaten .txt .kontakt{margin:2em 0}main .kontaktdaten [class^="icon-"]{display:block;margin-bottom:.55em;padding-left:3em;position:relative}main .kontaktdaten [class^="icon-"]::before{font-size:1.9em;position:absolute;top:-.07em;left:0;text-align:center}.textblock.kontaktdaten a{color:currentcolor}@media (min-width:800px){.textblock.kontaktdaten .google_map{order:1;padding-left:calc(var(--grid-gap) * 2)}}body>footer{background-color:var(--textcolor);color:#fff;text-align:center}body>footer .meta{display:inline-flex;align-items:center;justify-content:space-between;font-family:var(--font-family-title);font-size:clamp(1em,5vw,1.16em);font-weight:500;letter-spacing:clamp(0,1vw - 5px,.07em);margin:.5em 0;width:100%;max-width:20em}body>footer .meta li{margin:.5em 0}body>footer .meta a{border-bottom:2px solid transparent;display:inline-block;line-height:1.3}body>footer .meta a:hover,body>footer .meta a:focus,body>footer .meta a.active{border-bottom-color:currentcolor}body>footer .meta a:active,body>footer .meta a.active{color:var(--grau);transition:none}.meta label{cursor:pointer}.textblock[class*="hg-"]{position:relative}.textblock[class*="hg-"].ends-with-button{padding-bottom:0;margin-bottom:var(--block-gap)}.textblock[class*="hg-"].ends-with-button>p:last-of-type{margin-bottom:0}.textblock[class*="hg-"].ends-with-button>p:last-of-type a.button{position:relative;top:1.2em}.textblock.produkte{text-align:center}.textblock.produkte .swipe-content{align-items:stretch;margin:0 calc(var(--grid-gap) * -1)}.textblock.produkte .produkt{margin-top:4em;padding:var(--grid-gap)}.textblock.produkte .karte{background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);color:currentcolor;display:block;min-height:100%;padding:6em 1.3em 1em;position:relative;transition:.3s ease-out}.textblock.produkte .icon{background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:50%;display:inline-flex;align-items:center;margin:-3em 0 0 -3em;padding:.7em;position:absolute;top:0;left:50%;width:6em;height:6em;transition:.3s ease-out}.textblock.produkte .karte:hover .icon{}.textblock.produkte .icon img{object-fit:contain;width:100%;height:100%;max-height:3em}.textblock.produkte h3{margin-top:0}.produkte>.banner .logo{display:none}.produkte form.suche{position:absolute;top:6em;right:var(--rand);padding:0;z-index:20}.produkte form.suche input{background:transparent;border:solid #fff;border-width:0 0 2px 0;color:#fff;font-family:var(--font-family-title);width:13em}.produkte form.suche input::placeholder{opacity:1}.produkte form.suche button{background:transparent;border:0 none;color:#fff;padding:0;position:absolute;top:0;right:0}.produkte .textblock{position:relative;margin-bottom:var(--block-gap)}.produkte .textblock:first-of-type{padding-top:17em}.produkte .textblock img.bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.produkte .textblock .preisbox{background:#fff;padding:0 2em 1.5em 1em;position:relative;text-align:center}.produkte .preisbox .icon{background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:50%;display:inline-flex;align-items:center;padding:.7em;transform:translateY(-50%);width:6em;height:6em}.produkte .preisbox .icon img{object-fit:contain;width:100%;height:100%;max-height:3em}.produkte .preisbox .title,.produkte .preisbox li>*{display:flex;align-items:flex-start;justify-content:space-between;position:relative}.produkte .preisbox .title{border-bottom:2px solid currentcolor;color:var(--rot);font-weight:500;padding:0;top:-1em}.produkte .preisbox ul{font-weight:500;max-height:17em;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;text-align:left}.produkte .preisbox ul::-webkit-scrollbar{width:0px;height:0px}.produkte .preisbox li{margin-left:.8em;transition:color .3s ease-out}.produkte .preisbox li::marker{font-size:.8em}.produkte .preisbox li>*{color:currentcolor;line-height:1.2;margin-left:-.85em;padding:0.35em 0 0.3em .7em}.produkte .preisbox a:hover{color:var(--rot)}.produkte .preisbox li a::after{content:'';border-bottom:1px solid currentcolor;position:absolute;bottom:.2em;left:0;transition:.3s ease-out;width:.7em}.produkte .preisbox li a:hover::after{width:100%}.produkte .preisbox ul img{position:absolute;left:4em;height:1.6em;opacity:0}.produkte .preisbox .preis{flex:0 0 auto;padding-left:1em}.produkte .preisbox button{background:var(--rot);border-radius:50%;color:#fff;font-size:1.4em;letter-spacing:0;line-height:1;padding:0;position:absolute;right:.2em}.produkte .preisbox button .icon-up{position:relative;top:-.066em}.produkte .preisbox button.btn-down{bottom:1em}.produkte .preisbox button .icon-down{position:relative;top:.066em}.job-list .job input{display:none}.job-list .job label,.job-list .job .desc{background:#fff;box-shadow:0 0 50px rgba(0,0,0,.08);padding-left:clamp(1rem,8%,3rem);padding-right:clamp(1rem,8%,3rrem)}.job-list .job label{cursor:pointer;display:block;margin-bottom:2em;padding-top:1.3em;padding-bottom:1.5em;position:relative;;transition:.2s .2s ease-out}.job-list .job label:hover,.job-list .job input:checked + label{background:var(--schwarz);color:#fff;transition:.2s ease-out}.job-list .job input:checked + label{z-index:1}.job-list .job label::before{content:'';border:solid;border-color:#000 transparent transparent transparent;border-width:42px 25px 0 25px;margin:-42px 0 0 -25px;position:absolute;top:100%;left:50%;opacity:0;transition:.2s .1s ease-out}.job-list .job input:checked + label::before{margin:0 0 0 -25px;opacity:1}.job-list .job .desc{background:#fff;font-size:1.05em;line-height:1.6;max-height:0;overflow:hidden;transition:max-height .8s cubic-bezier(0,1,0,1) -.1s,padding .2s .3s}.job-list .job input:checked~.desc{margin-bottom:2em;max-height:9999px;padding-top:1em;padding-bottom:2em;transition:max-height .8s cubic-bezier(0.5,0,1,0) 0s,padding .2s .2s}.job-list .job .desc ul{margin-bottom:3.8em;padding-left:1.2em}.job-list .job .desc li{margin-bottom:1.6em}.job-list .job .cta{font-family:var(--font-family-title);font-weight:500;letter-spacing:.055em}.job-list .job .cta p{margin:1.15em 0 1.6em}.job-list .job .cta a[href^="mailto"]::before{content:'@';border:2px solid currentcolor;border-radius:50%;color:var(--rot);margin-right:.5em;padding:0 0.35em 0.18em}.kontakt .pflichtinfo{display:block;font-size:0.8rem;font-weight:400;padding:0.6em 0}form div.send{text-align:right}@keyframes loading{0%{font-size:1em}40%{font-size:1.5em}80%{font-size:1em}100%{font-size:1em}}.sending-form main{position:static}.sending-msg{background:#000d;color:#fff;display:none;font-size:clamp(1em,3vw,2.5em);opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.sending-form .sending-msg{display:flex;align-items:center;flex-direction:column;justify-content:center;opacity:1}.loading-animation{font-size:.5em;height:2em}.loading-animation i,.loading-animation::before,.loading-animation::after{animation:2s infinite loading;background:currentcolor;border-radius:50%;display:inline-block;margin:0 .2em;vertical-align:middle;width:1em;height:1em}.loading-animation::before,.loading-animation::after{content:''}.loading-animation::before{animation-delay:-.2s}.loading-animation::after{animation-delay:.2s}.embed-yt{color:#333;font-size:.93em;text-align:center;position:relative}.embed-yt>img{margin:auto;max-width:560px}.embed-yt .overlay{background:#fffa;margin:0 auto;max-width:850px;padding:1em 2em 2em;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.embed-yt>img,.embed-yt>.overlay{display:none}.embed-yt>iframe{display:inline}.embed-yt>.yt-decline{cursor:pointer;display:inline-block;margin-left:-12.9em;transform:translateY(1em)}.embed-yt.yt-cookie-not-set>img,.embed-yt.yt-cookie-not-set>.overlay{display:block}.embed-yt.yt-cookie-not-set>iframe,.embed-yt.yt-cookie-not-set>.yt-decline{display:none}.google_map{min-height:100%;position:relative}body main>.textblock.google_map{padding-top:0}.gmap_canvas{height:27.1em;min-height:100%;margin-top:0}.gmap_canvas img{object-fit:initial}.gmap_canvas.gm-cookie-not-set{border:1px solid #999;color:#666;display:flex;align-items:center;font-size:.93em;padding:3rem;text-align:center}.gmap_canvas.gm-cookie-not-set>*{max-width:850px;margin:0 auto}.gmap_canvas + .gm-hide-map{cursor:pointer;font-size:.7em;position:absolute;right:0;top:-1.4em}.gmap_canvas.gm-cookie-not-set + .gm-hide-map{display:none}.osm{display:inline-block;position:relative}.osm .copyright{background:#fff;background:#fffd;position:absolute;bottom:0;right:0;max-width:100%}.impressum .copyright li{display:flex;text-align:left;margin-bottom:20px}.impressum .copyright li>img{align-self:flex-start;margin-right:10px}.impressum .copyright li>span{align-self:center;line-height:1.3}.impressum .os{display:flex;align-items:center;flex-wrap:wrap}.impressum .os>*{flex:1 1 auto}.impressum .os .anschrift{margin:2em 2em 2em 0}.sitemap main ul ul{margin-left:.75em}.col-1,.col-1-5{width:50%}body>.banner .logo img{height:min(30vw,163px);transition:.2s}.main-nav .btn-toggle-menu{background:transparent none;border:0 none;cursor:pointer;padding:0;text-align:center}.main-nav .btn-toggle-menu::after{display:none; }.main-nav .btn-toggle-menu svg{width:50px}.main-nav .btn-toggle-menu rect{fill:#fff;transform-origin:50% 50%;transition:.4s}.main-nav .btn-toggle-menu.active rect#top,.main-nav .btn-toggle-menu.active rect#bottom{width:26px;x:12px;y:11.5px}.main-nav .btn-toggle-menu.active rect#top{transform:rotate(45deg)}.main-nav .btn-toggle-menu.active rect#middle{opacity:0}.main-nav .btn-toggle-menu.active rect#bottom{transform:rotate(-45deg)}.main-nav .nav li{display:block;position:relative}.main-nav .nav a{font-family:var(--font-family-title);font-weight:500;letter-spacing:.07em}.main-nav .nav a.active{font-weight:600}.main-nav .nav ul{max-height:0;overflow:hidden;left:0}@media screen and (max-height:500px){.main-nav{transition:.2s}html:not(.nav-open) body>header.hidden + nav{top:-60px}}@media screen and (min-width:320px){body>header{justify-content:space-between}body>header .top{margin:0;padding:0;width:auto}body>header .main-nav{order:0}}@media screen and (min-width:500px){button,.button{padding-inline:1.5em}.md1{width:25%}.md2{width:50%}.sm1{width:25%}.sm2{width:50%}.sm3{width:75%}.startseite .banner .inner{min-height:calc(100vh - 13.4em)}}@media screen and (min-width:550px){.startseite .banner .inner{min-height:calc(100vh - 11.9em)}}@media screen and (min-width:650px){.col-1{width:16.66%}.col-1-5{width:25%}.col-2,.md2{width:33.33%}.col-3,.col-4,.col-5,.col-2-5,.md3{width:50%}.md4{width:66.66%}.md5{width:83.33%}.md1{width:16.66%}.md2{width:33.33%}.md3{width:50%}.md4{width:66.66%}.md5{width:83.33%}.produkte .textblock .preisbox{padding-left:2em}.produkte .preisbox button{right:1em}.produkte .preisbox .title,.produkte .preisbox .liste{margin-right:2.4em}}@media (min-width:800px){.mobile{display:none}.col-1{width:8.333%}.col-2{width:16.667%}.col-3,.col-1-4{width:25%}.col-4{width:33.333%}.col-5{width:41.667%}.col-6{width:50%}.col-7{width:58.333%}.col-8{width:66.667%}.col-9{width:75%}.col-10{width:83.333%}.col-11{width:91.667%}.col-1-5{width:20%}.col-2-5{width:40%}.col-3-5{width:60%}.col-4-5{width:80%}body>header{background:transparent;display:block;padding:0;position:absolute;top:0;left:0}body>header .top{background:rgba(0,0,0,0.5);margin-bottom:2.7em;padding:.8em var(--rand);width:100%}.lang-nav{background:transparent;justify-content:center;margin:0;top:.9em;right:var(--rand);left:auto;width:auto}.lang-nav li img{height:23px;width:46px}.lang-nav:focus li,.lang-nav:has(li:hover) li,.lang-nav li.active{max-height:36px}.main-nav{background:transparent;color:inherit;margin-bottom:5em}.main-nav .nav>li{display:inline-block;margin:0 1.35rem}.main-nav .nav>li>a{font-size:1.16em}.main-nav .nav ul{background:rgba(255,255,255,0.95);position:absolute;top:100%;width:300px;transition:max-height 0.4s}.main-nav .nav li:hover ul{max-height:20rem}.main-nav .nav ul a{padding:.33rem .67rem}.main-nav .nav ul a:hover,.main-nav .nav ul a.active{color:#fff}body>.banner .logo{margin-top:13.3em;}body>.banner .logo img{height:min(25vw,285px)}.banner .inner{padding-top:36em;min-height:auto}.banner .inner .text{padding-bottom:5em}.banner .title,.banner .desc,h1,h2,h3,h1 small,h2 small{letter-spacing:0.05em}.textblock.bild_text{padding-left:calc(50% + var(--grid-gap));position:relative;margin-left:auto}.textblock.bild_text img{position:absolute;top:var(--block-gap);left:var(--rand);width:calc(var(--inhaltsbereich) / 12 * 5 - var(--grid-gap));height:calc(100% - 2 * var(--block-gap))}.textblock.stoerer{position:relative}.textblock.stoerer .row{background:#000;color:#fff;position:relative}.stoerer .desktop img{position:absolute;bottom:0;left:calc(50% - var(--inhaltsbereich) / 12);max-width:calc(var(--inhaltsbereich) / 3);max-height:16.5em;transform:translateY(50%);z-index:2}.textblock.stoerer .col-6{position:relative;z-index:1}.textblock.stoerer .row>.desktop{margin:0}.textblock.stoerer .col-6 img{opacity:.46;position:absolute;top:0;bottom:auto;left:0;width:100%;height:100%;max-width:none;max-height:none;transform:none;z-index:-1}.stoerer .col-6:first-child{padding-left:var(--rand);padding-right:calc(var(--inhaltsbereich) / 12 + var(--grid-gap))}.stoerer .col-6:nth-child(2){padding-right:var(--rand)}.textblock.stoerer.ends-with-button>p:last-of-type{margin-top:8em}.textblock.stoerer + *{padding-top:var(--block-gap)}.textblock.stoerer .oeffnungszeiten{padding-left:calc(var(--inhaltsbereich) / 6)}.startseite .banner .inner{min-height:100vh}body.kontakt .stoerer .col-6:first-child{padding-right:var(--grid-gap)}}@media (min-width:1350px){.lang-nav{flex-direction:row}.lang-nav:not(:focus) li:not(.active){max-height:none}}@media (min-width:1100px){body.jobs .textblock{clear:both}.job-list .job label,.job-list .job .desc{padding-left:clamp(1em,4%,3rem);padding-right:clamp(1em,4%,3rem);width:49%}.job-list .job label{display:inline-flex;align-items:center;min-height:14em}.job-list .job label::before{border-color:transparent transparent transparent #000;border-width:25px 0 25px 42px;margin:-25px 0 0 -42px;top:50%;left:100%}.job-list .job input:checked + label::before{margin:-25px 0 0 0}.job-list .job .desc{float:right}}@media (max-width:799px){.desktop{display:none}.main-nav{line-height:0;padding:0;}.main-nav>ul.nav{background-color:#000;display:block;font-size:.1em;height:0;overflow:hidden;padding-top:0;position:fixed;top:4.5rem;left:0;right:0;-webkit-transition:.4s;transition:.4s}.nav-open .main-nav>ul.nav,.no-js .main-nav>ul.nav:hover,.no-js .main-nav .btn-toggle-menu:focus + ul.nav{font-size:1em;height:calc(100vh - 4.5rem);overflow:auto;padding-top:10vh}.no-js .main-nav .btn-toggle-menu:focus{pointer-events:none}.nav-open .main-nav>ul.nav::after{content:'';height:1px;width:1px;position:absolute;bottom:-2px}.main-nav .nav>li{border:0 none;display:list-item;float:none;font-size:1.5em;margin-bottom:1.6em;padding:0;width:100%;z-index:2}.main-nav ul.nav li button.mobile{background:transparent;border:0;font-size:1em;padding:.5em 0;position:absolute;top:0;right:0;width:4.5rem}.main-nav .nav a{padding:.5em 0}.main-nav .nav ul{background:rgba(255,255,255,0.2);font-size:.3em;text-align:center;transition:font-size .4s,max-height .8s cubic-bezier(0,1,0,1) -.3s;top:0;width:auto}.main-nav .nav li.open ul{font-size:.85em;max-height:9999px;transition:font-size .4s,max-height .8s cubic-bezier(0.5,0,1,0) 0s}.main-nav ul.nav ul a{color:#fff;font-size:0.9em}.banner .title,.banner .desc,.banner .desc *{display:inline}.banner .title{--factor-min:1.63;--factor-max:3.15;font-weight:500;margin:0;padding-right:.2em;text-transform:uppercase}.nav-open .banner .logo img,.banner .inner,.banner .text{transition:.4s ease-in-out}.nav-open .banner .logo img{height:80px}.nav-open .banner .inner{padding-bottom:0}.banner .text{overflow:hidden;}.nav-open .banner .text{max-height:0}.overflowing{max-height:620px;overflow:hidden;position:relative}.showMore{display:none}.overflowing>.showMore{background:linear-gradient(to bottom,transparent,#fff9 10%,#fff);display:flex;    align-items:center;justify-content:center;height:3.5em;position:absolute;bottom:0;left:0;width:100%}.stoerer .col-6 img{margin:0 calc(-1 * var(--rand));max-width:calc(100% + 2 * var(--rand))}.stoerer-preisliste h2 + p{display:none}}@media screen and (max-width:550px){.nav-open .main-nav>ul.nav,.no-js .main-nav>ul.nav:hover,.no-js .main-nav .btn-toggle-menu:focus + ul.nav{}.banner .kontaktdaten .br{color:transparent;display:block;font-size:0}}@media screen and (max-width:500px){.main-nav>ul.nav{}.nav-open .main-nav>ul.nav,.no-js .main-nav>ul.nav:hover,.no-js .main-nav .btn-toggle-menu:focus + ul.nav{}}[class^="icon-"]::before,[class*=" icon-"]::before{font-family:'icomoon' !important;font-style:normal;font-weight:normal;font-variant:normal;line-height:1;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-clock:before{content:"\1f554"}.icon-down:before{content:"\2304"}.icon-location:before{content:"\1f4cd"}.icon-lupe:before{content:"\1f50d"}.icon-mail:before{content:"\1f4e7"}.icon-message:before{content:"\1f5e9"}.icon-mobile:before{content:"\1f4f1"}.icon-phone:before{content:"\1f57b"}.icon-up:before{content:"\2303"}.icon-user:before{content:"\1f464"}.icon-facebook:before{content:"\e901"}.icon-instagram:before{content:"\e902"}.icon-pinterest:before{content:"\e905"}.icon-twitter:before{content:"\e904"}.icon-whatsapp:before{content:"\e900"}.icon-xing:before{content:"\e903"}.icon-youtube:before{content:"\e906"}.cookie-hinweis{background-color:rgba(0,0,0,0.98);box-shadow:0 0 10px 0 #000;color:#fff;font-size:0.85em;max-height:90vh;overflow:auto;padding-top:1em;padding-bottom:1em;position:-webkit-sticky;position:sticky;bottom:0;text-align:left;transition:.4s ease-out;z-index:99999}.cookie-hinweis .buttons{display:block;margin-top:1em}.cookie-hinweis button,.cookie-hinweis .button{font-size:1.3em;padding:.3em .5em}.cookie-hinweis .buttons button{margin-bottom:.5em;width:100%}.cookie-hinweis .title{background:#fff2;display:block;font-size:1.3em;margin-bottom:.5em;padding:5%;position:relative}.cookie-hinweis .title a{color:currentcolor}.cookie-hinweis .title input{margin-right:.5em;vertical-align:text-bottom;width:1em;height:1em}.cookie-hinweis .details{background:#000e;box-shadow:0 0 0 50vmax #fffe;display:none;margin:auto;overflow:auto;padding:5vh 5vw;position:fixed;top:1em;right:max(1rem,50% - var(--content-width) / 2);bottom:1em;left:max(1rem,50% - var(--content-width) / 2);z-index:10000}.cookie-hinweis .details>button:first-child{display:block;position:sticky;left:calc(100% - 3em);top:0;transform:translate(5vw,-5vh);width:3em}.cookie-hinweis .details strong{display:block;font-size:1.2em;margin:1em 0 .5em}.cookie-hinweis .details ul{columns:20em;list-style:'- ' inside}.cookie-hinweis .details li{break-inside:avoid}.cookie-hinweis .details li:only-child{column-span:all}#cbxCookies{display:none}#cbxCookies:not(:checked) + .cookie-hinweis{max-height:0;overflow:hidden}@media (min-width:450px){.cookie-hinweis .buttons button{margin:0 4px .5em 3px;}.cookie-hinweis .buttons button.none{}}@media (min-width:850px){.cookie-hinweis .buttons button{margin:0 6px .5em 0;padding:.3em 1.5em;width:auto !important}}@media (min-width:800px) and (max-width:950px){.cookie-hinweis .title{font-size:1.2em}.cookie-hinweis .title a{position:absolute;top:0;right:.33em}}input#cbxHideOverlay{display:none}input#cbxHideOverlay:checked + .overlay{display:none}body>.overlay{background:rgba(0,0,0,0.9);position:fixed;top:0;bottom:0;left:0;right:0;z-index:99}body>.overlay>.content{background:#fff;padding:1em 2em 2em;position:absolute;left:50%;top:50%;max-height:90%;max-width:1330px;width:95%;overflow:auto;transform:translate(-50%,-50%)}body>.overlay .btn-close{background:#c00;color:#fff;cursor:pointer;font-size:2em;line-height:1.5;position:absolute;top:0;right:0;text-align:center;width:1.5em}