.wh-staedte{background:var(--offwhite);border-bottom:1px solid var(--linie)}.wh-staedte .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-top:22px;padding-bottom:22px;font-size:15px}.wh-staedte span{font-weight:600;color:var(--ink);margin-right:4px}.wh-staedte a{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid var(--linie);background:#fff;color:var(--dunkelblau);font-weight:600;text-decoration:none}@media (hover:hover){.wh-staedte a:hover{border-color:var(--tuerkis)}}.wh-hero{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;color:#fff;background:radial-gradient(90% 80% at 25% 45%,#175466 0%,var(--petrol) 58%,#0C2E38 100%)}.wh-hero>.wrap{position:relative;width:100%;padding-top:150px;padding-bottom:64px}.wh-rad{position:absolute;right:-180px;top:50%;width:760px;height:760px;transform:translateY(-50%);background:#fff;opacity:.04;pointer-events:none;-webkit-mask:url(/img/rad.svg) no-repeat center/contain;mask:url(/img/rad.svg) no-repeat center/contain}.wh-g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:60px;align-items:center}.wh-hero h1{color:#fff;font-size:clamp(40px,4.4vw,66px)}.wh-hero h1 .t{color:#7ed0e4}.wh-hero .eyebrow{color:#8ed4e4}.wh-hero .lead{color:#ffffffe0;max-width:560px}.wh-k{position:relative;margin:0}.wh-map{display:block;height:min(600px,calc(100vh - 320px));width:auto;max-width:100%;margin:0 auto;overflow:visible}.wh-land{stroke:#12414e;stroke-width:.32;stroke-linejoin:round;cursor:pointer;outline:none;transition:fill .3s ease}.wh-land[data-stufe=A]{fill:#7ed0e4}.wh-land[data-stufe=B]{fill:#7ed0e46b}.wh-land[data-stufe=C]{fill:#2e5b67}@media (hover:hover){.wh-land:hover{fill:#fff}}.wh-land:focus-visible{stroke:var(--rot);stroke-width:.9}.wh-land.an{fill:#fff;stroke:var(--rot);stroke-width:.7}.wh-pin{pointer-events:none}.wh-pin .h{fill:#da1f2647}.wh-pin .k{fill:var(--rot);stroke:#fff;stroke-width:.4}.wh-pin text{font:600 2.5px/1 Inter,sans-serif;fill:#fff;paint-order:stroke;stroke:#0c2e38;stroke-width:.7px}.wh-tip{position:absolute;left:0;top:0;z-index:5;pointer-events:none;white-space:nowrap;font:700 15px/1 Barlow Semi Condensed,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);background:#fff;padding:8px 12px;border-radius:999px;box-shadow:0 8px 22px #0c2e3847}.wh-tip[hidden]{display:none}.wh-leg{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:13px;color:#ffffffd1}.wh-leg li{display:flex;align-items:center;gap:8px}.wh-leg i{width:14px;height:14px;border-radius:4px;flex:none}.wh-leg .a{background:#7ed0e4}.wh-leg .b{background:#7ed0e46b}.wh-leg .c{background:#2e5b67;box-shadow:inset 0 0 0 1px #ffffff4d}.wh-leg .p{border-radius:50%;background:var(--rot);box-shadow:0 0 0 3px #da1f264d}.wh-form{display:flex;gap:10px;margin-top:28px;max-width:520px}.wh-feld{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid rgba(16,2,2,.18);border-radius:999px;padding:5px 5px 5px 20px;color:var(--dunkelblau)}.wh-feld svg{width:19px;height:19px;flex:none}.wh-feld input{flex:1;min-width:0;border:0;background:transparent;font:500 17px/1 Inter,sans-serif;letter-spacing:.06em;padding:10px 0;color:var(--ink);outline:none}.wh-feld:focus-within{border-color:var(--tuerkis);box-shadow:0 0 0 3px #259dba4d}.wh-feld .btn{flex:none;padding:12px 20px;border-radius:999px}.wh-erg:empty{display:none}.wh-erg{margin-top:16px;display:grid;gap:12px;max-width:520px}.wh-treffer{padding:16px 18px;border-radius:14px;background:#fff;display:grid;gap:6px;justify-items:start;color:var(--slate)}.wh-ort{font-family:Barlow Semi Condensed,sans-serif;font-weight:700;text-transform:uppercase;font-size:21px;line-height:1.1;color:var(--ink)}.wh-treffer p{margin:0;font-size:14.5px;line-height:1.5}.wh-treffer .btn{margin-top:6px;padding:10px 16px;font-size:13.5px}.wh-hin{margin:0;font-size:14px;color:#ffffffe0}.wh-hin.f{color:#ffc2c2}.wh a:focus-visible,.wh button:focus-visible{outline:3px solid #7ED0E4;outline-offset:3px}.wh-fq{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}.wh-fq-nav{position:sticky;top:120px;display:grid;gap:6px}.wh-fq-nav a:not(.btn){display:flex;justify-content:space-between;padding:12px 16px;border-radius:12px;background:var(--offwhite);color:var(--ink);font-weight:600;text-decoration:none}.wh-fq-nav a span{color:var(--dunkelblau)}.wh-fq-nav .btn{margin-top:12px;justify-content:center}.wh-fq-abschn{scroll-margin-top:120px}.wh-fq-abschn+.wh-fq-abschn{margin-top:40px}.wh-fq-t{font-family:Barlow Semi Condensed,sans-serif;font-weight:700;text-transform:uppercase;font-size:26px;color:var(--ink);margin:0 0 6px}.wh-hero{align-items:flex-start}.wh-g{align-items:start}.wh-k{align-self:start}.wh-erg{position:relative}.wh-k .wh-erg{position:absolute;left:50%;bottom:64px;transform:translate(-50%);width:min(380px,92%);margin:0;z-index:4}.wh-erg.neu{animation:wh-ein .26s cubic-bezier(.2,.8,.2,1) both}.wh-k .wh-erg.neu{animation-name:wh-ein-karte}@keyframes wh-ein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes wh-ein-karte{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.wh-k .wh-treffer{box-shadow:0 22px 50px #00000059}.wh-treffer{padding-right:48px}.wh-erg>.wh-hin{background:#fff;color:var(--slate);padding:14px 48px 14px 16px;border-radius:14px}.wh-erg>.wh-hin.f{color:var(--dunkelrot)}.wh-zu{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:0;background:var(--offwhite);color:var(--ink);display:grid;place-items:center;cursor:pointer}.wh-zu svg{width:14px;height:14px}@media (max-width:980px){.wh-hero>.wrap{padding-top:120px}.wh-g,.wh-fq{grid-template-columns:minmax(0,1fr)}.wh-k{order:2}.wh-map{height:auto;width:100%;max-width:320px}.wh-fq-nav{position:static}}@media (max-width:420px){.wh-feld .btn{padding:12px 14px}}@media (prefers-reduced-motion:reduce){.wh-land{transition:none}.wh-erg.neu{animation:none}}
