.ons{--ons-schwarz: #121212;--ons-beige: #f1eee9;--ons-karte: #f6f6f6;--ons-rand: #e6e6e6;--ons-grau: #6f6f6f;--ons-leise: #c9c9c9;--ons-gruen: #3eab89;--ons-kopf: 0px;--ons-kopf-max: 0px;--ons-luft: 6.4rem;color:var(--ons-schwarz);font-size:1.6rem;line-height:1.65}.ons *,.ons *:before,.ons *:after{box-sizing:border-box}.ons img{display:block;max-width:100%;height:auto}.ons div:empty{display:block}.ons h1,.ons h2,.ons h3{margin:0;color:inherit;letter-spacing:0}.ons p{margin:0 0 1.6rem}.ons figure{margin:0}.ons :focus-visible{outline:2px solid currentColor;outline-offset:3px}.ons-seite{max-width:120rem;margin-inline:auto;padding-inline:1.5rem}.ons-abschnitt{padding-block:var(--ons-luft)}.ons-abschnitt--oben0{padding-top:0}.ons .ons-h2{font-size:clamp(2.6rem,3.2vw,3.8rem);font-weight:800;line-height:1.15;text-wrap:balance}.ons .ons-klein{margin:0 0 1.6rem;font-size:1.6rem;font-weight:800;line-height:1.3;letter-spacing:.02em;text-transform:uppercase}.ons-knopf{display:inline-block;padding:1.3rem 2.8rem;background-color:var(--ons-schwarz);color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease}.ons-knopf:hover{background-color:#000}.ons-auftakt{position:relative;aspect-ratio:2048 / 1373;max-height:78svh;width:100%;overflow:hidden;background-color:#d9d9d9}.ons-auftakt img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(calc(1 + var(--p, 0) * .08));transform-origin:center 40%}.ons-einstieg__kopf{margin-bottom:4.8rem;padding-bottom:4rem;border-bottom:1px solid var(--ons-rand)}.ons .ons-einstieg__h1{margin-bottom:1.2rem;font-size:1.4rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ons-grau)}.ons .ons-einstieg__claim{max-width:18ch;margin:0;font-size:clamp(3.4rem,6vw,7.2rem);font-weight:900;line-height:1.02;text-transform:uppercase;text-wrap:balance}.ons-kurz{display:grid;gap:2rem}.ons-kurz__text{max-width:70rem;font-size:clamp(1.7rem,1.4vw,1.9rem)}.ons-kurz__text p:last-child{margin-bottom:0}.ons .ons-statement{max-width:22ch;margin:0 0 3.2rem;font-size:clamp(3.2rem,5.6vw,6.8rem);font-weight:900;line-height:1.05;text-wrap:balance}.ons-statement i{font-style:normal}.ons-fliess{max-width:66rem;color:#3a3a3a}.ons-vergleich{position:relative;background-color:#fff}.ons-vergleich__fix{position:sticky;top:var(--ons-kopf);display:flex;align-items:center;min-height:calc(100svh - var(--ons-kopf-max));padding-block:2.4rem;transition:top .25s ease}.ons-vergleich__raster{display:grid;gap:2.4rem;width:100%}.ons-vergleich__bild{position:relative;order:-1;height:min(52svh,64rem);aspect-ratio:4 / 5;max-width:100%;margin-inline:auto;overflow:hidden;background-color:var(--ons-karte)}.ons-vergleich__seite{position:absolute;top:0;right:0;bottom:0;left:0}.ons-vergleich__seite img{width:100%;height:100%;object-fit:cover}.ons-vergleich__seite--tall{clip-path:inset(0 calc((1 - var(--p, 0)) * 100%) 0 0)}.ons-vergleich__kante{position:absolute;top:0;bottom:0;left:calc(var(--p, 0) * 100%);width:2px;margin-left:-1px;background-color:#fff}.ons-vergleich__kante span{position:absolute;top:50%;left:50%;width:3.6rem;height:3.6rem;border-radius:50%;background-color:#fff;box-shadow:0 2px 8px #0000002e;transform:translate(-50%,-50%)}.ons-vergleich__kante span:before{content:"\2039  \203a";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.5rem;font-weight:700;color:var(--ons-schwarz)}.ons-marke{position:absolute;bottom:1.2rem;padding:.4rem .8rem;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}.ons-marke--standard{right:1.2rem;background-color:var(--ons-grau)}.ons-marke--tall{left:1.2rem;background-color:var(--ons-gruen)}.ons-punkte{margin:2rem 0 0;padding:0;list-style:none}.ons-punkte li{position:relative;padding:1.2rem 0 1.2rem 3.2rem;border-top:1px solid var(--ons-rand);line-height:1.4}.ons-punkte li:before{content:"";position:absolute;left:0;top:1.5rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--ons-gruen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.2 2.2L9.5 3.6' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") center / 1.1rem no-repeat}.ons-punkte strong{display:block;font-size:1.6rem;font-weight:700}.ons-punkte span{display:block;margin-top:.2rem;font-size:1.4rem;color:var(--ons-grau)}.ons-split{display:grid;background-color:var(--ons-beige)}.ons-split__text{padding:3.6rem 2.4rem}.ons-split__text .ons-h2{margin-bottom:1.6rem}.ons-split__text p{color:#3a3a3a}.ons-split__text .ons-knopf{margin-top:.8rem}.ons-split__bild{position:relative;order:-1}.ons-split__bild img{width:100%;height:auto}.ons-split__wert{position:absolute;right:1.6rem;bottom:1.6rem;padding:1.2rem 1.8rem;background-color:#fff;font-size:clamp(2.2rem,2.6vw,3.2rem);font-weight:900;line-height:1}.ons-split__wert small{display:block;margin-top:.5rem;font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ons-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.ons-karte{padding:2rem 1.6rem;background-color:var(--ons-karte);border:1px solid var(--ons-rand)}.ons .ons-karte__wert{margin:0;font-size:clamp(2.2rem,2.2vw,2.8rem);font-weight:900;line-height:1.15;text-wrap:balance}.ons .ons-karte__text{margin:.6rem 0 0;font-size:1.4rem;line-height:1.4;color:var(--ons-grau)}.ons-leiter .ons-h2{margin-bottom:6rem}.ons-leiter__bahn{position:relative;height:2px;margin-inline:1rem;background-color:var(--ons-rand)}.ons-leiter__fuellung{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ons-schwarz);transform:scaleX(var(--p, 1));transform-origin:left center}.ons-leiter__reiter{position:absolute;top:50%;left:calc(var(--p, 1) * 100%);width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem;border-radius:50%;background-color:var(--ons-gruen);box-shadow:0 0 0 4px #fff}.ons-leiter__reiter:after{content:attr(data-wert);position:absolute;bottom:2.6rem;left:.8rem;transform:translate(calc(var(--p, 1) * -100%));padding:.4rem .8rem;background-color:var(--ons-schwarz);color:#fff;font-size:1.2rem;font-weight:700;white-space:nowrap}.ons:not(.ons--js) .ons-leiter__reiter:after{content:"bis 2,05 m"}.ons-leiter__mass{position:absolute;top:1.4rem;transform:translate(-50%);font-size:1.1rem;font-weight:700;color:var(--ons-grau);white-space:nowrap}.ons-leiter__mass:first-of-type{transform:none}.ons-leiter__mass:last-of-type{transform:translate(-100%)}.ons-leiter__saetze{display:grid;gap:1.2rem;margin-top:5.6rem}.ons .ons-leiter__saetze p{margin:0;padding:1.6rem 0 0;border-top:2px solid var(--ons-schwarz);color:#3a3a3a;line-height:1.5}.ons-leiter__saetze strong{display:block;margin-bottom:.4rem;font-size:1.8rem;font-weight:800;color:var(--ons-schwarz)}.ons-fragen{display:grid;gap:4.8rem}.ons-fragen .ons-h2{margin-bottom:2.4rem}.ons-frage{border-top:1px solid var(--ons-rand)}.ons-frage:last-child{border-bottom:1px solid var(--ons-rand)}.ons-frage summary{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.8rem 0;cursor:pointer;list-style:none}.ons-frage summary::-webkit-details-marker{display:none}.ons-frage summary:after{content:"+";flex:none;font-size:2.4rem;line-height:1;transition:transform .25s ease}.ons-frage[open] summary:after{transform:rotate(45deg)}.ons .ons-frage h3{font-size:1.7rem;font-weight:700;line-height:1.35}.ons-frage__antwort{max-width:62rem;padding-bottom:2rem;color:#3a3a3a}.ons-frage__antwort p:last-child{margin-bottom:0}.ons-fakten{align-self:start;padding:2.4rem;background-color:var(--ons-beige)}.ons-fakten dl{margin:0 0 2.4rem}.ons-fakten dl>div{display:grid;grid-template-columns:10.5rem 1fr;gap:1.2rem;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.1);font-size:1.4rem;line-height:1.45}.ons-fakten dt{font-weight:700}.ons-fakten dd{margin:0}.ons-knopf--breit{display:block;text-align:center}.ons--js .ons-statement i{color:var(--ons-leise);transition:color .3s ease}.ons--js .ons-statement i.ist-da{color:var(--ons-schwarz)}.ons--js .ons-punkte li{opacity:.3;transition:opacity .4s ease}.ons--js .ons-punkte li:before{background-color:var(--ons-leise);transition:background-color .4s ease}.ons--js .ons-punkte li.ist-da{opacity:1}.ons--js .ons-punkte li.ist-da:before{background-color:var(--ons-gruen)}.ons--js .ons-leiter__saetze p{border-top-color:var(--ons-rand);opacity:.35;transition:opacity .4s ease,border-color .4s ease}.ons--js .ons-leiter__saetze p.ist-da{border-top-color:var(--ons-schwarz);opacity:1}.ons:not(.ons--js) .ons-vergleich__seite--tall{clip-path:inset(0 50% 0 0)}.ons:not(.ons--js) .ons-vergleich__kante{left:50%}.ons:not(.ons--js) .ons-vergleich__fix{position:relative;top:0;min-height:0;padding-block:var(--ons-luft)}@media screen and (min-width:750px){.ons{--ons-luft: 9.6rem}.ons-seite{padding-inline:5rem}.ons-kurz{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:6.4rem}.ons-karten{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}.ons-leiter__saetze{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem}}@media screen and (min-width:990px){.ons-kurz{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:8rem}.ons-kurz__text p:first-child{font-size:clamp(1.9rem,1.6vw,2.2rem);line-height:1.5;color:var(--ons-schwarz)}.ons-kurz .ons-h2:after{content:"";display:block;width:6.4rem;height:2px;margin-top:2.4rem;background-color:var(--ons-schwarz)}.ons-kurz__text p+p{margin-top:2.4rem;padding-top:2.4rem;border-top:1px solid var(--ons-rand)}.ons-was{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:6.4rem;align-items:end}.ons-was .ons-klein{grid-column:1 / -1;margin-bottom:0}.ons-was .ons-statement{margin-bottom:0;max-width:15ch}.ons-was .ons-fliess{margin-bottom:.8rem;max-width:46ch}.ons-vergleich__raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6.4rem}.ons-vergleich__bild{order:0;height:min(calc(100svh - var(--ons-kopf-max) - 8rem),72rem)}.ons-punkte{margin-top:3.2rem}.ons-punkte li{padding-block:1.8rem}.ons-split{grid-template-columns:minmax(0,1fr)}.ons-split__text{padding:4.8rem 5.6rem 5.6rem}.ons-split__text p{max-width:82ch}.ons-fragen{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:6.4rem}.ons-fakten{position:sticky;top:calc(var(--ons-kopf) + 2.4rem)}}@media screen and (max-width:749px){.ons--js .ons-vergleich__text .ons-klein,.ons--js .ons-punkte li span{display:none}.ons--js .ons-punkte li{padding-block:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/6/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAE */