:root{--atlas: #e7e1d1;--paper: #f5f1e6;--asphalt: #1e2a33;--ink: #22303a;--marsala: #a8322d;--bambus: #d9a626;--bambus-dunkel: #8a6a12;--adria: #2e7d8a;--rule: #c9c0aa;--muted: #6e6b60;--weiss: #ffffff;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--raum-1: .25rem;--raum-2: .5rem;--raum-3: .75rem;--raum-4: 1rem;--raum-5: 1.5rem;--raum-6: 2rem;--breite: 1000px;--kante: 2px;--schatten: 0 1px 4px rgb(30 42 51 / 25%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--atlas);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;padding-bottom:env(safe-area-inset-bottom)}h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.015em}p{margin:0}ul{margin:0;padding-left:1.1rem}code,pre{font-family:var(--font-mono)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;font-size:.9rem;width:100%;padding:.4rem .5rem;border:1px solid var(--rule);border-radius:var(--kante);background:var(--weiss);color:var(--ink)}textarea{resize:vertical;line-height:1.6}:focus-visible{outline:2px solid var(--bambus);outline-offset:2px}@media(max-width:640px){input,select,textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.seite{max-width:var(--breite);margin:var(--raum-5) auto;padding:0 var(--raum-4)}.kopf{display:flex;flex-wrap:wrap;gap:var(--raum-4);justify-content:space-between;align-items:flex-end;padding:var(--raum-5) var(--raum-4) var(--raum-4);background:var(--asphalt);color:var(--paper);border-bottom:4px solid var(--bambus)}.marke{display:flex;gap:var(--raum-3);align-items:center;min-width:0}.schild{font-family:var(--font-mono);font-weight:600;font-size:.72rem;letter-spacing:.08em;background:var(--paper);color:var(--asphalt);padding:.35rem .5rem;border-radius:3px;border:2px solid var(--bambus);white-space:nowrap}.kopf h1{font-size:1.3rem;font-weight:800;line-height:1.1}.kopf-unterzeile{margin-top:.15rem;font-size:.76rem;opacity:.72}.tacho{display:flex;gap:var(--raum-5)}.tacho div{text-align:right}.tacho b{display:block;font-family:var(--font-mono);font-size:1.15rem;color:var(--bambus);line-height:1}.tacho span{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.reiter{display:flex;gap:var(--raum-1);flex-wrap:wrap;align-items:center;padding:.6rem var(--raum-4);background:var(--asphalt);position:sticky;top:0;z-index:20}.reiter button{display:inline-flex;align-items:center;gap:.35rem;background:none;border:0;color:#b8bec2;font-weight:600;font-size:.78rem;padding:.45rem .7rem;border-radius:var(--kante)}.reiter button:hover{color:var(--paper);background:#ffffff12}.reiter button[aria-current=page]{background:var(--bambus);color:var(--asphalt)}.reiter .rechts{margin-left:auto}.status{display:flex;align-items:center;gap:var(--raum-2);flex-wrap:wrap;max-width:var(--breite);margin:var(--raum-3) auto 0;padding:.4rem var(--raum-4);font-size:.72rem;color:var(--muted)}.status-punkt{width:8px;height:8px;border-radius:50%;flex:none;background:var(--adria)}.status-punkt.offline{background:var(--bambus-dunkel)}.status-punkt.fehler{background:var(--marsala)}.status button{margin-left:auto;background:none;border:1px solid var(--rule);border-radius:var(--kante);color:var(--muted);font-size:.7rem;font-weight:600;padding:.2rem .5rem}.etappe{background:var(--paper);border:1px solid var(--rule);border-left:5px solid var(--asphalt);margin-bottom:var(--raum-1)}.etappe.puffer{border-left-color:var(--bambus)}.etappe.offen{border-left-color:var(--marsala)}.etappe.ausgelassen{opacity:.45}.etappe-zeile{display:grid;grid-template-columns:52px 1fr auto auto;gap:var(--raum-3);align-items:center;padding:.7rem .9rem;width:100%;background:none;border:0;text-align:left;color:inherit}.tagnummer{font-family:var(--font-mono);font-weight:600;font-size:1.3rem;color:var(--asphalt);border-right:1px solid var(--rule);padding-right:.6rem;line-height:1}.tagnummer.gross{font-size:2rem;border:0;padding:0}.etappe-ziel{font-weight:800;font-size:.98rem}.pfeil{color:var(--marsala);margin:0 .1rem}.etappe-meta{display:flex;gap:var(--raum-1);align-items:center;margin-top:.2rem;flex-wrap:wrap}.etappe-meta .land{font-family:var(--font-mono);font-size:.66rem;color:var(--muted);letter-spacing:.04em}.marker{font-size:.6rem;text-transform:uppercase;letter-spacing:.09em;padding:.12rem .38rem;border:1px solid var(--rule);color:var(--muted);white-space:nowrap}.marker.typ-lang,.marker.typ-transit{border-color:var(--marsala);color:var(--marsala)}.marker.typ-standtag{border-color:var(--adria);color:var(--adria)}.marker.typ-pass{border-color:var(--bambus);color:var(--bambus-dunkel)}.marker.puffer{border-color:var(--bambus);background:var(--bambus);color:var(--asphalt)}.etappe-km,.etappe-h{text-align:right;min-width:48px}.etappe-km b,.etappe-h b{display:block;font-family:var(--font-mono);font-size:.95rem;line-height:1}.etappe-km span,.etappe-h span{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stempel{display:inline-block;margin-left:var(--raum-2);font-weight:800;font-size:.6rem;text-transform:uppercase;letter-spacing:.14em;color:var(--marsala);border:2px solid var(--marsala);padding:.1rem .3rem;transform:rotate(-6deg);opacity:.85}.etappe-inhalt{border-top:1px dashed var(--rule);padding:.9rem}.spalten{display:grid;grid-template-columns:1fr 1fr;gap:var(--raum-5)}@media(max-width:760px){.spalten{grid-template-columns:1fr}}.block{margin-bottom:var(--raum-4);background:var(--paper);border:1px solid var(--rule);padding:.9rem}.etappe-inhalt .block{border:0;padding:0;background:none}.block h4{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em;margin-bottom:.45rem;display:flex;align-items:center;gap:.35rem;color:var(--asphalt)}.block-titel{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em;margin-bottom:.5rem;color:var(--asphalt)}.block ul{font-size:.84rem;line-height:1.55}.block li{margin-bottom:.3rem}.block .preis{font-family:var(--font-mono);font-size:.74rem;color:var(--adria)}.block small{color:var(--muted);font-size:.74rem}.hinweis{display:flex;gap:.4rem;align-items:flex-start;font-size:.8rem;line-height:1.45;background:#d9a62629;border-left:3px solid var(--bambus);padding:.5rem .6rem;margin-top:.6rem}.hinweis svg{flex:none;margin-top:.15rem}.leer{color:var(--muted);font-size:.82rem;text-align:center;padding:var(--raum-4) 0}.feld{display:flex;flex-direction:column;gap:.15rem}.feld>span{font-size:.6rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.raster-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--raum-2)}.raster-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--raum-2);margin-bottom:.6rem}@media(max-width:640px){.raster-4{grid-template-columns:1fr 1fr}}.knopfreihe{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.knopf{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:600;background:var(--asphalt);color:var(--paper);border:0;padding:.45rem .65rem;border-radius:var(--kante)}.knopf:hover{background:var(--adria)}.knopf.gefahr{background:var(--marsala)}.knopf.still{background:none;color:var(--muted);border:1px solid var(--rule)}.knopf.still:hover{background:var(--atlas);color:var(--ink)}.knopf:disabled{opacity:.5;cursor:not-allowed}.inhalt-bearbeiten{display:flex;flex-direction:column;gap:var(--raum-4);margin-top:var(--raum-4);border-top:1px dashed var(--rule);padding-top:var(--raum-3)}.inhalt-block .block-titel{display:flex;align-items:center;gap:.35rem}.inhalt-block .leer{text-align:left;padding:0 0 var(--raum-2)}.eintragsliste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--raum-2)}.eintrag{display:flex;flex-direction:column;gap:var(--raum-2);background:var(--paper);border:1px solid var(--rule);border-radius:var(--kante);padding:var(--raum-2)}.eintrag-nummer{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.eintrag-zeile{display:flex;align-items:flex-end;gap:var(--raum-2)}.eintrag-zeile .feld{flex:1;min-width:0}.eintrag-knoepfe{display:flex;flex-wrap:wrap;gap:.35rem}.eintrag-knoepfe .knopf,.eintrag-zeile .knopf,.inhalt-block .knopfreihe .knopf{min-height:44px;padding:.5rem .75rem}@media(max-width:480px){.eintrag-knoepfe .knopf{flex:1;justify-content:center}}.karte{background:var(--paper);border:1px solid var(--rule);padding:var(--raum-2)}.karte svg{display:block;width:100%;height:auto}.karte-land{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;fill:#8a8471}.karte-meer{fill:var(--adria);opacity:.85}.karte-pin{font-weight:700;font-size:11px;fill:var(--asphalt);paint-order:stroke;stroke:var(--paper);stroke-width:3px;stroke-linejoin:round}.legende{display:flex;gap:var(--raum-4);flex-wrap:wrap;font-size:.72rem;color:var(--muted);margin-top:.6rem;align-items:center}.legende i{display:inline-block;width:22px;height:0;vertical-align:middle;margin-right:.3rem}.legende .gefahren{border-top:3px solid var(--marsala)}.legende .geplant{border-top:2px dashed var(--asphalt)}.kartenkarte{display:flex;gap:var(--raum-4);align-items:flex-start;background:var(--paper);border:1px solid var(--rule);padding:.9rem;margin-top:.8rem}.kartenkarte h3{font-size:1.05rem}.kartenkarte p{margin-top:.15rem;font-size:.82rem;color:var(--muted)}.tagebuchseite{background:var(--paper);border:1px solid var(--rule);padding:var(--raum-4);margin-bottom:.9rem;background-image:repeating-linear-gradient(transparent,transparent 27px,rgb(46 125 138 / 9%) 27px,rgb(46 125 138 / 9%) 28px)}.tagebuchkopf{display:flex;gap:var(--raum-3);align-items:center;margin-bottom:.7rem;flex-wrap:wrap}.tagebuchkopf h3{font-size:1rem;flex:1;min-width:8rem}.gefahren-knopf{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;background:none;border:1px solid var(--rule);color:var(--muted);padding:.35rem .55rem;border-radius:var(--kante)}.gefahren-knopf[aria-pressed=true]{background:var(--marsala);border-color:var(--marsala);color:var(--weiss)}.bilder{display:flex;gap:var(--raum-2);flex-wrap:wrap;margin-top:.7rem}.bild{position:relative;width:104px;height:78px;border:3px solid var(--weiss);box-shadow:var(--schatten);background:var(--atlas)}.bild img{width:100%;height:100%;object-fit:cover;display:block}.bild button{position:absolute;top:-7px;right:-7px;background:var(--marsala);color:var(--weiss);border:0;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;padding:0}.bild-fehlt{display:grid;place-items:center;height:100%;font-size:.6rem;color:var(--muted);text-align:center;padding:0 .2rem}.bild-hinzu{width:104px;height:78px;border:2px dashed var(--rule);display:grid;place-items:center;align-content:center;gap:.1rem;cursor:pointer;color:var(--muted);font-size:.66rem}.nur-druck{display:none}.budgetzahlen{display:flex;gap:var(--raum-5);flex-wrap:wrap;background:var(--asphalt);color:var(--paper);padding:.9rem var(--raum-4);margin-bottom:.8rem}.budgetzahlen b{display:block;font-family:var(--font-mono);font-size:1.2rem;color:var(--bambus)}.budgetzahlen span{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;opacity:.65}.ausgabenformular{display:grid;grid-template-columns:1fr 1fr 2fr 1.4fr auto;gap:.4rem;align-items:end;margin-bottom:var(--raum-4)}@media(max-width:760px){.ausgabenformular{grid-template-columns:1fr 1fr}}.diagramme{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:var(--raum-4)}@media(max-width:760px){.diagramme{grid-template-columns:1fr}}.diagramm{background:var(--paper);border:1px solid var(--rule);padding:var(--raum-2)}.ausgabenliste{list-style:none;margin:0;padding:0}.ausgabenliste li{display:flex;align-items:center;gap:var(--raum-2);background:var(--paper);border:1px solid var(--rule);padding:.45rem .65rem;margin-bottom:.25rem;font-size:.84rem}.ausgabenliste .punkt{width:9px;height:9px;border-radius:50%;flex:none}.ausgabenliste .notiz{color:var(--muted);flex:1;min-width:0}.ausgabenliste .betrag{font-family:var(--font-mono);font-weight:600;white-space:nowrap}.ausgabenliste .weg{background:none;border:0;color:var(--muted);padding:0 .1rem;display:inline-flex}.zwei-spalten{display:grid;grid-template-columns:1fr 1fr;gap:var(--raum-4);max-width:var(--breite);margin:var(--raum-5) auto;padding:0 var(--raum-4)}@media(max-width:760px){.zwei-spalten{grid-template-columns:1fr}}.checkliste{list-style:none;margin:0;padding:0}.checkliste li{border-bottom:1px dashed var(--rule);padding:.45rem 0}.checkliste label{display:flex;gap:.55rem;align-items:flex-start;font-size:.84rem;line-height:1.45;cursor:pointer}.checkliste input{width:18px;height:18px;flex:none;margin-top:.15rem;accent-color:var(--marsala)}.checkliste .preis{font-family:var(--font-mono);font-size:.74rem;color:var(--adria)}.fortschritt{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);margin-left:auto}.daten pre{font-family:var(--font-mono);font-size:.72rem;line-height:1.5;background:var(--asphalt);color:#d6d2c4;padding:.8rem;overflow:auto;border-radius:var(--kante)}.daten p{font-size:.84rem;line-height:1.55;margin-bottom:.6rem}.daten code{background:var(--atlas);padding:0 .2rem;font-size:.78rem}.mittig{display:flex;flex-direction:column;gap:var(--raum-3);align-items:center;justify-content:center;min-height:60dvh;padding:var(--raum-5);text-align:center;color:var(--muted)}.mittig h1{font-size:1.4rem;color:var(--ink)}.mittig p{max-width:34rem;font-size:.9rem;line-height:1.6}.dreht{animation:dreht 1s linear infinite}@keyframes dreht{to{transform:rotate(360deg)}}.abschluss{font-size:.78rem;color:var(--muted);margin-top:var(--raum-4);line-height:1.55}@media print{.kein-druck{display:none!important}.nur-druck{display:flex!important;gap:.9rem;font-family:var(--font-mono);font-size:.72rem;color:#555;margin-bottom:.4rem}body{background:var(--weiss)}.kopf{background:var(--weiss);color:#000;border-bottom:2px solid #000}.tacho b{color:#000}.etappe,.tagebuchseite,.block,.kartenkarte{break-inside:avoid;background:var(--weiss)}.tagebuchseite{background-image:none}.seite,.zwei-spalten{max-width:none;margin:.5rem 0}.etappe-inhalt{display:block!important}}