:root{--c-paper: #FAF8F4;--c-white: #FFFFFF;--c-sand: #F1ECE3;--c-lake: #162B4F;--c-lake-deep: #0F1F3A;--c-lake-soft: #E6EAF1;--c-gold: #BE8C2A;--c-gold-text: #7E5B1B;--c-gold-light: #E2B866;--c-ink: #1F2933;--c-muted: #4A5761;--c-line: #DCD4C6;--c-error: #B00020;--c-error-soft: #FBEAEC;--c-focus: #162B4F;--radius: 8px;--touch: 2.75rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:100%;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--c-paper);color:var(--c-ink);font-size:1.0625rem;line-height:1.55}h1{font-size:1.6rem;line-height:1.2;margin:0 0 .5rem;color:var(--c-lake)}h2{font-size:1.2rem;line-height:1.3;margin:1.5rem 0 .5rem;color:var(--c-lake)}p{margin:0 0 1rem;max-width:38rem}a{color:var(--c-lake)}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.auf-dunkel :focus-visible{outline-color:var(--c-gold-light)}.seite{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:1.5rem 1rem 3rem}.karte{width:100%;max-width:30rem;background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--radius);padding:1.5rem 1.25rem}.marke{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;color:var(--c-lake);font-weight:700}.marke-zeichen{width:2rem;height:2rem;border-radius:6px;background:var(--c-lake);display:inline-block;position:relative;flex:none}.marke-zeichen:after{content:"";position:absolute;inset:.45rem;border:2px solid var(--c-gold-light);border-top-color:transparent;border-right-color:transparent;transform:rotate(135deg) scale(.8)}.hinweis{color:var(--c-muted);font-size:.975rem}label{display:block;font-weight:600;margin:1rem 0 .35rem}.feld-hinweis{display:block;font-weight:400;color:var(--c-muted);font-size:.95rem}input,select{display:block;width:100%;min-height:var(--touch);padding:.55rem .75rem;font:inherit;color:var(--c-ink);background:var(--c-white);border:2px solid var(--c-muted);border-radius:var(--radius)}input:focus-visible,select:focus-visible{outline-offset:1px}input[aria-invalid=true]{border-color:var(--c-error)}button,.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--touch);min-width:var(--touch);padding:.6rem 1.1rem;font:inherit;font-weight:700;cursor:pointer;border-radius:var(--radius);border:2px solid var(--c-lake);background:var(--c-white);color:var(--c-lake)}button:hover{background:var(--c-lake-soft)}button.primaer{background:var(--c-lake);color:#fff}button.primaer:hover{background:var(--c-lake-deep)}button.voll{width:100%}button:disabled{opacity:.6;cursor:not-allowed}button.text{border-color:transparent;background:transparent;text-decoration:underline}.aktionen{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.trenner{margin:1.5rem 0 0;border:0;border-top:1px solid var(--c-line)}details{margin-top:1.5rem;border-top:1px solid var(--c-line);padding-top:.5rem}summary{display:flex;align-items:center;min-height:var(--touch);cursor:pointer;font-weight:700;color:var(--c-lake)}.meldung{margin:0 0 1rem}.meldung:empty{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%)}.fehler{padding:.75rem 1rem;border:2px solid var(--c-error);border-radius:var(--radius);background:var(--c-error-soft);color:var(--c-error);font-weight:600}.erfolg{padding:.75rem 1rem;border:2px solid var(--c-lake);border-radius:var(--radius);background:var(--c-lake-soft)}.schritt{color:var(--c-gold-text);font-weight:700;font-size:.95rem;margin:0 0 .25rem}.anleitung{padding-left:1.25rem;margin:0 0 1rem;max-width:38rem}.anleitung li{margin-bottom:.4rem}.qr{display:block;width:14rem;height:14rem;max-width:100%;margin:1rem 0;padding:.5rem;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius)}.geheimnis{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.15rem;letter-spacing:.05em;padding:.5rem .75rem;background:var(--c-sand);border-radius:var(--radius);word-break:break-word;display:block}.kopf{background:var(--c-lake);color:#fff}.kopf-innen{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;max-width:70rem;margin:0 auto;padding:.5rem 1rem}.kopf .marke{color:#fff;margin:0}.kopf-nutzer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-width:0}.kopf button{border-color:var(--c-gold-light);background:transparent;color:#fff}.kopf button:hover{background:var(--c-lake-deep)}.inhalt{max-width:70rem;margin:0 auto;padding:1.5rem 1rem 3rem}.platzhalter{padding:2rem 1.25rem;background:var(--c-white);border:1px dashed var(--c-line);border-radius:var(--radius);color:var(--c-muted)}.skip{position:absolute;left:-999px;top:0;background:var(--c-white);padding:.75rem 1rem;z-index:10}.skip:focus{left:.5rem;top:.5rem}dialog{width:calc(100% - 2rem);max-width:28rem;padding:1.5rem 1.25rem;border:2px solid var(--c-lake);border-radius:var(--radius);background:var(--c-white);color:var(--c-ink)}dialog::backdrop{background:#0f1f3ab3}dialog[open]:not(:modal){position:fixed;inset:1rem auto auto 50%;transform:translate(-50%)}@media(min-width:40rem){.karte{padding:2rem;margin-top:2rem}.aktionen{flex-direction:row;flex-wrap:wrap}button.voll{width:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.aktionen+.hinweis,button+.hinweis{margin-top:.75rem}.hauptnav{background:var(--c-lake-soft);border-bottom:1px solid var(--c-line)}.hauptnav ul{display:flex;flex-wrap:wrap;gap:.25rem .5rem;max-width:70rem;margin:0 auto;padding:.25rem .5rem;list-style:none}.hauptnav a{display:inline-flex;align-items:center;min-height:var(--touch);padding:0 .85rem;color:var(--c-lake);font-weight:600;text-decoration:none;border-bottom:3px solid transparent}.hauptnav a:hover{text-decoration:underline}.hauptnav a.aktiv{border-bottom-color:var(--c-gold-text);font-weight:700}select{appearance:auto}.karten-liste{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.75rem;max-width:40rem}.eintrag{display:flex;flex-direction:column;gap:.15rem;padding:1rem;background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--radius)}.eintrag .aktionen{margin-top:.75rem}.meta{color:var(--c-muted);font-size:.95rem;overflow-wrap:anywhere}.marke-aus{align-self:flex-start;padding:.1rem .6rem;border:2px solid var(--c-muted);border-radius:999px;font-size:.875rem;font-weight:700;color:var(--c-muted)}.karte-formular,.link-box{max-width:30rem;margin:1rem 0 1.5rem;padding:1rem 1.25rem 1.25rem;background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--radius)}.link-box{border:2px solid var(--c-lake)}.link-box h2,.karte-formular h2{margin-top:.25rem}.link-box input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95rem}.tabelle-scroll{overflow-x:auto;margin:0 0 1rem;background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--radius)}.tabelle{width:100%;min-width:36rem;border-collapse:collapse;font-size:.975rem}.tabelle caption{padding:.75rem .75rem .25rem;text-align:left;font-weight:700;color:var(--c-lake)}.tabelle th,.tabelle td{padding:.6rem .75rem;text-align:left;vertical-align:top;border-top:1px solid var(--c-line)}.tabelle thead th{background:var(--c-sand);color:var(--c-lake)}.tabelle tbody th{font-weight:600;white-space:nowrap}.nur-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.feld-fehler{margin:.35rem 0 0;color:var(--c-error);font-weight:600;font-size:.95rem}.feld-fehler:empty{display:none}.zurueck-link{display:inline-flex;align-items:center;min-height:var(--touch);margin-bottom:.5rem;font-weight:600}button.zurueck-link{border-color:transparent;background:transparent;padding-left:0;text-decoration:underline}.kopf-aenderungen{padding:.15rem .7rem;border:2px solid var(--c-gold-light);border-radius:999px;font-size:.95rem}.inhalt:has(>app-bearbeiten){max-width:none;padding:0}.bearbeiten.handy{max-width:40rem;margin:0 auto;padding:1rem 1rem 3rem}.bearbeiten.drei-spalten{display:grid;grid-template-columns:minmax(13rem,16rem) minmax(22rem,32rem) minmax(0,1fr);align-items:start;min-height:calc(100vh - 7rem)}.drei-spalten>*{min-width:0}.spalte-leiste{background:var(--c-sand);border-right:1px solid var(--c-line);align-self:stretch;padding:.75rem .5rem 2rem}.spalte-formular{padding:1.25rem 1.25rem 3rem;background:var(--c-white);border-right:1px solid var(--c-line);align-self:stretch}.spalte-vorschau{position:sticky;top:0;height:100vh;padding:.5rem;display:flex;flex-direction:column}.spalte-vorschau app-vorschau{flex:1;display:flex;flex-direction:column;min-height:0}.vorschau-rahmen{flex:1;width:100%;min-height:20rem;border:1px solid var(--c-line);border-radius:var(--radius);background:#fff}.vorschau-handy{display:flex;flex-direction:column;height:75vh}.seitenleiste ul{list-style:none;margin:0 0 .75rem;padding:0}.seitenleiste a,.leiste-aus{display:flex;align-items:center;gap:.5rem;min-height:var(--touch);padding:.3rem .75rem .3rem 1.25rem;border-radius:var(--radius);color:var(--c-lake);text-decoration:none;line-height:1.3}.seitenleiste a:hover{background:var(--c-white);text-decoration:underline}.seitenleiste a[aria-current=page]{background:var(--c-white);font-weight:700;box-shadow:inset 4px 0 0 var(--c-gold-text)}.leiste-gruppe{margin:.75rem 0 .15rem;padding:0 .75rem;font-weight:700;color:var(--c-ink)}.leiste-aus{color:var(--c-muted);flex-wrap:wrap;column-gap:.4rem}.leiste-hinweis{color:var(--c-muted);font-size:.875rem;padding:0 .75rem;margin:0 0 .75rem}.leiste-aus .leiste-hinweis{padding:0;margin:0}.formular .feld{margin-bottom:1.25rem}.formular .label{display:block;font-weight:600;margin:1rem 0 .35rem}.speicher-status{min-height:1.6em;margin:.5rem 0 0;color:var(--c-muted);font-weight:600}.speicher-status.ist-fehler{color:var(--c-error)}.konflikt .aktionen,.konflikt button{margin-top:.5rem}.hinweis-klein{font-weight:400;font-size:.95rem;margin:.25rem 0 0}.verworfen pre{white-space:pre-wrap;padding:.5rem .75rem;background:var(--c-sand);border-radius:var(--radius);font:inherit}.platzhalter-klein{padding:.6rem .75rem;background:var(--c-paper);border:1px dashed var(--c-line);border-radius:var(--radius);color:var(--c-muted)}.umschalter{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:.75rem 0 1rem;padding:.5rem .75rem;border:1px solid var(--c-line);border-radius:var(--radius)}.umschalter legend{font-weight:600;padding:0 .25rem}label.umschalter-wahl{display:inline-flex;align-items:center;gap:.4rem;min-height:var(--touch);margin:0;font-weight:600}.umschalter-wahl input{width:1.25rem;height:1.25rem;min-height:0}.editor{border:2px solid var(--c-muted);border-radius:var(--radius);background:var(--c-white)}.editor.ungueltig{border-color:var(--c-error)}.editor:focus-within{outline:3px solid var(--c-focus);outline-offset:1px}.editor-knoepfe{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border-bottom:1px solid var(--c-line);background:var(--c-paper);border-radius:var(--radius) var(--radius) 0 0}.editor-knoepfe button{min-height:var(--touch);padding:.35rem .75rem;border-width:1px;font-weight:600}.editor-knoepfe button[aria-pressed=true]{background:var(--c-lake);color:#fff}.editor-knoepfe .knopf-fett{font-weight:800}.editor-knoepfe .knopf-kursiv{font-style:italic}.editor-text{min-height:8rem;padding:.6rem .75rem}.editor-text:focus-visible{outline:none}.editor-text p{margin:0 0 .75rem}.editor-text ul{margin:0 0 .75rem;padding-left:1.5rem}.editor-text a{color:var(--c-lake);text-decoration:underline;padding-block:.2rem}.ProseMirror{position:relative;word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;font-variant-ligatures:none;font-feature-settings:"liga" 0}.ProseMirror [contenteditable=false]{white-space:normal}.ProseMirror-gapcursor{display:none;pointer-events:none;position:absolute;margin:0}.ProseMirror-hideselection *::selection{background:transparent}img.ProseMirror-separator{display:inline!important;border:none!important;margin:0!important;width:0!important;height:0!important}.link-dialog h2{margin-top:0}button.gefahr{border-color:var(--c-error);color:var(--c-error)}button.gefahr:hover{background:var(--c-error-soft)}.galerie{list-style:none;margin:.5rem 0 .75rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem}.galerie-foto{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;background:var(--c-white);border:1px solid var(--c-line);border-radius:12px;cursor:grab;min-width:0}.galerie-foto.ziehen-ueber{outline:3px dashed var(--c-gold-text);outline-offset:2px}.galerie-foto img,.foto-feld img,.mediathek-foto img,.papierkorb-foto img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius);background:var(--c-sand)}.galerie-text{margin:0;font-size:.95rem;overflow-wrap:anywhere}.galerie-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:auto}.galerie-knoepfe button{padding:.35rem .5rem;font-size:.9rem;border-width:1px}.galerie-knoepfe button:last-child{grid-column:1 / -1}.pruefung{margin:0;padding:.4rem .6rem;border-left:4px solid var(--c-gold-text);background:var(--c-sand);font-size:.95rem}.pruefung p{margin:0 0 .35rem}.foto-feld{margin:.25rem 0 0;max-width:24rem}.foto-feld figcaption{font-size:.95rem;color:var(--c-muted);margin-top:.3rem}dialog.foto-auswahl{max-width:52rem;max-height:calc(100vh - 2rem);overflow-y:auto}.umschalter-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.umschalter-knoepfe button[aria-pressed=true]{background:var(--c-lake);color:#fff}.foto-raster{list-style:none;margin:.5rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem}button.foto-wahl{display:flex;flex-direction:column;align-items:stretch;gap:.3rem;width:100%;height:100%;padding:.35rem;border-width:1px;font-weight:400;text-align:left;font-size:.9rem}.foto-wahl img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px}textarea{display:block;width:100%;padding:.55rem .75rem;font:inherit;color:var(--c-ink);background:var(--c-white);border:2px solid var(--c-muted);border-radius:var(--radius);resize:vertical}textarea[aria-invalid=true],input[type=file][aria-invalid=true]{border-color:var(--c-error)}input[type=file]{padding:.4rem}.hochladen-vorschau{display:block;max-width:16rem;max-height:12rem;margin:.5rem 0;border-radius:var(--radius)}progress{display:block;width:100%;height:1rem}.fokus{position:relative;display:inline-block;max-width:100%;cursor:crosshair;border-radius:var(--radius)}.fokus-bild{display:block;max-width:100%;height:auto;border-radius:var(--radius)}.fokus-kreuz{position:absolute;width:2.25rem;height:2.25rem;margin:-1.125rem 0 0 -1.125rem;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px var(--c-lake);pointer-events:none}.fokus-kreuz:before,.fokus-kreuz:after{content:"";position:absolute;background:#fff;box-shadow:0 0 0 1px var(--c-lake)}.fokus-kreuz:before{left:50%;top:-.9rem;bottom:-.9rem;width:2px;margin-left:-1px}.fokus-kreuz:after{top:50%;left:-.9rem;right:-.9rem;height:2px;margin-top:-1px}.liste-kopf{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem;margin:.5rem 0 1rem}.liste-suche{flex:1 1 16rem}.liste-suche label{margin-top:0}label.haken{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--touch);margin:0;font-weight:600}.haken input{width:1.25rem;height:1.25rem;min-height:0}.mediathek{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1rem}.mediathek-foto{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--c-white);border:1px solid var(--c-line);border-radius:12px;min-width:0}.mediathek-text label{margin-top:.25rem}.mediathek-text .aktionen{margin-top:.5rem}.mediathek-text details{margin-top:.5rem}.papierkorb{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.75rem;max-width:48rem}.papierkorb-foto{display:grid;grid-template-columns:minmax(6rem,10rem) 1fr;gap:.75rem;padding:.75rem;background:var(--c-white);border:1px solid var(--c-line);border-radius:12px;align-items:start}.papierkorb-text{margin:0 0 .25rem;font-weight:600;overflow-wrap:anywhere}
