/* Design «Merkblatt» (31.10.2026): weisses Papier, dunkles Grün, Orange als Markierung.
   Liegt über site.css und ändert nur das Aussehen, keine Inhalte. */
@font-face{font-family:"Atkinson";src:url(../fonts/atkinson-hyperlegible-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson";src:url(../fonts/atkinson-hyperlegible-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --bg:#FFFFFF;
  --card:#FFFFFF;
  --ink:#12352A;
  --ink-2:#4A5C54;
  --line:#C9D3CE;
  --green:#1B6B47;
  --green-d:#12352A;
  --green-l:#E7F1EB;
  --lime:#FFB25B;          /* Markierung (Orange) – nur Flächen mit dunkler Schrift */
  --mark:#FFB25B;
  --paper-2:#F3F6F4;
  --radius:3px;
  --f-head:"Atkinson",system-ui,sans-serif;
  --f-body:"Atkinson",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
body{font-size:1.125rem;line-height:1.6;background:var(--bg)}
h1,h2,h3,h4{letter-spacing:0;font-weight:700}
h1{letter-spacing:-.015em;line-height:1.05}
a{color:var(--green);text-decoration-thickness:1.5px;text-underline-offset:4px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid #E07A12;outline-offset:2px;border-radius:2px}

/* Kopf: klare Linie statt Schatten */
.hd{border-bottom:2px solid var(--ink)}
.nav a{border-radius:0;padding:10px 10px 8px;font-weight:700;border-bottom:3px solid transparent}
.nav a:hover{background:none;border-bottom-color:var(--line)}
.nav a[aria-current]{background:none;color:var(--ink);border-bottom-color:var(--mark)}
.hd-search,.burger{border:1.5px solid var(--ink);border-radius:var(--radius)}
.lang-sw a,.lang-sw b{border-radius:var(--radius)}
.lang-sw a{border-color:var(--line)}
.lang-sw a:hover{background:var(--mark);border-color:var(--mark)}
@media(max-width:1180px){.nav{border-bottom:2px solid var(--ink)}.nav a{border-bottom:1px solid var(--line)}.nav a[aria-current]{border-bottom:3px solid var(--mark)}}

/* Kleine Überschriften: ruhig, ohne Grossbuchstaben */
.kicker{text-transform:none;letter-spacing:0;font-size:1rem;color:var(--green);margin-bottom:8px}
.lead{color:var(--ink-2)}
.checked{border-radius:var(--radius)}

/* Knöpfe und Felder */
.btn,.big-search button{border-radius:var(--radius)}
.btn.light{border:1.5px solid var(--ink)}
.big-search{border-radius:var(--radius);border:2px solid var(--ink)}
.field input,.field select,.field textarea,.az-filter input{border-radius:var(--radius);border-color:#9FB1A8}
.chips a,.chips span,.kt-chips a{border-radius:var(--radius)}
.chips a:hover,.kt-chips a:hover{border-color:var(--ink);background:var(--paper-2)}

/* Karten wie Blätter: feste Kante, kein weicher Schatten */
.card,.door,.firm,.kt-card,.choose-opt,.zweck,.gem-list a{border-radius:var(--radius);border:1.5px solid var(--line)}
.door{border-top:4px solid var(--ink)}
.door:hover{transform:none;border-color:var(--ink);background:var(--paper-2)}
.door .ico{border-radius:var(--radius);background:var(--green-l)}
.firm .acts a,.types li,.tag-list li,.art,.wt,.hours li{border-radius:var(--radius)}
.hours li{background:var(--paper-2)}
.answer{border-radius:var(--radius);border:1.5px solid var(--line);border-left:6px solid var(--mark)}
.wohin li{border-radius:var(--radius)}
.zweck{border-left:6px solid var(--green)}
.rueck{border-left:6px solid var(--green)}
.src{border-top:1px solid var(--line)}
.steps .n{border-radius:var(--radius);background:var(--mark)}
.faq summary::after{color:var(--green)}
.az-bar{background:var(--bg)}
.az-bar a,.az-bar span{border-radius:var(--radius)}
.az-h{border-bottom:2px solid var(--ink)}
.sec-h{border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:16px}
.oh-badge{border-radius:var(--radius)}
.flash{border-radius:var(--radius)}

/* Startseite: helles Blatt mit Karte statt dunkler Fläche */
.hero-map{background:var(--bg);color:var(--ink);border-bottom:2px solid var(--ink)}
.hero-map::before{display:none}
.hero-map .kicker{color:var(--green)}
.hero-map h1{color:var(--ink);font-size:clamp(2.3rem,5vw,3.9rem)}
.hero-map .lead{color:var(--ink-2)}
.hero-map .hint{color:var(--ink-2)}
.hero-map .hint a{color:var(--ink)}
.big-search.xl{border:2px solid var(--ink);box-shadow:none;padding:0;border-radius:var(--radius);overflow:visible}
.big-search.xl .sico{color:var(--ink)}
.big-search.xl input{font-size:1.2rem;padding:16px 10px}
.big-search.xl button{background:var(--mark);color:var(--ink);border-left:2px solid var(--ink);border-radius:0;padding:18px 26px;font-size:1.1rem;align-self:stretch}
.big-search.xl button:hover{background:#FF9E2E;color:var(--ink)}
.sugg{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--green)}
.sugg li a{border-radius:2px}

.map-card{background:#fff;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:10px 10px 0 var(--green);padding:14px 14px 10px}
.map-card figcaption{color:var(--ink-2)}
.map-card .d{background:var(--green)}
.map-card .d.h{background:var(--mark);border-color:var(--ink)}
.map-card .d.z{background:#9AAFA5}
.map-hint{color:var(--green);text-transform:none;letter-spacing:0;font-size:.95rem}
.map-back{background:#fff;color:var(--ink);border:1.5px solid var(--ink);border-radius:var(--radius)}
.map-back:hover{background:var(--paper-2)}
.map-all{color:var(--ink)}
.ch-map .see{fill:#CFE2EA}
.ch-map .kts .kt{fill:#EEF3F0;stroke:#7C928A}
.ch-map .kts a.kt.on path{fill:#DCEBE2;stroke:#5F7A70}
.ch-map .kts a.kt.on:hover path,.ch-map .kts a.kt.on:focus path{fill:#FFD9AC;stroke:var(--ink)}
.ch-map.zoomed .kts a.kt.on path{fill:#F2F6F4}
.ch-map.zoomed .kts a.kt.sel path{fill:#DCEBE2;stroke:var(--ink)}
.ch-map .klbl text{fill:rgba(18,53,42,.62)}
.ch-map .gms circle{fill:var(--green);stroke:#fff}
.ch-map .gms circle.h{fill:var(--mark);stroke:var(--ink)}
.ch-map .gms circle.z{fill:#9AAFA5}
.ch-map.zoomed .gms a:hover circle,.ch-map.zoomed .gms a:focus circle{fill:var(--ink);stroke:var(--mark)}
.map-tip{border:1.5px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--green)}

.hero-facts.row{gap:0;border-top:2px solid var(--ink);margin-top:34px}
.hero-facts.row li{background:none;border:0;border-right:1px solid var(--line);border-radius:0;color:var(--ink-2);padding:14px 18px 4px}
.hero-facts.row li:last-child{border-right:0}
.hero-facts.row strong{color:var(--ink)}
.hero-facts.row span{color:var(--ink-2)}
@media(max-width:960px){.hero-facts.row li:nth-child(2n){border-right:0}}

/* Fuss: hell und ruhig */
.ft{background:var(--paper-2);color:var(--ink-2);border-top:2px solid var(--ink)}
.ft a{color:var(--ink)}
.ft h3{color:var(--ink)}
.ft .legal{border-top:1px solid var(--line)}

/* hoher Kontrast bleibt schwarz-weiss */
html.a-hc .hero-map{background:#fff}
html.a-hc .hero-map .lead,html.a-hc .hero-map .hint,html.a-hc .hero-facts.row li,html.a-hc .map-card figcaption{color:#000!important}
html.a-hc .ft{background:#fff;color:#000}
html.a-hc .map-card{box-shadow:none}
@media (max-width:520px){.big-search.xl button{border-left:0;border-top:2px solid var(--ink)}}
.firm-list{grid-template-columns:minmax(0,1fr)}
.firm-list>*,.card{min-width:0;overflow-wrap:break-word}
/* v37 (31.10.2026): Startseiten-Titel ohne Silbentrennung «Al-les», auf Desktop nie trennen */
.hero-map h1{max-width:none;font-size:clamp(2.1rem,3.6vw,3.2rem);hyphens:manual;-webkit-hyphens:manual;text-wrap:balance}
@media (min-width:700px){h1,h2,h3{hyphens:manual;-webkit-hyphens:manual}}