:root{--tiefsee:#062a4a;--tiefsee-2:#03192c;--blau:#0f6fc4;--blau-dunkel:#0b568f;--blau-hell:#4aa8e8;--eis:#e8f4fb;--schaum:#f7fbfe;--weiss:#fff;--tuerkis:#17b8a6;--whatsapp:#25d366;--whatsapp-dunkel:#1da851;--text:#10222f;--text-leise:#526373;--text-invers:#eaf4fb;--text-invers-leise:#a8c4d8;--linie:#062a4a24;--linie-invers:#eaf4fb2e;--schrift:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--schrift-display:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--max:1140px;--rand:clamp(20px, 5vw, 48px);--kopf-h:68px;--radius:14px;--schatten:0 18px 44px #062a4a21}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--schrift);color:var(--text);background:var(--weiss);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.05rem;line-height:1.68;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--blau);outline-offset:3px;border-radius:4px}.behaelter{width:100%;max-width:var(--max);padding-inline:var(--rand);margin-inline:auto}.schmal{max-width:780px}.sprunglink{z-index:200;background:var(--tiefsee);color:var(--weiss);padding:12px 18px;position:absolute;top:0;left:-9999px}.sprunglink:focus{left:0}h1,h2,h3,h4{font-family:var(--schrift-display);letter-spacing:-.02em;text-wrap:balance;hyphens:auto;overflow-wrap:break-word;margin:0 0 .5em;font-weight:800;line-height:1.08}.display{font-size:clamp(2.3rem,9vw,5.2rem)}.gross{font-size:clamp(1.6rem,7vw,3.1rem)}h2{font-size:clamp(1.45rem,6vw,2.5rem)}h3{font-size:clamp(1.2rem,2.2vw,1.5rem)}p{max-width:68ch;margin:0 0 1.1em}.lead{color:var(--text-leise);font-size:clamp(1.1rem,1.9vw,1.32rem)}.augenbraue{letter-spacing:.16em;text-transform:uppercase;color:var(--blau);margin-bottom:.9rem;font-size:.78rem;font-weight:700;display:inline-block}.sek--tief .augenbraue{color:var(--blau-hell)}.leise{color:var(--text-leise)}.sek--tief .leise{color:var(--text-invers-leise)}.sek{padding:clamp(56px,9vw,112px) 0;position:relative}.sek--weiss{background:var(--weiss)}.sek--schaum{background:var(--schaum)}.sek--eis{background:var(--eis)}.sek--tief{background:var(--tiefsee);color:var(--text-invers)}.sek--tief h1,.sek--tief h2,.sek--tief h3{color:var(--weiss)}.sek--tief p{color:var(--text-invers-leise)}.sek-kopf{margin-bottom:clamp(28px,4vw,52px)}.btn{background:var(--blau);color:var(--weiss);font:inherit;cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:.5em;padding:.85em 1.6em;font-weight:700;text-decoration:none;transition:background .2s,transform .2s,border-color .2s,color .2s;display:inline-flex}.btn:hover{background:var(--blau-dunkel);transform:translateY(-2px)}.btn--rand{color:var(--blau);background:0 0;border-color:currentColor}.btn--rand:hover{background:var(--blau);border-color:var(--blau);color:var(--weiss)}.sek--tief .btn--rand,.hero .btn--rand,.seitenkopf .btn--rand,.fuss .btn--rand{color:var(--weiss)}.sek--tief .btn--rand:hover,.hero .btn--rand:hover,.seitenkopf .btn--rand:hover,.fuss .btn--rand:hover{background:var(--weiss);color:var(--tiefsee);border-color:var(--weiss)}.btn--tuerkis{background:var(--tuerkis)}.btn--tuerkis:hover{background:#129c8d}.btn--whatsapp{background:var(--whatsapp);color:#fff}.btn--whatsapp:hover{background:var(--whatsapp-dunkel)}.btn--whatsapp.btn--rand{color:var(--whatsapp);background:0 0;border-color:currentColor}.btn--whatsapp.btn--rand:hover{background:var(--whatsapp);border-color:var(--whatsapp);color:#fff}.knopfreihe{flex-wrap:wrap;gap:14px;margin-top:1.4rem;display:flex}.kopf{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--linie);background:#ffffffe0;position:sticky;top:0}.kopf .behaelter{min-height:var(--kopf-h);align-items:center;gap:18px;display:flex}.marke{letter-spacing:-.02em;align-items:center;gap:9px;margin-right:auto;font-size:1.16rem;font-weight:800;text-decoration:none;display:inline-flex}.marke span{color:var(--blau)}.marke svg{flex:none}.nav-links{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nav-links a{color:var(--text);border-radius:999px;padding:8px 12px;font-size:.95rem;font-weight:600;text-decoration:none}.nav-links a:hover{background:var(--eis)}.nav-links a[aria-current=page]{color:var(--blau)}.nav-links a.pille{background:var(--blau);color:var(--weiss)}.nav-links a.pille:hover{background:var(--blau-dunkel)}.nav-schalter{border:1px solid var(--linie);background:var(--weiss);cursor:pointer;border-radius:10px;padding:8px 11px;font-size:1.15rem;line-height:1;display:none}.sprache{position:relative}.sprache-schalter{border:1px solid var(--linie);background:var(--weiss);font:inherit;cursor:pointer;text-transform:uppercase;border-radius:999px;padding:7px 13px;font-size:.88rem;font-weight:700}.sprache-menue{background:var(--weiss);border:1px solid var(--linie);box-shadow:var(--schatten);z-index:120;border-radius:12px;min-width:172px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0}.sprache-menue.offen{display:block}.sprache-menue a{border-radius:8px;padding:9px 12px;font-size:.94rem;text-decoration:none;display:block}.sprache-menue a:hover{background:var(--eis)}.sprache-menue a[aria-current=true]{color:var(--blau);font-weight:700}@media (width<=940px){.nav-schalter{order:3;display:block}.nav-links{flex-direction:column;order:4;align-items:stretch;gap:2px;width:100%;padding-bottom:14px;display:none}.nav-links.offen{display:flex}.nav-links a{padding:11px 12px}}@media (width<=420px){.kopf .behaelter{gap:10px;padding-inline:16px}.marke{gap:7px;font-size:1.02rem}.sprache-schalter{padding:6px 10px}.nav-schalter{padding:7px 9px}}.hero{background:var(--tiefsee-2);color:var(--weiss);isolation:isolate;position:relative}.hero-buehne{height:210vh;position:relative}.hero-klebrig{height:100vh;position:sticky;top:0;overflow:hidden}.hero-klebrig canvas{width:100%;height:100%;display:block}.hero-inhalt{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.hero-inhalt .behaelter{pointer-events:auto}.hero-inhalt h1{color:var(--weiss);text-shadow:0 2px 30px #03192c8c}.hero-inhalt .lead{color:#d6ebfa;max-width:52ch}.hero-zeile2{color:var(--blau-hell);display:block}.hero-produkt{z-index:3;pointer-events:none;filter:drop-shadow(0 26px 40px #03192c8c);width:clamp(88px,10.5vw,132px);position:absolute;top:35%;right:clamp(10px,3.5vw,46px);transform:translateY(-50%)}.hero-produkt__koerper{clip-path:inset(28.4% 0 0);width:100%;display:block}.hero-produkt__kopf{clip-path:inset(0 0 71.4%);width:100%;transform:translateY(var(--druck,0%));will-change:transform;position:absolute;top:0;left:0}@media (width<=860px){.hero-produkt{opacity:.94;width:clamp(66px,20vw,90px);top:32%;bottom:auto;right:2px;transform:translateY(-50%)}.hero-inhalt .behaelter{padding-right:92px}}.scrollhinweis{letter-spacing:.18em;text-transform:uppercase;color:#d6ebfabf;z-index:3;font-size:.76rem;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scrollhinweis:after{content:"";background:linear-gradient(#d6ebfacc,#0000);width:1px;height:26px;margin:8px auto 0;display:block}.seitenkopf{background:var(--tiefsee);color:var(--weiss);padding:clamp(56px,8vw,96px) 0 clamp(40px,6vw,68px)}.seitenkopf h1{color:var(--weiss)}.seitenkopf p{color:var(--text-invers-leise);max-width:62ch}.raster{gap:clamp(18px,2.6vw,30px);display:grid}.raster--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.raster--3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.raster--4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.karte{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--radius);flex-direction:column;gap:10px;padding:clamp(20px,2.6vw,30px);display:flex}.karte h3{margin-bottom:.2em}.karte p{margin-bottom:0}.sek--tief .karte{border-color:var(--linie-invers);background:#ffffff0d}.produktkarte{padding:0;text-decoration:none;overflow:hidden}.produktkarte-bild{background:var(--eis);aspect-ratio:4/3;overflow:hidden}.produktkarte-bild img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.produktkarte-bild--frei{background:linear-gradient(160deg, var(--eis), #cfe6f7);padding:18px}.produktkarte-bild--frei img{object-fit:contain}.produktkarte:hover .produktkarte-bild img{transform:scale(1.04)}.produktkarte-text{flex-direction:column;flex:1;gap:8px;padding:clamp(18px,2.4vw,26px);display:flex}.produktkarte-fuss{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;margin-top:auto;display:flex}.produktkarte-fuss>*{white-space:nowrap}.preis{font-size:1.15rem;font-weight:800}.preis--offen{color:var(--text-leise);font-size:.97rem;font-weight:600}.zaehler{text-align:center}.zaehler-zahl{font-family:var(--schrift-display);letter-spacing:-.04em;color:var(--weiss);font-size:clamp(4rem,15vw,9rem);font-weight:800;line-height:.94;display:block}.zaehler-einheit{letter-spacing:.2em;text-transform:uppercase;color:var(--blau-hell);font-size:clamp(1rem,2.4vw,1.35rem);font-weight:700}.zaehler-erklaerung{max-width:56ch;margin-inline:auto}.hinweiskasten{border:1px solid var(--linie-invers);border-left:4px solid var(--blau-hell);text-align:left;background:#ffffff0d;border-radius:10px;max-width:64ch;margin:28px auto 0;padding:20px 22px}.hinweiskasten h3{margin-bottom:.4em;font-size:1.08rem}.hinweiskasten p:last-child{margin-bottom:0}.hinweis{border:1px solid var(--linie);border-left:4px solid var(--blau);background:var(--schaum);border-radius:10px;margin:22px 0;padding:18px 20px}.hinweis p:last-child{margin-bottom:0}.hinweis--warnung{background:#fff8ec;border-left-color:#d08300}.fortschritt{background:var(--eis);border-radius:999px;height:10px;margin:12px 0 8px;overflow:hidden}.fortschritt-balken{background:var(--blau);border-radius:999px;height:100%}.tabellen-huelle{border:1px solid var(--linie);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;background:var(--weiss);width:100%;min-width:560px}th,td{text-align:left;border-bottom:1px solid var(--linie);padding:14px 16px;font-size:.97rem}th{background:var(--schaum);font-weight:700}tbody tr:last-child td{border-bottom:none}tfoot td{background:var(--schaum);font-weight:800}.leer-zustand{text-align:center;color:var(--text-leise);border:1px dashed var(--linie);border-radius:var(--radius);background:var(--schaum);padding:clamp(30px,5vw,56px)}.formular{gap:18px;max-width:640px;display:grid}.feld-reihe{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=620px){.feld-reihe{grid-template-columns:1fr}}.feld{flex-direction:column;gap:6px;display:flex}.feld label{font-size:.94rem;font-weight:700}.feld-zusatz{color:var(--text-leise);font-weight:400}.feld input,.feld select,.feld textarea{font:inherit;border:1px solid var(--linie);background:var(--weiss);color:var(--text);border-radius:10px;width:100%;padding:12px 14px}.feld textarea{resize:vertical;min-height:110px}.feld--fehler input,.feld--fehler select,.feld--fehler textarea{border-color:#c0392b}.feld-fehler{color:#c0392b;min-height:1.1em;font-size:.86rem}.feld--kasten{flex-direction:row;align-items:flex-start;gap:10px}.feld--kasten input{flex:none;width:auto;margin-top:4px}.feld--kasten label{font-size:.94rem;font-weight:400}.bestellergebnis{border:1px solid var(--linie);border-left:4px solid var(--tuerkis);border-radius:var(--radius);background:var(--schaum);margin-top:26px;padding:22px}.bestellergebnis textarea{border:1px solid var(--linie);border-radius:10px;width:100%;min-height:150px;margin:12px 0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.faq{border-top:1px solid var(--linie)}.faq details{border-bottom:1px solid var(--linie)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:1.06rem;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blau);font-size:1.5rem;font-weight:400;line-height:1}.faq details[open] summary:after{content:"−"}.faq details>p{margin-bottom:0;padding-bottom:20px}.schritte{counter-reset:schritt}.schritt{padding-left:62px;position:relative}.schritt:before{counter-increment:schritt;content:counter(schritt);background:var(--blau);width:44px;height:44px;color:var(--weiss);border-radius:999px;place-items:center;font-size:1.15rem;font-weight:800;display:grid;position:absolute;top:0;left:0}.liste{gap:10px;margin:0 0 1.2em;padding:0;list-style:none;display:grid}.liste li{padding-left:28px;position:relative}.liste li:before{content:"";background:var(--blau);border-radius:50% 50% 50% 0;width:9px;height:9px;position:absolute;top:.58em;left:4px;transform:rotate(-45deg)}.sek--tief .liste li:before{background:var(--blau-hell)}.datenliste{border:1px solid var(--linie);border-radius:var(--radius);gap:0;display:grid;overflow:hidden}.datenliste>div{border-bottom:1px solid var(--linie);background:var(--weiss);justify-content:space-between;gap:16px;padding:12px 16px;display:flex}.datenliste>div:last-child{border-bottom:none}.datenliste dt{margin:0;font-weight:700}.datenliste dd{color:var(--text-leise);text-align:right;overflow-wrap:anywhere;margin:0}code{overflow-wrap:anywhere}.bezug-vertrag{margin:1rem 0 0;font-size:.86rem}.bezug-fussnote{margin-top:clamp(22px,3vw,34px)}.kontakt-raster{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,46px);display:grid}@media (width<=880px){.kontakt-raster{grid-template-columns:1fr}.visitenkarte{max-width:420px}}.visitenkarte{border-radius:var(--radius);box-shadow:var(--schatten);z-index:32;margin:0;position:relative;overflow:hidden}.visitenkarte img{width:100%;height:auto;display:block}.kontaktkasten{background:var(--eis);border-radius:var(--radius);margin-bottom:2rem;padding:clamp(22px,4vw,34px)}.kontaktkasten h2{margin-bottom:.4em}.kontaktkasten p{margin-bottom:0}.kontaktkasten .knopfreihe{margin-top:1.5rem}@media (width<=520px){.kontaktkasten .knopfreihe .btn{text-align:center;justify-content:center;width:100%;padding-inline:1em;font-size:.95rem}}.kontaktkasten-fussnote{margin:1.1rem 0 0;font-size:.86rem}figure{margin:0}.bildflaeche{border-radius:var(--radius);background:var(--eis);position:relative;overflow:hidden}.bildflaeche img{width:100%}.ripple-canvas{image-rendering:auto;width:100%;height:100%;display:block;position:absolute;inset:0}.hat-ripple img{visibility:hidden}.fuss{background:var(--tiefsee-2);color:var(--text-invers-leise);z-index:40;padding:clamp(48px,6vw,76px) 0 100px;position:relative}.fuss h4{color:var(--weiss);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-size:.82rem}.fuss a{text-decoration:none}.fuss a:hover{color:var(--weiss);text-decoration:underline}.fuss-raster{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px;display:grid}@media (width<=860px){.fuss-raster{grid-template-columns:1fr 1fr}}@media (width<=480px){.fuss-raster{grid-template-columns:1fr}}.fuss ul{gap:9px;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.fuss .fuss-kontakt{margin-top:16px;font-weight:600}.fuss .fuss-kontakt a{color:var(--weiss)}.fuss-unten{border-top:1px solid var(--linie-invers);flex-wrap:wrap;justify-content:space-between;gap:12px 26px;margin-top:40px;padding-top:22px;font-size:.86rem;display:flex}[data-reveal]{opacity:0;transition:opacity .75s,transform .75s;transform:translateY(26px)}[data-reveal].sichtbar{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{transition:none;opacity:1!important;transform:none!important}[data-parallax]{transform:none!important}.btn:hover,.produktkarte:hover .produktkarte-bild img{transform:none}}#tropfen-ebene{z-index:30}.wa-schweber{right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:90;background:var(--whatsapp);color:#fff;border-radius:999px;align-items:center;gap:.6em;padding:14px 20px 14px 16px;font-size:.98rem;font-weight:700;line-height:1;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;position:fixed;box-shadow:0 10px 26px #062a4a47}.wa-schweber:hover{background:var(--whatsapp-dunkel);transform:translateY(-2px);box-shadow:0 14px 32px #062a4a57}.wa-schweber svg{flex:none}@media (width<=640px){.wa-schweber{width:56px;height:56px;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));justify-content:center;padding:0}.wa-schweber-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.wa-schweber:hover{transform:none}}.prosa h2{margin-top:2em}.prosa h3{margin-top:1.6em}.prosa ul,.prosa ol{max-width:68ch;padding-left:1.3em}.prosa li{margin-bottom:.5em}.prosa blockquote{border-left:4px solid var(--blau);margin:1.6em 0;padding:4px 0 4px 22px;font-size:1.1rem}.prosa a{color:var(--blau)}.zahlkarte{flex-direction:column;display:flex}.zahlkarte .zahl{font-family:var(--schrift-display);letter-spacing:-.03em;color:var(--blau);margin-bottom:.25em;font-size:clamp(2.4rem,6vw,3.4rem);font-weight:800;line-height:1}.sek--tief .zahlkarte .zahl{color:var(--blau-hell)}.zahlkarte h3{font-size:1.02rem;line-height:1.35}.zahlkarte .beleg{color:var(--text-leise);margin-top:auto;padding-top:14px;font-size:.78rem;line-height:1.45}.sek--tief .zahlkarte .beleg{color:var(--text-invers-leise)}.anteil{margin-bottom:22px}.anteil:last-child{margin-bottom:0}.anteil-kopf{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.anteil-kopf strong{font-size:1.05rem}.anteil-kopf span{color:var(--blau);font-weight:800}.sek--tief .anteil-kopf span{color:var(--blau-hell)}.anteil-balken{background:#0f6fc424;border-radius:999px;height:10px;margin:8px 0 6px;overflow:hidden}.sek--tief .anteil-balken{background:#eaf4fb29}.anteil-balken i{background:linear-gradient(90deg, var(--blau), var(--blau-hell));border-radius:999px;height:100%;display:block}.quellenliste{overflow-wrap:anywhere;gap:18px;display:grid}.quellenliste li{list-style:none}.quellenliste .name{font-weight:700;display:block}.quellenliste p{margin:.2em 0 0;font-size:.94rem}