.umgebung-kopf{min-height:78svh;padding:0 var(--rand) clamp(48px, 9vh, 96px);color:var(--kalk);align-items:flex-end;display:flex;position:relative;overflow:hidden}.umgebung-kopf img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.umgebung-kopf:after{content:"";z-index:-1;background:linear-gradient(#12172526 30%,#121725b8);position:absolute;inset:0}.umgebung-kopf .inhalt{width:100%;max-width:1440px;margin:0 auto}.umgebung-kopf h1{letter-spacing:-.055em;margin:0;font-size:clamp(64px,13vw,200px);font-weight:800;line-height:.84}.umgebung-kopf h1 .zeile{display:inline-block}.umgebung-kopf h1 em{color:var(--glut)}.umgebung-kopf p{opacity:.92;max-width:560px;margin:24px 0 0;font-size:clamp(17px,1.6vw,20px);line-height:1.5}.fotos{max-width:1440px;padding:clamp(40px, 7vh, 80px) var(--rand) 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin:0 auto;display:grid}.foto{aspect-ratio:4/5;color:var(--kalk);border-radius:24px;text-decoration:none;display:block;position:relative;overflow:hidden}.foto img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--weich)}.foto:hover img{transform:scale(1.04)}.foto:after{content:"";background:linear-gradient(#0000 55%,#12172599);position:absolute;inset:0}.foto-text{z-index:1;flex-direction:column;gap:2px;font-size:14px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.foto-text b{font-family:var(--serif);font-size:clamp(24px,2.4vw,34px);font-weight:400;line-height:1.05}.kapitel{z-index:20;padding:64px var(--rand) 12px;scrollbar-width:none;background:var(--kalk);box-shadow:0 1px 0 var(--linie);justify-content:center;gap:6px;margin-top:clamp(40px,7vh,72px);display:flex;position:sticky;top:0;overflow-x:auto}.kapitel a{font:500 14px var(--text-schrift);color:var(--text);box-shadow:inset 0 0 0 1px var(--linie);transition:background .3s var(--weich), color .3s var(--weich);background:#1e1a160d;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:9px 15px;text-decoration:none;display:inline-flex}.kapitel a[aria-current=true]{background:var(--espresso);color:var(--kalk)}.farbe{background:var(--espresso);border-radius:50%;width:10px;height:10px}.kapitel a[aria-current=true] .farbe{box-shadow:0 0 0 2px var(--kalk)}[data-art=essen]>.farbe{background:var(--terrakotta)}[data-art=wandern]>.farbe{background:#4f7a4a}[data-art=baden]>.farbe{background:#2f8c8a}[data-art=einkaufen]>.farbe{background:#6d5a8c}.reise{max-width:1440px;padding:12px var(--rand) 0;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:clamp(32px,4vw,64px);margin:0 auto;display:grid}.karte{position:sticky;top:132px}.karte-rahmen{box-shadow:inset 0 0 0 1px var(--linie);background:#d6e5e8;border-radius:24px;overflow:hidden}.karte-svg{width:100%;height:auto;display:block}.karte-svg .land{fill:#f6f1e8;stroke:#1e1a164d;stroke-linejoin:round}.karte-svg .strasse{fill:none;stroke-linecap:round;stroke-linejoin:round}.karte-svg .strasse.haupt{stroke:#dcae7c}.karte-svg .strasse.klein{stroke:#ece0cd}.karte-svg:not(.nah) .strasse.klein{display:none}.karte-svg .gipfel path{fill:#1e1a1647}.karte-svg .gipfel text{font-family:var(--text-schrift);fill:#1e1a1680;font-weight:500}.karte-ansicht{box-shadow:inset 0 0 0 1px var(--linie);border-radius:999px;margin-top:12px;padding:3px;display:inline-flex}.karte-ansicht button{font:500 13px var(--text-schrift);color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 12px}.karte-ansicht button[aria-pressed=true]{background:var(--espresso);color:var(--kalk)}.karte-svg .strasse.neben{stroke:#e8d4b8}.karte-svg .meer{font-family:var(--serif);fill:#1e1a1666;letter-spacing:.04em;font-style:italic}.karte-svg .punkt{cursor:pointer;transition:opacity .4s var(--weich)}.karte-svg .punkt circle{stroke:#fff}.karte-svg .punkt .leine{stroke:#1e1a1673}.karte-svg .punkt text{font-family:var(--text-schrift);fill:#fff;pointer-events:none;font-weight:700}.karte-svg .punkt.ort circle{fill:var(--espresso)}.karte-svg .punkt.essen circle{fill:var(--terrakotta)}.karte-svg .punkt.wandern circle{fill:#4f7a4a}.karte-svg .punkt.baden circle{fill:#2f8c8a}.karte-svg .punkt.einkaufen circle{fill:#6d5a8c}.karte-svg .punkt.zuhause circle{fill:var(--glut)}.karte-svg .punkt.rand circle{stroke-dasharray:3 2}.karte-svg.klein .punkt:not(.zuhause) text{display:none}.karte-svg.klein .punkt.rand circle{stroke-dasharray:none}@media (width>=961px){.karte-svg .punkt.blass{opacity:.18}}.karte-svg .punkt.aktiv,.karte-svg .punkt:focus-visible{opacity:1;outline:none}.karte-svg .punkt.aktiv circle,.karte-svg .punkt:focus-visible circle{stroke:var(--glut)}.karte-svg .schild{opacity:0;pointer-events:none;transition:opacity .2s var(--weich)}.karte-svg .schild.sichtbar{opacity:1}.karte-svg .schild rect{fill:var(--espresso)}.karte-svg .schild text{font-family:var(--text-schrift);fill:var(--kalk);font-weight:500}.karte-hinweis{color:var(--grau);margin:12px 4px 0;font-size:13px;line-height:1.5}.abschnitt{padding-bottom:clamp(48px,8vh,88px);scroll-margin-top:120px}.abschnitt-kopf{margin-bottom:20px}.abschnitt-kopf h2{margin:0;font-size:clamp(40px,4.4vw,64px);line-height:.95}.abschnitt-kopf p{color:var(--grau);margin:14px 0 0;line-height:1.5}.eintraege{border-top:1px solid var(--linie);margin:0;padding:0;list-style:none}.eintrag{border-bottom:1px solid var(--linie);transition:background .4s var(--weich);grid-template-columns:26px minmax(0,1fr);gap:6px 14px;padding:20px 0;scroll-margin-top:140px;display:grid}.eintrag>*{grid-column:2}.eintrag:hover{background:#1e1a1609}.eintrag.hervor{background:#d98a5f2e}.eintrag-kopf{display:contents}.eintrag .nummer{width:26px;height:26px;font:700 11px var(--text-schrift);letter-spacing:0;color:#fff;background:var(--espresso);border-radius:50%;grid-area:1/1;justify-content:center;align-self:center;align-items:center;display:inline-flex}.eintrag[data-art=essen] .nummer{background:var(--terrakotta)}.eintrag[data-art=wandern] .nummer{background:#4f7a4a}.eintrag[data-art=baden] .nummer{background:#2f8c8a}.eintrag[data-art=einkaufen] .nummer{background:#6d5a8c}.eintrag h3{font-family:var(--serif);grid-area:1/2;margin:0;font-size:27px;font-weight:400;line-height:1.05}.eintrag .ort{letter-spacing:1px;text-transform:uppercase;color:var(--grau);margin:0;font-size:12px}.eintrag p{margin:0;line-height:1.5}.eintrag .fakten{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.eintrag .fakten span{background:#1e1a160f;border-radius:999px;padding:4px 10px;font-size:13px}.eintrag .weg{color:var(--terrakotta);justify-self:start;font-size:14px;font-weight:500;text-decoration:none}.einkaufen-liste{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));column-gap:24px;margin-bottom:36px;display:grid}.einkaufen-liste .eintrag{border-radius:0;row-gap:2px;margin:0;padding:14px 0}.einkaufen-liste .eintrag h3{font-size:22px}.einkaufen-liste .eintrag .weg{font-size:13px}.praktisch{margin:0;padding:0;list-style:none}.praktisch li{margin:0 0 20px;line-height:1.5}.praktisch b{margin-bottom:2px;font-weight:600;display:block}.quellen{max-width:1440px;padding:64px var(--rand) 0;color:var(--grau);margin:0 auto;font-size:13px}@media (width<=960px){.reise{grid-template-columns:1fr}.karte{position:static}}@media (width<=640px){.fotos{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:repeat(3,minmax(64%,1fr));overflow-x:auto}.foto{scroll-snap-align:center}.kapitel{justify-content:flex-start;padding-top:60px}}
