:root{--ground: #f4f4f3;--surface: #ffffff;--surface-2: #fafaf9;--ink: #1a1c1e;--muted: #6b7075;--rule: #e2e2e0;--rot: #e5261f;--rot-dunkel: #b81d17;--gruen: #2f7d32;--gelb: #8a6100;--bar: #16181a;--bar-ink: #f2f2f0;--radius: 10px;--schatten: 0 1px 2px rgba(0,0,0,.05), 0 6px 20px rgba(0,0,0,.05)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #101113;--surface: #17191b;--surface-2: #1d1f22;--ink: #e9eaea;--muted: #9aa0a6;--rule: #2a2d31;--rot: #ff4a42;--rot-dunkel: #e5261f;--gruen: #6fbf73;--gelb: #d8a33a;--bar: #0b0c0d;--schatten: 0 1px 2px rgba(0,0,0,.4), 0 6px 20px rgba(0,0,0,.35)}}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font:400 16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.leiste{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:0 20px;height:56px;background:var(--bar);color:var(--bar-ink);padding-top:env(safe-area-inset-top)}.marke{font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.marke span{width:10px;height:10px;border-radius:3px;background:var(--rot)}.leiste nav{display:flex;gap:4px;margin-left:auto;align-items:center}.leiste nav a{padding:7px 12px;border-radius:8px;text-decoration:none;color:#b9bdc1;font-size:14px;font-weight:500;white-space:nowrap}.leiste nav a:hover{background:#ffffff12;color:#fff}.leiste nav a.aktiv{background:#ffffff1f;color:#fff}.inhalt{max-width:1080px;margin:0 auto;padding:24px 20px 64px}h1{font-size:24px;letter-spacing:-.02em;margin:0 0 4px}h2{font-size:17px;margin:28px 0 10px}.unter{color:var(--muted);font-size:14px;margin:0 0 20px}.karte{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--schatten);padding:16px;margin-bottom:12px}.karte.klickbar{cursor:pointer;transition:border-color .12s,transform .12s}.karte.klickbar:hover{border-color:var(--muted);transform:translateY(-1px)}.strecke{display:flex;align-items:flex-start;gap:12px}.strecke .punkte{padding-top:6px;display:flex;flex-direction:column;align-items:center}.strecke .punkt{width:9px;height:9px;border-radius:50%;border:2px solid var(--muted)}.strecke .punkt.ziel{background:var(--rot);border-color:var(--rot)}.strecke .linie{width:2px;flex:1;min-height:26px;background:var(--rule)}.ort{font-weight:600}.ort+.zeit{color:var(--muted);font-size:13px}.luecke{height:14px}.kopfzeile{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;flex-wrap:wrap}.nummer{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.preis{margin-left:auto;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.marker{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--rule);background:var(--surface-2);color:var(--muted)}.marker.offen{color:var(--rot);border-color:var(--rot)}.marker.vergeben{color:var(--gruen);border-color:var(--gruen)}.marker.entwurf{color:var(--gelb);border-color:var(--gelb)}.knopf{font:inherit;font-size:15px;font-weight:600;padding:10px 16px;border-radius:8px;cursor:pointer;border:1px solid var(--rule);background:var(--surface);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.knopf:hover{border-color:var(--muted)}.knopf.haupt{background:var(--rot);border-color:var(--rot);color:#fff}.knopf.haupt:hover{background:var(--rot-dunkel);border-color:var(--rot-dunkel)}.knopf:disabled{opacity:.5;cursor:default}.knopfreihe{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.feldgruppe{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:5px}input,select,textarea{width:100%;font:inherit;font-size:16px;padding:9px 11px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--rot);outline-offset:-1px}fieldset{border:0;padding:0;margin:0 0 22px}legend{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 0 10px}.mit-schalter{position:relative}.mit-schalter input{padding-right:96px}.schalter{position:absolute;right:6px;top:50%;transform:translateY(-50%);font:inherit;font-size:13px;font-weight:600;padding:5px 10px;border:0;border-radius:6px;cursor:pointer;background:var(--surface-2);color:var(--muted)}.schalter:hover{color:var(--ink)}.meldung{margin:12px 0;padding:11px 14px;border-radius:8px;font-size:14px;border:1px solid var(--rot);color:var(--rot);background:var(--surface)}.leer{text-align:center;color:var(--muted);padding:48px 20px}@media(max-width:640px){.leiste{gap:10px;padding:0 14px}.leiste nav a{padding:6px 9px;font-size:13px}.inhalt{padding:18px 14px 80px}.preis{font-size:18px}}.reihe{display:flex;gap:12px;align-items:baseline;margin:0 0 7px;font-size:14px}.reihe>span:first-child{color:var(--muted);min-width:130px;flex:none}.reihe .marker{margin-right:4px}.abweichung{color:var(--rot)}.mehr{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--rot);text-decoration:none}.mehr:hover{text-decoration:underline}a.karte.blank{display:block;text-decoration:none;color:inherit}.schaden{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;padding:8px 10px;background:var(--surface-2);border-radius:8px}.karte.hervor{border-color:var(--rot);border-width:2px}.knopf.gross{font-size:16px;padding:13px 20px}.knopf.klein{font-size:13px;padding:4px 10px}.fotogitter{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:480px){.fotogitter{grid-template-columns:repeat(2,1fr)}}.fotofeld{position:relative;aspect-ratio:4 / 3;border:2px dashed var(--rule);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--surface-2);overflow:hidden}.fotofeld:hover{border-color:var(--rot)}.fotofeld.voll{border-style:solid;border-color:var(--gruen)}.fotofeld img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.fotofeld .plus{font-size:26px;color:var(--muted);line-height:1}.fotoname{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;font-size:12px;font-weight:600;text-align:center;background:#0000008c;color:#fff}.bilderreihe{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.bilderreihe a{position:relative;width:104px;text-decoration:none}.bilderreihe img{width:104px;height:78px;object-fit:cover;border-radius:8px;border:1px solid var(--rule);display:block}.bilderreihe span{display:block;font-size:11px;color:var(--muted);text-align:center;margin-top:3px}.unterschrift{width:100%;height:150px;border:1px solid var(--rule);border-radius:10px;background:var(--surface-2);touch-action:none;display:block}.unterschriftbild{max-width:260px;display:block;margin-top:4px;border:1px solid var(--rule);border-radius:8px;background:#fff}.ankreuz{display:flex;gap:8px;align-items:center;margin-top:14px;font-size:15px;color:var(--ink);font-weight:400}.ankreuz input{width:auto}.karte.gut{border-left:5px solid var(--gruen)}.karte.wartet{border-left:5px solid var(--gelb)}.pruefzeile{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 0;border-top:1px solid var(--rule);font-size:14px}.pruefzeile .titel{flex:1;min-width:170px;font-weight:600;display:flex;align-items:center;gap:8px}.rollenschalter{display:flex;gap:2px;padding:3px;border-radius:9px;background:#ffffff14}.rollenschalter button{font:inherit;font-size:13px;font-weight:600;padding:5px 12px;border:0;border-radius:7px;cursor:pointer;background:transparent;color:#b9bdc1;white-space:nowrap}.rollenschalter button:hover{color:#fff}.rollenschalter button.an{background:var(--rot);color:#fff}@media(max-width:760px){.leiste{flex-wrap:wrap;height:auto;padding:8px 14px;gap:8px}.leiste nav{width:100%;margin-left:0;overflow-x:auto}.rollenschalter{margin-left:auto}}.filterzeile{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.filterzeile input,.filterzeile select{width:auto;flex:0 1 auto;font-size:14px;padding:7px 10px}.filterzeile input[placeholder^=Ort]{flex:1 1 240px;min-width:200px}.sprechblase{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.sprechblase>div{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:12px 15px;max-width:42rem;box-shadow:var(--schatten)}.sprechblase p{margin:0 0 6px}.sprechblase p:last-child{margin-bottom:0}.sprechblase.mensch{justify-content:flex-end}.sprechblase.mensch>div{background:var(--rot);border-color:var(--rot);color:#fff}.novapunkt{width:11px;height:11px;border-radius:3px;background:var(--rot);margin-top:15px;flex:none}.fragezeile{display:flex;gap:8px;margin-top:18px;position:sticky;bottom:0;padding:12px 0;background:linear-gradient(to top,var(--ground) 70%,transparent)}.fragezeile input{flex:1}a.marke{text-decoration:none;color:inherit;cursor:pointer}a.marke:hover span{transform:scale(1.25);transition:transform .12s}.ortswahl{position:relative}.ortkarte{display:flex;align-items:center;gap:10px;border:1px solid var(--rule);border-radius:8px;padding:8px 10px;background:var(--surface-2)}.ortkarte>div{flex:1;min-width:0;display:flex;flex-direction:column}.ortkarte .klein,.orteintrag .klein{display:block}.ortliste{position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:4px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:var(--schatten);max-height:320px;overflow:auto}.orteintrag{display:block;width:100%;text-align:left;border:0;cursor:pointer;background:transparent;padding:9px 12px;font:inherit;color:var(--ink);border-bottom:1px solid var(--rule)}.orteintrag:hover{background:var(--surface-2)}.orteintrag.neu{color:var(--rot);font-weight:600;border-bottom:0}.fenster{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}.balken{height:8px;background:var(--rule);border-radius:4px;overflow:hidden}.balken div{height:100%;background:var(--rot);transition:width .25s}.karte.schritt{padding:12px 14px}.karte.schritt.erledigt{opacity:.72}.schrittkopf{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:var(--ink)}.ziffer{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:14px;font-weight:700;background:var(--surface-2);color:var(--muted);border:1px solid var(--rule)}.ziffer.an{background:var(--gruen);color:#fff;border-color:var(--gruen)}.dateizeile{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 0;border-top:1px solid var(--rule);font-size:14px}.dateizeile .titel{flex:1;min-width:130px;font-weight:600}.gegenangebot{margin-top:10px}.gegenangebot summary{cursor:pointer;font-size:13px;color:var(--muted)}.gegenangebot summary:hover{color:var(--rot)}