/* DERKAUFMANN site.css – Quelle: _werkzeuge-neu-2026-11/src/site.css (mit Kommentaren) */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/plus-jakarta-sans-400.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/plus-jakarta-sans-700.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/plus-jakarta-sans-800.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/jetbrains-mono-400-basis.woff2') format('woff2')}
:root{
--weiss:#fff; --eis:#eef4ff; --nacht:#0a1628; --nacht-2:#12264a;
--karte-eis:#f2f7ff; --rahmen:#e3e8f0; --rahmen-eis:#d4e2fb; --rahmen-2:#d5dce8;
--ink:#10192b; --grau:#4a5568; --blau:#0066ff; --blau-tief:#0052cc; --link:#0057d9; --link-hover:#003f9e;
--navy:#0a1628; --navy-hell:#6fa8ff; --navy-text:#c3cad6;
--flaeche:#eef4ff;
--ok:#00745f; --ok-flaeche:#e6f6f1; --warn-flaeche:#fff8ec; --warn-rahmen:#f1d5a0; --warn-text:#a15c00;
--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--h1-start:clamp(36px,5.4vw,68px); --h1:clamp(34px,4.2vw,52px); --h1-art:clamp(30px,3.4vw,44px);
--h2:clamp(30px,4.2vw,50px); --h2-cta:clamp(28px,3.4vw,44px); --h2-klein:clamp(24px,2.6vw,33px);
--h2-prosa:clamp(24px,2.4vw,30px); --h3-gross:clamp(21px,2vw,26px);
--fs-lead:19px; --fs-text:17px; --fs-s:15px; --fs-xs:13px;
--ab-y:104px; --ab-y-kompakt:72px; --kopf-oben:56px; --kopf-unten:64px; --gap-karten:20px; --kopf-zu-inhalt:48px;
--r-s:10px; --r:14px; --r-l:20px; --r-pill:999px; --max:1240px;
--sh-1:0 1px 2px rgba(10,22,40,.05); --sh-2:0 12px 28px rgba(10,22,40,.08); --sh-knopf:0 6px 16px rgba(0,82,204,.22); --sh-nacht:0 24px 48px rgba(0,0,0,.28);
--ease-out:cubic-bezier(.2,.7,.2,1); --t-s:.2s; --t:.25s; --t-l:.6s;
}
@media (max-width:1023.98px){:root{--ab-y:80px;--ab-y-kompakt:56px}}
@media (max-width:767.98px){:root{--ab-y:64px;--ab-y-kompakt:48px;--kopf-oben:32px;--kopf-unten:40px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:#fff;font-size:17px;line-height:1.6;overflow-wrap:break-word}
img,picture,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--link)}
h1,h2,h3,h4{line-height:1.15;margin:0}
p{margin:0}
ul{margin:0;padding:0}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
:focus-visible{outline:3px solid var(--link);outline-offset:3px;border-radius:4px}
.dunkel :focus-visible{outline-color:var(--navy-hell)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px;border-radius:var(--r);font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.wrap>*,.grid>*,.split>*{min-width:0}
.kopf{border-bottom:1px solid var(--rahmen);background:#fff;position:sticky;top:0;z-index:40;transition:box-shadow .25s ease}
.kopf.gescrollt{box-shadow:0 8px 24px rgba(10,22,40,.06);border-bottom-color:transparent}
.kopf-in{max-width:var(--max);margin:0 auto;padding:18px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;align-items:center;flex:0 0 auto}
.logo img{height:32px;width:auto}
.nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:2px;font-size:.9375rem;font-weight:600}
.nav a{display:block;color:var(--nacht);text-decoration:none;padding:10px 12px;border-radius:999px;line-height:1.3;white-space:nowrap;transition:background-color .2s,color .2s}
.nav a[aria-current="page"]{background:#eef2fa;color:var(--blau-tief)}
.btn.btn-pill{border-radius:999px;min-height:42px;padding:0 18px;font-size:.9375rem;box-shadow:0 1px 2px rgba(0,82,204,.25)}
.nav-cta{display:none}
.menue-knopf{display:none;align-items:center;gap:8px;font:inherit;font-size:15px;font-weight:700;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:var(--r);min-height:44px;padding:8px 14px;cursor:pointer}
.menue-knopf svg{width:20px;height:20px}
.menue-knopf .ic-zu{display:none}
.menue-knopf[aria-expanded="true"] .ic-auf{display:none}
.menue-knopf[aria-expanded="true"] .ic-zu{display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:var(--r);font-weight:700;font-size:16px;line-height:1.25;text-decoration:none;text-align:center;border:1.5px solid transparent}
.btn-blau{background:var(--blau);color:#fff}
.btn-rand{border-color:var(--ink);color:var(--ink);background:#fff}
.btn-hell{background:#fff;color:var(--ink)}
.btn-klein{min-height:44px;padding:10px 20px;font-size:15px}
.btn{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
.btn svg{width:18px;height:18px;flex:0 0 auto;transition:transform .25s ease}
.btn-weiss-rand{border-color:#fff;color:#fff;background:transparent}
.knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.kicker{font-family:var(--mono);font-size:14px;line-height:1.4;color:var(--link);margin:0 0 14px}
.dunkel .kicker{color:var(--navy-hell)}
.h1{font-size:clamp(36px,5.4vw,68px);line-height:1.06;letter-spacing:-0.03em;font-weight:800}
.h1-s{font-size:clamp(34px,4.6vw,58px)}
.h2{font-size:clamp(30px,4.2vw,50px);letter-spacing:-0.02em;font-weight:800;line-height:1.12;max-width:820px}
.h3{font-size:21px;font-weight:700;line-height:1.25}
.lead{font-size:19px;line-height:1.6;color:var(--grau);max-width:620px;margin-top:24px}
.text{color:var(--grau);font-size:17px;line-height:1.65}
.text+.text{margin-top:14px}
.klein{font-size:14px;color:var(--grau)}
.mono{font-family:var(--mono)}
.ab{padding:104px 0}
.ab-grau{background:var(--eis)}
.ab-raster{background-color:var(--eis);background-image:radial-gradient(#d9e1ec 1px,transparent 1.2px);background-size:22px 22px}
.ab-kopf{margin-bottom:44px}
.ab-kopf .lead{margin-top:16px}
.ab-kopf-zeile{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin-bottom:48px}
.dunkel{background:var(--navy);color:#fff}
.dunkel .text,.dunkel .lead{color:var(--navy-text)}
.dunkel a{color:#fff}
.seitenkopf{padding:72px 0 64px;border-bottom:1px solid var(--rahmen)}
.seitenkopf .lead{max-width:720px}
.brot{font-size:14px;color:var(--grau);margin-bottom:28px}
.brot ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.brot li+li::before{content:"/";margin-right:8px;color:#8592a6}
.brot a{color:var(--grau)}
.held{padding:80px 0 72px}
.held-in{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.held-text{flex:1 1 460px;min-width:0;max-width:920px}
.held-bild{flex:1 1 520px;min-width:0;margin:0}
.zahlen{display:flex;flex-wrap:wrap;gap:20px 36px;margin-top:44px;font-size:14px;color:var(--grau);list-style:none}
.zahlen strong{display:block;font-size:26px;line-height:1.2;color:var(--ink);font-weight:800}
.fenster{border:1px solid var(--rahmen-2);border-radius:var(--r-l);overflow:hidden;background:var(--flaeche)}
.fenster-leiste{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--rahmen-2)}
.fenster-leiste span{width:10px;height:10px;border-radius:5px;background:#cbd3df;display:block}
.fenster img{width:100%}
.bildzeile{margin-top:12px;font-size:14px;color:var(--grau)}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
@media (min-width:900px){.split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:start}}
.karte{display:block;background:#fff;border:1px solid var(--rahmen);border-radius:var(--r-l);padding:28px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.karte-ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#eaf1ff;color:var(--blau);margin-bottom:6px}
.karte-ic svg{width:26px;height:26px}
.karte-link svg{transition:transform .25s ease}
.ab-grau .karte{border-color:var(--rahmen)}
.karte .nr{font-family:var(--mono);font-size:13px;color:var(--grau);display:block}
.karte .h3{margin:12px 0 10px}
.karte p{color:var(--grau);font-size:16px;line-height:1.6}
.karte-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-weight:700;font-size:15px}
.karte-link svg{width:16px;height:16px}
.hinweiszeile{margin-top:28px;font-size:15px;color:var(--grau)}
.haken{list-style:none;display:grid;gap:12px}
.haken li{display:flex;gap:12px;align-items:flex-start;color:var(--ink);font-size:16px;line-height:1.55}
.haken li>svg{width:20px;height:20px;flex:0 0 auto;margin-top:2px;color:var(--link)}
.haken li>span{display:block;min-width:0}
.haken strong{display:block}
.haken .sub{display:block;color:var(--grau)}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.chips li{display:block;font-size:14px;padding:6px 12px;border:1px solid var(--rahmen);border-radius:999px;background:#fff;color:var(--ink)}
.refs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:44px 32px}
.refs-alle{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:40px 28px}
.ref{display:flex;flex-direction:column;min-width:0}
.ref picture{display:block}
.ref img{width:100%;border-radius:12px;border:1px solid var(--rahmen);aspect-ratio:16/10;object-fit:cover;object-position:top}
.ref-fenster{display:block;border-radius:14px;border:1px solid var(--rahmen-2);overflow:hidden;background:var(--eis);transition:border-color .25s ease,box-shadow .25s ease}
.ref-fenster picture{display:block;overflow:hidden}
.ref-fenster img{border:0;border-radius:0;transform-origin:50% 0;transition:transform .6s ease}
.ref-ort{display:block;margin:18px 0 4px;font-size:13px;letter-spacing:0.06em;color:var(--grau);text-transform:uppercase}
.ref .h3{margin:0 0 6px}
.ref p{color:var(--grau);font-size:16px;line-height:1.55}
.ref a.ref-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:700;font-size:15px;align-self:flex-start;padding:4px 0}
.ref a.ref-link svg{width:16px;height:16px;transition:transform .25s ease}
.textlink{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:16px;padding:6px 0}
.textlink svg{width:18px;height:18px;transition:transform .25s ease}
.schritte-wrap{position:relative;--f:1}
.schritte{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;list-style:none;position:relative}
.schritte-linie{position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:#3a4558;border-radius:2px;overflow:hidden}
.schritte-fuell{position:absolute;inset:0;background:var(--navy-hell);transform-origin:50% 0;transform:scaleY(var(--f))}
.schritt{position:relative;padding-left:66px;min-width:0}
.schritt .nr{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--navy-hell);background:var(--navy);font-family:var(--mono);font-size:14px;color:#fff}
.schritt .h3{margin:8px 0 8px;font-size:20px;color:#fff}
@media (min-width:900px){
.schritte{grid-template-columns:repeat(4,minmax(0,1fr))}
.schritte-linie{left:22px;right:22px;top:21px;bottom:auto;width:auto;height:2px}
.schritte-fuell{transform-origin:0 50%;transform:scaleX(var(--f))}
.schritt{padding-left:0;padding-top:64px}
.schritt .h3{margin-top:0}
}
.schritt p{font-size:15px;line-height:1.6;color:var(--navy-text)}
.ueber{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.ueber picture{flex:0 0 auto;width:280px;max-width:100%}
.ueber picture img{width:100%;border-radius:var(--r-l)}
.ueber-text{flex:1 1 420px;min-width:0}
.ap-name{margin:14px 0 18px;font-size:18px;line-height:1.4}
.ap-name strong{display:block;font-size:22px;color:var(--ink)}
.ap-name span{display:block;color:var(--grau);font-size:16px}
.ueber .h2{margin-bottom:0}
.zitate{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;margin-top:32px}
.zitat{margin:0;padding:22px;background:var(--eis);border-radius:12px;font-size:15px;line-height:1.6;color:var(--ink)}
.ab-grau .zitat{background:#fff;border:1px solid var(--rahmen)}
.zitat p{margin:0}
.zitat footer{margin-top:12px;font-weight:700;font-size:14px}
.zitat footer span{font-weight:400;color:var(--grau)}
.bewertung{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:24px;font-size:15px;color:var(--grau)}
.bewertung strong{font-size:22px;color:var(--ink)}
.leitsatz{margin:28px 0 0;padding:0;font-size:20px;line-height:1.5;font-weight:600;color:var(--ink);max-width:640px}
.leitsatz footer{margin-top:10px;font-size:15px;font-weight:500;color:var(--grau)}
.kontakt-in{display:flex;flex-wrap:wrap;gap:56px}
.kontakt-text{flex:1 1 380px;min-width:0}
.kontakt-box{flex:1 1 460px;min-width:0;background:#fff;border:1px solid var(--rahmen);border-radius:var(--r-l);padding:32px}
.kontakt-h{font-size:clamp(32px,4.2vw,54px);letter-spacing:-0.03em;font-weight:800;line-height:1.06;margin:0 0 28px}
.kanal{font-size:18px;margin:0 0 8px}
.kanal a{font-weight:700;display:inline-block;padding:4px 0}
.adresse{font-style:normal;margin-top:18px;font-size:16px;line-height:1.6;color:var(--grau)}
.kontakt-box .h3{margin-bottom:10px}
.kontakt-box p{color:var(--grau);font-size:16px}
.kontakt-box .knoepfe{margin-top:22px}
.messenger{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:15px}
.messenger a{display:inline-block;padding:6px 0;font-weight:600}
.infozeile{display:grid;gap:4px;margin-top:6px;font-size:15px;color:var(--grau)}
.faq-gruppe+.faq-gruppe{margin-top:56px}
.faq-gruppe .h2{font-size:clamp(24px,2.8vw,32px);margin-bottom:20px}
.faq{border-top:1px solid var(--rahmen)}
.faq details{border-bottom:1px solid var(--rahmen)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:18px 0;font-weight:700;font-size:17px;line-height:1.4;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:0 0 auto;width:12px;height:12px;border-right:2px solid var(--link);border-bottom:2px solid var(--link);transform:rotate(45deg) translate(-3px,-3px)}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.faq details>p{padding:0 0 20px;color:var(--grau);max-width:760px}
.faq-mehr{margin-top:16px;font-size:15px}
.fotos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}
.foto{margin:0;min-width:0}
.foto picture{display:block}
.foto img{width:100%;border-radius:12px;aspect-ratio:4/3;object-fit:cover}
.foto figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:var(--grau)}
.weiter{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.weiter a{display:block;padding:16px 18px;border:1px solid var(--rahmen);border-radius:12px;text-decoration:none;color:var(--ink);background:#fff;height:100%}
.weiter strong{display:block;font-size:16px}
.weiter span{display:block;font-size:14px;color:var(--grau);margin-top:2px}
.cta-band{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px}
.cta-band>div{flex:1 1 420px;min-width:0}
.cta-band .knoepfe{margin-top:0}
.fuss{border-top:1px solid var(--rahmen);background:#fff;padding:64px 0 32px;font-size:15px;color:var(--grau)}
.fuss-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)) minmax(0,1.1fr);gap:40px 32px}
.fuss-grid>*{min-width:0}
.fuss .logo img{height:28px}
.fuss h2{font-size:13px;font-weight:700;color:var(--ink);margin:0 0 14px;letter-spacing:0.08em;text-transform:uppercase}
.fuss-kurz{margin-top:16px;line-height:1.6;max-width:320px}
.fuss-firma h2{margin-top:24px}
.fuss ul{list-style:none;display:grid;gap:2px}
.fuss a{color:var(--grau);display:inline-block;padding:5px 0;text-decoration:none}
.fuss .fl{display:flex;align-items:flex-start;gap:9px;line-height:1.45}
.fuss .fl .fi{width:17px;height:17px;flex:0 0 auto;margin-top:2px;color:var(--blau);transition:transform .2s ease}
.fuss .fl small{font-size:13px;color:#5a6475}
.fuss-zeiten.fl{color:var(--grau)}
.fuss-zeiten .fi{color:#5a6475 !important}
.fuss a:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:4px}
.fuss address{font-style:normal;line-height:1.6}
.fuss-zeiten{margin-top:10px;line-height:1.6}
.fuss-sp>summary{list-style:none;cursor:default;pointer-events:none}
.fuss-sp>summary::-webkit-details-marker{display:none}
.socials{display:flex !important;flex-wrap:wrap;gap:10px}
.fuss a.social{text-decoration:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:12px;color:#fff;background:#4a5568;transition:transform .2s ease,box-shadow .2s ease}
.fuss a.social-fb{background:#1877f2}
.fuss a.social-li{background:#0a66c2}
.fuss a.social-ig{background:#d6249f;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.social svg{width:22px;height:22px}
.fuss a.gelistet{display:inline-block;padding:4px 0;background:none;border:0}
.gelistet img{height:36px;width:auto}
.fuss-unten{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:48px;padding-top:24px;border-top:1px solid var(--rahmen-2);font-size:14px}
.fuss-unten ul{display:flex;flex-wrap:wrap;gap:4px 20px}
@media (pointer:coarse),(max-width:759.98px){.fuss .fl,.fuss-unten a{min-height:44px;align-items:center;padding:6px 0}.fuss .fl .fi{margin-top:0}}
.made{margin-top:20px;text-align:center;font-size:14px;color:var(--grau)}
@media (max-width:1099.98px){.fuss-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fuss-firma{grid-column:1/-1}}
@media (max-width:759.98px){
.fuss{padding:48px 0 96px}
.fuss-grid{grid-template-columns:minmax(0,1fr);gap:0}
.fuss-firma{padding-bottom:28px}
.fuss-kontakt{padding-top:24px}
.fuss-sp{border-top:1px solid var(--rahmen-2)}
.fuss-sp:last-of-type{border-bottom:1px solid var(--rahmen-2)}
.fuss-sp>summary{pointer-events:auto;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:4px 0}
.fuss-sp>summary h2{margin:0}
.fuss-sp>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);margin:0 6px 4px 0}
.fuss-sp[open]>summary::after{transform:rotate(-135deg);margin-bottom:-4px}
.fuss-sp nav{padding-bottom:16px}
.fuss-unten{flex-direction:column;align-items:flex-start}
}
.nach-oben{position:fixed;z-index:30;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:52px;height:52px;border-radius:50%;border:0;padding:0;background:#fff;color:var(--ink);cursor:pointer;border:1px solid var(--rahmen-2);box-shadow:0 1px 3px rgba(16,25,43,.08);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
.nach-oben.sichtbar{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease,visibility 0s}
.nach-oben .no-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.no-spur{fill:none;stroke:var(--rahmen-2);stroke-width:2.5}
.no-fortschritt{fill:none;stroke:var(--blau);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:131.95;stroke-dashoffset:131.95}
.nach-oben .no-pfeil{position:relative;width:20px;height:20px;margin:auto;transition:transform .2s ease}
.nach-oben:focus-visible{outline:3px solid var(--link);outline-offset:3px}
@media (min-width:760px){.nach-oben{right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion:reduce){.nach-oben,.nach-oben.sichtbar,.nach-oben .no-pfeil,.fuss a.social,.fuss .fl .fi{transition:none}.fuss a.fl:hover .fi{transform:none}.fuss a.social:hover{transform:none}}
.karte-hinweis{margin-top:40px;max-width:760px}
.faecher{position:relative;margin-top:clamp(36px,5vw,64px)}
.faecher__band{position:absolute;left:-24px;right:-24px;top:14%;height:62%;background:linear-gradient(100deg,#eaf1ff 0%,var(--eis) 70%);clip-path:polygon(0 18%,100% 0,100% 82%,0 100%);pointer-events:none}
.faecher__buehne{--p:1;position:relative;container-type:inline-size;aspect-ratio:100/41;perspective:2000px;perspective-origin:50% 30%}
.f-geraet{position:absolute;bottom:10%;transform-origin:50% 100%;
--x0:0cqi;--y0:0cqi;--z0:0px;--rx0:0deg;--ry0:0deg;--ry1:0deg;--s0:1;
transform:translate3d(calc(var(--x0) * (1 - var(--p))),calc(var(--y0) * (1 - var(--p))),calc(var(--z0) * (1 - var(--p))))
rotateX(calc(var(--rx0) * (1 - var(--p)))) rotateY(calc(var(--ry0) * (1 - var(--p)) + var(--ry1) * var(--p)))
scale(calc(var(--s0) + (1 - var(--s0)) * var(--p)))}
.f-geraet--laptop{left:0;width:47%;z-index:1;--x0:22cqi;--y0:-1cqi;--s0:1.04}
.f-geraet--tablet{left:50.5%;width:30%;z-index:2;--x0:-9cqi;--y0:1.5cqi;--z0:40px;--s0:.96}
.f-geraet--handy{left:84.5%;width:11.5%;z-index:3;--x0:-22cqi;--y0:2.2cqi;--z0:80px;--s0:.98}
.f-geraet .geraet{width:100%}
.f-hinweis{position:absolute;z-index:4;left:84.5%;width:11.5%;top:calc(90% + 14px);display:flex;justify-content:center;--x0:-22cqi;--y0:2.2cqi;margin:0;
transform:translate3d(calc(var(--x0) * (1 - var(--p))),calc(var(--y0) * (1 - var(--p))),0)}
.f-hinweis .geraet__hinweis{margin:0;padding:6px 13px;white-space:nowrap}
@media (min-width:1024px){
.f-geraet--laptop{--ry0:-16deg;--rx0:7deg;--ry1:9deg}
.f-geraet--tablet{--ry0:-16deg;--rx0:7deg;--ry1:-3deg}
.f-geraet--handy{--ry0:-16deg;--rx0:7deg;--ry1:-12deg}
}
.js .faecher.ist-aktiv .f-geraet{will-change:transform}
.faecher__marken{list-style:none;position:relative;display:grid;margin-top:40px;border:1px solid var(--rahmen);border-radius:var(--r-l);background:#fff}
.marke{position:relative;padding:22px 24px 18px;min-width:0}
.marke+.marke{border-top:1px solid var(--rahmen)}
.marke__titel{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.2}
.marke__punkt{width:12px;height:12px;border-radius:4px;flex:none}
.marke--blau .marke__punkt{background:var(--blau)}
.marke--tuerkis .marke__punkt{background:#00d4aa}
.marke--violett .marke__punkt{background:#7a5af8}
.status-pille{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#7a4b00;background:#fff3d6;box-shadow:inset 0 0 0 1px rgba(122,75,0,.18)}
.marke__text{margin-top:8px;font-size:15px;line-height:1.55;color:var(--grau)}
.marke__bild{margin-top:10px;font:400 13px/1.45 var(--mono);color:#5a6475}
.marke__link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:15px;font-weight:700;color:var(--blau-tief);text-decoration:none;padding:4px 0}
.marke__link svg{width:16px;height:16px;transition:transform .25s ease}
.marke__link::after{content:"";position:absolute;inset:0;border-radius:inherit}
@media (min-width:768px){.faecher__marken{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(56px,6vw,80px)}
.marke+.marke{border-top:0;border-left:1px solid var(--rahmen)}
.marke{padding:26px 28px 22px}}
@media (max-width:1023.98px){
.faecher__buehne{--p:1 !important;aspect-ratio:100/86;perspective:none}
.f-geraet{transform:none;bottom:auto}
.f-geraet--laptop{left:auto;right:0;top:0;width:90%}
.f-geraet--tablet{left:0;top:44%;width:56%}
.f-geraet--handy{left:auto;right:5%;top:31%;width:25%}
.f-hinweis{left:auto;right:0;width:auto;top:auto;bottom:-7%;transform:none;justify-content:flex-end}
.faecher__band{top:22%;height:70%;left:-18px;right:-18px}
}
@media (min-width:768px) and (max-width:1023.98px){
.faecher__buehne{aspect-ratio:100/62}
.f-geraet--laptop{width:72%;right:3%}
.f-geraet--tablet{left:3%;top:40%;width:44%}
.f-geraet--handy{right:7%;top:27%;width:18%}
.f-hinweis{right:5%;bottom:1%}
}
@media (prefers-reduced-motion:reduce){.karte,.ref-fenster img,.btn,.btn svg,.karte-link svg,.kopf{transition:none}.karte:hover,.ref:hover .ref-fenster img{transform:none}.faecher__buehne{--p:1 !important}.marke__link svg,.btn-pill{transition:none}}
.vorschau-hinweis{background:var(--flaeche);border-bottom:1px solid var(--rahmen);font-size:13px;color:var(--grau);text-align:center;padding:6px 16px}
.mit-licht{position:relative;overflow:hidden;overflow:clip;isolation:isolate}
.mit-licht>.wrap{position:relative;z-index:1}
.licht{position:absolute;inset:0;z-index:0;pointer-events:none}
.licht span{position:absolute;display:block;border-radius:50%}
.licht-a{width:min(70vw,760px);aspect-ratio:1;right:-12%;top:-38%;background:radial-gradient(circle,rgba(0,102,255,.16) 0%,rgba(0,102,255,.06) 40%,rgba(0,102,255,0) 68%)}
.licht-b{width:min(60vw,620px);aspect-ratio:1;left:-14%;bottom:-46%;background:radial-gradient(circle,rgba(0,212,170,.14) 0%,rgba(0,212,170,.05) 42%,rgba(0,212,170,0) 68%)}
.seitenkopf.mit-licht .licht-b{bottom:-70%}
@media (min-width:768px) and (prefers-reduced-motion:no-preference){
.licht-a{animation:licht-a 26s ease-in-out infinite alternate}
.licht-b{animation:licht-b 32s ease-in-out infinite alternate}
.licht.pausiert span{animation-play-state:paused}
}
@keyframes licht-a{from{transform:translate3d(0,0,0)}to{transform:translate3d(-9%,14%,0)}}
@keyframes licht-b{from{transform:translate3d(0,0,0)}to{transform:translate3d(12%,-10%,0)}}
.verlauf{color:var(--blau-tief);background:linear-gradient(90deg,var(--blau-tief) 0%,var(--blau) 45%,#006b59 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media (forced-colors:active){.verlauf{-webkit-text-fill-color:currentColor;background:none}}
.kicker-pille{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 12px;border-radius:999px;background:#eaf1ff;border:1px solid var(--rahmen-eis);color:var(--blau-tief)}
.puls{position:relative;width:8px;height:8px;border-radius:50%;background:#00a884;flex:none}
.puls::after{content:"";position:absolute;inset:0;border-radius:50%;background:#00d4aa;opacity:.6}
@media (prefers-reduced-motion:no-preference){.puls::after{animation:puls 1.8s ease-out 3}}
@keyframes puls{from{transform:scale(1);opacity:.6}to{transform:scale(3);opacity:0}}
.band-zahlen{background:var(--nacht);color:#fff;padding:64px 0}
.zahlen-gross{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.zahlen-gross li{min-width:0;border-left:0}
.zahlen-gross .zahl{display:block;font-size:clamp(40px,5.6vw,68px);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff}
.zahlen-gross .zahl-t{display:block;margin-top:10px;font-size:15px;color:var(--navy-text)}
@media (min-width:900px){.zahlen-gross{grid-template-columns:repeat(4,minmax(0,1fr))}.zahlen-gross li+li{padding-left:28px;border-left:1px solid #26324a}}
.laufband{margin-top:64px}
.laufband-fenster{overflow:hidden;overflow:clip;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.laufband-spur{display:flex;width:max-content}
.laufband ul{list-style:none;display:flex;flex-wrap:nowrap;gap:12px;padding-right:12px}
.laufband li{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:10px 16px;border:1px solid var(--rahmen);border-radius:999px;background:#fff;font-size:15px}
.laufband li strong{font-weight:700;color:var(--ink)}
.laufband li span{color:var(--grau);font-size:13px}
.laufband-knopf{display:flex;margin:14px auto 0;min-height:44px;align-items:center;padding:6px 14px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--link);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.laufband-spur{flex-wrap:wrap;width:auto;justify-content:center}
.laufband ul{flex-wrap:wrap;justify-content:center;padding:0 24px}
.laufband ul[aria-hidden="true"],.laufband-knopf{display:none}
.laufband-fenster{-webkit-mask-image:none;mask-image:none}
@media (prefers-reduced-motion:no-preference){
.js .laufband-spur{flex-wrap:nowrap;width:max-content;animation:lauf 90s linear infinite}
.js .laufband ul{flex-wrap:nowrap;padding:0 12px 0 0}
.js .laufband ul[aria-hidden="true"]{display:flex}
.js .laufband-knopf{display:flex}
.js .laufband-fenster{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.laufband:hover .laufband-spur,.laufband:focus-within .laufband-spur,.laufband.pausiert .laufband-spur,.laufband.angehalten .laufband-spur{animation-play-state:paused}
}
@keyframes lauf{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.sterne{display:inline-flex;gap:2px;color:#b45309}
.sterne svg{width:18px;height:18px}
.bew-schnitt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:15px;color:var(--grau)}
.bew-schnitt strong{font-size:40px;line-height:1;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.bew-schiene{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}
.bew{min-width:0;display:flex}
.bew figure{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px;width:100%;background:#fff;border:1px solid var(--rahmen);border-radius:16px;padding:26px;box-shadow:0 8px 24px rgba(10,22,40,.06)}
.bew blockquote{margin:0;font-size:16px;line-height:1.65;color:var(--ink)}
.bew figcaption{display:grid;gap:4px;font-size:14px;color:var(--grau)}
.bew figcaption strong{font-size:15px;color:var(--ink)}
.bew-link{margin-top:24px}
.bew-schiene:focus-visible{outline:3px solid var(--link);outline-offset:6px}
@media (max-width:767.98px){
.bew-schiene{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:4px 18px 12px;margin:0 -18px;scrollbar-width:thin}
.bew{flex:0 0 86%;scroll-snap-align:start;scroll-margin-left:18px}
}
.cta-wrap{padding:96px 0 0;background:#fff}
.cta-block{position:relative;overflow:hidden;overflow:clip;isolation:isolate;border-radius:24px;padding:clamp(32px,5vw,64px);background-color:#0047b3;background-image:linear-gradient(115deg,#0047b3 0%,var(--blau-tief) 50%,#005ce6 100%);color:#fff}
.cta-deko{position:absolute;z-index:-1;right:-22%;top:-70%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,212,170,.95) 0%,rgba(0,212,170,.55) 35%,rgba(0,212,170,0) 68%)}
.cta-text{max-width:min(600px,54%)}
.cta-h{font-size:clamp(28px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff}
.cta-text p{margin-top:14px;font-size:18px;color:#fff}
.cta-block .knoepfe{max-width:54%}
@media (max-width:767.98px){.cta-deko{display:none}.cta-text,.cta-block .knoepfe{max-width:none}.cta-wrap{padding-top:64px}}
.cta-block :focus-visible{outline-color:#fff}
.rv-an .rv{opacity:0;transform:translate3d(0,20px,0);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.rv-an .rv.ist-da{opacity:1;transform:none}
.ab-kopf2{display:grid;gap:18px 56px;margin-bottom:48px}
.ab-kopf2>*{min-width:0}
.ab-kopf2-r p{color:var(--grau);font-size:17px;line-height:1.65}
.ab-kopf2-r .textlink{margin-top:10px}
.dunkel .ab-kopf2-r p{color:var(--navy-text)}
@media (min-width:1024px){.ab-kopf2{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}}
.ab-grau,.ab-raster{position:relative}
.ab-grau::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(0,102,255,0),rgba(0,102,255,.35) 30%,rgba(0,212,170,.35) 70%,rgba(0,212,170,0));pointer-events:none}
.bento{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.bento>*{min-width:0}
.karte-gross{display:grid;gap:24px;background:#fff}
.kg-bild{margin:0}
.kg-bild figcaption{margin-top:10px;font-size:14px;color:var(--grau)}
.karte-gross .chips{margin-top:16px}
.karte-leise{background:#f8fafd;border-style:dashed}
@media (min-width:760px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.karte-gross{grid-column:1/-1}}
@media (min-width:1024px){
.bento{grid-template-columns:repeat(3,minmax(0,1fr))}
.karte-gross{grid-column:span 2;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;padding:32px}
.karte-gross .h3{font-size:26px}
}
.refs-start{display:grid;gap:48px}
.refs-klein{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:40px 28px}
.ref-bildlink{display:block;color:inherit;text-decoration:none}
.ref-titel{color:inherit;text-decoration:none}
.ref-inhalt{display:flex;flex-direction:column;min-width:0}
.ref-chips{margin-top:16px}
@media (min-width:1024px){
.ref-gross{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
.ref-gross .ref-ort{margin-top:0}
.ref-gross .h3{font-size:30px;letter-spacing:-.02em}
.ref-gross p{font-size:17px}
}
.js .ref-titel{cursor:pointer}
.js .ref-bildlink{cursor:zoom-in}
.band-zahlen{padding:72px 0}
.zahlen-gross .zahl{font-size:clamp(48px,6.4vw,84px)}
.zahl-ic{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(111,168,255,.14);color:var(--navy-hell);margin-bottom:18px}
.zahl-ic svg{width:20px;height:20px}
@media (min-width:900px){.zahlen-gross li+li{padding-left:32px;border-left:1px solid rgba(195,202,214,.22)}}
.dunkel.ab{padding:120px 0}
.schritte{gap:40px}
.schritt .h3{font-size:22px}
.schritt p{font-size:16px;line-height:1.65}
.bew-grid{display:grid;gap:24px}
.bew-grid>*{min-width:0}
.bew-haupt{background:#fff;border:1px solid var(--rahmen);border-radius:20px;padding:32px;box-shadow:0 8px 24px rgba(10,22,40,.06);align-self:start}
.bew-haupt .bew-schnitt strong{font-size:64px}
.bew-haupt .sterne svg{width:22px;height:22px}
.bew-anz{margin-top:8px;font-weight:700;color:var(--ink)}
.bew-satz{margin-top:14px;color:var(--grau)}
.bew-haupt .knoepfe{margin-top:22px}
.btn-stern{width:18px;height:18px;color:#fff}
.bew-haupt .btn{width:100%}
@media (min-width:1024px){
.bew-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:28px}
.bew-haupt{position:sticky;top:110px}
.bew-grid .bew-schiene{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ap{align-items:center}
.ap .ap-bild{position:relative;flex:0 0 auto;width:340px;max-width:calc(100% - 24px);margin:0 24px 28px 0}
.ap .ap-bild::before{content:"";position:absolute;inset:24px -24px -24px 24px;border-radius:24px;background:linear-gradient(135deg,var(--blau) 0%,#00d4aa 100%);opacity:.9}
.ap .ap-bild picture{position:relative;width:100%;display:block}
.ap .ap-bild picture img{border-radius:20px;width:100%}
.ap-karte{position:absolute;left:-12px;bottom:28px;margin:0;background:#fff;border:1px solid var(--rahmen);border-radius:14px;padding:12px 16px;box-shadow:0 8px 24px rgba(10,22,40,.08);line-height:1.35}
.ap-karte strong{display:block;font-size:17px;color:var(--ink)}
.ap-karte span{display:block;font-size:14px;color:var(--grau)}
.ap .ueber-text .h2{margin-bottom:18px}
@media (max-width:520px){.ap .ap-bild{width:260px}.ap-karte{left:0}}
.wege{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
.weg{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--rahmen);border-radius:14px;padding:18px;min-width:0}
.weg>svg{width:22px;height:22px;flex:0 0 auto;color:var(--blau);margin-top:2px}
.weg>div{min-width:0}
.weg h3{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--grau);margin-bottom:4px}
.weg a{font-weight:700;font-size:16px;display:inline-block;padding:3px 0;overflow-wrap:anywhere}
.weg address{font-style:normal;color:var(--ink);font-size:15px;line-height:1.55}
.weg .messenger{margin-top:0;gap:2px 14px}
.kontakt-h{margin-bottom:28px}
@media (min-width:1024px){.kontakt-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}}
.orte-h{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink);margin:2px 0 4px}
.orte-h .fi{width:16px;height:16px;color:var(--blau)}
.orte-h+.orte+.orte-h,.orte+.orte-h{margin-top:14px}
.fuss ul.orte{display:flex;flex-wrap:wrap;gap:0;padding-left:24px}
.orte li{display:inline-flex;align-items:center}
.orte li+li::before{content:"·";color:#8592a6;margin:0 7px}
.fuss .orte a{padding:3px 0}
@media (pointer:coarse),(max-width:759.98px){.fuss .orte a{min-height:44px;min-width:44px;justify-content:center;display:inline-flex;align-items:center}}
html.dialog-offen{overflow:hidden}
.ref-dialog{width:min(1040px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:20px;background:#fff;color:var(--ink);overflow:auto;overscroll-behavior:contain}
.ref-dialog::backdrop{background:rgba(10,22,40,.6)}
.rd-in{padding:28px}
.rd-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.rd-ort{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--grau)}
.rd-name{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;margin-top:4px}
.rd-x,.rd-pfeil{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;border-radius:50%;border:1px solid var(--rahmen-2);background:#fff;color:var(--ink);cursor:pointer}
.rd-x svg,.rd-pfeil svg{width:20px;height:20px}
.rd-bilder{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:22px;align-items:end}
.rd-dbild,.rd-hbild{aspect-ratio:16/10;background:#eef2f7}
.rd-dbild img,.rd-hbild img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.rd-handy{width:min(52%,200px);margin:0 auto;border-radius:24px;padding:7px;background:#f4f5f7;box-shadow:inset 0 0 0 1px rgba(10,22,40,.14),0 0 0 3px #e6e9ee}
.rd-hbild{aspect-ratio:390/844;border-radius:18px;overflow:hidden}
.rd-text{margin-top:20px;font-size:17px;line-height:1.65;color:var(--grau);max-width:760px}
.rd-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:22px}
.rd-fuss .knoepfe{margin:0 0 0 auto}
.rd-zahl{font-family:var(--mono);font-size:13px;color:var(--grau);min-width:56px;text-align:center}
@media (min-width:768px){
.rd-bilder{grid-template-columns:minmax(0,1fr) 170px}
.rd-handy{width:auto;margin:0}
}
@media (max-width:767.98px){
.ref-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
.rd-in{padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px))}
.rd-fuss .knoepfe{margin:0;width:100%}
}
@media (prefers-reduced-motion:no-preference){.ref-dialog[open]{animation:rd-auf .25s ease-out}}
@keyframes rd-auf{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (hover:hover){
a:hover{color:var(--link-hover)}
.nav a:hover{background:#eef2fa;color:var(--blau-tief)}
.btn-blau.btn-pill:hover{background:var(--blau-tief)}
.marke:hover .marke__titel{color:var(--blau-tief)}
.btn-blau:hover{background:var(--blau-tief);color:#fff}
.btn-rand:hover{background:var(--ink);color:#fff}
.btn-hell:hover{background:#e8eefb;color:var(--ink)}
.dunkel a:hover{color:#fff}
.dunkel .btn-hell:hover{color:var(--ink)}
.weiter a:hover{border-color:var(--link);color:var(--ink)}
.karte:hover{border-color:var(--blau);box-shadow:0 8px 24px rgba(10,22,40,.06)}
.rd-x:hover,.rd-pfeil:hover{border-color:var(--blau);color:var(--blau-tief)}
.ref-titel:hover{color:var(--blau-tief);text-decoration:underline}
.ref:hover .ref-fenster{border-color:var(--blau);box-shadow:0 8px 24px rgba(10,22,40,.06)}
.ref:hover .ref-fenster img{transform:scale(1.04)}
.btn-weiss-rand:hover{background:#fff;color:var(--blau-tief)}
.btn-hell:hover{background:#eaf1ff}
.menue-knopf:hover{background:var(--flaeche)}
.faq summary:hover{color:var(--link)}
.fuss a:hover{color:var(--blau-tief);text-decoration:underline;text-underline-offset:3px}
.fuss a.fl:hover{text-decoration:none}
.fuss a.fl:hover span{text-decoration:underline;text-underline-offset:3px}
.fuss a.social:hover,.fuss a.gelistet:hover{text-decoration:none}
.fuss a.social:hover{color:#fff}
.nach-oben:hover{color:var(--link)}
}
@media (max-width:899.98px){
.js .menue-knopf{display:inline-flex}
.js .kopf-cta{display:none}
.js .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--rahmen);padding:8px 24px 24px}
.js .nav.offen{display:block}
.js .nav ul{flex-direction:column;gap:0;font-size:17px}
.js .nav li{border-bottom:1px solid var(--rahmen)}
.js .nav a{padding:14px 4px;border-radius:0}
.js .nav a[aria-current="page"]{background:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.js .nav-cta{display:block;border-bottom:0 !important;padding-top:16px}
.js .nav .nav-cta a{display:flex;color:#fff;padding:12px 24px;border-radius:999px;min-height:48px}
.nav ul{gap:0 20px}
.ab{padding:64px 0}
.held{padding:48px 0 56px}
.seitenkopf{padding:44px 0 48px}
.held-in,.ueber,.kontakt-in{gap:40px}
}
@media (max-width:520px){
.wrap,.kopf-in{padding-left:18px;padding-right:18px}
.js .nav{padding-left:18px;padding-right:18px}
.karte,.kontakt-box{padding:22px}
.lead{font-size:17px}
.logo img{height:28px}
.btn{width:100%}
.knoepfe .btn{flex:1 1 100%}
.ueber picture{width:220px}
}
.sk2{padding:48px 0 56px}
.sk2-grid{display:grid;gap:44px;align-items:center}
.sk2-grid>*{min-width:0}
.sk2 .lead{max-width:600px}
.sk2 .h1-s{font-size:clamp(34px,4.3vw,56px)}
@media (min-width:1024px){.sk2{padding:56px 0 64px}.sk2-grid{grid-template-columns:minmax(0,11fr) minmax(0,10fr);gap:56px}}
.vertrauen{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:14px;line-height:1.4;color:var(--grau)}
.vertrauen li{display:flex;align-items:center;gap:8px}
.vertrauen strong{color:var(--ink)}
.vertrauen .fi{width:18px;height:18px;color:var(--blau);flex:none}
.vertrauen .sterne svg{width:15px;height:15px}
.sprung{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:44px;padding-top:22px;border-top:1px solid var(--rahmen)}
.sprung-t{font-family:var(--mono);font-size:13px;color:var(--grau)}
.sprung ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.sprung a{display:inline-flex;align-items:center;min-height:40px;padding:8px 15px;border:1px solid var(--rahmen);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s}
.vis{position:relative;margin:0}
.vis img{width:100%}
.vis-unter{margin-top:14px;font:400 13px/1.45 var(--mono);color:#5a6475}
.vw-badge{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 14px;background:#fff;border:1px solid var(--rahmen);border-radius:999px;box-shadow:0 10px 28px rgba(10,22,40,.09);font-size:14px;font-weight:700;line-height:1.2;color:var(--ink);white-space:nowrap}
.vw-badge .fi{width:16px;height:16px;color:var(--blau);flex:none}
.vw-handy{position:absolute;z-index:2;right:0;bottom:30px;width:27%;border-radius:22px;padding:6px;background:var(--nacht);box-shadow:0 18px 40px rgba(10,22,40,.16)}
.vw-handy-schirm{border-radius:17px;overflow:hidden;aspect-ratio:390/760;background:#eef2f7}
.vw-handy-schirm picture,.vw-handy-schirm img{height:100%}
.vw-handy-schirm img{object-fit:cover;object-position:top}
.vis-web{padding-bottom:12%}
.vw-fenster{width:88%;background:#fff;box-shadow:0 18px 44px rgba(10,22,40,.09)}
.vw-fenster img{aspect-ratio:16/10;object-fit:cover;object-position:top}
.vw-b1{left:-6px;top:56%}
.vw-b2{right:14%;top:-16px}
.vw-b3{left:26%;bottom:8%}
@media (max-width:1023.98px){.vis-web,.vis-refs{max-width:620px}.vw-b1{left:0}}
@media (max-width:520px){.vw-badge{font-size:13px;padding:7px 11px}.vw-b3{display:none}.vw-b2{right:6%;top:-12px}}
.vis-it{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;padding-bottom:20px}
.vi-foto{grid-column:5/13;grid-row:1;margin:0;border-radius:24px;overflow:hidden;background:#eef2f7}
.vi-foto img{aspect-ratio:4/4.6;object-fit:cover}
.vi-karte{grid-column:1/9;grid-row:1;position:relative;z-index:2;margin-bottom:-20px}
.vi-b1{right:4%;top:6%}
@media (max-width:599.98px){
.vi-foto{grid-column:1/13}
.vi-foto img{aspect-ratio:4/3.4}
.vi-karte{grid-column:1/13;grid-row:2;margin:-56px 10px 0}
}
.status-karte{background:#fff;border:1px solid var(--rahmen);border-radius:20px;padding:22px;box-shadow:0 18px 44px rgba(10,22,40,.09)}
.status{display:inline-flex;align-items:center;gap:10px;margin:0;padding:7px 14px;border-radius:999px;background:var(--eis);font-size:14px;font-weight:700;line-height:1.3;color:var(--ink)}
.status-punkt{position:relative;width:9px;height:9px;border-radius:50%;background:#8592a6;flex:none}
.status.offen{background:#e6f8f3;color:#00664f}
.status.offen .status-punkt{background:#00a884}
.status.zu{background:#fff4e5;color:#7a4b00}
.status.zu .status-punkt{background:#b45309}
.status.offen .status-punkt::after{content:"";position:absolute;inset:0;border-radius:50%;background:#00d4aa;opacity:0}
@media (prefers-reduced-motion:no-preference){.status.offen .status-punkt::after{animation:puls 1.8s ease-out 4}}
.vi-wege{list-style:none;display:grid;gap:4px;margin:16px 0 18px;padding:0}
.vi-wege li{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--rahmen)}
.vi-wege li:last-child{border-bottom:0}
.vi-ic{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#eaf1ff;color:var(--blau)}
.vi-ic svg{width:19px;height:19px}
.vi-wege strong{display:block;font-size:15px;line-height:1.3;color:var(--ink)}
.vi-wege li span span{display:block;font-size:13px;line-height:1.4;color:var(--grau)}
.vi-karte .btn{width:100%}
.vs-titel{font-weight:800;font-size:17px;color:var(--ink)}
.vs-liste{margin-bottom:0}
.vs-nr{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid #b9cdf3;color:var(--blau-tief);font:400 13px var(--mono)}
.vis-refs{aspect-ratio:10/8;max-width:640px;margin-left:auto}
.vr-fenster{position:absolute;width:74%;background:#fff;box-shadow:0 18px 44px rgba(10,22,40,.10)}
.vr-fenster img{aspect-ratio:16/10;object-fit:cover;object-position:top}
.vr-1{left:0;top:0}
.vr-2{left:13%;top:22%;z-index:1}
.vr-3{right:0;top:44%;z-index:2}
.vr-b1{left:2%;bottom:4%}
.vr-b2{right:2%;top:2%}
@media (max-width:520px){.vr-b2{display:none}.vr-fenster{width:80%}}
.vis-ueber{max-width:460px;margin:0 auto;padding:0 26px 30px 26px}
.vu-bild{position:relative}
.vu-bild::before{content:"";position:absolute;inset:26px -26px -26px 26px;border-radius:26px;background:linear-gradient(135deg,var(--blau) 0%,#00d4aa 100%);opacity:.9}
.vu-bild picture{position:relative;display:block}
.vu-bild img{border-radius:22px}
.vu-kachel{position:absolute;z-index:2;margin:0;padding:12px 16px;background:#fff;border:1px solid var(--rahmen);border-radius:16px;box-shadow:0 12px 30px rgba(10,22,40,.10);line-height:1.3}
.vu-kachel strong{display:block;font-size:30px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.vu-kachel>span{display:block;margin-top:5px;font-size:13px;color:var(--grau)}
.vu-kachel .sterne{margin-top:6px}
.vu-kachel .sterne svg{width:14px;height:14px}
.vu-k1{left:0;top:10%}
.vu-k2{right:0;top:40%}
.vu-k3{left:0;bottom:16%}
.vu-name{position:absolute;z-index:2;right:0;bottom:0;margin:0;padding:10px 14px;background:var(--nacht);color:#fff;border-radius:12px;line-height:1.35}
.vu-name strong{display:block;font-size:15px}
.vu-name span{display:block;font-size:13px;color:var(--navy-text)}
@media (max-width:520px){.vu-kachel strong{font-size:24px}.vu-kachel{padding:9px 12px}}
.vis-kontakt{max-width:520px;margin-left:auto;width:100%}
.vis-kontakt .status-karte{padding:26px}
.vk-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.vk-titel{font-size:20px;font-weight:800;letter-spacing:-.01em}
.zeiten-tab{width:100%;border-collapse:collapse;margin-top:16px;font-size:15px}
.zeiten-tab th{text-align:left;font-weight:600;padding:8px 0;color:var(--ink)}
.zeiten-tab td{text-align:right;padding:8px 0;color:var(--grau);font-variant-numeric:tabular-nums}
.zeiten-tab tr+tr th,.zeiten-tab tr+tr td{border-top:1px solid var(--rahmen)}
.zeiten-tab tr.heute th,.zeiten-tab tr.heute td{color:var(--blau-tief);font-weight:800}
.zeiten-tab tr.heute th::after{content:"heute";margin-left:8px;padding:2px 8px;border-radius:999px;background:#eaf1ff;font-size:13px;font-weight:700}
.vk-hinweis{margin-top:12px;font-size:13px;line-height:1.5;color:var(--grau)}
.sk-schnell{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.sk-schnell a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;padding:12px 6px;border:1px solid var(--rahmen);border-radius:14px;background:#fff;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;transition:border-color .2s,transform .2s,background-color .2s}
.sk-schnell svg{width:22px;height:22px;color:var(--blau)}
.va-tablet{width:86%;border-radius:22px;padding:10px;background:var(--nacht);box-shadow:0 18px 44px rgba(10,22,40,.14)}
.va-schirm{border-radius:14px;overflow:hidden;aspect-ratio:1180/820;background:#eef2f7}
.va-schirm img{height:100%;object-fit:cover;object-position:top}
.va-hinweis{position:absolute;z-index:3;right:0;bottom:0;width:27%;display:flex;justify-content:center;margin:0}
.va-hinweis .status-pille{white-space:nowrap}
.karte{position:relative;isolation:isolate}
.karte[data-nr]::before{content:attr(data-nr);position:absolute;top:26px;right:26px;font:400 13px var(--mono);color:#8592a6}
.karte-ic{transition:background-color .3s ease,color .3s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
.karte::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .3s ease;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(0,102,255,.07),transparent 62%);pointer-events:none}
.karten-kompakt .karte{padding:22px}
.karten-kompakt .karte-ic{width:44px;height:44px;border-radius:12px}
.karten-kompakt .karte-ic svg{width:22px;height:22px}
.karten-kompakt .h3{font-size:18px}
.karten-kompakt .karte p{font-size:15px}
.wege-karten .karte{padding-top:30px}
.vergleich{position:relative;display:grid;gap:20px}
.vergleich>*{min-width:0}
.vg-sp{background:#fff;border:1px solid var(--rahmen);border-radius:20px;padding:clamp(24px,3vw,36px)}
.vg-b{background:var(--nacht);background-image:linear-gradient(160deg,var(--nacht) 0%,#12264a 100%);border-color:var(--nacht);color:#fff}
.vg-kopf{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.vg-kopf .karte-ic{margin:0;flex:none}
.vg-b .karte-ic{background:rgba(111,168,255,.16);color:var(--navy-hell)}
.vg-k{font:400 13px var(--mono);color:var(--link)}
.vg-b .vg-k{color:var(--navy-hell)}
.vg-sp .h3{font-size:26px;letter-spacing:-.01em}
.vg-b .h3{color:#fff}
.vg-wann{color:var(--grau);font-size:16px;line-height:1.6;margin-bottom:18px}
.vg-b .vg-wann{color:var(--navy-text)}
.vg-b .haken li{color:#fff}
.vg-b .haken li>svg{color:#00d4aa}
.vg-bsp{margin-top:20px;padding-top:16px;border-top:1px solid var(--rahmen);font-size:14px;line-height:1.5;color:var(--grau)}
.vg-b .vg-bsp{border-top-color:rgba(195,202,214,.2);color:var(--navy-text)}
.vg-oder{display:none}
@media (min-width:900px){
.vergleich{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.vg-oder{position:absolute;z-index:2;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#fff;border:1px solid var(--rahmen-2);box-shadow:0 8px 24px rgba(10,22,40,.08);font:400 13px var(--mono);color:var(--ink)}
}
@media (min-width:900px){.split-mitte{align-items:center}.split-bild{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.seo-liste{margin-top:28px}
.foto-gross img{aspect-ratio:4/4.4;border-radius:20px}
.code-karte{background:var(--nacht);border-radius:20px;color:#c3cad6;overflow:hidden;box-shadow:0 18px 44px rgba(10,22,40,.12)}
.ck-kopf{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(195,202,214,.14);font:400 13px var(--mono);color:#8fa0b8}
.ck-kopf i{width:10px;height:10px;border-radius:50%;background:#33415a}
.ck-kopf span{margin-left:8px}
.ck-code{margin:0;padding:20px 22px 10px;font:400 13.5px/1.85 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
.ck-z{display:block;padding-left:1.2em;text-indent:-1.2em}
.ck-code b{font-weight:400;color:#7fb2ff}
.ck-code i{font-style:normal;color:#5fe3c4}
.ck-code u{text-decoration:none;color:#ffd28a}
.ck-checks{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:10px 22px 22px}
.ck-checks li{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(0,212,170,.13);color:#7ff0d6;font-size:13px;font-weight:700}
.rv-an .code-karte.rv .ck-z,.rv-an .code-karte.rv .ck-checks li{opacity:0;transform:translate3d(-8px,0,0);transition:opacity .45s ease,transform .45s ease}
.rv-an .code-karte.ist-da .ck-z,.rv-an .code-karte.ist-da .ck-checks li{opacity:1;transform:none}
.code-karte.ist-da .ck-z:nth-child(2){transition-delay:.25s}
.code-karte.ist-da .ck-z:nth-child(3){transition-delay:.5s}
.code-karte.ist-da .ck-z:nth-child(4){transition-delay:.75s}
.code-karte.ist-da .ck-z:nth-child(5){transition-delay:1s}
.code-karte.ist-da .ck-checks li:nth-child(1){transition-delay:1.25s}
.code-karte.ist-da .ck-checks li:nth-child(2){transition-delay:1.4s}
.code-karte.ist-da .ck-checks li:nth-child(3){transition-delay:1.55s}
.code-karte.ist-da .ck-checks li:nth-child(4){transition-delay:1.7s}
.kacheln{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin-top:28px}
.ab-kopf2+.kacheln{margin-top:0}
.kachel{display:flex;gap:14px;align-items:center;min-width:0;background:#fff;border:1px solid var(--rahmen);border-radius:14px;padding:16px 18px;transition:border-color .25s ease,transform .25s ease}
.kachel-ic{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#eaf1ff;color:var(--blau);transition:background-color .3s,color .3s}
.kachel-ic svg{width:20px;height:20px}
.kachel>span:last-child{min-width:0}
.kachel strong{display:block;font-size:16px;line-height:1.4;color:var(--ink)}
.kachel .sub{display:block;font-size:14px;line-height:1.45;color:var(--grau)}
.ab-grau .kachel{border-color:var(--rahmen)}
.haken-karte{background:#fff;border:1px solid var(--rahmen);border-radius:20px;padding:clamp(22px,3vw,32px)}
.ab-grau .haken-karte{border-color:var(--rahmen)}
.hk-titel{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-weight:800;font-size:18px;color:var(--ink)}
.hk-titel .fi{width:22px;height:22px;color:var(--blau)}
.notfall{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:28px;padding:22px 26px;border-radius:18px;background:var(--nacht);color:#fff}
.notfall>p{flex:1 1 320px;min-width:0;color:var(--navy-text);font-size:16px;line-height:1.55}
.notfall>p strong{display:block;color:#fff;font-size:19px;margin-bottom:2px}
.notfall-ic{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:rgba(0,212,170,.14);color:#00d4aa}
.notfall-ic .fi{width:24px;height:24px}
.notfall .btn{flex:0 0 auto}
.notfall :focus-visible{outline-color:#fff}
@media (max-width:520px){.notfall .btn{width:100%}}
.faq-split{display:grid;gap:28px}
.faq-split>*{min-width:0}
.faq-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:18px}
.faq-split .text{margin-top:16px}
@media (min-width:1024px){.faq-split{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:start}.faq-split-l{position:sticky;top:110px}}
.faq summary::after{transition:transform .25s ease}
.faq details[open]>p{animation:faq-auf .3s ease-out}
@keyframes faq-auf{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.weiter a{display:flex;align-items:center;gap:14px;padding:16px 18px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.weiter .w-ic{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;margin:0;border-radius:11px;background:#eaf1ff;color:var(--blau)}
.weiter .w-ic .fi{width:19px;height:19px}
.weiter .w-t{display:block;flex:1 1 auto;min-width:0;margin:0;font-size:inherit;color:inherit}
.weiter .w-s{display:block;font-size:14px;color:var(--grau);margin-top:2px}
.weiter .w-pfeil{display:block;flex:none;margin:0;color:#8592a6;transition:transform .2s ease,color .2s ease}
.weiter .w-pfeil svg{width:16px;height:16px}
.leit-karte{position:relative;overflow:hidden;overflow:clip;isolation:isolate;margin:0;padding:clamp(28px,4vw,48px);border-radius:24px;background:var(--nacht);color:#fff}
.lk-deko{position:absolute;z-index:-1;right:-30%;top:-60%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,212,170,.28) 0%,rgba(0,212,170,0) 65%)}
.lk-ic{display:block;width:44px;height:44px;color:#00d4aa}
.lk-ic svg{width:44px;height:44px}
.leit-karte blockquote{margin:14px 0 0}
.leit-karte blockquote p{font-size:clamp(20px,2.2vw,26px);font-weight:600;line-height:1.45;letter-spacing:-.01em}
.leit-karte figcaption{display:flex;align-items:center;gap:14px;margin-top:26px}
.lk-avatar{flex:none;width:58px;height:58px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px rgba(111,168,255,.35)}
.lk-avatar picture,.lk-avatar img{width:100%;height:100%}
.lk-avatar img{object-fit:cover;object-position:50% 12%}
.leit-karte figcaption strong{display:block;font-size:16px}
.leit-karte figcaption span span{display:block;font-size:14px;color:var(--navy-text)}
.spektrum{display:grid;gap:16px}
.spektrum>*{min-width:0}
@media (min-width:760px){.spektrum{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.spektrum{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}}
.sp-k{position:relative;display:flex;flex-direction:column;gap:18px;min-height:230px;padding:26px;border:1px solid var(--rahmen);border-radius:20px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.sp-haupt{border-color:#0047b3;background-color:#0047b3;background-image:linear-gradient(135deg,#0047b3 0%,var(--blau-tief) 55%,#005ce6 100%);color:#fff}
.sp-ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#eaf1ff;color:var(--blau)}
.sp-haupt .sp-ic{background:rgba(255,255,255,.16);color:#fff}
.sp-ic svg{width:26px;height:26px}
.sp-t{display:block;flex:1 1 auto}
.sp-k-titel{display:block;font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.sp-t>span:last-child{display:block;font-size:15px;line-height:1.55;color:var(--grau)}
.sp-haupt .sp-t>span:last-child{color:#fff}
.sp-pfeil{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--rahmen-2);transition:transform .25s ease,background-color .25s ease,color .25s ease}
.sp-haupt .sp-pfeil{border-color:rgba(255,255,255,.5)}
.sp-pfeil svg{width:18px;height:18px}
.sp-haupt:focus-visible{outline-color:var(--blau-tief)}
.ref-filter{display:none;flex-wrap:wrap;align-items:center;gap:8px;margin:-12px 0 36px}
.js .ref-filter{display:flex}
.ref-filter button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;border:1px solid var(--rahmen-2);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.ref-filter button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.ref-filter .anz{font:400 13px var(--mono);color:inherit;opacity:.75}
.ref-filter-status{margin-left:auto;font-size:14px;color:var(--grau)}
@media (max-width:759.98px){.ref-filter-status{width:100%;margin:6px 0 0}}
.ref[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){.ref.rf-ein{animation:vis-ein .45s cubic-bezier(.2,.7,.2,1) both}}
.karte-grid{display:grid;gap:36px;align-items:center}
.karte-grid>*{min-width:0}
@media (min-width:1024px){.karte-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px}.karte-grid-kontakt{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.karte-at{position:relative;margin:0}
.karte-at img{width:100%;height:auto}
.karte-pins{position:absolute;inset:0}
.pin{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--blau);box-shadow:0 0 0 3px #fff,0 2px 6px rgba(10,22,40,.3);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.pin-sitz{z-index:2;width:18px;height:18px;margin:-9px 0 0 -9px;background:#00a884}
.pin-sitz::after{content:"";position:absolute;inset:0;border-radius:50%;background:#00d4aa;opacity:0}
@media (prefers-reduced-motion:no-preference){.pin-sitz::after{animation:puls 2.2s ease-out infinite}.karte-at.pausiert .pin-sitz::after{animation-play-state:paused}}
.pin-label{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);padding:7px 11px;border-radius:10px;background:var(--nacht);color:#fff;font-size:13px;font-weight:700;line-height:1.35;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s linear .2s;pointer-events:none}
.pin-label small{display:block;font-weight:400;font-size:13px;color:var(--navy-text);max-width:260px;white-space:normal;min-width:160px}
.pin-sitz .pin-label{opacity:1;visibility:visible;transform:translate(-50%,0);transition:none}
.karte-raum{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,212,170,.14);border:1.5px dashed #00a383}
.rv-an .karte-at.rv .pin{transform:scale(0)}
.rv-an .karte-at.ist-da .pin{transform:scale(1);transition-delay:calc(var(--i,0) * 45ms + .25s)}
.orte-liste{list-style:none;display:grid;gap:10px}
.orte-liste li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#fff;border:1px solid var(--rahmen);border-radius:14px}
.ol-land{min-width:0}
.ol-land strong{display:block;font-size:16px;color:var(--ink)}
.ol-land span{display:block;font-size:13px;line-height:1.45;color:var(--grau)}
.ol-zahl{flex:none;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--blau-tief);font-variant-numeric:tabular-nums}
.anfahrt-adr{display:flex;gap:12px;align-items:flex-start;margin-top:24px;font-style:normal;font-size:16px;line-height:1.55;color:var(--ink)}
.anfahrt-adr .fi{flex:none;width:22px;height:22px;margin-top:2px;color:var(--blau)}
.anfahrt-adr strong{display:block}
.anfahrt-h3{margin-top:36px;font-size:18px}
.kanaele{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.kanal-k{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;background:#fff;border:1px solid var(--rahmen);border-radius:18px;padding:24px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.kanal-k .karte-ic{margin-bottom:12px}
.kanal-k h3{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.k-haupt{font-weight:800;font-size:18px;line-height:1.35;color:var(--ink);text-decoration:none;overflow-wrap:anywhere;padding:2px 0}
.k-haupt::after{content:"";position:absolute;inset:0;border-radius:inherit}
.k-adr{font-size:16px}
.k-neben{font-size:14px;color:var(--grau);line-height:1.5}
.k-neben a{position:relative;z-index:1}
.kanal-k .messenger{position:relative;z-index:1;margin-top:2px;gap:2px 16px;font-size:16px}
.danach{list-style:none;display:grid;gap:14px;margin-top:28px;counter-reset:dn}
@media (min-width:760px){.danach{grid-template-columns:repeat(3,minmax(0,1fr))}}
.danach li{position:relative;min-width:0;padding:18px 18px 18px 64px;border-radius:14px;background:var(--eis)}
.danach li::before{counter-increment:dn;content:counter(dn);position:absolute;left:18px;top:17px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--blau);color:#fff;font:700 14px var(--mono)}
.danach strong{display:block;font-size:16px;color:var(--ink)}
.danach span{display:block;font-size:14px;color:var(--grau);line-height:1.5}
.faq-wrap{max-width:920px}
.faq-suche{display:none;margin-top:30px;max-width:580px}
.js .faq-suche{display:block}
.faq-suche label{display:block;margin-bottom:8px;font-weight:700;font-size:15px}
.faq-suche-feld{position:relative}
.faq-suche-feld svg{position:absolute;left:15px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--grau);pointer-events:none}
.faq-suche input{width:100%;min-height:54px;padding:12px 16px 12px 46px;border:1.5px solid var(--rahmen-2);border-radius:14px;background:#fff;color:var(--ink);font:inherit;font-size:16px;box-shadow:0 8px 24px rgba(10,22,40,.05)}
.faq-suche input:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-color:var(--link)}
.faq-treffer{min-height:1.5em;margin-top:8px;font-size:14px;color:var(--grau)}
.faq-themen{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.faq-themen a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px 8px 10px;border:1px solid var(--rahmen);border-radius:999px;background:#fff;color:var(--ink);font-size:15px;font-weight:600;text-decoration:none}
.faq-themen a>span:first-child{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#eaf1ff;color:var(--blau)}
.faq-themen svg{width:16px;height:16px}
.faq-themen .anz{font:400 13px var(--mono);color:var(--grau)}
.faq-gruppe[hidden],.faq details[hidden]{display:none}
.faq-leer{padding:24px;border-radius:14px;background:var(--eis);color:var(--grau)}
mark.faq-mark{background:#fff3c4;color:inherit;border-radius:3px;padding:0 1px}
@media (min-width:900px){.fotos-mosaik{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.fotos-mosaik .foto img{aspect-ratio:auto;height:420px}}
.karte-hinweis .status-pille{margin:8px 0 0}
@keyframes vis-ein{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
@keyframes schweben{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-9px,0)}}
@media (prefers-reduced-motion:no-preference){
.sk2-vis>.vis>*{animation:vis-ein .8s cubic-bezier(.2,.7,.2,1) both}
.sk2-vis>.vis>*:nth-child(2){animation-delay:.12s}
.sk2-vis>.vis>*:nth-child(3){animation-delay:.24s}
.sk2-vis>.vis>*:nth-child(4){animation-delay:.36s}
.sk2-vis>.vis>*:nth-child(5){animation-delay:.48s}
.sk2-vis>.vis>*:nth-child(6){animation-delay:.6s}
}
@media (min-width:1024px) and (prefers-reduced-motion:no-preference){
.sk2-vis>.vis>.vw-badge,.sk2-vis>.vis>.vu-kachel{animation:vis-ein .8s cubic-bezier(.2,.7,.2,1) .5s both,schweben 5.5s ease-in-out 1.3s infinite alternate}
.sk2-vis>.vis>.vw-b2,.sk2-vis>.vis>.vu-k2,.sk2-vis>.vis>.vr-b2{animation-delay:.65s,2s}
.sk2-vis>.vis>.vw-b3,.sk2-vis>.vis>.vu-k3{animation-delay:.8s,2.6s}
.sk2.aus-dem-bild .vis>.vw-badge,.sk2.aus-dem-bild .vis>.vu-kachel{animation-play-state:paused}
}
@media (min-width:900px){
.rv-an .vg-sp.rv:first-child{transform:translate3d(-24px,0,0)}
.rv-an .vg-sp.rv:last-child{transform:translate3d(24px,0,0)}
.rv-an .vg-sp.rv.ist-da{transform:none}
}
#technik{overflow:hidden;overflow:clip}
.rv-an .karte-at.rv,.rv-an .code-karte.rv,.rv-an .leit-karte.rv{transform:translate3d(0,20px,0) scale(.98)}
.rv-an .karte-at.rv.ist-da,.rv-an .code-karte.rv.ist-da,.rv-an .leit-karte.rv.ist-da{transform:none}
@media (hover:hover){
.sprung a:hover{border-color:var(--blau);color:var(--blau-tief)}
.karte:hover::after{opacity:1}
.karte-mit-ic:hover .karte-ic{background:var(--blau);color:#fff}
.kachel:hover{border-color:var(--blau)}
.kachel:hover .kachel-ic{background:var(--blau);color:#fff}
.weiter a:hover{box-shadow:0 8px 24px rgba(10,22,40,.06)}
.weiter a:hover .w-pfeil{color:var(--blau-tief)}
.sp-k:hover{border-color:var(--blau);box-shadow:0 8px 24px rgba(10,22,40,.08)}
.sp-k:hover .sp-pfeil{background:var(--blau);color:#fff;border-color:var(--blau)}
.sp-haupt:hover{color:#fff}
.sp-haupt:hover .sp-pfeil{background:#fff;color:var(--blau-tief);border-color:#fff}
.kanal-k:hover{border-color:var(--blau);box-shadow:0 8px 24px rgba(10,22,40,.06)}
.kanal-k:hover .karte-ic{background:var(--blau);color:#fff}
.k-haupt:hover{color:var(--blau-tief)}
.sk-schnell a:hover{border-color:var(--blau);background:#f5f9ff;color:var(--ink)}
.ref-filter button:hover{border-color:var(--blau)}
.ref-filter button[aria-pressed="true"]:hover{border-color:var(--ink)}
.faq-themen a:hover{border-color:var(--blau);color:var(--blau-tief)}
.pin:hover{z-index:5}
.pin:hover .pin-label{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s,transform .2s,visibility 0s}
.notfall .btn-hell:hover{background:#eaf1ff}
}
.karte-pins .pin{pointer-events:auto}
@media (prefers-reduced-motion:reduce){
.karte-ic,.kachel,.weiter a,.weiter .w-pfeil,.sp-k,.sp-pfeil,.kanal-k,.sk-schnell a,.pin{transition:none}
.karte:hover,.kachel:hover,.weiter a:hover,.sp-k:hover,.kanal-k:hover,.sk-schnell a:hover{transform:none}
.karte-mit-ic:hover .karte-ic{transform:none}
.faq details[open]>p{animation:none}
}
@media print{
.sk2-vis .vis>*{animation:none !important;opacity:1 !important}
.ref-filter,.faq-suche,.sprung{display:none !important}
.ref[hidden],.faq details[hidden],.faq-gruppe[hidden]{display:block !important}
.rv-an .karte-at.rv .pin{transform:none !important}
.vg-b,.leit-karte,.notfall,.code-karte{background:#fff !important;color:#000 !important}
}
.vis-web .vis-unter{max-width:64%}
.vw-b3{left:-6px;top:14%;bottom:auto}
.weiter{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.ab-kopf2+.kacheln{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}
.split .kacheln{grid-template-columns:minmax(0,1fr)}
.vu-kachel>.sterne{display:flex}
.pin-sitz .pin-label{left:auto;right:-10px;transform:none}
#karte,#anfahrt{overflow:hidden;overflow:clip}
@media (min-width:1024px){#karte .karte-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}
@media (min-width:1024px){.held .faecher{margin-top:0}}
.cta-wrap{background:linear-gradient(to bottom,#fff 0,#fff calc(50% + 48px),var(--eis) calc(50% + 48px))}
.ab-grau+.cta-wrap{padding-top:0;background:var(--eis)}
.cta-wrap+.ab-grau::before{display:none}
@media (max-width:767.98px){.cta-wrap{background:linear-gradient(to bottom,#fff 0,#fff calc(50% + 32px),var(--eis) calc(50% + 32px))}.ab-grau+.cta-wrap{background:var(--eis)}}
@media (max-width:899.98px){.dunkel.ab{padding:72px 0}}
.laufband li{white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center;max-width:100%}
@media (prefers-reduced-motion:no-preference){.js .laufband li{white-space:nowrap;flex-wrap:nowrap;max-width:none}}
.schritte{margin:0;padding:0}
.ap2{display:grid;gap:64px;align-items:center}
.ap2>*{min-width:0}
@media (min-width:900px){.ap2{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px}}
.ap-bild{position:relative;width:100%;max-width:400px;padding:22px 22px 0 0}
.ap-raster{position:absolute;right:-10px;top:-10px;width:62%;height:48%;background-image:radial-gradient(rgba(0,102,255,.34) 1.3px,transparent 1.8px);background-size:14px 14px;-webkit-mask-image:linear-gradient(225deg,#000 25%,transparent 80%);mask-image:linear-gradient(225deg,#000 25%,transparent 80%);pointer-events:none}
.ap-rahmen{position:absolute;top:0;right:0;bottom:22px;left:22px;border:1.5px solid rgba(0,102,255,.30);border-radius:26px;pointer-events:none}
.ap-foto{position:relative;z-index:1;border-radius:22px;overflow:hidden;background:#eef2f7;box-shadow:0 20px 44px rgba(10,22,40,.12)}
.ap-foto picture,.ap-foto img{display:block;width:100%}
.ap-status{position:absolute;z-index:2;left:-12px;top:54px;background:#fff !important;box-shadow:0 8px 24px rgba(10,22,40,.10)}
.ap-bild .ap-karte{position:absolute;z-index:2;left:-12px;right:auto;bottom:-24px;display:flex;align-items:center;gap:12px;margin:0;padding:12px 20px 12px 12px;background:#fff;border:1px solid var(--rahmen);border-radius:16px;box-shadow:0 12px 30px rgba(10,22,40,.10);line-height:1.35}
.ap-logo{flex:none;width:38px;height:38px;border-radius:10px}
.ap-bild .ap-karte strong{display:block;font-size:16px;color:var(--ink)}
.ap-bild .ap-karte span span{display:block;font-size:13px;color:var(--grau)}
.ap2 .ueber-text .h2{margin-bottom:0}
.ap2 .lead{margin-top:18px}
.ap-fakten{list-style:none;display:grid;gap:14px;margin-top:28px}
.ap-fakten li{display:flex;gap:14px;align-items:center;min-width:0}
.ap-f-ic{flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:#eaf1ff;color:var(--blau)}
.ab-grau .ap-f-ic{background:#fff;border:1px solid var(--rahmen)}
.ap-f-ic .fi{width:21px;height:21px}
.ap-fakten strong{display:block;font-size:16px;line-height:1.35;color:var(--ink)}
.ap-fakten li>span:last-child>span{display:block;font-size:14px;line-height:1.45;color:var(--grau)}
.ap2 .knoepfe{margin-top:30px}
@media (max-width:899.98px){.ap-bild{max-width:340px;margin:0 auto}}
@media (max-width:520px){.ap-bild{max-width:300px}.ap-status,.ap-bild .ap-karte{left:0}}
.bew2-summe{display:grid;gap:16px 32px;align-items:center;margin-bottom:24px;padding:24px 28px;background:#fff;border:1px solid var(--rahmen);border-radius:20px}
@media (min-width:1024px){.bew2-summe{grid-template-columns:auto minmax(0,1fr) auto}}
.bew2-schnitt{display:flex;align-items:center;gap:16px;margin:0}
.bew2-schnitt>strong{font-size:58px;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.bew2-schnitt-r{display:grid;gap:6px;font-size:14px;line-height:1.4;color:var(--grau)}
.bew2-schnitt-r b{color:var(--ink);font-weight:700}
.bew2-schnitt .sterne svg{width:20px;height:20px}
.bew2-satz{font-size:15px;color:var(--grau)}
@media (min-width:1024px){.bew2-satz{padding-left:32px;border-left:1px solid var(--rahmen)}}
.bew2-summe .knoepfe{margin-top:0}
.bew2-liste{list-style:none;display:grid;gap:20px}
.bew2-k{display:flex;min-width:0}
.bew2-k figure{position:relative;display:flex;flex-direction:column;gap:14px;width:100%;margin:0;padding:26px;background:#fff;border:1px solid var(--rahmen);border-radius:18px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.bew2-ic{display:block;color:var(--blau)}
.bew2-ic svg{width:30px;height:30px}
.bew2-k .sterne svg{width:16px;height:16px}
.bew2-k blockquote{flex:1 1 auto;margin:0}
.bew2-k blockquote p{font-size:16px;line-height:1.65;color:var(--ink)}
.bew2-k figcaption{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--rahmen)}
.bew2-av{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#eaf1ff;color:var(--blau-tief);font-weight:800;font-size:14px;letter-spacing:.02em}
.bew2-k figcaption strong{display:block;font-size:15px;color:var(--ink)}
.bew2-k figcaption span span{display:block;font-size:13px;color:var(--grau)}
.bew2-gross figure{overflow:hidden;isolation:isolate;padding:34px;background:var(--nacht);background-image:linear-gradient(160deg,var(--nacht) 0%,#12264a 100%);border-color:var(--nacht)}
.bew2-gross figure::after{content:"";position:absolute;z-index:-1;right:-35%;top:-45%;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,212,170,.22) 0%,rgba(0,212,170,0) 65%)}
.bew2-gross .bew2-ic{color:#00d4aa}
.bew2-gross .bew2-ic svg{width:44px;height:44px}
.bew2-gross .sterne{color:#f5b942}
.bew2-gross .sterne svg{width:19px;height:19px}
.bew2-gross blockquote p{color:#fff;font-size:clamp(19px,1.7vw,22px);font-weight:600;line-height:1.55;letter-spacing:-.005em}
.bew2-gross figcaption{border-top-color:rgba(195,202,214,.2)}
.bew2-gross figcaption strong{color:#fff}
.bew2-gross figcaption span span{color:var(--navy-text)}
.bew2-gross .bew2-av{background:rgba(111,168,255,.18);color:#fff}
.bew2-liste:focus-visible{outline:3px solid var(--link);outline-offset:6px}
@media (min-width:900px){
.bew2-liste{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}
.bew2-gross{grid-row:span 2}
.bew2-k:nth-child(4):last-child{grid-column:span 2}
}
@media (max-width:899.98px){
.bew2-liste{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -24px;padding:4px 24px 14px;scrollbar-width:thin}
.bew2-k{flex:0 0 min(86%,420px);scroll-snap-align:start;scroll-margin-left:24px}
}
@media (max-width:520px){.bew2-liste{margin:0 -18px;padding:4px 18px 14px}.bew2-k{scroll-margin-left:18px}.bew2-schnitt>strong{font-size:48px}.bew2-summe{padding:22px}}
@media (hover:hover){
.bew2-k figure:hover{border-color:var(--blau);box-shadow:0 8px 24px rgba(10,22,40,.07)}
.bew2-gross figure:hover{border-color:var(--nacht)}
}
@media (prefers-reduced-motion:reduce){.bew2-k figure{transition:none}.bew2-k figure:hover{transform:none}}
@media (max-width:899.98px){.bew2-gross blockquote p{font-size:18px}.bew2-gross figure{padding:28px}}
.ab-raster-w{background-color:#fff;background-image:radial-gradient(#dde5f0 1px,transparent 1.3px);background-size:22px 22px}
.ab-eis{position:relative;background-color:#eef4ff;background-image:radial-gradient(rgba(0,102,255,.12) 1px,transparent 1.4px),linear-gradient(180deg,#f3f7ff 0%,#eaf2ff 100%);background-size:24px 24px,100% 100%}
.ab-mint{position:relative;background:linear-gradient(180deg,#f3fbf8 0%,#eef9f5 100%)}
.dunkel{background-color:var(--nacht);background-image:radial-gradient(55% 65% at 92% 0%,rgba(0,102,255,.24) 0%,rgba(0,102,255,0) 70%),radial-gradient(45% 50% at 0% 45%,rgba(0,212,170,.11) 0%,rgba(0,212,170,0) 70%)}
.band-zahlen{background-image:linear-gradient(90deg,rgba(0,102,255,.10),rgba(0,212,170,.06))}
.ab-eis .ap-f-ic,.ab-mint .ap-f-ic{background:#fff;border:1px solid var(--rahmen)}
.ab-eis .karte,.ab-mint .karte{border-color:var(--rahmen-eis)}
.dunkel .btn-hell{color:var(--ink)}
.dunkel .btn-weiss-rand{color:#fff}
.ablauf-hell .schritte-linie{background:#c8d7f0}
.ablauf-hell .schritte-fuell{background:linear-gradient(90deg,var(--blau),#00a884)}
.ablauf-hell .schritt .nr{background:#fff;border-color:var(--blau);color:var(--blau-tief);box-shadow:0 0 0 6px #eef4ff,0 6px 16px rgba(0,82,204,.12)}
.ablauf-hell .schritt .h3{color:var(--ink)}
.ablauf-hell .schritt p{color:var(--grau)}
@media (max-width:899.98px){.ablauf-hell .schritte-fuell{background:linear-gradient(180deg,var(--blau),#00a884)}}
.cta-wrap{padding-top:0;background:linear-gradient(to bottom,var(--oben,#fff) 0,var(--oben,#fff) 50%,var(--eis) 50%,var(--eis) 100%)}
.ab-grau+.cta-wrap{background:var(--eis)}
.cta-wrap+.ab-grau::before{display:none}
.show{display:grid;gap:28px}
.show>*{min-width:0}
@media (min-width:1024px){.show{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}}
.show-tabs{display:none}
.js .show-tabs{display:flex;flex-direction:column;gap:8px}
.st{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:14px 18px;border:1px solid rgba(195,202,214,.14);border-radius:16px;background:rgba(255,255,255,.03);color:#fff;font:inherit;text-align:left;cursor:pointer;transition:background-color .25s ease,border-color .25s ease}
.st-nr{flex:none;font:400 13px var(--mono);color:var(--navy-hell)}
.st-t{flex:1 1 auto;min-width:0}
.st-t strong{display:block;font-size:17px;font-weight:700;line-height:1.3}
.st-t span{display:block;margin-top:3px;font-size:13px;line-height:1.35;letter-spacing:.05em;color:#aab4c4}
.st>svg{flex:none;width:18px;height:18px;color:var(--navy-hell);opacity:0;transform:translateX(-6px);transition:opacity .25s ease,transform .25s ease}
.st[aria-selected="true"]{background:rgba(111,168,255,.13);border-color:rgba(111,168,255,.5)}
.st[aria-selected="true"] .st-nr{color:#00d4aa}
.st[aria-selected="true"]>svg{opacity:1;transform:none}
.st:focus-visible{outline:3px solid var(--navy-hell);outline-offset:2px}
@media (max-width:1023.98px){
.js .show-tabs{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -24px;padding:2px 24px 8px;scrollbar-width:none}
.js .show-tabs::-webkit-scrollbar{display:none}
.st{flex:0 0 auto;width:auto;max-width:280px;scroll-snap-align:start;scroll-margin-left:24px}
.st>svg{display:none}
}
@media (max-width:520px){.js .show-tabs{margin:0 -18px;padding:2px 18px 8px}.st{scroll-margin-left:18px}}
.show-buehne{display:grid;gap:64px}
.sp{min-width:0}
.js .show-buehne{gap:0}
.js .sp{grid-area:1/1;opacity:0;visibility:hidden;transform:translate3d(0,14px,0);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s}
.js .sp.ist-aktiv{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1),visibility 0s}
.js .sp-fenster picture{aspect-ratio:16/10}
.js .sp:not(.ist-aktiv):not(.sp-laden) img{display:none}
.sp-geraete{position:relative;padding:0 8% 7% 0}
.sp-fenster{background:#fff;border-color:rgba(255,255,255,.14);box-shadow:0 24px 48px rgba(0,0,0,.28)}
.sp-fenster img{aspect-ratio:16/10;object-fit:cover;object-position:top}
.sp-leiste{align-items:center;background:#eef2f7}
.fenster-leiste .sp-url{display:block;flex:0 1 320px;width:auto;height:auto;min-width:0;margin-left:14px;padding:3px 14px;border-radius:999px;background:#fff;font:400 13px/1.5 var(--mono);color:#5a6475;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-handy{right:0;bottom:0;width:21%;box-shadow:0 24px 48px rgba(0,0,0,.4)}
.sp-info{display:grid;gap:20px 32px;margin-top:26px}
@media (min-width:1100px){.sp-info{grid-template-columns:minmax(0,1fr) auto;align-items:end}}
.sp-art{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:400 13px var(--mono);letter-spacing:.04em;color:#aab4c4}
.sp-art span{padding:3px 10px;border-radius:999px;background:rgba(0,212,170,.15);color:#7ff0d6;font-weight:700;letter-spacing:.02em}
.sp-name{margin-top:10px;font-size:clamp(26px,2.6vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#fff}
.sp-text{margin-top:8px;max-width:620px;font-size:16px;line-height:1.6;color:var(--navy-text)}
.sp-chips{margin-top:16px}
.sp-chips li{background:rgba(255,255,255,.06);border-color:rgba(195,202,214,.22);color:#e6ebf2}
.sp-info .knoepfe{margin-top:0}
.sp .ref-titel{cursor:pointer}
@media (max-width:520px){.sp-handy{width:26%}.sp-geraete{padding-right:10%}}
.dunkel .laufband li{background:rgba(255,255,255,.04);border-color:rgba(195,202,214,.16)}
.dunkel .laufband li strong{color:#fff}
.dunkel .laufband li span{color:#aab4c4}
.dunkel .laufband-knopf{color:var(--navy-hell)}
@media (hover:hover){
.st:hover{background:rgba(255,255,255,.07);border-color:rgba(195,202,214,.3)}
.st[aria-selected="true"]:hover{background:rgba(111,168,255,.16);border-color:rgba(111,168,255,.6)}
.dunkel .btn-hell:hover{background:#eaf1ff;color:var(--ink)}
}
@media (prefers-reduced-motion:reduce){.js .sp,.js .sp.ist-aktiv,.st,.st>svg{transition:none}}
@media print{.show-tabs{display:none !important}.js .sp{opacity:1 !important;visibility:visible !important;grid-area:auto !important}}
.show-links{min-width:0}
.show-mehr{display:none}
@media (min-width:1024px){
.show-links{position:sticky;top:110px}
.show-mehr{display:block;margin-top:22px;padding:22px;border-radius:16px;background:linear-gradient(150deg,rgba(0,102,255,.18),rgba(0,212,170,.08));border:1px solid rgba(111,168,255,.25)}
.show-mehr p{font-size:15px;line-height:1.55;color:var(--navy-text)}
.show-mehr strong{display:block;font-size:44px;font-weight:800;line-height:1;letter-spacing:-.03em;color:#fff;margin-bottom:6px}
.show-mehr .btn{margin-top:16px;width:100%}
}
.ab-eis{background-color:#eef4ff;background-image:radial-gradient(rgba(0,102,255,.13) 1px,transparent 1.4px);background-size:24px 24px}
.ab-eis::before{display:none}
.cta-wrap{background:linear-gradient(to bottom,var(--oben,#fff) 0,var(--oben,#fff) 50%,transparent 50%),radial-gradient(rgba(0,102,255,.13) 1px,transparent 1.4px) 0 0/24px 24px,#eef4ff}
.ab-eis+.cta-wrap{background:radial-gradient(rgba(0,102,255,.13) 1px,transparent 1.4px) 0 0/24px 24px,#eef4ff}
.ab-eis .weg,.ab-eis .kachel,.ab-eis .haken-karte,.ab-eis .vg-sp:not(.vg-b),.ab-eis .orte-liste li,.ab-eis .bew2-summe{border-color:var(--rahmen-eis)}
.band-zahlen{background:#fff;background-image:none;color:var(--ink);border-top:1px solid var(--rahmen);border-bottom:1px solid var(--rahmen);padding:56px 0}
.zahlen-gross .zahl{color:var(--ink)}
.zahlen-gross .zahl-t{color:var(--grau)}
.zahl-ic{background:#eaf1ff;color:var(--blau)}
@media (min-width:900px){.zahlen-gross li+li{border-left-color:var(--rahmen)}}
.h2-klein{font-size:clamp(26px,2.6vw,34px);letter-spacing:-.015em}
.ab.ab-kompakt{padding:72px 0}
@media (max-width:899.98px){.ab.ab-kompakt{padding:52px 0}}
.ab-kompakt .ab-kopf{margin-bottom:28px}
.sk2 .h1-s{font-size:clamp(34px,3.9vw,52px)}
@media (min-width:1024px){.ab-kopf2{align-items:start}.ab-kopf2-r{padding-top:34px}}
.kontakt-kopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;margin-bottom:24px}
.kontakt-kopf .kicker{width:100%;margin-bottom:0}
.kontakt-mehr{margin:0}
.wege-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.status-fest{background:#fff;color:var(--ink);border:1px solid var(--rahmen)}
.status-fest .fi{width:16px;height:16px;color:var(--blau)}
.status.zu{background:var(--eis);color:var(--ink)}
.status.zu .status-punkt{background:#8592a6}
.ap-foto{box-shadow:0 12px 28px rgba(10,22,40,.08)}
.sterne,.bew2-gross .sterne{color:#d97706}
.bew2-gross figure{justify-content:center}
.bew2-gross blockquote{flex:0 0 auto}
.bew2-gross figcaption{margin-top:12px}
.st-t span{font-size:13px;letter-spacing:0;color:#b4bdcc}
@media (min-width:1100px){
.held{padding-top:56px}
.held-text{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:56px;max-width:none;flex:1 1 100%}
.held-text>.kicker{grid-column:1;grid-row:1;justify-self:start}
.held-text>.h1{grid-column:1;grid-row:2/4;align-self:end}
.held-text>.lead{grid-column:2;grid-row:2;align-self:end;margin-top:0}
.held-text>.knoepfe{grid-column:2;grid-row:3;margin-top:24px}
}
.ref-cta{display:flex}
.ref-cta-in{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;width:100%;min-height:100%;padding:32px;border-radius:14px;background:var(--nacht);background-image:radial-gradient(70% 70% at 100% 0%,rgba(0,102,255,.3),transparent 70%);color:#fff}
.ref-cta-in .kicker{color:var(--navy-hell);margin:0}
.ref-cta-in .h3{color:#fff;font-size:24px}
.ref-cta-in p{color:var(--navy-text)}
.ref-cta-in .btn{margin-top:8px}
.ref-mehr-zeile{display:flex;justify-content:center;margin-top:32px}
@media (max-width:759.98px){.refs-gekuerzt>.ref:nth-child(n+9):not(.ref-cta){display:none}}
.app-breit{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;padding:28px;border:1px solid var(--rahmen);border-radius:20px;background:#f8faff}
.app-breit-bild{position:relative;width:180px;max-width:50%;margin:0 auto}
.app-breit-bild .vw-handy{position:relative;right:auto;bottom:auto;width:100%}
.app-breit-text .status-pille{margin-bottom:10px}
@media (min-width:760px){.app-breit{grid-template-columns:200px minmax(0,1fr);gap:40px;padding:32px 40px}.app-breit-bild{margin:0}}
.faq-layout{display:grid;gap:36px}
.faq-layout>*{min-width:0}
.faq-layout .faq-wrap{max-width:none}
.faq-seite .faq-suche{margin-top:0}
.faq-seite .faq-themen{flex-direction:column;align-items:flex-start}
@media (min-width:1024px){.faq-layout{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:start}.faq-seite{position:sticky;top:110px}}
@media (max-width:1023.98px){.faq-seite .faq-themen{flex-direction:row}}
.dunkel .foto figcaption{color:var(--navy-text)}
@media (max-width:599.98px){
.grid .karte-mit-ic{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:18px}
.grid .karte-mit-ic>.karte-ic{grid-row:1/span 3;width:44px;height:44px;border-radius:12px;margin:0}
.grid .karte-mit-ic>.karte-ic svg{width:22px;height:22px}
.grid .karte-mit-ic>.h3{margin:2px 0 6px;font-size:18px}
.grid .karte-mit-ic>p{font-size:15px}
.grid .karte-mit-ic>.karte-link{grid-column:2}
.sprung ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-18px;padding-right:18px}
.sprung ul::-webkit-scrollbar{display:none}
.sprung li{flex:0 0 auto}
.sprung{flex-wrap:nowrap;flex-direction:column;align-items:stretch}
}
.nur-handy{display:none}
@media (max-width:899.98px){
.js .nur-handy{display:block}
.js .nav{position:fixed;top:var(--menue-top,72px);bottom:0;left:0;right:0;overflow-y:auto;overscroll-behavior:contain;border-bottom:0;box-shadow:none;z-index:45}
html.menue-offen{overflow:hidden}
}
.band-zahlen{background-color:#eef4ff;background-image:radial-gradient(rgba(0,102,255,.13) 1px,transparent 1.4px);background-size:24px 24px;border:0}
.zahl-ic{background:#fff}
@media (min-width:900px){.zahlen-gross li+li{border-left-color:#d3def0}}
.hk-titel svg{width:22px;height:22px;flex:none;color:var(--blau)}
.btn[hidden],.ref-mehr-knopf[hidden]{display:none}
@media (min-width:900px){.zahlen-gross{grid-template-columns:repeat(3,minmax(0,1fr))}}
.show-mehr strong{font-size:22px !important;letter-spacing:-.01em !important;margin-bottom:8px !important}
.ref-filter-status.sr-only{width:1px;height:1px;margin:-1px;padding:0}
@media (min-width:900px){.zahlen-gross{grid-template-columns:repeat(4,minmax(0,1fr))}}
.foto-quer2 img{aspect-ratio:3/2;object-fit:cover}
.btn{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;font-weight:700;letter-spacing:-.005em;
transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.2,.7,.2,1)}
.btn svg{width:18px;height:18px;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.btn::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg) translateX(0);opacity:0;pointer-events:none}
a.btn.btn-blau,button.btn.btn-blau{background:var(--blau-tief) linear-gradient(135deg,#0a6cff 0%,var(--blau-tief) 100%);color:#fff;border-color:transparent;box-shadow:0 6px 16px rgba(0,82,204,.22)}
a.btn.btn-rand,button.btn.btn-rand{background:#fff;color:var(--ink);border:1.5px solid #c7d1e0;box-shadow:0 1px 2px rgba(10,22,40,.05)}
a.btn.btn-hell,button.btn.btn-hell{background:#fff;color:var(--ink);border-color:transparent;box-shadow:0 6px 16px rgba(0,0,0,.12)}
a.btn.btn-weiss-rand,button.btn.btn-weiss-rand{background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.btn.btn-pill{border-radius:999px}
@media (hover:hover){
a.btn:hover,button.btn:hover{text-decoration:none}
a.btn[href^="mailto:"]:hover svg,a.btn[href^="tel:"]:hover svg{transform:none}
a.btn.btn-blau:hover,button.btn.btn-blau:hover{color:#fff;background:#0047b3 linear-gradient(135deg,#1a75ff 0%,#0047b3 100%);box-shadow:0 12px 26px rgba(0,82,204,.32)}
a.btn.btn-blau:hover::after,a.btn.btn-hell:hover::after{opacity:1;transform:skewX(-20deg) translateX(420%);transition:transform .7s ease,opacity .2s ease}
a.btn.btn-rand:hover,button.btn.btn-rand:hover{color:#fff;background:var(--ink);border-color:var(--ink);box-shadow:0 10px 22px rgba(10,22,40,.18)}
a.btn.btn-hell:hover,button.btn.btn-hell:hover{color:#0047b3;background:#fff;box-shadow:0 12px 26px rgba(0,0,0,.2)}
a.btn.btn-weiss-rand:hover,button.btn.btn-weiss-rand:hover{color:#0047b3;background:#fff;border-color:#fff}
.dunkel a.btn.btn-hell:hover{color:#0047b3}
.dunkel a.btn.btn-weiss-rand:hover{color:var(--nacht)}
}
a.btn:active,button.btn:active{transform:translateY(0) scale(.98)}
.btn:focus-visible{outline:3px solid var(--link);outline-offset:3px}
.dunkel .btn:focus-visible,.cta-block .btn:focus-visible{outline-color:#fff}
@media (hover:hover){
.karte-mit-ic:hover .karte-ic{transform:none}
.fuss a.fl:hover .fi{transform:none}
}
.sk2-vis>.vis>.vw-badge,.sk2-vis>.vis>.vu-kachel{animation:vis-ein .7s cubic-bezier(.2,.7,.2,1) .35s both !important}
.kanaele-aktion{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.kanaele-aktion .kanal-k{padding:26px 24px 24px;gap:6px;border-radius:20px;background:#fff;border:1px solid var(--rahmen-eis)}
.kk-ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:10px;border-radius:16px;background:linear-gradient(135deg,#0a6cff,#0047b3);color:#fff;box-shadow:0 8px 18px rgba(0,82,204,.22)}
.kk-ic svg{width:24px;height:24px}
.kk-label{font:400 13px var(--mono);color:var(--blau-tief);letter-spacing:.02em}
.kanaele-aktion .k-haupt{font-size:18px;font-weight:800;line-height:1.35}
.kanaele-aktion .k-adr{font-size:17px}
.kk-pfeil{position:absolute;top:24px;right:22px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--rahmen-eis);color:var(--blau-tief);transition:background-color .25s,color .25s,border-color .25s,transform .25s}
.kk-pfeil svg{width:17px;height:17px}
.mess-pillen{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px;position:relative;z-index:1}
.mp{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 13px 7px 10px;border-radius:999px;border:1px solid var(--rahmen-eis);background:#f8faff;color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.mp .fi{width:18px;height:18px;flex:none}
.mp-whatsapp .fi{color:#128c3a}.mp-signal .fi{color:#2c6bed}.mp-telegram .fi{color:#1f8fc9}.mp-sms .fi{color:var(--blau-tief)}
@media (hover:hover){
.kanaele-aktion .kanal-k:hover{border-color:var(--blau);box-shadow:0 14px 30px rgba(10,22,40,.08)}
.kanaele-aktion .kanal-k:hover .kk-pfeil{background:var(--blau);border-color:var(--blau);color:#fff}
.kanaele-aktion .kanal-k:hover .karte-ic{background:none}
.mp:hover{background:#fff;border-color:var(--blau);color:var(--blau-tief)}
}
.kontakt-mehr .btn{min-height:44px}
.chat{position:fixed;z-index:35;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.chat-knopf{display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:0 20px 0 16px;border:0;border-radius:999px;background:#0047b3 linear-gradient(135deg,#0a6cff,#0047b3);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 10px 26px rgba(0,82,204,.35);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.chat-knopf .fi{width:22px;height:22px}
.chat-knopf .chat-zu{display:none;width:20px;height:20px}
.chat-knopf[aria-expanded="true"] .fi{display:none}
.chat-knopf[aria-expanded="true"] .chat-zu{display:block}
.chat-knopf:focus-visible{outline:3px solid var(--link);outline-offset:3px}
.chat-menue{width:min(320px,calc(100vw - 32px));padding:20px;border-radius:20px;background:#fff;border:1px solid var(--rahmen);box-shadow:0 20px 48px rgba(10,22,40,.18);transform-origin:100% 100%}
.chat-menue[hidden]{display:none}
.chat-titel{font-size:18px;font-weight:800;color:var(--ink)}
.chat-text{margin-top:4px;font-size:14px;line-height:1.5;color:var(--grau)}
.chat-menue .mess-pillen{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}
.chat-menue .mp{justify-content:flex-start;width:100%}
.chat-tel{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--rahmen);font-size:14px;font-weight:700;color:var(--blau-tief);text-decoration:none;min-height:40px}
.chat-tel svg{width:17px;height:17px}
@media (prefers-reduced-motion:no-preference){.chat-menue:not([hidden]){animation:chat-auf .22s ease-out}}
@keyframes chat-auf{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@media (hover:hover){.chat-knopf:hover{box-shadow:0 14px 32px rgba(0,82,204,.42)}.chat-tel:hover{color:#003f9e}}
@media (min-width:760px){.chat{right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
.nach-oben{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
@media (min-width:760px){.nach-oben{bottom:calc(92px + env(safe-area-inset-bottom,0px))}}
html.dialog-offen .chat{display:none}
@media print{.chat{display:none !important}}
@media (prefers-reduced-motion:reduce){.btn,.btn svg,.chat-knopf,.mp,.kk-pfeil{transition:none}a.btn:hover,button.btn:hover,.chat-knopf:hover{transform:none}.btn::after{display:none}}
.vu-kachel>.sterne{color:#d97706}
.vu-bild::before{inset:-18px -18px 40% 40%;border-radius:24px;opacity:1;background:radial-gradient(rgba(0,102,255,.34) 1.3px,transparent 1.8px) 0 0/14px 14px;-webkit-mask-image:linear-gradient(225deg,#000 30%,transparent 85%);mask-image:linear-gradient(225deg,#000 30%,transparent 85%)}
.vu-bild picture{box-shadow:0 12px 28px rgba(10,22,40,.08);border-radius:22px}
.app-paar{display:grid;gap:20px;margin-top:40px}
.app-paar>*{min-width:0}
@media (min-width:1024px){.app-paar{grid-template-columns:repeat(2,minmax(0,1fr))}.app-paar .app-breit{grid-template-columns:170px minmax(0,1fr);gap:28px;padding:28px 30px}}
.fuss .fuss-logo img{height:38px;width:auto}
@media (max-width:520px){.fuss .fuss-logo img{height:34px}}
.app-paar .app-breit{grid-column:auto}
.app-paar .app-breit-bild{width:170px;max-width:60%}
@media (min-width:1024px){.app-paar .app-breit-bild{width:100%;max-width:none}}
.karte:has(.karte-link){cursor:pointer}
.karte .karte-link::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.karte .karte-link:focus-visible{outline:none}
.karte .karte-link:focus-visible::before{outline:3px solid var(--link);outline-offset:3px}
@media (hover:hover){.karte:has(.karte-link):hover .karte-link{color:#003f9e}}
@media (min-width:1024px){.js .show-tabs{gap:6px}.st{min-height:54px;padding:10px 16px}.st-t strong{font-size:16px}.st-t span{font-size:13px;margin-top:1px}}
@media (hover:hover){
a:hover svg:not(.no-ring),button:hover svg:not(.no-ring),
.karte:hover svg,.kachel:hover svg,.kanal-k:hover svg,.sp-k:hover svg,.marke:hover svg,.ref:hover svg,.st:hover svg,.weg:hover svg,
.karte:hover .karte-ic,.kanal-k:hover .kk-pfeil,.sp-k:hover .sp-pfeil,.weiter a:hover .w-pfeil{transform:none !important}
.mp:hover{transform:none}
}
@media (hover:hover){.show-tabs button.st:hover>svg{transform:translateX(-6px) !important}.show-tabs button.st[aria-selected="true"]:hover>svg{transform:none !important}.chat-knopf:hover{transform:none}}
.nav-ic,.nav-sub,.nav-pfeil{display:none}
.nav-t,.nav-name{display:inline}
.menue-knopf{gap:10px;border:0;background:#f2f5fb;border-radius:12px;padding:8px 14px 8px 12px;min-height:46px;color:var(--ink)}
.burger{position:relative;display:block;width:20px;height:14px;flex:none}
.burger span{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s ease,top .3s cubic-bezier(.2,.7,.2,1)}
.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:6px}.burger span:nth-child(3){top:12px}
.menue-knopf[aria-expanded="true"]{background:var(--nacht);color:#fff}
.menue-knopf[aria-expanded="true"] .burger span:nth-child(1){top:6px;transform:rotate(45deg)}
.menue-knopf[aria-expanded="true"] .burger span:nth-child(2){opacity:0}
.menue-knopf[aria-expanded="true"] .burger span:nth-child(3){top:6px;transform:rotate(-45deg)}
@media (hover:hover){.menue-knopf:hover{background:#e6ecf7}.menue-knopf[aria-expanded="true"]:hover{background:#12264a}}
@media (max-width:899.98px){
.js .nav{padding:14px 18px calc(28px + env(safe-area-inset-bottom,0px));background:#fff;background-image:radial-gradient(70% 40% at 100% 0%,rgba(0,102,255,.10),transparent 70%),linear-gradient(180deg,#fff 0%,#eef4ff 100%)}
.js .nav.offen{animation:nav-panel .25s ease-out}
.js .nav ul{display:flex;flex-direction:column;gap:8px;font-size:inherit;max-width:560px;margin:0 auto}
.js .nav li{border:0 !important}
.js .nav li>a:not(.btn){display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--rahmen-eis);color:var(--ink);text-decoration:none;box-shadow:0 1px 2px rgba(10,22,40,.04);transition:border-color .2s,background-color .2s}
.js .nav .nav-ic{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:13px;background:#eaf1ff;color:var(--blau)}
.js .nav .nav-ic .fi{width:21px;height:21px}
.js .nav .nav-t{display:block;flex:1 1 auto;min-width:0}
.js .nav .nav-name{display:block;font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.01em}
.js .nav .nav-sub{display:block;margin-top:2px;font-size:13px;font-weight:500;line-height:1.35;color:var(--grau)}
.js .nav .nav-pfeil{display:flex;flex:none;color:#8592a6}
.js .nav .nav-pfeil svg{width:18px;height:18px}
.js .nav li>a[aria-current="page"]{border-color:var(--blau);background:#f5f9ff;text-decoration:none}
.js .nav li>a[aria-current="page"] .nav-ic{background:var(--blau);color:#fff}
.js .nav li>a[aria-current="page"] .nav-pfeil{color:var(--blau-tief)}
.js .nav .nav-cta{padding-top:8px}
.js .nav .nav-cta a{width:100%;min-height:56px;font-size:17px;border-radius:16px}
.nav-schnell{margin-top:10px;padding:16px;border-radius:18px;background:var(--nacht);background-image:radial-gradient(70% 70% at 100% 0%,rgba(0,102,255,.3),transparent 70%);color:#fff}
.nav-schnell-t{font:400 13px var(--mono);color:var(--navy-hell);margin-bottom:10px}
.nav-schnell-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.js .nav .nav-schnell-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:10px 6px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(195,202,214,.18);color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.nav-schnell-grid svg{width:22px;height:22px;color:#fff}
.nav-zeiten{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--navy-text)}
.nav-zeiten .fi{width:16px;height:16px;color:var(--navy-hell)}
@media (prefers-reduced-motion:no-preference){.js .nav.offen li{animation:nav-ein .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 35ms)}}
}
@keyframes nav-panel{from{opacity:0}to{opacity:1}}
@keyframes nav-ein{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
@media (hover:hover) and (max-width:899.98px){.js .nav li>a:not(.btn):hover{border-color:var(--blau);background:#f8fbff}}
.made a{color:var(--grau);text-decoration:none}
.made .herz{display:inline-block}
@media (prefers-reduced-motion:no-preference){.made .herz{animation:herz 1.6s ease-in-out infinite}}
@keyframes herz{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}60%{transform:scale(1)}}
@media (hover:hover){.made a:hover{color:var(--blau-tief)}}
.fuss h2.fuss-oez{margin-top:22px}
.fuss-status{margin:0 0 8px;font-size:13px;padding:5px 12px}
.fuss-24h{display:flex !important;align-items:center;gap:10px;margin-top:14px;padding:10px 12px !important;border-radius:12px;background:var(--nacht);color:#fff !important;text-decoration:none;line-height:1.35;font-size:14px}
.fuss-24h .fi{width:18px;height:18px;flex:none;color:#00d4aa}
.fuss-24h strong{color:#fff}
@media (hover:hover){.fuss a.fuss-24h:hover{background:#12264a;color:#fff;text-decoration:none}}
.made .herz{margin:0 .3em}
.fuss-status:not(.offen):not(.zu){display:none}
.refs-alle>.ref:not(.ref-cta){padding:12px 12px 22px;background:#fff;border:1px solid var(--rahmen-eis);border-radius:20px;box-shadow:0 1px 2px rgba(10,22,40,.04);transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s ease,box-shadow .25s ease}
.refs-alle>.ref:not(.ref-cta) .ref-fenster{border-radius:12px}
.refs-alle>.ref:not(.ref-cta) .ref-inhalt,.refs-alle>.ref:not(.ref-cta)>.ref-ort,.refs-alle>.ref:not(.ref-cta)>.h3,.refs-alle>.ref:not(.ref-cta)>p,.refs-alle>.ref:not(.ref-cta)>.ref-link{padding-left:10px;padding-right:10px}
.refs-alle>.ref:not(.ref-cta)>.ref-link{margin-left:10px;padding-left:0}
.refs-alle>.ref:not(.ref-cta) .ref-ort{margin-top:10px}
.ref-kat{align-self:flex-start;display:inline-flex;margin-top:16px;padding:4px 11px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.3}
.ref-kat-handwerk{background:#e8f0ff;color:#0047b3}
.ref-kat-handel{background:#fff1d6;color:#7a4b00}
.ref-kat-dienst{background:#efeaff;color:#4b32b8}
.ref-kat-gesund{background:#e3f7f1;color:#00664f}
.ref-kat-verein{background:#fde9f1;color:#a3204f}
.refs-start .ref-kat,.ref-gross .ref-kat{margin-top:0;margin-bottom:10px}
@media (hover:hover){.refs-alle>.ref:not(.ref-cta):hover{border-color:var(--blau);box-shadow:0 14px 30px rgba(10,22,40,.08)}.refs-alle>.ref:not(.ref-cta):hover .ref-fenster{border-color:var(--rahmen-eis);box-shadow:none}}
@media (prefers-reduced-motion:reduce){.refs-alle>.ref{transition:none}.refs-alle>.ref:hover{transform:none !important}}
@media print{
.kopf .nav,.menue-knopf,.kopf-cta,.skip,.vorschau-hinweis,.nach-oben{display:none !important}
.faecher__buehne{--p:1 !important}
.rv{opacity:1 !important;transform:none !important}
.licht,.laufband-knopf{display:none !important}
.kopf{position:static}
.dunkel{background:#fff;color:#000}
.dunkel .text,.schritt p,.schritt .h3,.schritt .nr{color:#000}
.ab{padding:32px 0}
}
.ab{padding:var(--ab-y) 0}
.ab.ab-kompakt{padding:var(--ab-y-kompakt) 0}
.ab-spaet{content-visibility:auto;contain-intrinsic-size:auto 1400px}
.seitenkopf,.seitenkopf.sk2{padding:var(--kopf-oben) 0 var(--kopf-unten)}
.h1-s,.sk2 .h1-s{font-size:var(--h1)}
.held .h1{font-size:var(--h1-start)}
.seitenkopf:not(.sk2) .h1{max-width:860px;text-wrap:balance}
.seitenkopf:not(.sk2) .lead{max-width:680px}
.brot{margin-bottom:28px}
h1,.h1,.h2,.cta-h{-webkit-hyphens:manual;hyphens:manual}
.kopf-raster{display:grid;gap:40px;align-items:center}
.kopf-raster>*{min-width:0}
.kopf-vis{display:none}
@media (min-width:1024px){.kopf-raster{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}.kopf-vis{display:block}}
@keyframes kopf-ein{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
@keyframes h1-ein{from{transform:translate3d(0,18px,0)}to{transform:none}}
@keyframes bild-ein{from{opacity:0;transform:scale(.985) translate3d(0,10px,0)}to{opacity:1;transform:none}}
@keyframes bild-ein-t{from{transform:scale(.985) translate3d(0,10px,0)}to{transform:none}}
@media (prefers-reduced-motion:no-preference){
.js .mit-licht :is(.brot,.kicker,.lead,.art-meta,.knoepfe,.vertrauen,.sprung,.lp-notfall,.lp-sub){animation:kopf-ein .7s var(--ease-out) both}
.js .mit-licht .kicker{animation-delay:.06s}
.js .mit-licht .lead,.js .mit-licht .lp-sub{animation-delay:.12s}
.js .mit-licht .art-meta{animation-delay:.18s}
.js .mit-licht .knoepfe,.js .mit-licht .lp-notfall{animation-delay:.24s}
.js .mit-licht :is(.vertrauen,.sprung){animation-delay:.3s}
.js .mit-licht .h1{animation:h1-ein .8s var(--ease-out) both}
.js .mit-licht .art-bild{animation:bild-ein-t .9s var(--ease-out) .15s both}
.js .mit-licht .kopf-vis{animation:bild-ein .9s var(--ease-out) .15s both}
.js .mit-licht .kopf-vis :is(.kv-badge){animation:bild-ein .7s var(--ease-out) .45s both}
.js .mit-licht .kopf-vis .kv-b2{animation-delay:.6s}
.js .mit-licht .kopf-vis .kv-b3{animation-delay:.75s}
}
@media (min-width:1024px) and (prefers-reduced-motion:no-preference){
.js .mit-licht .kopf-vis .kv-badge{animation:bild-ein .7s var(--ease-out) .45s both,schweben 6s ease-in-out 1.2s infinite alternate}
.js .mit-licht .kopf-vis .kv-b2{animation-delay:.6s,1.8s}
.js .mit-licht .kopf-vis .kv-b3{animation-delay:.75s,2.4s}
.aus-dem-bild .kopf-vis .kv-badge{animation-play-state:paused}
}
.kopf-vis{position:relative}
.kv-kachel{position:relative;width:min(100%,380px);aspect-ratio:34/26;margin-left:auto;border-radius:var(--r-l);border:1px solid var(--rahmen-eis);
background-color:var(--eis);background-image:radial-gradient(rgba(0,102,255,.13) 1px,transparent 1.4px),radial-gradient(60% 60% at 70% 30%,rgba(0,102,255,.14),transparent 70%);
background-size:24px 24px,100% 100%;display:flex;align-items:center;justify-content:center}
.kv-ic{display:flex;align-items:center;justify-content:center;width:132px;height:132px;border-radius:32px;background:#fff;border:1px solid var(--rahmen-eis);color:var(--blau);box-shadow:var(--sh-2)}
.kv-ic svg{width:64px;height:64px;stroke-width:1.6}
.kv-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 14px;background:#fff;border:1px solid var(--rahmen);border-radius:var(--r-pill);box-shadow:var(--sh-2);font-size:14px;font-weight:700;line-height:1.2;color:var(--ink);white-space:nowrap}
.kv-badge svg{width:16px;height:16px;color:var(--blau);flex:none}
.kv-nur-ic{width:52px;height:52px;padding:0;justify-content:center;border-radius:16px}
.kv-nur-ic svg{width:22px;height:22px}
.kv-kachel .kv-b1{left:-18px;top:18%}.kv-kachel .kv-b2{right:-14px;top:-14px}.kv-kachel .kv-b3{left:22%;bottom:-18px}
.kv-b1{left:0;top:16%}
.kv-b2{right:-8px;top:-14px}
.kv-b3{left:12%;bottom:-16px}
.kv-faecher{position:relative;height:320px;max-width:520px;margin-left:auto}
.kv-faecher .kv-f{position:absolute;top:30px;width:280px;border-radius:var(--r);overflow:hidden;border:1px solid var(--rahmen);background:#fff;box-shadow:var(--sh-2)}
.kv-faecher .kv-f img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.kv-f1{left:0;transform:rotate(-5deg) translateY(24px)}
.kv-f2{left:50%;margin-left:-140px;z-index:2;transform:none}
.kv-f3{right:0;transform:rotate(5deg) translateY(24px)}
.kv-karte{position:relative;max-width:520px;margin-left:auto}
.kv-ausschnitt{position:relative;overflow:hidden;overflow:clip;aspect-ratio:380/260;border-radius:var(--r-l);border:1px solid var(--rahmen-eis);
background-color:var(--eis);background-image:radial-gradient(rgba(0,102,255,.13) 1px,transparent 1.4px);background-size:24px 24px}
.kv-flaeche{position:absolute;inset:0;background-repeat:no-repeat}
.kv-ausschnitt .karte-pins{position:absolute;inset:0}
.kv-ausschnitt .pin-sitz .pin-label{top:calc(100% + 10px);bottom:auto;left:50%;right:auto;transform:translate(-50%,0)}
.kv-ausschnitt .pin-ort .pin-label{bottom:calc(100% + 10px);top:auto}
.ort-unten .kv-ausschnitt .pin-sitz .pin-label{top:auto;bottom:calc(100% + 10px)}
.ort-unten .kv-ausschnitt .pin-ort .pin-label{bottom:auto;top:calc(100% + 10px)}
.pin-ort{z-index:3;background:var(--blau)}
.pin-ort .pin-label{opacity:1;visibility:visible;transform:translate(-50%,0);transition:none}
.kv-karte .kv-badge{right:0;bottom:-6px}
.abschluss{padding:var(--ab-y-kompakt) 0}
.abschluss .cta-block{border-radius:var(--r-l)}
.fenster,.ref-fenster{background:#fff}
.cta-h{font-size:var(--h2-cta)}
.kanaele-kompakt{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0}
@media (min-width:1180px){.kanaele-kompakt{grid-template-columns:repeat(4,minmax(0,1fr))}}
.abschluss-ohne-cta .kanaele-kompakt{margin-top:0}
.abschluss-h{margin-bottom:24px}
.kk{position:relative;isolation:isolate;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:2px;align-items:center;align-content:center;min-width:0;padding:18px 20px;border-radius:var(--r);background:#fff;border:1px solid var(--rahmen-eis);
transition:transform var(--t) var(--ease-out),border-color var(--t-s),box-shadow var(--t)}
.kk-i{grid-row:1/span 3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#eaf1ff;color:var(--blau);transition:background-color var(--t-s),color var(--t-s)}
.kk-i svg{width:20px;height:20px}
.kk-l{grid-column:2;font:400 13px/1.35 var(--mono);color:var(--link)}
.kk-w{grid-column:2;font-size:16px;font-weight:800;line-height:1.35;color:var(--ink);text-decoration:none;min-width:0}
.kk-w::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.kk-w:focus-visible{outline:none}
.kk:has(.kk-w:focus-visible){outline:3px solid var(--link);outline-offset:3px}
.kk-n{grid-column:2;font-size:13px;line-height:1.45;color:var(--grau)}
.kk-mliste{grid-column:2;list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 0;padding:0}
.kk-m{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--rahmen-eis);background:#f8faff;color:var(--ink);transition:border-color var(--t-s),color var(--t-s),background-color var(--t-s)}
.kk-m svg{width:20px;height:20px}
.kk-m-whatsapp svg{color:#128c3a}.kk-m-signal svg{color:#2c6bed}.kk-m-telegram svg{color:#1f8fc9}.kk-m-sms svg{color:var(--blau-tief)}
@media (hover:hover){
.kk:not(.kk-mess):hover{border-color:var(--blau);box-shadow:var(--sh-2)}
.kk:not(.kk-mess):hover .kk-i{background:var(--blau);color:#fff}
.kk:not(.kk-mess):hover .kk-w{color:var(--blau-tief)}
.kk-m:hover{border-color:var(--blau);background:#fff}
}
@media (min-width:1024px){
.abschluss{padding:56px 0}
.abschluss .cta-block{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 48px;padding:44px 52px}
.abschluss .cta-text{max-width:620px}
.abschluss .cta-block .knoepfe{margin-top:0;max-width:none;flex-direction:column;align-items:stretch}
.abschluss .cta-deko{right:-8%;top:-90%;width:44%}
}
@media (max-width:767.98px){
.abschluss{padding:32px 0}
.kk-w{display:flex;align-items:center;min-height:44px}
.abschluss .cta-block{padding:28px 22px}
.abschluss .cta-text p{font-size:16px;margin-top:10px}
.abschluss .cta-block .knoepfe{margin-top:20px}
.abschluss .cta-block .btn-weiss-rand{display:none}
.kanaele-kompakt{gap:10px;margin-top:12px}
.kk{grid-template-columns:26px minmax(0,1fr);column-gap:8px;row-gap:4px;align-content:start;min-height:96px;padding:12px}
.kk-i{grid-row:auto;width:26px;height:26px;border-radius:8px}
.kk-i svg{width:15px;height:15px}
.abschluss .cta-h{font-size:26px}
.abschluss .cta-text p{font-size:15px;line-height:1.55}
.abschluss .cta-block{padding:24px 20px}
.abschluss .cta-block .knoepfe{margin-top:16px}
.kk-w,.kk-n,.kk-mliste{grid-column:1/-1}
.kk-w{font-size:15px}
.kk-mliste{display:grid;grid-template-columns:repeat(2,44px);gap:4px;margin:0}
.kk-n{font-size:13px;line-height:1.4}
}
.karte-leise{background:#fff;border-style:solid;border-color:var(--rahmen)}
.ab-eis .karte-leise{border-color:var(--rahmen-eis)}
.danach li{background:#fff;border:1px solid var(--rahmen)}
.ab-eis .danach li{border-color:var(--rahmen-eis)}
.zitat,.faq-leer{background:var(--karte-eis);border:1px solid var(--rahmen-eis)}
.app-breit{background:#fff}
.ab-eis .karte,.ab-eis .kachel,.ab-eis .weg,.ab-eis .haken-karte,.ab-eis .orte-liste li,.ab-eis .bew2-summe,.ab-eis .vg-sp:not(.vg-b){border-color:var(--rahmen-eis)}
.vorschau-hinweis{background:var(--eis)}
.kicker,.karte .kicker{color:var(--link)}
.dunkel .kicker,.dunkel .karte .kicker{color:var(--navy-hell)}
.h2{font-size:var(--h2)}
.h2-klein,.faq-gruppe .h2{font-size:var(--h2-klein)}
.ab-kopf{margin-bottom:var(--kopf-zu-inhalt)}
.ab-kompakt .ab-kopf{margin-bottom:32px}
.haken-fliess strong{display:inline}
.f-hinweis .geraet__hinweis,.geraet__hinweis{font-size:13px}
.rk-t,.karte .h3,.kat-name,.tkk-t,.tkk h3{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4}
.karte,.kanal-k,.refs-alle>.ref:not(.ref-cta),.sp-k,.kachel,.weiter a,.bew2-k figure,.lp-ref{transition:transform var(--t) var(--ease-out),border-color var(--t-s),box-shadow var(--t)}
@media (hover:hover){
.karte:hover,.kanaele-aktion .kanal-k:hover,.kanal-k:hover,.refs-alle>.ref:not(.ref-cta):hover,.sp-k:not(.sp-haupt):hover,.kachel:hover,.weiter a:hover,.bew2-k:not(.bew2-gross) figure:hover{border-color:var(--blau);box-shadow:var(--sh-2)}
.dunkel .karte:hover{border-color:rgba(111,168,255,.6)}
}
@media (min-width:1024px){
.refs-alle>.ref-leit:not([hidden]){grid-column:span 2;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:center}
.refs-alle>.ref-leit .ref-inhalt{padding:0 12px 0 0 !important}
.refs-alle>.ref-leit .ref-titel{font-size:28px;letter-spacing:-.02em}
.refs-alle>.ref-leit p{font-size:17px}
}
.brot a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 7px;margin:-11px -7px;vertical-align:middle}
.fuss-unten a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
.fuss a.fuss-24h{min-height:44px}
.made a{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.sprung a,.ref-filter button{min-height:44px}
.mp{min-height:44px}
.kanaele-aktion .k-haupt{display:inline-flex;align-items:center;min-height:44px;padding:0}
@media (max-width:899.98px){
.kopf .logo{min-height:44px}
.textlink,.marke__link,.ref a.ref-link{min-height:44px;padding-top:0;padding-bottom:0}
.karte-link{min-height:44px;margin-top:6px}
.rk-t a,a.ref-titel{display:inline-block;padding:11px 0;margin:-11px 0}
a.ref-titel{position:relative;z-index:1}
.karte ul li>a:only-child{display:flex;align-items:center;min-height:44px}
.karte ul li:has(>a:only-child)+li{margin-top:0}
}
@media (max-width:767.98px){
.brot ol{flex-wrap:nowrap;min-width:0}
.brot li{flex:none;white-space:nowrap}
.brot li:last-child:not(:first-child){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (min-width:760px){.fuss-unten{padding-right:96px}}
.fuss a.social,.fuss a.social-fb,.fuss a.social-li,.fuss a.social-ig{background:#eef2fa;color:var(--ink);transition:background-color var(--t-s),color var(--t-s)}
@media (hover:hover){
.fuss a.social:hover{transform:none;box-shadow:none;color:#fff}
.fuss a.social-fb:hover{background:#1877f2}
.fuss a.social-li:hover{background:#0a66c2}
.fuss a.social-ig:hover{background:#c13584}
}
.made .herz{animation:none !important}
@media (prefers-reduced-motion:no-preference){.made .herz.herz-an{animation:herz 1.6s ease-in-out 3 !important}}
.pin-sitz::after{animation-iteration-count:3 !important}
.chat-knopf{box-shadow:var(--sh-knopf)}
@media (hover:hover){.chat-knopf:hover{box-shadow:0 10px 22px rgba(0,82,204,.28)}}
.chat,.nach-oben.sichtbar{transition:opacity var(--t),transform var(--t),visibility 0s}
@media (max-width:759.98px){
html.absenden-im-bild .chat,html.absenden-im-bild .nach-oben.sichtbar{opacity:0;visibility:hidden;transform:translate3d(0,12px,0);transition:opacity var(--t),transform var(--t),visibility 0s linear var(--t)}
}
@media (prefers-reduced-motion:no-preference){
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:var(--ease-out)}
.kopf{view-transition-name:kopf}
}
@media (prefers-reduced-motion:no-preference){.rf-ein{animation:vis-ein .45s var(--ease-out) both}}
@media print{
.abschluss .kanaele-kompakt{display:none !important}
.kopf-vis{display:none !important}
.js .mit-licht *{animation:none !important;opacity:1 !important}
::view-transition-old(root),::view-transition-new(root){animation:none}
}
.kk-n{word-spacing:.16em}
.vertrauen,.status-text{word-spacing:.1em}
@media (max-width:479.98px){
.kanaele-kompakt{grid-template-columns:minmax(0,1fr);gap:8px}
.kk{grid-template-columns:36px minmax(0,1fr);column-gap:14px;row-gap:1px;align-content:center;min-height:0;padding:12px 16px}
.kk-i{grid-row:1/span 3;width:36px;height:36px;border-radius:10px}
.kk-i svg{width:18px;height:18px}
.kk-l,.kk-w,.kk-n,.kk-mliste{grid-column:2}
.kk-w{font-size:15px;min-height:44px;display:flex;align-items:center}
.kk-mliste{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0}
}
@media (max-width:599.98px){
.chat-knopf{width:56px;height:56px;min-height:56px;padding:0;justify-content:center;gap:0}
.chat-knopf .chat-k-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
}
@media (hover:hover){
a:hover svg:not(.no-ring),button:hover svg:not(.no-ring),.btn:hover svg,.fuss a:hover .fi,.fuss a.social:hover,.karte:hover .karte-ic,.karte-mit-ic:hover .karte-ic,
.weiter a:hover .w-pfeil,.sp-k:hover .sp-pfeil,.kanal-k:hover .kk-pfeil,.nach-oben:hover .no-pfeil,.marke:hover .marke__link svg{transform:none !important}
}