@font-face{font-family:Familjen Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/familjen-600-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Familjen Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/familjen-600-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2AF,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1E??,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Familjen Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/familjen-700-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Familjen Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/familjen-700-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2AF,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1E??,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-400-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-400-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2AF,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1E??,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/hanken-500-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/hanken-700-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/martian-400-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/martian-400-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2AF,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1E??,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--papier:#f1f4f2;--papier-tief:#e4ebe8;--tinte:#12333a;--tinte-weich:#3d5a60;--rhein:#17677a;--rhein-tief:#0f4d5c;--wasserlinie:#9cc3d2;--kies:#a5762b;--weiss:#fbfcfc;--font-display:"Familjen Grotesk", "Hanken Grotesk", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"Martian Mono", ui-monospace, monospace;--mass:1.25rem;--breit:72rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--papier);color:var(--tinte);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.012em;text-wrap:balance;margin:0 0 .6em;font-weight:700;line-height:1.12}h1{font-size:clamp(2.1rem,4.6vw,3.4rem)}h2{font-size:clamp(1.55rem,3vw,2.15rem)}h3{font-size:clamp(1.15rem,2vw,1.35rem)}p{margin:0 0 1em}a{color:var(--rhein-tief);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{color:var(--rhein)}:focus-visible{outline:3px solid var(--rhein);outline-offset:3px;border-radius:2px}.sprung{background:var(--weiss);color:var(--tinte);z-index:60;padding:.7rem 1.1rem;font-weight:700;position:absolute;top:0;left:-9999px}.sprung:focus-visible{top:1rem;left:1rem}.kopf{background:var(--papier);border-bottom:1px solid var(--wasserlinie);position:relative}.kopf:after{content:"";background:linear-gradient(90deg, var(--rhein) 0 42%, var(--wasserlinie) 42% 70%, var(--kies) 70% 76%, var(--wasserlinie) 76% 100%);height:4px;display:block}.kopf-innen{max-width:var(--breit);padding:.9rem var(--mass) .8rem;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.marke{color:var(--tinte);flex-direction:column;line-height:1.15;text-decoration:none;display:flex}.marke-wort{font-family:var(--font-display);letter-spacing:.01em;font-size:1.02rem;font-weight:600}.marke-ort{font-family:var(--font-display);color:var(--rhein);letter-spacing:.005em;font-size:1.42rem;font-weight:700}.navigation{align-items:center;gap:1.35rem;display:flex}.navigation a{color:var(--tinte-weich);border-bottom:3px solid #0000;padding:.3rem .1rem;font-weight:500;text-decoration:none}.navigation a:hover{color:var(--tinte)}.navigation a.taste,.navigation a.taste:hover{color:var(--weiss)}.navigation a[aria-current=page]{color:var(--tinte);border-bottom-color:var(--rhein)}.kopf-innen--mobil{padding-top:0;display:none}.mobile-nav{position:relative}.mobile-nav summary{cursor:pointer;border:1.5px solid var(--rhein);color:var(--rhein-tief);border-radius:3px;align-items:center;gap:.5rem;padding:.45rem .9rem;font-weight:700;list-style:none;display:inline-flex}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] summary{background:var(--rhein);color:var(--weiss)}.mobile-nav[open]{background:var(--weiss);border:1px solid var(--wasserlinie);border-radius:3px;gap:.15rem;margin-top:.4rem;padding:.6rem .9rem .8rem;display:grid}.mobile-nav a{min-height:44px;color:var(--tinte);align-items:center;padding:.4rem .2rem;font-weight:500;text-decoration:none;display:flex}.mobile-nav a[aria-current=page]{color:var(--rhein-tief);font-weight:700}.taste{background:var(--rhein);color:var(--weiss);font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;border:none;border-radius:3px;padding:.85rem 1.6rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.taste:hover{background:var(--rhein-tief);color:var(--weiss)}.taste[disabled]{opacity:.55;cursor:not-allowed}.taste--klein{padding:.5rem 1rem;font-size:.92rem}.taste--kontur{color:var(--rhein-tief);box-shadow:inset 0 0 0 2px var(--rhein);background:0 0}.taste--kontur:hover{background:var(--papier-tief);color:var(--rhein-tief)}.held{background:linear-gradient(180deg, #9cc3d238, #f1f4f200 62%), var(--papier)}.held-innen{max-width:var(--breit);padding:clamp(2.6rem, 6vw, 5rem) var(--mass) 2.4rem;grid-template-columns:minmax(0,1.5fr) minmax(auto,22rem);align-items:end;gap:clamp(1.6rem,4vw,3.6rem);margin:0 auto;display:grid}.held-unterzeile{color:var(--tinte-weich);max-width:34em;font-size:1.14rem}.kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rhein);margin:0 0 .7rem;font-size:.72rem}.blatt{max-width:var(--breit);padding:clamp(1.8rem, 4vw, 3.2rem) var(--mass);margin:0 auto}.abschnitt{padding:clamp(1.4rem,3vw,2.4rem) 0}.abschnitt+.abschnitt{border-top:1px solid var(--wasserlinie)}.vers{grid-template-columns:minmax(11rem,15rem) minmax(0,1fr);gap:clamp(1.2rem,3vw,2.6rem);display:grid}.vers-rand p{color:var(--tinte-weich);font-size:.95rem}.merkkasten{background:var(--papier-tief);border-left:5px solid var(--rhein);border-radius:0 3px 3px 0;padding:1rem 1.2rem}.merkkasten p:last-child{margin-bottom:0}.datenband{background:var(--weiss);border:1px solid var(--wasserlinie);border-radius:4px;padding:clamp(1rem,2.5vw,1.6rem)}.pegel-grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:1rem;margin:0 0 1rem;display:grid}.pegel-wert{font-family:var(--font-mono);color:var(--tinte);font-size:clamp(1.15rem,2vw,1.5rem);display:block}.pegel-label{color:var(--tinte-weich);margin-top:.2rem;font-size:.86rem;line-height:1.4;display:block}.diagramm{margin:0}.diagramm-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.diagramm svg,.held-pegel svg{width:100%;height:auto;display:block}.held-pegel-legende{color:var(--tinte-weich);font-family:var(--font-mono);text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));margin-left:20%;font-size:.68rem;line-height:1.15;display:grid}.diagramm figcaption{color:var(--tinte-weich);margin-top:.65rem;font-size:.85rem;line-height:1.5}.diagramm .achse{font-family:var(--font-mono);fill:var(--tinte-weich);font-size:11px}.diagramm .balken--petrol .achse{paint-order:stroke;stroke:var(--papier);stroke-width:4px}.diagramm .wasserlinie-label{paint-order:stroke;stroke:var(--papier);stroke-width:5px}.diagramm .wert{font-family:var(--font-mono);fill:var(--tinte);font-size:11px;font-weight:400}.diagramm .linie{fill:none;stroke:var(--kies);stroke-width:2px;stroke-dasharray:5 4}.tabelle-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}caption{text-align:left;color:var(--tinte-weich);padding-bottom:.5rem;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--papier-tief);vertical-align:top;padding:.55rem .75rem .55rem 0}th{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--tinte-weich);font-size:.82rem;font-weight:600}td.zahl,th.zahl{text-align:right;font-variant-numeric:tabular-nums}tbody tr.hervorgehoben{background:#17677a12}.querhinweis{display:none}.quellenzeile{font-family:var(--font-mono);color:var(--tinte-weich);margin-top:.8rem;font-size:.72rem;line-height:1.6}.formular-wrap{background:var(--weiss);border:1px solid var(--wasserlinie);border-radius:4px;padding:clamp(1.2rem,3vw,2.2rem)}.feld-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.4rem;display:grid}.feld{flex-direction:column;gap:.3rem;min-width:0;display:flex}.feld--voll{grid-column:1/-1}.feld label{font-size:.95rem;font-weight:500}.feld input,.feld select,.feld textarea{font:inherit;color:var(--tinte);background:var(--papier);border:1.5px solid var(--wasserlinie);border-radius:3px;padding:.6rem .7rem}.feld input:focus-visible,.feld select:focus-visible,.feld textarea:focus-visible{outline:3px solid var(--rhein);outline-offset:1px;border-color:var(--rhein)}.hinweis{color:var(--tinte-weich);margin:0;font-size:.82rem}.feld--koeder{opacity:0;height:0;position:absolute;left:-9999px;overflow:hidden}.formular-einwilligung{align-items:flex-start;gap:.7rem;margin:1.3rem 0;font-size:.92rem;display:flex}.formular-einwilligung input{width:1.15rem;height:1.15rem;accent-color:var(--rhein);margin-top:.2rem}.formular-einwilligung label{font-weight:400}.formular-stand{color:var(--tinte-weich);min-height:1.4em;margin:.9rem 0 0;font-size:.95rem}.formular-stand--fehler{color:#8c2f21;font-weight:500}.newsletter{isolation:isolate;padding:clamp(4rem, 8vw, 7rem) var(--mass);background:linear-gradient(180deg, #9cc3d214, transparent 35%), var(--tinte);color:var(--weiss);scroll-margin-top:1rem;position:relative;overflow:hidden}.newsletter:before{content:"";background:linear-gradient(90deg, var(--wasserlinie) 0 63%, var(--kies) 63% 70%, var(--rhein) 70% 100%);height:5px;position:absolute;inset:0 0 auto}.newsletter-pegel{z-index:-1;color:#9cc3d214;width:26rem;height:26rem;font:700 13rem/1 var(--font-display);border:1px solid #9cc3d22e;border-radius:50%;place-items:center;display:grid;position:absolute;top:-8rem;right:max(-8rem,-8vw)}.newsletter-innen{max-width:var(--breit);grid-template-columns:minmax(0,1.12fr) minmax(20rem,.88fr);align-items:center;gap:clamp(2.5rem,7vw,6.5rem);margin:0 auto;display:grid}.newsletter .kicker{color:var(--wasserlinie)}.newsletter-text h1,.newsletter-text h2{letter-spacing:-.025em;max-width:15ch;font-size:clamp(2.35rem,5vw,4.4rem);line-height:1.01}.newsletter-text h1 em,.newsletter-text h2 em{color:var(--wasserlinie);font-style:normal;font-weight:600;display:block}.newsletter-lead{color:#fbfcfcd1;max-width:37rem;font-size:1.12rem}.newsletter-vorteile{border-top:1px solid #9cc3d24d;max-width:40rem;margin:2rem 0 0;padding:0;list-style:none}.newsletter-vorteile li{border-bottom:1px solid #9cc3d24d;grid-template-columns:2.6rem minmax(0,1fr);align-items:center;gap:.8rem;padding:.75rem 0;display:grid}.newsletter-vorteile li span{color:var(--wasserlinie);font:400 .7rem/1 var(--font-mono)}.newsletter-vorteile strong{font-weight:500}.newsletter-karte{background:var(--weiss);color:var(--tinte);border:1px solid var(--wasserlinie);border-radius:4px;padding:clamp(1.35rem,3vw,2.2rem);position:relative;box-shadow:12px 14px #9cc3d22e}.newsletter-karte:after{content:"";pointer-events:none;border:1px solid #17677a1a;position:absolute;inset:.65rem}.newsletter-karte-kopf{z-index:1;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;margin-bottom:1.6rem;display:grid;position:relative}.newsletter-siegel{background:var(--rhein);width:3.3rem;height:3.3rem;color:var(--weiss);font:700 1.55rem/1 var(--font-display);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 5px #17677a1f}.newsletter-form-kicker{color:var(--kies);font:400 .68rem/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .25rem}.newsletter-karte .newsletter-karte-titel{margin:0;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.08}.newsletter-formular{z-index:1;position:relative}.newsletter-email{font-family:var(--font-display);font-size:.82rem;font-weight:600;display:block}.newsletter-email input{border:1.5px solid var(--wasserlinie);background:var(--papier);width:100%;min-height:3.3rem;color:var(--tinte);font:400 1rem/1.4 var(--font-body);border-radius:3px;outline:0;margin-top:.45rem;padding:.75rem .85rem;transition:border-color .15s,box-shadow .15s;display:block}.newsletter-email input:focus{border-color:var(--rhein);box-shadow:0 0 0 3px #17677a33}.newsletter-email input:disabled{cursor:not-allowed;opacity:.68}.newsletter-senden{background:var(--rhein);width:100%;min-height:3.35rem;color:var(--weiss);cursor:pointer;font:600 .98rem/1.3 var(--font-display);border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:1rem;margin-top:.8rem;padding:.8rem 1rem;display:flex}.newsletter-senden:hover{background:var(--rhein-tief)}.newsletter-senden:disabled{cursor:not-allowed;background:var(--tinte-weich);color:var(--weiss);opacity:1}.newsletter-vertrauen{color:var(--tinte-weich);flex-wrap:wrap;gap:.35rem .85rem;margin:.8rem 0 0;font-size:.75rem;display:flex}.newsletter-vertrauen span:before{content:"✓";color:var(--rhein);margin-right:.3rem;font-weight:700}.newsletter-datenschutz{color:var(--tinte-weich);margin:1rem 0 0;font-size:.76rem;line-height:1.5}.newsletter-aktionen{margin-top:.9rem}.newsletter-aktionen button{border:1.5px solid var(--rhein);color:var(--rhein-tief);cursor:pointer;font:600 .82rem/1.3 var(--font-display);background:0 0;border-radius:3px;margin:.25rem .45rem .25rem 0;padding:.65rem .75rem}.newsletter-status{border-left:4px solid var(--rhein);min-height:2.8rem;color:var(--tinte);background:#e1ece7;margin:.9rem 0 0;padding:.7rem .8rem;font-size:.9rem;font-weight:700;line-height:1.45}.newsletter-status[data-state=error]{color:#682116;background:#f5e8e4;border-left-color:#8c2f21}.newsletter-status:focus{outline-offset:2px;outline:3px solid #17677a52}.newsletter-honeypot[hidden]{display:none!important}.fuss{border-top:4px solid var(--rhein);margin-top:2rem}.fuss-innen{max-width:var(--breit);padding:2rem var(--mass) 1.4rem;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin:0 auto;font-size:.92rem;display:grid}.fuss h2{font-family:var(--font-display);letter-spacing:.02em;font-size:1rem}.fuss ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.fuss a{color:var(--tinte)}.fuss-schluss{background:var(--papier-tief)}.fuss-schluss-innen{max-width:var(--breit);padding:.8rem var(--mass);font-family:var(--font-mono);color:var(--tinte-weich);margin:0 auto;font-size:.72rem}.wasserstand{transform-origin:bottom;animation:.9s cubic-bezier(.2,.7,.2,1) both steigen}@keyframes steigen{0%{transform:scaleY(.12)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wasserstand{animation:none}*{transition-duration:.01ms!important}}@media (width<=860px){.kopf-innen:first-child{flex-wrap:wrap}.vers,.feld-grid{grid-template-columns:minmax(0,1fr)}.fuss-innen{grid-template-columns:minmax(0,1fr);gap:1.2rem}.newsletter-innen{grid-template-columns:minmax(0,1fr)}.newsletter-karte{max-width:42rem}}@media (width<=800px){.diagramm .querhinweis{font-family:var(--font-mono);color:var(--tinte-weich);margin-bottom:.4rem;font-size:.68rem;display:block}}@media (width<=720px){.navigation{display:none}.kopf-innen--mobil{display:block}.held-innen{grid-template-columns:1fr;align-items:start}.tabelle-wrap{position:relative}.querhinweis{font-family:var(--font-mono);color:var(--tinte-weich);margin-bottom:.4rem;font-size:.68rem;display:block}.newsletter{padding-inline:1rem}.newsletter-pegel{right:-12rem}.newsletter-text h1,.newsletter-text h2{font-size:clamp(2.2rem,11vw,3.15rem)}.newsletter-karte-kopf{grid-template-columns:minmax(0,1fr)}.newsletter-vertrauen{flex-direction:column}}.funnel-header,.funnel-footer{background:#f1f4f2;justify-content:space-between;align-items:center;gap:2rem;padding:1.2rem clamp(1rem,5vw,5rem);display:flex}.funnel-header{border-bottom:1px solid #cbd5cf}.funnel-header p{color:#52635a;margin:0}.funnel-footer{color:#fff;background:#17372d}.funnel-footer .marke,.funnel-footer .marke-ort{color:#fff}.funnel-footer nav{gap:1.4rem;display:flex}.funnel-footer a{color:inherit}@media (width<=600px){.funnel-header,.funnel-footer{flex-direction:column;align-items:flex-start}.funnel-header p{font-size:.85rem}}