@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(./manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(./manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(./manrope-latin-600-normal-4f0koTD-.woff2)format("woff2"),url(./manrope-latin-600-normal-BqgrALkZ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(./manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(./manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}*,:before,:after{box-sizing:border-box}html,body{background:var(--farbe-karte-hintergrund);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}body{font-family:var(--schrift-text);font-size:var(--schrift-groesse-px-text);color:var(--farbe-ui-tinte);font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;cursor:pointer}#app{position:fixed;inset:0}#karte{width:100%;height:100%;display:block}#hud,#ebene{pointer-events:none;padding:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-top)) max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-right)) max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-bottom)) max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-left));position:absolute;inset:0}#hud>*,#ebene>*{pointer-events:auto}.versteckt{display:none!important}:focus-visible{outline:3px solid var(--farbe-ui-fokus);outline-offset:2px}.pergament :focus-visible,.blatt :focus-visible{outline-color:var(--farbe-ui-fokus-auf-hell)}.umriss{color:var(--farbe-ui-tinte);font-family:var(--menue-schrift-anzeige);font-weight:400}.knopf{min-width:var(--groesse-px-tippflaeche-min)}.knopfreihe{flex-wrap:wrap;display:flex}.knopfreihe>.knopf{flex:130px}.schliessen{flex:none;place-items:center;display:grid}.sym{display:inline-block}.knopf small .preis-sym{vertical-align:-2px;width:14px;height:14px;margin-right:4px}.runde{right:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-right));bottom:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-bottom));align-items:center;gap:var(--abstand-px-2);flex-direction:column;display:flex;position:absolute}.rund{background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.rund .kreis{border-radius:var(--radius-px-rund);place-items:center;display:grid}.rund.bauen .kreis{width:var(--groesse-px-rundknopf-bauen);height:var(--groesse-px-rundknopf-bauen)}.rund.besuch .kreis{width:var(--groesse-px-rundknopf-besuch);height:var(--groesse-px-rundknopf-besuch)}.rund .kreis .sym{width:55%;height:55%;filter:var(--schatten-symbol)}.rund:active .kreis{transform:translateY(3px)}.zoom{left:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-left));bottom:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-bottom));gap:var(--abstand-px-1);flex-direction:column;display:flex;position:absolute}.zoomknopf{width:var(--groesse-px-zoomknopf);height:var(--groesse-px-zoomknopf);padding:0;font-size:26px;line-height:1}.hud-links{top:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-top));left:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-left));width:calc(100% - 150px - 2 * var(--groesse-px-rand-bildschirm) - var(--abstand-px-1) - 17px);gap:var(--abstand-px-1);flex-direction:column;max-width:260px;display:flex;position:absolute}.dorfschild{border-radius:var(--radius-px-karte);padding:var(--abstand-px-1) var(--abstand-px-2);text-align:left;width:100%}.dorfschild .name{text-overflow:ellipsis;white-space:nowrap;line-height:1.15;display:block;overflow:hidden}.dorfschild .unter{font-size:var(--schrift-groesse-px-mini);margin-top:1px;font-weight:700;display:block}.auftrag{align-items:center;gap:var(--abstand-px-1);text-align:left;width:100%;min-height:var(--groesse-px-tippflaeche-min);padding:var(--abstand-px-1) var(--abstand-px-2);border-radius:var(--radius-px-karte);display:flex}.auftrag .marker{border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.auftrag .text{font-size:var(--schrift-groesse-px-klein);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.auftrag .lohn{flex:none}.pillen{top:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-top));right:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-right));gap:var(--abstand-px-1);flex-direction:column;width:150px;display:flex;position:absolute}.pille{height:var(--groesse-px-hud-pille-hoehe);padding:0 var(--abstand-px-2) 0 22px;border-radius:var(--radius-px-pille);text-align:right;justify-content:flex-end;align-items:center;width:calc(100% - 17px);margin-left:17px;display:flex;position:relative;overflow:visible}.pille .sym{border-radius:50%;position:absolute;top:50%}.pille .fuell{border-radius:2px;position:absolute;left:22px;right:6px;overflow:hidden}.pille .fuell i{background:var(--farbe-hud-fuellung-geld-0);width:0;height:100%;transition:width var(--zeit-ms-uebergang);border-radius:2px;display:block}.pille.waerme .fuell i{background:var(--farbe-hud-fuellung-waerme-0)}.pille.mangel .fuell i{background:var(--farbe-hud-fuellung-waerme-mangel-0)}.pille.ruf .fuell i{background:var(--farbe-hud-fuellung-ruf-gut-0)}.pille.ruf.schlecht .fuell i{background:var(--farbe-hud-fuellung-ruf-schlecht-0)}.pille .wert{white-space:nowrap;margin-bottom:3px}.pille .etikett{right:var(--abstand-px-2);font-size:var(--schrift-groesse-px-mini);color:var(--farbe-ui-hud-etikett-text);display:none;position:absolute;top:-1px}#ebene{flex-direction:column;justify-content:flex-end;align-items:center;display:flex}#ebene.mitte{justify-content:center}.abdunkeln{position:absolute;inset:0}.blatt{border-radius:var(--radius-px-popup) var(--radius-px-popup) 0 0;width:100%;max-width:580px;max-height:50%;margin-bottom:calc(-1 * max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-bottom)));padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:relative;overflow:hidden}.blatt.hoch{max-height:80%}.blatt.popup{border-radius:var(--radius-px-popup);max-height:90%;margin:0}.blatt .kopf{align-items:center;gap:var(--abstand-px-2);flex:none;display:flex}.blatt .kopf h2{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;line-height:1.15;overflow:hidden}.blatt .inhalt{touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow:auto}.blatt p{margin:0 0 var(--abstand-px-1);font-size:var(--schrift-groesse-px-absatz);line-height:1.35}.gedaempft{color:var(--farbe-ui-text-gedaempft)}.chips{gap:var(--abstand-px-1);margin:var(--abstand-px-1) 0;flex-wrap:wrap;display:flex}.zeile{justify-content:space-between;align-items:center;gap:var(--abstand-px-1);display:flex}.balken{margin:var(--abstand-px-1) 0;overflow:hidden}.balken i{background:var(--farbe-hud-fuellung-fortschritt-0);height:100%;display:block}.reiter{touch-action:pan-x;flex:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);mask-image:linear-gradient(90deg,#000 90%,#0000)}.reiter .knopf{flex:none}.raster{grid-template-columns:repeat(auto-fill,minmax(min(var(--groesse-px-katalog-karte-min-breite),46%),1fr));gap:var(--abstand-px-1);display:grid}.bkarte{text-align:left;min-height:var(--groesse-px-tippflaeche-min);flex-direction:column;align-items:stretch;gap:2px;min-width:0;display:flex}.bkarte canvas,.bkarte .bild{width:100%;height:var(--groesse-px-katalog-bild-hoehe);object-fit:cover;background:var(--farbe-karte-wiese-a);display:block}.bkarte.gesperrt canvas,.bkarte.gesperrt .bild{opacity:.45}.bkarte .titel{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;line-height:1.15}.bkarte .werte{font-size:var(--schrift-groesse-px-klein);color:var(--farbe-ui-text-gedaempft);font-weight:700}.bkarte .grund{font-size:var(--schrift-groesse-px-klein);color:var(--menue-farbe-text);align-items:center;gap:4px;font-weight:700;display:flex}.bkarte .preis .sym,.bkarte .grund .sym{flex:none;width:14px;height:14px}.bkarte .abzeichen{align-self:flex-start}#toast{pointer-events:none;padding:0 var(--groesse-px-rand-bildschirm);justify-content:center;display:flex;position:absolute;top:30%;left:0;right:0}#toast .toast{text-align:center;max-width:min(92%,420px);font-family:var(--schrift-text);font-size:var(--schrift-groesse-px-toast);opacity:0;transition:opacity var(--zeit-ms-toast-blende);line-height:1.2}#toast .toast.sichtbar{opacity:1}.banner{top:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-top));align-items:center;gap:var(--abstand-px-1);width:min(92%,420px);padding:var(--abstand-px-1) var(--abstand-px-2);background:var(--farbe-ui-pergament);border:var(--umriss-px-ui) solid var(--farbe-ui-pergament-rand);border-radius:var(--radius-px-karte);box-shadow:var(--schatten-schild);flex-wrap:wrap;display:flex;position:absolute;left:50%;transform:translate(-50%)}.banner .wer{font-family:var(--schrift-anzeige);flex:140px;font-weight:700}.banner .wer small{font-family:var(--schrift-text);color:var(--farbe-ui-text-gedaempft);font-weight:700;display:block}.feld{width:100%;padding:0 var(--abstand-px-2);font:inherit;-webkit-user-select:text;user-select:text}.schalter{align-items:center;gap:var(--abstand-px-2);min-height:var(--groesse-px-tippflaeche-min);font-weight:700;display:flex}:root{--k:var(--menue-farbe-kontur);--kb:var(--menue-mass-px-kontur)}.knopf{--f:var(--menue-knopf-neutral-0);--u:var(--menue-knopf-neutral-1);--t:var(--menue-farbe-text);min-height:var(--menue-mass-px-knopf-hoehe);border:var(--kb) solid var(--k);border-radius:var(--menue-mass-px-radius-knopf);background:var(--f);color:var(--t);font-family:var(--menue-schrift-anzeige);font-weight:400;font-size:var(--menue-schrift-groesse-px-knopf);letter-spacing:.02em;box-shadow:inset 0 calc(-1 * var(--menue-mass-px-sockel)) 0 var(--u),inset 0 3px 0 var(--menue-farbe-glanz),0 3px 0 var(--k);transition:transform var(--menue-zeit-ms-loslassen) var(--menue-kurve-plopp),box-shadow var(--menue-zeit-ms-loslassen);padding:6px 14px 8px;line-height:1.1}.knopf:active:not(:disabled){box-shadow:inset 0 -1px 0 var(--u),inset 0 2px 0 #0000001f,0 0 0 var(--k);transition-duration:var(--menue-zeit-ms-druck);transform:translateY(3px)}.knopf.los,.knopf.taler,.knopf.blau,.knopf.gefahr{--t:#fff;-webkit-text-stroke:var(--menue-schrift-kontur-px-knopf) var(--k);paint-order:stroke fill;text-shadow:0 2px 0 var(--k)}.knopf.los{--f:var(--menue-knopf-haupt-0);--u:var(--menue-knopf-haupt-1)}.knopf.geld{--f:var(--menue-knopf-geld-0);--u:var(--menue-knopf-geld-1);--t:var(--k);text-shadow:0 1px #ffffff8c}.knopf.gefahr{--f:var(--menue-knopf-gefahr-0);--u:var(--menue-knopf-gefahr-1)}.knopf.taler{--f:var(--menue-knopf-taler-0);--u:var(--menue-knopf-taler-1)}.knopf.blau{--f:var(--menue-knopf-info-0);--u:var(--menue-knopf-info-1)}.knopf.gewaehlt{--f:var(--menue-knopf-gewaehlt-0);--u:var(--menue-knopf-gewaehlt-1);box-shadow:inset 0 3px 0 #3b1d0a2e,0 0 0 var(--k);transform:translateY(3px)}.knopf:disabled{--f:var(--menue-knopf-aus-0);--u:var(--menue-knopf-aus-1);--t:var(--menue-knopf-aus-text);opacity:1;cursor:not-allowed;border-color:var(--menue-knopf-aus-rand);-webkit-text-stroke:0;text-shadow:none;box-shadow:inset 0 -3px 0 var(--u),0 3px 0 var(--menue-knopf-aus-rand);transform:none}.knopf.klein{min-height:var(--menue-mass-px-knopf-hoehe-klein);font-size:var(--menue-schrift-groesse-px-knopf-klein);padding:4px 10px 6px}.knopf small{font-family:var(--schrift-text);font-weight:800;font-size:var(--menue-schrift-groesse-px-knopf-unter);letter-spacing:0;-webkit-text-stroke:0;text-shadow:none;opacity:1;font-variant-numeric:tabular-nums;margin-top:2px;display:block}.knopf.los small,.knopf.taler small,.knopf.blau small,.knopf.gefahr small{text-shadow:0 1px 0 var(--k)}.knopf.stepper{flex:none;width:48px;min-width:48px;padding:0}.knopf.stepper .sym{width:22px;height:22px}.knopfreihe{gap:10px;margin-top:12px}.schliessen{width:var(--menue-mass-px-schliessen);height:var(--menue-mass-px-schliessen);border:var(--kb) solid var(--k);border-radius:var(--menue-mass-px-radius-knopf);background:var(--menue-knopf-gefahr-0);color:#fff;box-shadow:inset 0 -4px 0 var(--menue-knopf-gefahr-1),inset 0 3px 0 var(--menue-farbe-glanz),0 3px 0 var(--k);padding:0}.schliessen .sym{color:#fff;width:24px;height:24px;filter:drop-shadow(0 2px 0 var(--k))}.schliessen:active{box-shadow:inset 0 -1px 0 var(--menue-knopf-gefahr-1),0 0 0 var(--k);transform:translateY(3px)}.blatt{background:var(--menue-farbe-tafel);border:var(--kb) solid var(--k);animation:tafel-ein var(--menue-zeit-ms-tafel-ein) var(--menue-kurve-weich) both;box-shadow:-4px 0 #3b1d0a40,0 12px 32px #140a044d}.blatt.popup{box-shadow:0 6px 0 var(--k),0 18px 40px #140a0466;animation:popup-ein var(--menue-zeit-ms-popup-ein) var(--menue-kurve-plopp) both}@keyframes tafel-ein{0%{opacity:0;transform:translate(24px)}}@keyframes popup-ein{0%{opacity:0;transform:scale(.9)}}.blatt .kopf{min-height:var(--menue-mass-px-kopfband-hoehe);background:var(--menue-farbe-kopfband);border-bottom:var(--kb) solid var(--k);padding:6px 8px 10px 16px;position:relative;box-shadow:inset 0 3px #ffffff38}.blatt .kopf:after{content:"";height:var(--menue-mass-px-naht);background:linear-gradient(90deg,var(--menue-farbe-naht-vorlauf) 0 50%,var(--menue-farbe-naht-ruecklauf) 50% 100%);position:absolute;bottom:0;left:0;right:0}.blatt .kopf h2{font-family:var(--menue-schrift-anzeige);font-weight:400;font-size:var(--menue-schrift-groesse-px-titel);letter-spacing:.02em;color:#fff;-webkit-text-stroke:var(--menue-schrift-kontur-px-titel) var(--k);paint-order:stroke fill;text-shadow:0 3px 0 var(--k)}.blatt.popup .kopf h2{font-size:var(--menue-schrift-groesse-px-popup-titel)}.blatt .kopf .stufe:empty{display:none}.blatt .kopf .stufe{border:var(--menue-mass-px-kontur-fein) solid var(--k);background:var(--menue-knopf-geld-0);height:30px;color:var(--k);font-family:var(--menue-schrift-anzeige);font-weight:400;font-size:var(--menue-schrift-groesse-px-abzeichen);box-shadow:inset 0 -3px 0 var(--menue-knopf-geld-1),0 2px 0 var(--k);border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.blatt .kopf :focus-visible{outline-color:#fff}.blatt .inhalt{padding:12px}.blatt p{color:var(--menue-farbe-text);font-weight:500}.blatt .gedaempft{color:var(--menue-farbe-text-gedaempft);font-weight:600}.abdunkeln{background:var(--menue-farbe-abdunkeln)}.kasten{background:var(--menue-farbe-tafel-innen);border:var(--menue-mass-px-kontur-fein) solid var(--menue-farbe-tafel-linie);border-radius:var(--menue-mass-px-radius-kasten);box-shadow:0 3px 0 var(--menue-farbe-tafel-linie);margin:12px 0;padding:0 12px 8px;overflow:hidden}.kasten h3{background:var(--menue-farbe-kasten-kopf);border-bottom:var(--menue-mass-px-kontur-fein) solid var(--menue-farbe-tafel-linie);font-family:var(--menue-schrift-anzeige);font-weight:400;font-size:var(--menue-schrift-groesse-px-kasten-titel);letter-spacing:.02em;color:var(--k);margin:0 -12px 4px;padding:8px 12px 6px}.zeile{min-height:44px;font-size:var(--menue-schrift-groesse-px-zeile)}.zeile>span:first-child{color:var(--menue-farbe-text-gedaempft);font-weight:600}.zeile>span:last-child:not(:first-child){color:var(--k);font-weight:800;font-size:var(--menue-schrift-groesse-px-zeile-wert);font-variant-numeric:tabular-nums;text-align:right}.zeile+.zeile{border-top:2px dotted var(--menue-farbe-tafel-linie)}.blatt .sperrhinweis{align-items:center;gap:6px;margin-top:8px;display:flex}.sperrhinweis .sym{flex:none;width:14px;height:14px}.chip{height:var(--menue-mass-px-chip-hoehe);border:var(--menue-mass-px-kontur-fein) solid var(--k);background:var(--menue-chip-neutral-0);color:var(--menue-chip-neutral-1);font-weight:800;font-size:var(--menue-schrift-groesse-px-chip);border-radius:999px;align-items:center;gap:4px;padding:0 10px;display:inline-flex;box-shadow:0 2px #3b1d0a59}.chip.gruen{background:var(--menue-chip-gruen-0);color:var(--menue-chip-gruen-1)}.chip.rot{background:var(--menue-chip-rot-0);color:var(--menue-chip-rot-1)}.chip.blau{background:var(--menue-chip-blau-0);color:var(--menue-chip-blau-1)}.chip.sperr{cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;flex:none}.chip.sperr .sym{flex:none;width:14px;height:14px}.chip.gold{background:var(--menue-chip-gold-0);color:var(--menue-chip-gold-1)}.balken{height:var(--menue-mass-px-balken-hoehe);border:var(--menue-mass-px-kontur-fein) solid var(--k);background:var(--menue-farbe-balken-spur);border-radius:999px;box-shadow:inset 0 2px #3b1d0a33}.balken i{border-radius:999px;box-shadow:inset 0 3px #fff6}.reiter{background:var(--menue-farbe-kasten-kopf);border-bottom:var(--menue-mass-px-kontur-fein) solid var(--menue-farbe-tafel-linie);gap:8px;padding:10px 12px 8px}.reiter .knopf{padding:2px 12px 6px}.reiter .knopf.gewaehlt{--f:var(--menue-farbe-kopfband);--u:var(--menue-knopf-info-1);--t:#fff;-webkit-text-stroke:var(--menue-schrift-kontur-px-klein) var(--k);paint-order:stroke fill;text-shadow:0 2px 0 var(--k)}.bkarte{background:var(--menue-farbe-tafel-innen);border:var(--kb) solid var(--k);border-radius:var(--menue-mass-px-radius-kasten);box-shadow:inset 0 -4px 0 var(--menue-farbe-tafel-linie),0 3px 0 var(--k);padding:6px 6px 10px}.bkarte:active{box-shadow:inset 0 -1px 0 var(--menue-farbe-tafel-linie),0 0 0 var(--k);transform:translateY(3px)}.bkarte canvas,.bkarte .bild{border:var(--menue-mass-px-kontur-fein) solid #3b1d0a59;border-radius:8px}.bkarte .titel{font-family:var(--menue-schrift-anzeige);letter-spacing:.02em;color:var(--k);font-size:16px;font-weight:400}.bkarte .preis{border:2px solid var(--k);background:var(--menue-knopf-geld-0);height:26px;font-family:var(--schrift-text);color:var(--k);border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.bkarte .preis.zuteuer{background:var(--menue-chip-rot-0);color:var(--menue-chip-rot-1)}.feld{border:var(--menue-mass-px-kontur-fein) solid var(--menue-farbe-feld-rand);border-radius:var(--menue-mass-px-radius-knopf);min-height:48px;color:var(--k);background:#fff;font-weight:700;box-shadow:inset 0 3px #3b1d0a14}.feld:focus-visible{border-color:var(--k);box-shadow:0 0 0 3px var(--menue-farbe-naht-ruecklauf);outline:none}.schalter input{appearance:none;width:var(--menue-mass-px-schalter-breite);height:var(--menue-mass-px-schalter-hoehe);border:var(--menue-mass-px-kontur-fein) solid var(--k);background:var(--menue-farbe-schalter-aus);transition:background var(--menue-zeit-ms-loslassen);border-radius:999px;flex:none;margin:7px 0;position:relative;box-shadow:inset 0 3px #3b1d0a26}.schalter input:after{content:"";box-sizing:border-box;border:2px solid var(--k);width:22px;height:22px;transition:transform var(--menue-zeit-ms-loslassen) var(--menue-kurve-plopp);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.schalter input:checked{background:var(--menue-farbe-schalter-an)}.schalter input:checked:after{transform:translate(22px)}.pille{background:var(--menue-farbe-hud-grund);border:var(--menue-mass-px-kontur-fein) solid var(--k);box-shadow:0 3px #3b1d0a73}.pille .wert{color:var(--menue-farbe-hud-text);font-family:var(--schrift-text);font-weight:800;font-size:var(--menue-schrift-groesse-px-hud-wert);text-shadow:0 2px 0 var(--k);font-variant-numeric:tabular-nums}.pille .sym{width:var(--menue-mass-px-hud-symbol);height:var(--menue-mass-px-hud-symbol);border:var(--menue-mass-px-kontur-fein) solid var(--k);box-shadow:0 2px 0 var(--k);color:var(--k);margin-top:-16px;padding:5px;left:-18px}.pille.geld .sym{background:var(--menue-hud-symbol-geld)}.pille.waerme .sym{background:var(--menue-hud-symbol-waerme)}.pille.ruf .sym{background:var(--menue-hud-symbol-ruf)}.pille.taler .sym{background:var(--menue-hud-symbol-taler);color:#fff}.pille.monteure .sym{background:var(--menue-hud-symbol-monteur);color:#fff}.pille .fuell{background:var(--menue-farbe-hud-spur);height:5px;bottom:4px}.pille.mangel .wert,.pille.ruf.schlecht .wert{color:var(--menue-farbe-hud-text-mangel)}#hud :focus-visible{outline:3px solid var(--menue-farbe-fokus-auf-dunkel);outline-offset:2px}.dorfschild,.auftrag{background:var(--menue-farbe-tafel);border:var(--kb) solid var(--k);box-shadow:inset 0 -4px 0 var(--menue-farbe-tafel-linie),0 3px 0 var(--k)}.dorfschild .name{font-family:var(--menue-schrift-anzeige);font-weight:400;font-size:var(--menue-schrift-groesse-px-dorfname);letter-spacing:.02em;color:var(--k)}.dorfschild .unter{color:var(--menue-farbe-text-gedaempft)}.auftrag .marker{background:var(--menue-knopf-geld-0);border:2px solid var(--k);font-family:var(--menue-schrift-anzeige);color:var(--k);font-weight:400}.auftrag .lohn{border:2px solid var(--k);background:var(--menue-knopf-taler-0);color:#fff;height:24px;font-family:var(--schrift-text);border-radius:999px;align-items:center;padding:0 6px;font-size:12px;font-weight:800;display:inline-flex}.rund .kreis{border:var(--kb) solid var(--k);box-shadow:inset 0 -4px 0 #0003,0 3px 0 var(--k);background:var(--menue-knopf-haupt-0)}.rund.besuch .kreis{background:var(--menue-farbe-tafel)}.rund .etikett{font-family:var(--menue-schrift-anzeige);letter-spacing:.02em;color:#fff;-webkit-text-stroke:3px var(--k);paint-order:stroke fill;box-shadow:none;background:0 0;font-size:15px;font-weight:400}.zoomknopf{background:var(--menue-farbe-tafel);border:var(--kb) solid var(--k);border-radius:var(--menue-mass-px-radius-knopf);box-shadow:inset 0 -4px 0 var(--menue-farbe-tafel-linie),0 3px 0 var(--k);font-family:var(--menue-schrift-anzeige);color:var(--k);font-weight:400}#toast .toast,#toast .toast.lang{background:var(--menue-farbe-hud-grund);color:#fff;border:var(--menue-mass-px-kontur-fein) solid var(--k);box-shadow:0 3px 0 var(--k);border-radius:16px;padding:8px 16px;font-weight:700}.blatt :focus-visible,.knopf:focus-visible{outline:3px solid var(--menue-farbe-fokus);outline-offset:3px}.preisstufen{gap:var(--abstand-px-1);grid-template-columns:repeat(5,1fr);display:grid}.preisstufen .knopf{font-size:var(--schrift-groesse-px-klein);min-width:0;padding:0 2px}#laden{place-content:center;gap:var(--abstand-px-3);background:var(--farbe-karte-hintergrund);z-index:5;justify-items:center;display:grid;position:absolute;inset:0}#laden .dorfschild{width:auto;padding:var(--abstand-px-2) var(--abstand-px-4)}#laden .bahn{border-radius:var(--radius-px-chip);border:var(--umriss-px-ui) solid var(--farbe-ui-pergament-rand);background:var(--farbe-hud-fuellung-bautimer-grund);width:200px;height:14px;overflow:hidden}#laden .bahn i{background:var(--farbe-hud-fuellung-bautimer-0);width:40%;height:100%;animation:1.1s ease-in-out infinite alternate laden;display:block}@keyframes laden{to{margin-left:60%}}.vorteil{color:var(--farbe-chip-gruen-text);font-weight:700;font-size:var(--schrift-groesse-px-klein)}.nachteil{color:var(--farbe-chip-rot-text);font-weight:700;font-size:var(--schrift-groesse-px-klein)}@media (min-width:700px) and (min-height:601px){.pillen{width:190px}.pille .etikett{color:var(--farbe-ui-hud-etikett-text);margin-right:auto;display:block;position:static}.pillen{gap:var(--abstand-px-3)}.rund.bauen .kreis{width:76px;height:76px}.rund.besuch .kreis{width:64px;height:64px}.blatt{border-radius:var(--radius-px-popup);margin-bottom:var(--groesse-px-rand-bildschirm)}}@media (prefers-reduced-motion:reduce){.pille .fuell i,#toast .toast{transition:none}#laden .bahn i{animation:none}}.weniger-bewegung .pille .fuell i,.weniger-bewegung #toast .toast{transition:none}@media (prefers-reduced-motion:reduce){.blatt,.blatt.popup{animation:none}.knopf,.bkarte,.schliessen,.schalter input:after{transition:none}.knopf:active:not(:disabled),.bkarte:active,.schliessen:active,.rund:active .kreis{background:var(--u);transform:none}}.weniger-bewegung .blatt,.weniger-bewegung .blatt.popup{animation:none}.weniger-bewegung .knopf,.weniger-bewegung .bkarte,.weniger-bewegung .schliessen,.weniger-bewegung .schalter input:after{transition:none}.weniger-bewegung .knopf:active:not(:disabled),.weniger-bewegung .bkarte:active,.weniger-bewegung .schliessen:active,.weniger-bewegung .rund:active .kreis{background:var(--u);transform:none}.blatt-offen .runde,.blatt-offen .zoom{display:none}#drehen{z-index:10;background:var(--farbe-karte-hintergrund);text-align:center;padding:var(--abstand-px-4);place-content:center;display:none;position:absolute;inset:0}#drehen p{font-family:var(--schrift-anzeige);font-weight:700;font-size:var(--schrift-groesse-px-toast);color:#fff;margin:0}@media (orientation:portrait) and (max-width:600px){#drehen{display:grid}}@media (orientation:landscape) and (max-height:600px){.pillen{gap:var(--abstand-px-2);width:auto;top:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-top));flex-direction:row}.pille{width:auto;min-width:76px;margin-left:15px;padding-left:20px}.pille .etikett{display:none}.pille .wert{font-size:var(--schrift-groesse-px-text)}.hud-links{width:210px}.auftrag .text{-webkit-line-clamp:2}#ebene{justify-content:stretch;align-items:flex-end;padding:0}#ebene.mitte{justify-content:center;align-items:center}.blatt{border-radius:var(--radius-px-popup) 0 0 var(--radius-px-popup);border-right:0;width:min(46%,400px);max-width:none;height:100%;max-height:100%;margin:0}.blatt.hoch{max-height:100%}.blatt.popup{border-radius:var(--radius-px-popup);border-right:var(--umriss-px-ui) solid var(--farbe-ui-pergament-rand);width:min(92%,640px);height:auto;max-height:94%}.raster{grid-template-columns:repeat(2,minmax(0,1fr))}#ebene>.blatt{align-self:flex-end}.banner{top:auto;bottom:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-bottom))}.blatt.popup{border-right:var(--kb) solid var(--k)}}.preiswert{white-space:nowrap;text-align:center;flex:1;align-self:center;padding:0 6px;font-size:1.05rem;font-weight:700}.rechts{gap:var(--abstand-px-1);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}@media (orientation:landscape) and (max-height:520px){.blatt-offen .pillen .pille+.pille{display:none}.blatt-offen .pillen{right:calc(min(46%,400px) + 12px)}}@media (orientation:landscape) and (max-height:600px){.zoom{grid-template-columns:repeat(2,var(--groesse-px-zoomknopf));gap:var(--abstand-px-2);display:grid}}.durchmesser{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.durchmesser .knopf{min-width:0;padding-left:4px;padding-right:4px}#sprecher{left:50%;bottom:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-bottom));pointer-events:none;z-index:30;width:min(88%,460px);position:absolute;transform:translate(-50%)}.sprecher-karte{opacity:0;align-items:flex-end;gap:10px;transition:opacity .25s,transform .25s;display:flex;transform:translateY(14px)}.sprecher-karte.sichtbar{opacity:1;transform:none}.sprecher-bild{border:2px solid var(--farbe-ui-pergament-rand);background:var(--farbe-ui-pergament);border-radius:50%;flex:none;width:64px;height:64px;overflow:hidden;box-shadow:0 2px 8px #141c1f40}.sprecher-bild svg,.sprecher-bild img{object-fit:cover;width:100%;height:100%;display:block}.sprecher-bild.foto{width:auto;height:112px;box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:-2px;overflow:visible}.sprecher-bild.foto img{object-fit:contain;filter:drop-shadow(0 2px 4px #141c1f59);width:auto;height:100%}.sprecher-blase{background:var(--farbe-ui-pergament);border:1px solid var(--farbe-ui-pergament-rand);color:var(--farbe-ui-tinte);border-radius:14px 14px 14px 4px;flex-direction:column;gap:2px;padding:8px 12px;font-size:14px;line-height:1.3;display:flex;position:relative;box-shadow:0 2px 8px #141c1f33}.sprecher-blase strong{color:var(--farbe-ui-hud-etikett-text);font-size:12px}@media (prefers-reduced-motion:reduce){.sprecher-karte{transition:none}}.blatt-offen #sprecher{left:max(var(--groesse-px-rand-bildschirm),env(safe-area-inset-left));width:min(52%,380px);transform:none}.dorfschild{position:relative}.dorfschild .zahnrad{width:20px;height:20px;line-height:0;position:absolute;top:6px;right:8px}.kwknopf{font-size:15px;font-weight:800}.kwknopf.aus{opacity:.55;text-decoration:line-through}.schriftzug{font-family:"Lilita One",var(--schrift-anzeige);letter-spacing:.02em;font-weight:400;line-height:1;display:inline-flex}span.schriftzug>span.heat{color:#ff8a1f}span.schriftzug>span.ville{color:#3a92ea}#vorspann{z-index:100;background:#3f8ff0;transition:opacity .5s;position:fixed;inset:0;overflow:hidden}#vorspann .vs-szene{width:100%;height:100%;position:absolute;inset:0}#vorspann.aus{opacity:0;pointer-events:none}.vs-kopf{align-items:center;gap:14px;animation:.7s cubic-bezier(.2,1.6,.4,1) both vs-plopp;display:flex;position:absolute;top:6%;left:50%;transform:translate(-50%)rotate(-3deg)}.vs-kopf .logo-bild{border:4px solid #3b1d0a;border-radius:26%;box-shadow:0 6px #3b1d0a,0 14px 26px #00000059}.vs-titel{flex-direction:column;align-items:flex-start;display:flex}#vorspann span.schriftzug>span.heat{background:linear-gradient(#fff3a0,#ffc23a 45%,#ff7a1a);color:#0000;-webkit-background-clip:text;background-clip:text}#vorspann span.schriftzug>span.ville{background:linear-gradient(#e2f4ff,#6cc0ff 45%,#2c7fe0);color:#0000;-webkit-background-clip:text;background-clip:text}#vorspann .unterzeile{font-family:"Lilita One",var(--schrift-anzeige);color:#fff;letter-spacing:.04em;-webkit-text-stroke:5px #3b1d0a;paint-order:stroke fill;white-space:nowrap;margin:4px 0 0 6px;font-size:20px}.vs-fuss{flex-direction:column;align-items:center;gap:8px;width:min(480px,62vw);display:flex;position:absolute;bottom:2.5%;left:50%;transform:translate(-50%)}.vs-balken{background:#2a3b4f;border:4px solid #3b1d0a;border-radius:16px;width:100%;height:20px;position:relative;overflow:hidden;box-shadow:0 4px #3b1d0a}.vs-fuellung{transform-origin:0;will-change:transform;background:linear-gradient(#c8ff8a,#5fd14a 50%,#3a9e2e);animation:2.5s ease-out forwards vs-laden;position:absolute;inset:0;transform:scaleX(0)}.vs-fuellung:after{content:"";background:#ffffff8c;border-radius:4px;height:5px;position:absolute;inset:3px 6px auto}.vs-prozent{font-family:"Lilita One",var(--schrift-anzeige);color:#fff;-webkit-text-stroke:4px #3b1d0a;paint-order:stroke fill;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.vs-tipp{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#20140ab8;border-radius:10px;max-width:90vw;margin:0;padding:4px 12px;font-size:12px;font-weight:700;overflow:hidden}.vs-tipp b{color:#ffd45c}.vs-blattzeichen{-webkit-text-stroke:0;margin-right:6px}@keyframes vs-laden{to{transform:scaleX(1)}}@keyframes vs-plopp{0%{opacity:0;transform:translate(-50%)rotate(-3deg)scale(.3)}to{opacity:1;transform:translate(-50%)rotate(-3deg)scale(1)}}#vorspann.still *{animation:none!important}#vorspann.still .vs-fuellung{transform:none}@media (prefers-reduced-motion:reduce){#vorspann *{animation:none!important}#vorspann .vs-fuellung{transform:none}}#vorspann .vs-schriftzug{width:440px;max-width:80vw;height:auto;display:block;overflow:visible}@media (max-height:420px){#vorspann .vs-schriftzug{width:320px}.vs-kopf{top:4%}.vs-kopf .logo-bild{width:64px;height:64px}#vorspann .unterzeile{-webkit-text-stroke:4px #3b1d0a;font-size:14px}}.einst-logo{align-items:center;gap:10px;margin-bottom:6px;display:flex}.einst-logo .logo-bild{border-radius:24%}.einst-logo .schriftzug{font-size:30px}.update-hinweis{background:var(--menue-farbe-hud-grund);color:var(--menue-farbe-hud-text);border:var(--menue-mass-px-kontur-fein) solid var(--k);box-shadow:0 3px 0 var(--k);z-index:50;border-radius:16px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:6px 8px 6px 14px;font-weight:700;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.update-hinweis .knopf{min-height:44px}.blatt-offen .update-hinweis{left:max(12px,env(safe-area-inset-left));max-width:calc(100% - min(46%,400px) - 36px);transform:none}body:has(#ebene .blatt.popup) .update-hinweis{display:none}#ebene>.blatt:focus,#ebene>.blatt:focus-visible{outline:none}#ebene.mitte>.blatt.popup{align-self:center}@media (orientation:landscape) and (max-width:799px){.hud-links{width:170px}.pille{min-width:0}.pillen{gap:var(--abstand-px-1)}}@media (orientation:landscape) and (max-width:699px){.hud-links{width:160px}.pille{padding-left:18px;padding-right:var(--abstand-px-1)}}@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}