.seite{max-width:1240px;padding:0 var(--rand);margin:0 auto}.marke-klein{letter-spacing:.06em;text-transform:uppercase;width:fit-content;color:var(--akzent);align-items:center;gap:8px;margin:0;font-size:.78rem;font-weight:650;display:flex}.leise{color:var(--text-3)}.innen-kopf{isolation:isolate;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;padding:64px 0 0;display:grid;position:relative}.innen-kopf h1{max-width:16ch;font-family:var(--f-titel);font-weight:var(--titel-gewicht);font-stretch:var(--titel-breite);font-size:clamp(2.2rem,4.2vw,3.5rem);line-height:var(--titel-zeile);letter-spacing:var(--titel-sperr);text-wrap:balance;text-shadow:var(--hof);margin:0}.innen-kopf:not(.innen-kopf-beitrag) h1{line-height:calc(1.04*clamp(2.2rem,4.2vw,3.5rem))}.innen-kopf-beitrag{gap:24px 56px;padding:44px 0 26px}[data-theme=pixel]{--beitrag-titel:.92}[data-theme=raum],[data-theme=fluss]{--beitrag-titel:1}.innen-kopf-beitrag h1{max-width:820px;font-size:calc(clamp(2rem, 3.3vw, 2.95rem) * var(--titel-skala,1) * var(--beitrag-titel,1));line-height:calc(1.04*clamp(2rem,3.3vw,2.95rem))}.innen-kopf .marke-klein{margin-bottom:14px}.vorspann{max-width:34rem;font-family:var(--f-mario);font-style:var(--mario-stil);color:var(--mario-farbe);margin:18px 0 0;font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.45}.je-theme{--jt-pixel:var(--sicht-pixel);--jt-raum:var(--sicht-raum);--jt-fluss:var(--sicht-fluss);--jt-d-pixel:var(--nur-pixel);--jt-d-raum:var(--nur-raum);--jt-d-fluss:var(--nur-fluss);--jt-klar:var(--sicht-klar);--jt-d-szene:var(--ohne-klar);--jt-d-klar:var(--nur-klar);display:grid}.je-theme>.jt{min-width:0;display:var(--jt-d-szene);grid-area:1/1}.je-theme>.jt[data-theme=klar]{visibility:var(--jt-klar);display:var(--jt-d-klar)}.je-theme>.jt[data-theme=pixel]{visibility:var(--jt-pixel)}.je-theme>.jt[data-theme=raum]{visibility:var(--jt-raum)}.je-theme>.jt[data-theme=fluss]{visibility:var(--jt-fluss)}.vorspann>.jt{font-family:var(--f-mario);font-style:var(--mario-stil)}.kopf-akzent{top:0;right:calc(-1 * var(--rand));width:calc(220px + var(--rand));pointer-events:none;z-index:-1;height:100%;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%);mask-image:linear-gradient(90deg,#0000,#000 45%)}.kopf-akzent>span{position:absolute;inset:0}.kopf-akzent svg{width:100%;height:100%;position:absolute;bottom:0;right:0}.kopf-bild{justify-content:center;align-self:end;align-items:flex-end;width:220px;height:210px;display:flex}.kopf-vignette{width:220px;height:auto;display:block}.kopf-objekt{width:200px;height:200px;display:block}.objekt-platz{display:block}.kasten{background:var(--flaeche);border:1px solid var(--flaeche-rand);border-radius:var(--karte-radius);box-shadow:var(--karte-tiefe);padding:20px}.kasten h2{font-family:var(--f-titel);font-stretch:var(--titel-breite);font-weight:var(--titel-gewicht);letter-spacing:normal;margin:0 0 12px;font-size:1.15rem;line-height:1.2}.kasten p{color:var(--text-2);margin:0 0 12px;font-size:.92rem;line-height:1.5}.knopf-leise{font:inherit;color:var(--text);cursor:pointer;border:1px solid var(--chip-rand);border-radius:var(--chip-radius);background:0 0;padding:7px 12px;font-size:.86rem;transition:border-color .15s,background-color .15s}.knopf-leise:hover{border-color:var(--akzent)}.empfehlung{height:100%;min-height:168px;color:var(--text);background:var(--flaeche);border:1px solid var(--flaeche-rand);border-radius:var(--karte-radius);box-shadow:var(--karte-tiefe);transition:border-color .2s, transform .3s var(--raus);flex-direction:column;justify-content:flex-end;gap:8px;padding:20px 20px 18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.empfehlung:hover{border-color:var(--text-3)}[data-theme=raum] .empfehlung:hover{transform:translateY(-3px)}.empfehlung b{letter-spacing:-.005em;font-size:1.18rem;line-height:1.2;position:relative}.empfehlung b>.jt{font-family:var(--f-titel);font-stretch:var(--titel-breite);font-weight:var(--titel-gewicht)}.empfehlung.gross b{font-size:1.42rem}.empfehlung.gross b>.jt{max-width:24ch}.empfehlung .text{color:var(--text-2);font-size:.9rem;line-height:1.45;position:relative}.empfehlung .text>.jt{font-family:var(--f-text);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.empfehlung small{color:var(--text-3);font-size:.8rem;position:relative}.empfehlung .saeule{letter-spacing:.07em;text-transform:uppercase;color:var(--akzent);font-size:.74rem;font-weight:650;position:relative}.empfehlung .karte-bild{flex:none;height:60px;margin-bottom:auto;display:block;position:relative}.empfehlung.gross .karte-bild{height:132px}.empfehlung .vignette-karte{width:80px;height:auto;margin-top:4px;display:block}.empfehlung.gross .vignette-karte{width:136px}.empfehlung .objekt-karte{width:128px;height:128px;margin:0 0 0 -12px;display:block}[data-theme=fluss] .empfehlung .karte-bild{flex:1 0 auto;order:-1;height:auto;min-height:80px;margin:-20px -20px 0}[data-theme=fluss] .empfehlung.gross .karte-bild{min-height:152px}.empfehlung .karte-bild>.nur-fluss svg{opacity:.55;width:100%;height:100%;position:absolute;inset:0}[data-theme=klar] .empfehlung{justify-content:flex-start;min-height:0}[data-theme=klar] .empfehlung .karte-bild{display:none}.filterleiste{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.filterleiste button{font:inherit;font-family:var(--f-fest);color:var(--chip-text);cursor:pointer;background:var(--chip);border:1px solid var(--chip-rand);border-radius:var(--chip-radius);align-items:center;gap:8px;padding:7px 14px;font-size:.9rem;line-height:1.4;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.filterleiste button:hover{border-color:var(--akzent);color:var(--text)}.filterleiste button[aria-pressed=true]{border-color:var(--akzent);background:var(--chip-wahl);color:var(--text)}.filterleiste .px-zeichen{width:18px;height:14px;display:block}.abschnitte{top:calc(var(--kopf-h) + 32px);max-height:calc(100vh - var(--kopf-h) - 64px);overscroll-behavior:contain;font-family:var(--f-lese);align-self:start;margin:-4px;padding:4px;font-size:.88rem;position:sticky;overflow-y:auto}.abschnitte.rollt{-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),#0000);mask-image:linear-gradient(#000 calc(100% - 32px),#0000)}.abschnitte h2{font-family:var(--f-lese);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:0 0 10px;font-size:.74rem;font-weight:650;line-height:1.4}.abschnitte ol{border-left:1px solid var(--linie);margin:0;padding:0;list-style:none}.abschnitte li a{color:var(--text-2);border-left:2px solid #0000;margin-left:-1px;padding:5px 0 5px 14px;line-height:1.35;text-decoration:none;display:block}.abschnitte li a:hover{color:var(--text)}.abschnitte li a[aria-current=true]{color:var(--text);border-left-color:var(--akzent)}.abschnitte .zusatz{color:var(--text);align-items:center;gap:8px;margin-top:18px;font-weight:600;text-decoration:none;display:inline-flex}.abschnitte .zusatz:hover{text-underline-offset:3px;text-decoration:underline}.fortschritt{left:0;right:0;top:var(--kopf-h);z-index:9;pointer-events:none;height:2px;display:var(--nur-fluss);position:fixed}.fortschritt span{height:100%;width:calc(var(--p,0) * 100%);background:linear-gradient(90deg,#7b7368,#dcaa65);background:linear-gradient(90deg,lab(49.0091% 1.30701 7.65185),lab(73.2801% 13.2064 42.7299));display:block}@media (max-width:1100px){.abschnitte{display:none}}@media (max-width:720px){.innen-kopf,.innen-kopf-beitrag{grid-template-columns:minmax(0,1fr);padding-top:36px}.kopf-bild{display:none}.kopf-akzent{width:var(--rand);-webkit-mask-image:none;mask-image:none}.empfehlung{min-height:150px}.empfehlung.gross b{font-size:1.4rem}}@media (scripting:none){.abschnitte{max-height:none;position:static}}@media print{.kopf-akzent,.kopf-bild,.fortschritt,.abschnitte{display:none!important}.innen-kopf{padding-top:0;display:block!important}.vorspann{color:var(--text-2)}.je-theme>.jt[data-theme=pixel]{display:var(--jt-d-pixel)}.je-theme>.jt[data-theme=raum]{display:var(--jt-d-raum)}.je-theme>.jt[data-theme=fluss]{display:var(--jt-d-fluss)}}