@font-face{font-family:'Canela';font-style:normal;font-weight:700 700;font-display:swap;src:url('/assets/canela-bold-latin.c37540171cc7e76a.woff2') format('woff2')}@font-face{font-family:'Maax';font-style:normal;font-weight:400 400;font-display:swap;src:url('/assets/brand-sans-400.0ee4b5cabaac225a.woff2') format('woff2')}@font-face{font-family:'Maax';font-style:normal;font-weight:700 700;font-display:swap;src:url('/assets/brand-sans-700.33ba4f7a77b1ae29.woff2') format('woff2')}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"]{--font-display:'Canela',Georgia,'Times New Roman',serif;--font-sans:'Maax','Helvetica Neue',Helvetica,Arial,sans-serif;--navy:#002554;--ultra:#1114b4;--orange:#F4633A;--cyan:#67d2e0;--sand:#A68958;--green:#02a24a;--espresso:#361c00;--btn-radius:6px;--pad-x:max(40px,8vw);--max-width-content:1200px;--bg:#f4f1ec;--focus:#1114b4;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;--ink:#002554;--ink-soft:#4a5b75;--line:#e5e3db;--navy-ink:#ffffff;--shadow:0 1px 2px rgba(0,37,84,0.06),0 8px 24px -12px rgba(0,37,84,0.18);--surface:#ffffff;--surface-2:#f2e9da}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] *,[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] *::before,[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] *::after{box-sizing:border-box}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"]{margin:0}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] [data-component]{display:block}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"]{--bg:#f5f5e9}@media (prefers-color-scheme:dark){[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] :root:not([data-theme="light"]){--bg:#0c1420;--surface:#141e2c;--surface-2:#1a2636;--ink:#eef1f6;--ink-soft:#9fb0c3;--line:#26364a;--navy:#cfe0f2;--navy-ink:#071019;--ultra:#8f96ff;--sand:#c7a978;--cyan:#7fd9e6;--orange:#ff8b64;--green:#4fce8b;--espresso:#caa47a;--focus:#8f96ff;--shadow:0 1px 2px rgba(0,0,0,0.4),0 12px 30px -14px rgba(0,0,0,0.6)}}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] *{box-sizing:border-box}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"]{margin:0;padding:0}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"]{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .wrap{max-width:var(--max-width-content);margin:0 auto;padding:48px 0 72px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .eyebrow::before{content:"";display:inline-block;width:22px;height:2px;background:var(--cyan)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] h1{font-family:var(--font-display);font-weight:800;font-variation-settings:"opsz" 144;font-style:normal;font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-0.015em;margin:0 0 16px;color:var(--ink);text-wrap:balance}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .sub{font-size:16px;line-height:1.6;color:var(--ink-soft);max-width:60ch;margin:0 0 36px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .tab{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-family:var(--font-sans);font-weight:700;font-size:12.5px;letter-spacing:0.06em;text-transform:uppercase;padding:9px 16px;border-radius:var(--btn-radius);cursor:pointer;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease,transform 0.1s ease}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .tab:hover{border-color:var(--orange);color:var(--ink)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .tab:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .tab[aria-pressed="true"]{background:var(--navy);color:var(--navy-ink);border-color:var(--navy)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .tab .count{opacity:0.65;margin-left:5px;font-family:var(--font-mono);font-weight:500;text-transform:none;letter-spacing:0}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .board{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:24px;align-items:start}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .board > *{min-width:0}@media (max-width:860px){[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .board{grid-template-columns:1fr}}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .list{display:flex;flex-direction:column;gap:14px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--btn-radius);padding:17px 20px;cursor:pointer;text-align:left;width:100%;font-family:inherit;color:inherit;transition:border-color 0.15s ease,box-shadow 0.15s ease,transform 0.1s ease}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card[aria-current="true"]{border-color:var(--orange);box-shadow:var(--shadow)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card[hidden]{display:none}@media (max-width:600px){[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card{display:grid;grid-template-columns:9px minmax(0,1fr);gap:8px 16px;align-items:start}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-chip{grid-column:1;grid-row:1 / span 2;align-self:start;margin-top:6px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-body{grid-column:2;grid-row:1}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-time{grid-column:2;grid-row:2;text-align:left;white-space:normal}}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-chip{flex:0 0 auto;width:9px;height:9px;border-radius:2px;background:var(--sand)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-chip[data-cat="laufrouten"]{background:var(--cyan)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-chip[data-cat="spa"]{background:var(--sand)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-chip[data-cat="sport"]{background:var(--orange)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-chip[data-cat="kliniken"]{background:var(--ultra)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-chip[data-cat="kultur"]{background:var(--green)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-chip[data-cat="kiez"]{background:var(--espresso)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:7px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-name{font-weight:700;font-size:15.5px;line-height:1.3}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-meta{font-family:var(--font-mono);font-size:12px;letter-spacing:0.03em;line-height:1.5;color:var(--ink-soft)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-meta .cat-label{text-transform:uppercase;padding-right:2px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-meta .dot{margin:0 8px;opacity:0.5}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card-time{flex:0 0 auto;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-soft);text-align:right;white-space:nowrap}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .card[aria-current="true"] .card-time{color:var(--orange)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .empty{padding:40px 16px;text-align:center;color:var(--ink-soft);font-size:14px;border:1px dashed var(--line);border-radius:14px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-panel{position:sticky;top:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow 0.2s ease}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-frame-wrap{position:relative;aspect-ratio:4 / 3.4;background:var(--surface-2)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-info{padding:16px 18px 18px;border-top:1px solid var(--line)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-info .label{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .ping-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);position:relative;flex:0 0 auto}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .ping-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--orange);opacity:0.6}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-info .name{font-family:var(--font-sans);font-variation-settings:"opsz" 144;font-style:normal;font-size:21px;font-weight:800;letter-spacing:-0.01em;margin-bottom:6px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-info .addr{font-size:13.5px;line-height:1.5;color:var(--ink-soft);margin-bottom:16px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-actions{display:flex;flex-wrap:wrap;gap:8px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-link{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:var(--navy-ink);font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:0.02em;padding:10px 16px;border-radius:10px;text-decoration:none;transition:opacity 0.15s ease,background 0.15s ease,color 0.15s ease}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-link:hover{opacity:0.88}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-link--ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-link--ghost:hover{opacity:1;border-color:var(--orange)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .map-link[hidden]{display:none}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .foot-note{margin-top:28px;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"]{--bg:#f5f5e9;--surface:#ffffff;--surface-2:#f2e9da;--ink:#002554;--ink-soft:#4a5b75;--line:#e5e3db;--navy:#002554;--navy-ink:#ffffff;--ultra:#1114b4;--sand:#a68958;--cyan:#67d2e0;--orange:#f4633a;--green:#02a24a;--espresso:#361c00;--focus:#1114b4;--shadow:0 1px 2px rgba(0,37,84,.06),0 8px 24px -12px rgba(0,37,84,.18)}[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] h2{font-size:clamp(1.6rem,3vw,2.4rem)}@media (max-width:860px){[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .wrap{padding-inline:28px}}@media (max-width:600px){[data-component="kiezkarte-dein-kiez-deine-entdeckungen"] .wrap{padding-inline:22px}}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) [data-component="kiezkarte-dein-kiez-deine-entdeckungen"]{--bg:#0c1420;--surface:#141e2c;--surface-2:#1a2636;--ink:#eef1f6;--ink-soft:#9fb0c3;--line:#26364a;--navy:#cfe0f2;--navy-ink:#071019;--ultra:#8f96ff;--sand:#c7a978;--cyan:#7fd9e6;--orange:#ff8b64;--green:#4fce8b;--espresso:#caa47a;--focus:#8f96ff;--shadow:0 1px 2px rgba(0,0,0,.4),0 12px 30px -14px rgba(0,0,0,.6)}}:root[data-theme="dark"] [data-component="kiezkarte-dein-kiez-deine-entdeckungen"]{--bg:#0c1420;--surface:#141e2c;--surface-2:#1a2636;--ink:#eef1f6;--ink-soft:#9fb0c3;--line:#26364a;--navy:#cfe0f2;--navy-ink:#071019;--ultra:#8f96ff;--sand:#c7a978;--cyan:#7fd9e6;--orange:#ff8b64;--green:#4fce8b;--espresso:#caa47a;--focus:#8f96ff;--shadow:0 1px 2px rgba(0,0,0,.4),0 12px 30px -14px rgba(0,0,0,.6)}