@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}:root{--farbe-grund: #edeae2;--farbe-flaeche: #f7f5f0;--farbe-text: #24282a;--farbe-text-leise: #5e6461;--farbe-akzent: #2e4a47;--farbe-auf-akzent: #f4f2ec;--farbe-warm: #a5704f;--farbe-linie: #e2dfd7;--farbe-plakette: #e4e3d9;--farbe-zeichen: #7a807c;--farbe-punkt: #cfcbc0;--farbe-pille: rgba(247, 245, 240, .88);--farbe-standort: #4f5d60;--farbe-schleier: rgba(36, 40, 42, .32);--farbe-schatten: rgba(36, 40, 42, .18);--farbe-karte-grund: #e4dfd4;--farbe-ios-blau: #2f6fb3;--karte-saettigung: -.75;--karte-helligkeit-min: .2;--karte-helligkeit-max: .95;--karte-kontrast: -.15;--karte-farbton: 12;--karte-rand: 28;--karte-zoom-max: 14;--schrift: "DM Sans", system-ui, -apple-system, sans-serif;--groesse-score: 64px;--groesse-urteil: 22px;--groesse-titel: 24px;--groesse-bewertung: 22px;--groesse-knopf: 17px;--groesse-satz: 16px;--groesse-ortsname: 16px;--groesse-kopf: 17px;--groesse-frage: 15px;--groesse-zeit: 14px;--groesse-leise: 14px;--groesse-hinweis: 13px;--groesse-klein: 12px;--groesse-vermerk: 11px;--gewicht-normal: 400;--gewicht-mittel: 500;--gewicht-stark: 600;--abstand-xs: 4px;--abstand-s: 8px;--abstand-m: 12px;--abstand-l: 16px;--abstand-xl: 24px;--abstand-karte: 20px;--radius-karte: 20px;--radius-knopf: 16px;--radius-kachel: 10px;--radius-pille: 999px;--hoehe-knopf: 54px;--hoehe-ziel: 44px;--hoehe-zeile: 60px;--himmel-hoehe: clamp(100px, calc((100dvh - 470px)*.9) , 324px);--karte-hoehe: clamp(150px, 28dvh, 260px);--balken-breite: 100px;--balken-hoehe: 4px;--onboarding-himmel: 28%;--app-breite: 430px}[data-himmel]{--himmel-oben: #bfcaca;--himmel-mitte: #d9d9d0;--himmel-unten: #e8d3bf;--huegel-fern: #c9cec5;--huegel-nah: #aeb8ac;--wolke: #f7f5f0;--wolkenband: #b2b8b5;--regen: #8e9693;--sonne: var(--farbe-warm)}[data-himmel=klar]{--himmel-oben: #b9c8cc;--himmel-mitte: #d6dcd8;--himmel-unten: #e9dccb}[data-himmel=bedeckt]{--himmel-oben: #a9b0ae;--himmel-mitte: #bec3c0;--himmel-unten: #cfd2ce;--huegel-fern: #b9beb7;--huegel-nah: #a2aaa1;--wolkenband: #b4bab7}[data-himmel=regen]{--himmel-oben: #a3aaa8;--himmel-mitte: #b8bdba;--himmel-unten: #cacdc9;--huegel-fern: #b6bbb4;--huegel-nah: #9da59d;--wolkenband: #adb3b0}html,body,#root{height:100%;margin:0}body{background:var(--farbe-grund);color:var(--farbe-text);font-family:var(--schrift);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--farbe-akzent);outline-offset:2px}[hidden]{display:none!important}.app{position:relative;max-width:var(--app-breite);height:100%;margin:0 auto;overflow:hidden;background:var(--farbe-grund)}.nur-vorleser{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.knopf{width:100%;height:var(--hoehe-knopf);border:0;border-radius:var(--radius-knopf);background:var(--farbe-akzent);color:var(--farbe-auf-akzent);font-size:var(--groesse-knopf);font-weight:var(--gewicht-stark);cursor:pointer}.knopf:active{transform:scale(.98)}.bewertung-schleier{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:flex-end;background:var(--farbe-schleier);animation:schleier-ein .25s ease-out}@keyframes schleier-ein{0%{opacity:0}}.bewertung-blatt{width:100%;display:flex;flex-direction:column;gap:var(--abstand-l);padding-block:var(--abstand-xl) calc(var(--abstand-l) + env(safe-area-inset-bottom,0px));padding-left:max(var(--abstand-xl),env(safe-area-inset-left,0px));padding-right:max(var(--abstand-xl),env(safe-area-inset-right,0px));border-radius:var(--abstand-xl) var(--abstand-xl) 0 0;background:var(--farbe-grund);box-shadow:0 -10px 40px var(--farbe-schatten);animation:blatt-ein .3s cubic-bezier(.2,.8,.2,1)}@keyframes blatt-ein{0%{transform:translateY(100%)}}.bewertung-blatt h2{margin:0;font-size:var(--groesse-bewertung);font-weight:var(--gewicht-stark);text-align:center;text-wrap:balance}.bewertung-blatt h2:focus{outline:none}.bewertung-stufen{display:flex;justify-content:space-between;gap:var(--abstand-s)}.bewertung-stufe{width:var(--hoehe-knopf);height:var(--hoehe-knopf);border:2px solid var(--farbe-plakette);border-radius:var(--radius-karte);background:var(--farbe-flaeche);color:var(--farbe-text);font-size:var(--groesse-bewertung);font-weight:var(--gewicht-stark);cursor:pointer}.bewertung-stufe:active,.bewertung-stufe:focus-visible{border-color:var(--farbe-akzent);background:var(--farbe-akzent);color:var(--farbe-auf-akzent)}.bewertung-pole{display:flex;justify-content:space-between;margin-top:calc(var(--abstand-s) * -1);font-size:var(--groesse-hinweis);color:var(--farbe-text-leise)}.bewertung-fehler{margin:0;text-align:center;font-size:var(--groesse-leise);color:var(--farbe-text)}.bewertung-danke{margin:0;padding-block:var(--abstand-xl);text-align:center;font-size:var(--groesse-satz);font-weight:var(--gewicht-stark)}.himmel{display:block;width:100%;height:100%}.himmel .leer{fill:var(--farbe-karte-grund)}.stop-himmel-oben{stop-color:var(--himmel-oben)}.stop-himmel-mitte{stop-color:var(--himmel-mitte)}.stop-himmel-unten{stop-color:var(--himmel-unten)}.himmel .wolkenstreifen{fill:var(--wolke);opacity:.75}.himmel .wolkenbaender{fill:var(--wolkenband)}.himmel .regen{stroke:var(--regen);stroke-width:1.3;stroke-linecap:round;opacity:.7}.himmel .sonne{fill:var(--sonne)}.himmel .huegel-fern{fill:var(--huegel-fern)}.himmel .huegel-nah{fill:var(--huegel-nah)}.himmel .welle{fill:var(--himmel-welle, var(--farbe-flaeche))}.onboarding{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--farbe-grund);overflow-y:auto}.onboarding-himmel{--himmel-welle: var(--farbe-grund);position:relative;width:100%;height:var(--onboarding-himmel);flex-shrink:0;overflow:hidden}.onboarding-inhalt{flex:1;display:flex;flex-direction:column;gap:var(--abstand-xl);padding-block:var(--abstand-xl) calc(var(--abstand-l) + env(safe-area-inset-bottom,0px));padding-left:max(var(--abstand-xl),env(safe-area-inset-left,0px));padding-right:max(var(--abstand-xl),env(safe-area-inset-right,0px));animation:einblenden .3s ease-out}@keyframes einblenden{0%{opacity:0;transform:translateY(8px)}}.schritt-text{display:flex;flex-direction:column;gap:var(--abstand-m)}.schritt-text h1{margin:0;font-size:var(--groesse-titel);font-weight:var(--gewicht-stark);line-height:1.15;text-wrap:balance}.schritt-text p{margin:0;font-size:var(--groesse-satz);line-height:1.45;color:var(--farbe-text)}.schritt-knoepfe{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--abstand-s)}.onboarding .knopf:disabled,.leiser-knopf:disabled{opacity:.6}.leiser-knopf{height:var(--hoehe-ziel);border:0;background:none;color:var(--farbe-text-leise);font-size:var(--groesse-zeit);font-weight:var(--gewicht-stark);cursor:pointer}.wahl{display:flex;flex-direction:column;gap:var(--abstand-m)}.wahl-knopf{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--abstand-l);border:2px solid var(--farbe-plakette);border-radius:var(--radius-karte);background:var(--farbe-flaeche);color:var(--farbe-text);text-align:left;cursor:pointer}.wahl-knopf strong{font-size:var(--groesse-satz);font-weight:var(--gewicht-stark)}.wahl-knopf span{font-size:var(--groesse-leise);color:var(--farbe-text-leise)}.wahl-knopf:hover,.wahl-knopf:focus-visible{border-color:var(--farbe-akzent)}.schritt-punkte{display:flex;justify-content:center;gap:var(--abstand-s)}.schritt-punkte span{width:8px;height:8px;border-radius:4px;background:var(--farbe-punkt)}.schritt-punkte span.aktiv{width:20px;background:var(--farbe-text-leise)}.anleitung{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--abstand-m)}.anleitung li{display:flex;align-items:center;gap:var(--abstand-m);padding:var(--abstand-m) var(--abstand-l);border-radius:var(--radius-karte);background:var(--farbe-flaeche);font-size:var(--groesse-satz)}.anleitung-zeichen{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--farbe-plakette);display:flex;align-items:center;justify-content:center;color:var(--farbe-ios-blau)}.anleitung-zeichen svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.anleitung-icon{overflow:hidden;background:none}.anleitung-icon img{width:100%;height:100%}.datenquellen{position:fixed;top:0;right:0;bottom:0;left:0;max-width:var(--app-breite);margin:0 auto;z-index:4;overflow-y:auto;background:var(--farbe-grund);animation:datenquellen-ein .3s cubic-bezier(.2,.8,.2,1)}@keyframes datenquellen-ein{0%{transform:translate(100%)}}.datenquellen-kopf{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--abstand-m);padding-block:calc(var(--abstand-m) + env(safe-area-inset-top,0px)) var(--abstand-m);padding-left:max(var(--abstand-l),env(safe-area-inset-left,0px));padding-right:max(var(--abstand-l),env(safe-area-inset-right,0px));background:var(--farbe-grund)}.zurueck.zurueck-flach{position:static;flex-shrink:0;box-shadow:none}.datenquellen-kopf h1{margin:0;font-size:var(--groesse-bewertung);font-weight:var(--gewicht-stark);line-height:1.2}.datenquellen-kopf h1:focus{outline:none}.datenquellen-text{max-width:34em;padding-block:var(--abstand-s) calc(var(--abstand-xl) * 2 + env(safe-area-inset-bottom,0px));padding-left:max(var(--abstand-xl),env(safe-area-inset-left,0px));padding-right:max(var(--abstand-xl),env(safe-area-inset-right,0px));font-size:var(--groesse-leise);line-height:1.55}.datenquellen-text h2{margin:var(--abstand-xl) 0 var(--abstand-s);font-size:var(--groesse-satz);font-weight:var(--gewicht-stark)}.datenquellen-text h2:first-child{margin-top:var(--abstand-s)}.datenquellen-text p,.datenquellen-text ul{margin:0 0 var(--abstand-m)}.datenquellen-text ul{padding-left:1.2em}.datenquellen-text li+li{margin-top:6px}.datenquellen-text dl{margin:0}.datenquellen-text dt{margin-top:var(--abstand-m);font-weight:var(--gewicht-stark)}.datenquellen-text dd{margin:2px 0 0;color:var(--farbe-text)}.datenquellen-fehlt{color:var(--farbe-text-leise);font-style:italic}.folien{height:100%;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:none}.folie{box-sizing:border-box;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;gap:var(--abstand-m);padding-top:calc(var(--abstand-l) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--abstand-l) + env(safe-area-inset-bottom,0px));padding-left:max(var(--abstand-xl),env(safe-area-inset-left,0px));padding-right:max(var(--abstand-xl),env(safe-area-inset-right,0px))}:where(.folie) :is(p,h1,h2){margin:0}.kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--abstand-m)}.kopf-ort{font-size:var(--groesse-kopf);font-weight:var(--gewicht-stark)}.kopf-datum{font-size:var(--groesse-leise);color:var(--farbe-text-leise);white-space:nowrap}.abend-karte{flex-shrink:0;overflow:hidden;border-radius:var(--radius-karte);background:var(--farbe-flaeche)}.himmel-flaeche{height:var(--himmel-hoehe)}.abend-inhalt{padding:2px var(--abstand-karte) var(--abstand-karte)}.abend-frage{font-size:var(--groesse-frage);font-weight:var(--gewicht-mittel)}.score-zeile{margin-top:var(--abstand-s);display:flex;align-items:center;gap:var(--abstand-m)}.score{display:flex;align-items:baseline;gap:2px}.score-von{font-size:var(--groesse-hinweis);font-weight:var(--gewicht-normal);color:var(--farbe-text-leise);white-space:nowrap}.score-zahl{font-size:var(--groesse-score);font-weight:var(--gewicht-stark);line-height:.95;letter-spacing:-2.5px;font-variant-numeric:tabular-nums}.urteil{display:flex;flex-direction:column;gap:6px;min-width:0}.urteil h1{font-size:var(--groesse-urteil);font-weight:var(--gewicht-stark);line-height:1.2;text-wrap:balance}.balken{display:block;width:var(--balken-breite);height:var(--balken-hoehe);overflow:hidden;border-radius:var(--radius-pille);background:var(--farbe-linie)}.balken-fuellung{display:block;height:100%;background:var(--farbe-warm)}.satz{margin-top:10px;font-size:var(--groesse-satz);line-height:1.4;text-wrap:pretty}.zeiten{margin-top:var(--abstand-m);padding-top:var(--abstand-m);border-top:1px solid var(--farbe-linie);display:flex;flex-direction:column;gap:2px;font-variant-numeric:tabular-nums}.zeit-haupt{font-size:var(--groesse-zeit);font-weight:var(--gewicht-mittel)}.am-stueck{white-space:nowrap}.zeit-leise{font-size:var(--groesse-zeit);color:var(--farbe-text-leise)}.anderer-tag{display:flex;align-items:center;gap:var(--abstand-m);width:100%;padding:10px 14px 10px 10px;border:0;border-radius:var(--radius-karte);background:var(--farbe-flaeche);color:var(--farbe-text);font-family:inherit;text-align:left;cursor:pointer}.anderer-kachel{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-kachel);background:var(--farbe-karte-grund)}.anderer-kachel[data-himmel]{background:linear-gradient(var(--himmel-oben),var(--himmel-unten))}.anderer-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.anderer-zeile{font-size:var(--groesse-hinweis);color:var(--farbe-text-leise)}.anderer-urteil{font-size:var(--groesse-kopf);font-weight:var(--gewicht-stark)}.anderer-wertung{display:flex;align-items:baseline;justify-content:space-between;gap:var(--abstand-s)}.anderer-score{display:flex;align-items:baseline;gap:1px;flex-shrink:0}.anderer-zahl{font-size:var(--groesse-urteil);font-weight:var(--gewicht-stark);font-variant-numeric:tabular-nums}.weiter,.zu-heute svg,.pfeil-kreis svg,.ort-zeichen svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.weiter{width:20px;height:20px;flex-shrink:0;color:var(--farbe-text-leise)}.zu-orten{margin-top:auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:6px;padding:2px var(--abstand-xl);border:0;background:none;color:var(--farbe-text);font-family:inherit;font-size:var(--groesse-zeit);font-weight:var(--gewicht-stark);cursor:pointer}.pfeil-kreis{width:var(--hoehe-ziel);height:var(--hoehe-ziel);border-radius:50%;background:var(--farbe-akzent);color:var(--farbe-auf-akzent);display:flex;align-items:center;justify-content:center}.pfeil-kreis svg{width:20px;height:20px;stroke-width:2.2}.zu-orten:active .pfeil-kreis{transform:scale(.94)}.folie-orte{position:relative;gap:0}.zu-heute{align-self:flex-start;display:flex;align-items:center;gap:6px;min-height:var(--hoehe-ziel);margin-left:-6px;padding:0 6px;border:0;background:none;color:var(--farbe-text-leise);font-family:inherit;font-size:var(--groesse-leise);cursor:pointer}.zu-heute svg{width:18px;height:18px}.orte-titel{margin-top:var(--abstand-xs)}.orte-titel h2{font-size:var(--groesse-titel);font-weight:var(--gewicht-stark)}.orte-titel p{margin-top:2px;font-size:var(--groesse-leise);color:var(--farbe-text-leise)}.karten-flaeche{position:relative;flex-shrink:0;height:var(--karte-hoehe);margin-top:var(--abstand-m);overflow:hidden;border-radius:var(--radius-karte);background:var(--farbe-karte-grund)}.karte-fehlt{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--abstand-m);text-align:center;font-size:var(--groesse-leise);color:var(--farbe-text-leise)}.orte-liste{margin:var(--abstand-m) 0 0;padding:0;list-style:none;overflow:hidden;border-radius:var(--radius-karte);background:var(--farbe-flaeche)}.ort-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.ort-zeile+.ort-zeile{border-top:1px solid var(--farbe-linie)}.ort-link{display:flex;align-items:center;gap:var(--abstand-m);min-height:var(--hoehe-zeile);padding-left:14px;color:var(--farbe-text);text-decoration:none}.ort-nummer{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--farbe-plakette);font-size:var(--groesse-hinweis);font-weight:var(--gewicht-stark);display:flex;align-items:center;justify-content:center}.ort-text{display:flex;flex-direction:column;min-width:0}.ort-name{overflow:hidden;font-size:var(--groesse-ortsname);font-weight:var(--gewicht-stark);white-space:nowrap;text-overflow:ellipsis}.ort-meta{font-size:var(--groesse-hinweis);color:var(--farbe-text-leise)}.ort-zeichen{width:var(--hoehe-ziel);height:var(--hoehe-ziel);margin-right:6px;padding:0;border:0;background:none;color:var(--farbe-zeichen);display:flex;align-items:center;justify-content:center;cursor:pointer}.ort-zeichen svg{width:18px;height:18px;stroke-width:1.8}.ort-erledigt{color:var(--farbe-akzent);cursor:default}.ort-status{grid-column:1 / -1;padding:0 14px 10px 52px;font-size:var(--groesse-klein);font-weight:var(--gewicht-mittel);color:var(--farbe-akzent)}.orte-leer{padding:var(--abstand-xl) var(--abstand-s);text-align:center;font-size:var(--groesse-zeit);line-height:1.4;color:var(--farbe-text-leise)}.quellen-link{margin-top:auto;align-self:center;min-height:var(--hoehe-ziel);padding:0 var(--abstand-m);border:0;background:none;font-family:inherit;font-size:var(--groesse-klein);color:var(--farbe-text-leise);text-decoration:underline;cursor:pointer}.zurueck{width:var(--hoehe-ziel);height:var(--hoehe-ziel);border:0;border-radius:50%;background:var(--farbe-flaeche);color:var(--farbe-text);display:flex;align-items:center;justify-content:center;cursor:pointer}.zurueck svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
