@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}:root{--bg: #f5f7fa;--surface: #ffffff;--ink: #0c1b2b;--muted: #5a6b7c;--line: #e2e7ee;--accent: #1558d6;--accent-soft: #e8effc;--mast: #ff4d3d;--ok: #12805c;--ok-soft: #e4f5ee;--warn: #b4540a;--warn-soft: #fdf0e2;--night: #09182a;--night-2: #0f2740;--night-line: #1f3a58;--radius: 14px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:400 1rem/1.65 var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:var(--accent);text-underline-offset:3px}.wrap{width:min(1160px,100% - 40px);margin-inline:auto}.narrow{width:min(780px,100% - 40px);margin-inline:auto}h1,h2,h3{font-weight:700;line-height:1.12;letter-spacing:-.025em;margin:0 0 .45em}h1{font-size:clamp(2.2rem,5.2vw,3.7rem);letter-spacing:-.035em}h2{font-size:clamp(1.6rem,3.2vw,2.25rem)}h3{font-size:1.1rem;letter-spacing:-.01em}p{margin:0 0 1em}.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;display:block}.lead{font-size:1.2rem;color:var(--muted);max-width:38em}.fine{font-size:.85rem;color:var(--muted)}header.site{position:sticky;top:0;z-index:20;background:#09182aeb;backdrop-filter:blur(10px);border-bottom:1px solid var(--night-line);color:#fff}header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;color:#fff;text-decoration:none}nav.main{display:flex;gap:4px}nav.main a{padding:7px 12px;border-radius:8px;color:#b7c6d8;text-decoration:none;font-size:.95rem;font-weight:500}nav.main a:hover{color:#fff}nav.main a[aria-current]{color:#fff;background:#ffffff1a}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font:600 .98rem var(--font);text-decoration:none;background:var(--accent);color:#fff;border:1px solid transparent;cursor:pointer;transition:background .15s}.btn:hover{background:#0f46ae}.btn.ghost{background:transparent;border-color:#ffffff59;color:#fff}.btn.ghost:hover{background:#ffffff14}.btn.line{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn.line:hover{border-color:var(--ink)}.btn.small{padding:8px 14px;font-size:.9rem}.hero{background:radial-gradient(1200px 500px at 80% -10%,#16406a 0%,transparent 60%),var(--night);color:#fff;padding:72px 0 56px}.hero h1{max-width:14em}.hero .lead{color:#aebfd2}.hero .eyebrow{color:#7fb0ff}.cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 40px}.facts{display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));background:var(--night-line);border:1px solid var(--night-line);border-radius:var(--radius);overflow:hidden;margin-bottom:28px}.facts div{background:var(--night-2);padding:18px 20px}.facts b{display:block;font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.1}.facts span{color:#9db2c9;font-size:.88rem}.app{display:grid;grid-template-columns:1fr;border:1px solid var(--night-line);border-radius:var(--radius);overflow:hidden;background:var(--night-2)}@media(min-width:960px){.app{grid-template-columns:1fr 360px}}.stage{background:#0b2036}.mapbox{position:relative}.rankbox{padding:4px 22px 22px;border-top:1px solid var(--night-line)}.side{display:flex;flex-direction:column}.srcnote{margin-top:auto;padding-top:18px;color:#8ea4bc;font-size:.8rem}.srcnote a{color:#9cc2ff}#karte{width:100%;height:auto}#karte .land-bg{fill:#0b2036}#karte .water{fill:#17537d;stroke:#3b87b8;stroke-width:1.2}#karte .isle{fill:#0b2036;stroke:#3b87b8;stroke-width:1}#karte .border{fill:none;stroke:#8399b3;stroke-width:1.6;stroke-dasharray:6 5}#karte .mast{fill:var(--mast);fill-opacity:.9}#karte .halo{fill:var(--mast);fill-opacity:.12}#karte .lake-name{font:italic 500 17px var(--font);fill:#7db7de;letter-spacing:.04em}#karte .country{font:600 13px var(--font);letter-spacing:.3em;fill:#5e7690}#karte .country.ch{fill:#ff8a7e}#karte .ch-town{font:500 13px var(--font);fill:#ffb1a9;stroke:#0b2036;stroke-width:4;paint-order:stroke}#karte .pin{cursor:pointer}#karte .pin .core{fill:#fff;stroke:#0b2036;stroke-width:3;transition:r .15s}#karte .pin:hover .core,#karte .pin:focus .core{r:10}#karte .pin:focus{outline:none}#karte .pin:focus-visible .core{stroke:#7fb0ff}#karte .pin text{font:600 16px var(--font);fill:#fff;stroke:#0b2036;stroke-width:5;paint-order:stroke;pointer-events:none}#karte .pin.sel .core{fill:#7fb0ff;r:11}#karte .ring{fill:none;stroke:#7fb0ff;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ping 2s ease-out infinite}@keyframes ping{0%{transform:scale(.7);opacity:1}to{transform:scale(2.4);opacity:0}}.hide-masts #karte .mast,.hide-masts #karte .halo{opacity:0}.stage .legend{position:absolute;left:14px;bottom:12px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#09182ad9;border:1px solid var(--night-line);border-radius:10px;padding:8px 12px;font-size:.82rem;color:#c8d6e6}.legend label{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.legend input{accent-color:var(--mast)}.legend .sw{width:9px;height:9px;border-radius:50%;background:var(--mast);display:inline-block}.side{padding:22px;border-top:1px solid var(--night-line)}@media(min-width:960px){.side{border-top:0;border-left:1px solid var(--night-line)}}.side h3{color:#fff;font-size:1.5rem;margin-bottom:2px}.side .where{color:#8ea4bc;font-size:.85rem;margin-bottom:14px}.side .readout{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.side .readout div{background:var(--night);border:1px solid var(--night-line);border-radius:10px;padding:12px 14px}.side .readout b{display:block;font-size:1.6rem;letter-spacing:-.03em;line-height:1.1}.side .readout span{color:#8ea4bc;font-size:.8rem;line-height:1.3;display:block;margin-top:2px}.side p.note{color:#aebfd2;font-size:.92rem}.rank{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:2px 24px;grid-template-columns:1fr}@media(min-width:640px){.rank{grid-template-columns:1fr 1fr}}.rank li button{width:100%;display:grid;grid-template-columns:112px 1fr 62px;gap:10px;align-items:center;background:transparent;border:0;padding:6px 8px;border-radius:8px;color:#c8d6e6;font:500 .85rem var(--font);cursor:pointer;text-align:left}.rank li button:hover{background:#ffffff0f}.rank li button[aria-pressed=true]{background:#7fb0ff26;color:#fff}.rank .bar{height:6px;border-radius:99px;background:var(--night-line);position:relative;overflow:hidden}.rank .bar i{position:absolute;inset:0 auto 0 0;background:var(--mast);border-radius:99px}.rank .km{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.rank-head{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#8ea4bc;margin-top:18px;font-weight:600}.src{color:#8ea4bc;font-size:.8rem;padding:12px 22px 16px;border-top:1px solid var(--night-line);grid-column:1 / -1;margin:0}.src a{color:#9cc2ff}@media(max-width:640px){#karte .pin text{display:none}#karte .pin.sel text{display:block}}section.block{padding:80px 0}section.block.white{background:var(--surface);border-block:1px solid var(--line)}.head2{max-width:640px;margin-bottom:36px}.head2 p{color:var(--muted);font-size:1.1rem}.grid3{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.card h3{margin-bottom:8px}.card p{color:var(--muted);margin-bottom:14px}.card .tagline{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:block}.calc{display:grid;gap:28px;grid-template-columns:1fr;align-items:center}@media(min-width:860px){.calc{grid-template-columns:1.1fr 1fr}}.calc .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.slider label{display:flex;justify-content:space-between;font-weight:600;margin-bottom:12px}input[type=range]{width:100%;accent-color:var(--accent);height:28px}.ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}.out{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}.out>div{flex:1 1 160px;border-radius:12px;padding:16px 18px}.out .bad{background:var(--warn-soft)}.out .good{background:var(--ok-soft)}.out b{display:block;font-size:2.1rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}.out .bad b{color:var(--warn)}.out .good b{color:var(--ok)}.out span{font-size:.85rem;color:var(--muted)}.refs{list-style:none;padding:0;margin:0;display:grid;gap:12px}.refs li{display:flex;gap:14px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px}.refs b{font-size:1.5rem;letter-spacing:-.02em;min-width:120px}.refs span{color:var(--muted);font-size:.95rem}.seg{display:inline-flex;background:#e9edf3;padding:4px;border-radius:12px;gap:4px;margin:8px 0 28px}.seg button{border:0;background:transparent;padding:10px 22px;border-radius:9px;font:600 .98rem var(--font);color:var(--muted);cursor:pointer}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0c1b2b26}.os{display:none}.os.show{display:block}.variant{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:20px;display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:820px){.variant{grid-template-columns:240px 1fr}}.variant .when .letter{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--ink);color:#fff;font-weight:700;font-size:.9rem;margin-bottom:10px}.variant .when h2{font-size:1.3rem}.variant .when p{color:var(--muted);font-size:.95rem;margin:0}.how ol{margin:0 0 14px;padding-left:1.2em}.how li{margin-bottom:6px}.path{font-weight:600;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 10px;display:inline-block;font-size:.93rem}.note{border-radius:10px;padding:12px 16px;font-size:.93rem;margin-top:12px}.note.info{background:var(--accent-soft)}.note.warn{background:var(--warn-soft)}.chooser{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:36px}.chooser a{display:block;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;transition:border-color .15s}.chooser a:hover{border-color:var(--accent)}.chooser b{display:block;margin-bottom:4px}.chooser span{color:var(--muted);font-size:.92rem}.tablewrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line);vertical-align:top;font-size:.97rem}th{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;background:#fafbfc}tr:last-child td{border-bottom:0}td small{color:var(--muted);display:block}.pill{display:inline-block;font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:99px;white-space:nowrap}.pill.in{background:var(--ok-soft);color:var(--ok)}.pill.half{background:var(--warn-soft);color:var(--warn)}.pill.opt{background:var(--accent-soft);color:var(--accent)}td .btn{white-space:nowrap}.disclose{border:1px solid var(--line);background:var(--surface);border-left:4px solid var(--accent);border-radius:10px;padding:14px 18px;font-size:.93rem;color:var(--muted);max-width:760px}.disclose b{color:var(--ink)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}summary:after{content:"+";font-weight:400;font-size:1.4rem;line-height:1;color:var(--muted)}details[open] summary:after{content:"–"}details p{color:var(--muted);margin:0 0 18px;max-width:40em}footer.site{background:var(--night);color:#9db2c9;padding:48px 0;font-size:.92rem}footer.site a{color:#d3e2f3}footer.site .cols{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}footer.site b{color:#fff}footer.site .adnote{margin-top:28px;padding-top:18px;border-top:1px solid var(--night-line);font-size:.85rem}@media(max-width:600px){header.site{position:static}header.site .wrap{flex-wrap:wrap}.hero{padding-top:48px}section.block{padding:56px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:640px){.stage .legend{position:static;border-radius:0;border-width:1px 0 0;background:var(--night)}}.shots{align-items:flex-start;display:flex;gap:16px;flex-wrap:wrap;margin:4px 0 8px}.shots figure{margin:0;width:min(270px,46%)}.shots img{width:100%;height:auto;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px #0c1b2b1a}.shots figcaption{font-size:.8rem;color:var(--muted);margin-top:6px}@media(max-width:520px){.shots figure{width:100%;max-width:280px}}.prose{max-width:720px}.prose h1{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:.6em}.prose h2{font-size:1.3rem;margin:1.8em 0 .5em}.prose p,.prose li{color:#26384a}.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:8px 12px;z-index:50}.skip:focus{left:8px;top:8px}.srcline{font-size:.85rem;color:var(--muted)}.variant,.os-head{scroll-margin-top:88px}.os-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:56px 0 20px}.os-head h2{margin:0}.os-head span{color:var(--muted);font-size:.9rem}.os-head:first-of-type{margin-top:0}.bilder{display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.bilder{grid-template-columns:repeat(4,1fr)}}.bilder figure{margin:0}.bilder img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius);background:var(--line);display:block}.bilder figcaption{margin-top:10px;font-size:.92rem;line-height:1.4;color:var(--muted)}.bilder figcaption b{display:block;color:var(--ink);font-size:1rem}.bilder .km{display:block;margin-top:4px;font-size:.82rem}.sms{display:grid;gap:28px;grid-template-columns:1fr;align-items:center;margin:56px 0 0}@media(min-width:760px){.sms{grid-template-columns:300px 1fr}}.sms img{width:100%;max-width:300px;height:auto;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px #0c1b2b1a}.sms figcaption{font-size:1.1rem;color:var(--muted);max-width:30em}.sms figcaption b{display:block;color:var(--ink);font-size:1.4rem;letter-spacing:-.02em;margin-bottom:6px}.sms figcaption .fine{display:block;margin-top:10px}.ort-hero{padding-bottom:40px}.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:14px}.crumbs a{color:var(--muted)}.ort-facts{display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:28px 0}.ort-facts div{background:var(--surface);padding:16px 20px}.ort-facts b{display:block;font-size:1.9rem;letter-spacing:-.03em;line-height:1.1}.ort-facts span{color:var(--muted);font-size:.88rem}.ortkarte{border:1px solid var(--night-line);border-radius:var(--radius);overflow:hidden;background:#0b2036;position:relative}.ortkarte svg{width:100%;height:auto;display:block}.ortkarte .land-bg{fill:#0b2036}.ortkarte .water{fill:#17537d;stroke:#3b87b8;stroke-width:1.2}.ortkarte .isle{fill:#0b2036;stroke:#3b87b8;stroke-width:1}.ortkarte .border{fill:none;stroke:#8399b3;stroke-width:1.6;stroke-dasharray:6 5}.ortkarte .mast{fill:var(--mast);fill-opacity:.9}.ortkarte .halo{fill:var(--mast);fill-opacity:.12}.ortkarte .ring-km{fill:none;stroke:#7fb0ff;stroke-opacity:.7;stroke-width:1.4;stroke-dasharray:4 5}.ortkarte .ring-label{font:600 12px var(--font);fill:#9cc2ff}.ortkarte .core{fill:#fff;stroke:#0b2036;stroke-width:3}.ortkarte .ort-label{font:700 17px var(--font);fill:#fff;stroke:#0b2036;stroke-width:5;paint-order:stroke}.ortkarte .legend{position:absolute;left:12px;bottom:10px;display:flex;gap:14px;flex-wrap:wrap;background:#09182ad9;border:1px solid var(--night-line);border-radius:10px;padding:7px 12px;font-size:.8rem;color:#c8d6e6}.ortkarte .legend .sw{width:9px;height:9px;border-radius:50%;background:var(--mast);display:inline-block}.ort-text h2{margin-top:1.6em}.ort-text h2:first-child{margin-top:0}.ort-text p{color:#26384a;max-width:40em}.ort-foto{margin:32px 0}.ort-foto img{width:100%;height:auto;border-radius:var(--radius);aspect-ratio:4 / 3;object-fit:cover}.ort-foto figcaption{font-size:.85rem;color:var(--muted);margin-top:8px}.tips{list-style:none;padding:0;display:grid;gap:12px}.tips a{display:block;text-decoration:none;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}.tips a:hover{border-color:var(--accent)}.tips b{display:block;color:var(--ink)}.quellen{list-style:none;padding:0;display:grid;gap:10px}.quellen li{display:grid;gap:2px}.quellen span{color:var(--muted);font-size:.88rem}.side .more{margin:12px 0 0}.side .more a{color:#9cc2ff;font-weight:600}.ortkarte .marker{fill:#ffc83d;stroke:#0b2036;stroke-width:3}.ortkarte .marker-label{font:700 14px var(--font);fill:#ffd87a;stroke:#0b2036;stroke-width:4;paint-order:stroke}.ortkarte .legend .sw.m{background:#ffc83d}.tag-selbst{display:inline-block;font:700 .72rem var(--font);letter-spacing:.08em;text-transform:uppercase;color:#7a4a00;background:#ffecc2;border:1px solid #f1cf85;border-radius:99px;padding:3px 10px;font-style:normal}.tag-selbst.klein{font-size:.66rem;margin-left:8px;padding:2px 8px;vertical-align:middle}.beob-sec{padding-top:8px;padding-bottom:8px}.beob{display:grid;gap:32px;grid-template-columns:1fr;align-items:start;background:var(--surface);border:1px solid var(--line);border-left:5px solid #ffc83d;border-radius:var(--radius);padding:28px}@media(min-width:900px){.beob{grid-template-columns:1.2fr 1fr}}.beob h2{margin:10px 0 .5em}.beob p{color:#26384a}.beob-zahlen{list-style:none;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:0;margin:18px 0 0}.beob-zahlen li{background:var(--bg);padding:12px 14px}.beob-zahlen b{display:block;font-size:1.5rem;letter-spacing:-.03em;line-height:1.1}.beob-zahlen span{font-size:.8rem;color:var(--muted)}.beob-foto{margin:0}.beob-foto img{width:100%;height:auto;border-radius:var(--radius);aspect-ratio:4 / 3;object-fit:cover}.beob-foto figcaption{font-size:.85rem;color:var(--muted);margin-top:8px}.ortkarte .marker-ring{fill:none;stroke:#ffc83d;stroke-width:4}.brand img{border-radius:8px;display:block}.brand span{letter-spacing:-.015em}.brand .dash{display:inline-block;width:.26em;height:.26em;margin:0 .09em;border-radius:50%;background:var(--mast);vertical-align:.22em}.brand em{font-style:normal;font-weight:500;color:#7fb0ff}@media(max-width:760px){header.site .wrap{flex-direction:column;align-items:flex-start;gap:6px}nav.main{flex-wrap:wrap;margin-left:-12px}}nav.main a.lang{margin-left:8px;border:1px solid #36506e;color:#d3e2f3}nav.main a.lang:hover{border-color:#7fb0ff}