: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}