:root{ color-scheme:light only; --granite:#232a2e; --atlantic:#1f5d6c; --flecha:#f4b400; --paper:#f6f0e2; --paper-2:#fbf7ec; --ink:#1d2326; --stone:#857c6c; --line:#ddd3bd; --line-dark:#3a444a; --ok:#2e7d32; --warn:#b88600; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;background:#f6f0e2} body{font-family:"Public Sans",system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased} .mono{font-family:"Spline Sans Mono",monospace} .wrap{max-width:920px;margin:0 auto;padding:0 22px} header.hero{background:var(--granite);color:var(--paper);padding:64px 0 56px;position:relative;overflow:hidden} .hero .wrap{position:relative;z-index:2} .shell{width:74px;height:74px;display:block;margin-bottom:26px} .eyebrow{font-family:"Spline Sans Mono",monospace;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--flecha);margin-bottom:18px} .hero h1{font-family:"Fraunces",serif;font-weight:900;font-size:clamp(38px,7vw,68px);line-height:1.02;letter-spacing:-.01em;margin-bottom:14px} .hero h1 em{font-style:italic;font-weight:400;color:var(--flecha)} .route{font-family:"Fraunces",serif;font-size:clamp(18px,3vw,24px);font-weight:500;color:#cfcabb;margin-bottom:30px} .route .arrow{color:var(--flecha);padding:0 6px} .facts{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)} .fact{padding:18px 26px 18px 0;margin-right:26px;border-right:1px solid var(--line-dark)} .fact:last-child{border-right:none;margin-right:0} .fact .n{font-family:"Fraunces",serif;font-size:30px;font-weight:600;line-height:1} .fact .l{font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b3ad9c;margin-top:6px} .bigshell{position:absolute;right:-90px;top:50%;transform:translateY(-50%);width:380px;height:380px;opacity:.06;z-index:1} nav.toc{position:sticky;top:0;z-index:20;background:rgba(35,42,46,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line-dark)} nav.toc .wrap{display:flex;gap:4px;overflow-x:auto;padding:0 22px} nav.toc a{font-family:"Spline Sans Mono",monospace;font-size:12px;letter-spacing:.08em;color:#bfc4c2;text-decoration:none;white-space:nowrap;padding:14px 14px;border-bottom:2px solid transparent} nav.toc a:hover,nav.toc a:focus{color:var(--flecha);border-bottom-color:var(--flecha)} section{padding:56px 0} section + section{border-top:1px solid var(--line)} .sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:30px} .sec-num{font-family:"Spline Sans Mono",monospace;font-size:13px;color:var(--flecha);font-weight:600;padding-top:6px} .sec-head h2{font-family:"Fraunces",serif;font-weight:600;font-size:clamp(26px,4vw,38px);letter-spacing:-.01em;line-height:1.05} .sec-head h2 small{display:block;font-family:"Public Sans";font-weight:400;font-size:15px;color:var(--stone);letter-spacing:0;margin-top:6px} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)} .cell{background:var(--paper-2);padding:18px 18px} .cell .k{font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone)} .cell .v{font-family:"Fraunces",serif;font-size:21px;font-weight:500;margin-top:5px} .cell .v span{font-size:13px;font-family:"Public Sans";color:var(--stone)} .day{border-left:2px solid var(--line);margin-left:8px} .slot{position:relative;padding:0 0 22px 30px} .slot::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--atlantic);border:2px solid var(--paper)} .slot.acc::before{background:var(--flecha)} .slot time{font-family:"Spline Sans Mono",monospace;font-weight:600;font-size:14px;color:var(--atlantic)} .slot .txt{margin-top:2px;color:var(--ink)} .slot .txt b{font-weight:600} /* Abschnitt „Ankunft & Heimreise" — dieselbe Zeitleiste wie beim Tagesablauf, nur mit Überschrift, Fließtext und Hinweis je Schritt. */ .phase-head{font-family:"Fraunces",serif;font-size:20px;font-weight:600;margin:6px 0 18px} .day + .phase-head{margin-top:34px} .slot .step-title{display:block;font-weight:700;font-size:15.5px;margin-bottom:3px} .slot .step-body{display:block;font-size:14.5px} .slot .step-note{display:block;font-size:13.5px;color:var(--stone);margin-top:6px; padding-left:11px;border-left:2px solid var(--line)} .slot .step-note b{color:var(--ink);font-weight:600} .pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px} .pill{font-family:"Spline Sans Mono",monospace;font-size:12px;background:var(--granite);color:var(--paper);padding:6px 12px;border-radius:2px} .pill b{color:var(--flecha)} .flight{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line)} .flight .fcard{background:var(--paper-2);padding:22px} .flight .ftag{font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--flecha);font-weight:600} .flight .ftag.ok{color:var(--ok)} .flight .froute{font-family:"Fraunces",serif;font-size:26px;font-weight:600;margin:8px 0 4px;display:flex;align-items:center;gap:12px;flex-wrap:wrap} .flight .froute.small{font-size:20px} .flight .froute .ar{color:var(--atlantic)} .flight .fmeta{font-family:"Spline Sans Mono",monospace;font-size:13px;color:var(--stone)} .flight .fmeta b{color:var(--ink)} .stage{display:grid;grid-template-columns:88px 1fr;gap:22px;padding:22px;background:var(--paper-2);border:1px solid var(--line);margin-bottom:12px;transition:transform .18s ease,box-shadow .18s ease} .stage:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(35,42,46,.10)} .mojon{text-align:center;border-right:1px solid var(--line);padding-right:18px} .mojon .km{font-family:"Fraunces",serif;font-size:34px;font-weight:900;line-height:.9;color:var(--granite)} .mojon .km span{display:block;font-family:"Spline Sans Mono",monospace;font-size:9px;letter-spacing:.1em;font-weight:500;color:var(--stone);margin-top:6px;text-transform:uppercase} .mojon .et{font-family:"Spline Sans Mono",monospace;font-size:11px;color:var(--flecha);font-weight:600;margin-bottom:8px} .stage h3{font-family:"Fraunces",serif;font-size:21px;font-weight:600;line-height:1.15} .stage .dist{font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--atlantic);font-weight:600;margin:2px 0 10px} .stage .target{font-size:14.5px} .stage .target b{font-weight:600} .stage .note{font-size:13.5px;color:var(--stone);margin-top:6px} .book{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-family:"Spline Sans Mono",monospace;font-size:12px;font-weight:600;color:var(--granite);background:var(--flecha);padding:9px 14px;text-decoration:none;border-radius:2px} .book:hover,.book:focus{filter:brightness(1.06)} .book::after{content:"↗"} .stage.special{border-color:var(--flecha)} .stage.special .mojon .km{color:var(--flecha)} .anchor-day{background:var(--granite);color:var(--paper);border-color:var(--granite)} .anchor-day .mojon{border-right-color:var(--line-dark)} .anchor-day .mojon .km{color:var(--flecha)} .anchor-day .note{color:#bfc4c2} .anchor-day h3{color:var(--paper)} .anchor-day .target{color:#e4ddca} .eq{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px} .eqcard{background:var(--paper-2);border:1px solid var(--line);padding:20px;border-top:3px solid var(--atlantic)} .eqcard h4{font-family:"Fraunces",serif;font-size:18px;font-weight:600;margin-bottom:8px} .eqcard ul{list-style:none} .eqcard li{font-size:14px;padding:5px 0 5px 18px;position:relative;border-bottom:1px solid var(--line)} .eqcard li:last-child{border-bottom:none} .eqcard li::before{content:"›";position:absolute;left:0;color:var(--flecha);font-weight:700} .alt{display:inline-block;margin-top:8px;font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.04em;color:#125a54;background:rgba(47,156,149,.16);border:1px solid #2f9c95;padding:4px 9px;border-radius:2px} .alt b{font-weight:600} .anchor-day .alt{color:#9fe8e0;background:rgba(47,156,149,.22);border-color:#59c4bb} .mapwrap{margin-bottom:28px;border:1px solid var(--line);background:var(--paper-2);padding:8px} #map{height:480px;width:100%;border-radius:2px;z-index:1} .leaflet-container{font-family:"Public Sans",sans-serif;background:#dfe6e3} .leaflet-popup-content-wrapper{border-radius:3px} .pop .pe{font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#b88600;font-weight:600} .pop .pn{font-family:"Fraunces",serif;font-size:17px;font-weight:600;margin:2px 0 3px} .pop .pm{font-family:"Spline Sans Mono",monospace;font-size:12px;color:#1f5d6c} .maplegend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--stone)} .maplegend span{display:inline-flex;align-items:center;gap:7px} .maplegend i{width:16px;height:4px;border-radius:2px;display:inline-block} .maplegend i.dot{width:12px;height:12px;border-radius:50%} @media (max-width:560px){#map{height:380px}} .pl-note{background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--flecha);padding:16px 18px;margin-bottom:22px;font-size:14.5px} .pl-note b{font-weight:600} .pack{display:flex;flex-direction:column;gap:16px} .pcat{background:var(--paper-2);border:1px solid var(--line);border-top:3px solid var(--atlantic);overflow-x:auto} .pcat h4{font-family:"Fraunces",serif;font-size:19px;font-weight:600;padding:14px 18px 10px} /* Packliste als Aufklapper — zwölf Bereiche machen die Seite sonst sehr lang. */ details.pcat{overflow:visible} details.pcat > summary{ display:flex;align-items:center;gap:14px;padding:13px 18px;cursor:pointer; list-style:none;user-select:none;transition:background .15s ease} details.pcat > summary::-webkit-details-marker{display:none} details.pcat > summary:hover{background:#f3ecd9} details.pcat > summary:focus-visible{outline:2px solid var(--atlantic);outline-offset:-2px} details.pcat > summary h4{padding:0;flex:1;min-width:0} details.pcat > summary::after{ content:"";flex:none;width:9px;height:9px;margin-right:2px; border-right:2px solid var(--stone);border-bottom:2px solid var(--stone); transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s ease} details.pcat[open] > summary::after{transform:rotate(-135deg) translate(-2px,-2px)} .catcount{font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--stone);white-space:nowrap} .catcount.full{color:var(--ok);font-weight:600} .ptbl-wrap{overflow-x:auto;border-top:1px solid var(--line)} .progress .toggle-all{ font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.04em; color:var(--granite);background:none;border:1px solid var(--line);border-radius:2px; padding:5px 10px;cursor:pointer;white-space:nowrap} .progress .toggle-all:hover{border-color:var(--atlantic);color:var(--atlantic)} .ptbl{width:100%;border-collapse:collapse;font-size:14px} .ptbl th{font-family:"Spline Sans Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);text-align:left;padding:6px 12px;border-bottom:1px solid var(--line)} .ptbl td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top} .ptbl tr:last-child td{border-bottom:none} .ptbl .c-chk{width:34px;text-align:center} .ptbl .c-qty{width:54px;text-align:center;font-family:"Spline Sans Mono",monospace;color:var(--atlantic);font-weight:600} .ptbl .c-size{width:150px;font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--stone)} .ptbl .i-name{font-weight:600} .ptbl .c-use{color:#4a5257} .ptbl input{width:16px;height:16px;accent-color:#1f5d6c;cursor:pointer} .ptbl tr.done .i-name,.ptbl tr.done .c-use,.ptbl tr.done .c-size,.ptbl tr.done .c-qty{text-decoration:line-through;opacity:.45} @media(max-width:560px){.ptbl .c-size{width:auto}.ptbl{font-size:13px}} .ctbl{width:100%;border-collapse:collapse;font-size:14px} .ctbl th{font-family:"Spline Sans Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);text-align:left;padding:6px 12px;border-bottom:1px solid var(--line)} .ctbl th.r,.ctbl td.r{text-align:right} .ctbl td{padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:middle} .ctbl .i-name{font-weight:600} .ctbl .det{color:var(--stone);font-size:13px} .ctbl input.cost{width:104px;text-align:right;font-family:"Spline Sans Mono",monospace;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink)} .ctbl input.cost:focus{outline:2px solid var(--atlantic);border-color:var(--atlantic)} .ctbl .st{font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.05em} .st.ok{color:var(--ok)}.st.open{color:var(--warn)}.st.est{color:var(--stone)} .ctot{display:flex;justify-content:space-between;align-items:baseline;padding:16px 12px;border-top:2px solid var(--granite)} .ctot .lbl{font-family:"Fraunces",serif;font-size:19px;font-weight:600} .ctot .val{font-family:"Spline Sans Mono",monospace;font-size:22px;font-weight:600;color:var(--granite)} @media(max-width:560px){.ctbl .det{display:none}.ctbl input.cost{width:84px}} .wt{width:82px;text-align:right;font-family:"Spline Sans Mono",monospace;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink)} .wt:focus{outline:2px solid var(--atlantic);border-color:var(--atlantic)} footer{background:var(--granite);color:#a49c8b;padding:30px 0;border-top:1px solid var(--line-dark)} footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:"Spline Sans Mono",monospace;font-size:12px} footer a{color:var(--flecha)} .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease} .reveal.in{opacity:1;transform:none} /* ---- Neu in der dynamischen Version ------------------------------------ */ /* Speicher-Indikator oben rechts */ .saver{position:fixed;right:16px;bottom:16px;z-index:40;font-family:"Spline Sans Mono",monospace;font-size:12px; background:var(--granite);color:var(--paper);padding:9px 14px;border-radius:2px;box-shadow:0 6px 20px rgba(35,42,46,.25); opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none} .saver.show{opacity:1;transform:none} .saver.err{background:#8c2f1c} .saver b{color:var(--flecha);font-weight:600} /* Fortschritt Packliste */ .progress{display:flex;align-items:center;gap:14px;margin-bottom:22px;font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--stone)} .progress .bar{flex:1;height:8px;background:var(--line);border-radius:99px;overflow:hidden} .progress .bar i{display:block;height:100%;background:var(--atlantic);width:0;transition:width .35s ease} .progress .cnt{font-weight:600;color:var(--granite);white-space:nowrap} /* Schreibschutz-Hinweis + Login */ /* ---- Reiter: offen / erledigt ------------------------------------------ */ .tabs{display:flex;gap:2px;margin-bottom:16px;border-bottom:1px solid var(--line);flex-wrap:wrap} .tab{font-family:"Spline Sans Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase; font-weight:600;color:var(--stone);background:none;border:none;border-bottom:2px solid transparent; padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:7px} .tab:hover{color:var(--atlantic)} .tab i{font-style:normal;font-size:11px;font-weight:600;background:var(--line);color:var(--granite); padding:2px 7px;border-radius:9px;min-width:20px;text-align:center} .tab.is-on{color:var(--granite);border-bottom-color:var(--flecha)} .tab.is-on i{background:var(--flecha)} [data-tabgruppe][data-show="offen"] [data-done="1"]{display:none} [data-tabgruppe][data-show="erledigt"] [data-done="0"]{display:none} .leer{font-family:"Spline Sans Mono",monospace;font-size:12.5px;color:var(--stone); padding:18px 2px;border-top:1px dashed var(--line)} /* Abgehakte Etappe: sichtbar erledigt, aber noch lesbar. */ .stage[data-done="1"]{background:#f2eee1;border-color:#cfc6b0;opacity:.85} .stage[data-done="1"] h3{text-decoration:line-through;text-decoration-color:var(--stone);text-decoration-thickness:1px} .stage[data-done="1"] .mojon .km{color:var(--ok)} .tagab{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px; padding-top:10px;border-top:1px solid var(--line);cursor:pointer} .tagab input{width:17px;height:17px;accent-color:var(--ok);cursor:pointer} .tagab span{font-family:"Spline Sans Mono",monospace;font-size:9.5px;letter-spacing:.08em; text-transform:uppercase;color:var(--stone)} .stage[data-done="1"] .tagab span{color:var(--ok);font-weight:600} /* Stempel je Tag — ab Spanien zwei. */ .stempel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px; padding-top:10px;border-top:1px dashed var(--line)} .stempel .slabel{font-family:"Spline Sans Mono",monospace;font-size:10.5px;letter-spacing:.09em; text-transform:uppercase;color:var(--stone)} .stempel .sbox{cursor:pointer;line-height:0} .stempel .sbox input{position:absolute;opacity:0;width:0;height:0} .stempel .sbox span{display:inline-block;width:22px;height:22px;border:1.5px dashed var(--line); border-radius:50%;background:#fff;transition:all .15s ease} .stempel .sbox input:checked + span{border:1.5px solid var(--flecha);background:var(--flecha); box-shadow:inset 0 0 0 3px var(--paper-2)} .stempel .sbox input:focus-visible + span{outline:2px solid var(--atlantic);outline-offset:2px} .stempel .swarn{font-size:12.5px;color:#a4341f;font-weight:600} /* Wetter und Höhenprofil je Etappe */ .tagdaten{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:2px 0 10px} .tagdaten > span{display:none;align-items:center;gap:8px;background:#efe9d8;border:1px solid var(--line); padding:5px 10px;font-family:"Spline Sans Mono",monospace;font-size:11.5px;color:var(--granite)} .tagdaten > span.da{display:inline-flex} .tagdaten em{display:block;font-style:normal;font-size:9.5px;letter-spacing:.06em; text-transform:uppercase;color:var(--stone);margin-top:2px} .wetterfeld b{font-size:15px;font-weight:400;line-height:1} .hoehenfeld svg{width:70px;height:26px;flex:0 0 auto} .hoehenfeld svg .fl{fill:rgba(31,93,108,.18);stroke:none} .hoehenfeld svg .ln{fill:none;stroke:var(--atlantic);stroke-width:1.4; stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke} .quelle{font-family:"Spline Sans Mono",monospace;font-size:11px;color:var(--stone); margin-top:14px;line-height:1.6} .stage[data-done="1"] .tagdaten > span{opacity:.7} /* Fortschritt auf dem Weg */ .weg{background:var(--granite);color:var(--paper);padding:20px 22px;margin-bottom:18px} .wegkopf{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:12px} .wegtitel{font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.22em; text-transform:uppercase;color:var(--flecha)} .wegzahl{font-family:"Fraunces",serif;font-size:17px} .wegzahl b{font-size:26px;font-weight:900;color:var(--flecha)} .wegbalken{display:block;height:9px;background:#3a444a;overflow:hidden} .wegbalken i{display:block;height:100%;background:var(--flecha);width:0;transition:width .5s ease} .wegfuss{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:10px; font-family:"Spline Sans Mono",monospace;font-size:11.5px;color:#b3ad9c} .stempelzahl.fehlt{color:#f0a08c;font-weight:600} /* Equipment zum Abhaken */ .eqcard h4 .eqcount{font-family:"Spline Sans Mono",monospace;font-size:11px;font-weight:600; color:var(--stone);float:right;padding-top:5px} .eqcard li::before{display:none} .eqcard li{padding-left:0} .eqcard li label{display:flex;gap:9px;align-items:flex-start;cursor:pointer} .eqcard li input{margin-top:3px;width:16px;height:16px;flex:0 0 auto;accent-color:var(--ok);cursor:pointer} .eqcard li[data-done="1"] span{text-decoration:line-through;color:var(--stone)} .eqcard .leer{padding:6px 0;border:none;font-size:12px} /* ---- Tagebuch ----------------------------------------------------------- */ .tb-neu{background:var(--paper-2);border:1px solid var(--line);border-top:3px solid var(--flecha); padding:20px;margin-bottom:22px} .tb-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px} .tb-kopf label{font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.1em; text-transform:uppercase;color:var(--stone)} .tb-kopf select{font-family:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line); background:#fff;color:var(--ink);max-width:100%} .tb-werkzeug{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px} .tb-knopf{font-family:"Spline Sans Mono",monospace;font-size:12.5px;font-weight:600;letter-spacing:.04em; padding:11px 16px;border:1px solid var(--granite);background:#fff;color:var(--granite); cursor:pointer;display:inline-flex;align-items:center;gap:9px} .tb-knopf:hover{background:var(--granite);color:var(--paper)} .tb-knopf.haupt{background:var(--granite);color:var(--paper)} .tb-knopf.haupt:hover{background:#000} .tb-knopf.rec .punkt{width:11px;height:11px;border-radius:50%;background:#a4341f;flex:0 0 auto} .tb-knopf.rec.an{background:#a4341f;color:#fff;border-color:#a4341f} .tb-knopf.rec.an .punkt{background:#fff;animation:puls 1.1s infinite} .tb-knopf.rec.fertig{border-color:var(--ok);color:var(--ok)} .tb-knopf.rec.fertig .punkt{background:var(--ok)} .tb-knopf .uhr{font-variant-numeric:tabular-nums} @keyframes puls{0%,100%{opacity:1}50%{opacity:.25}} .tb-neu textarea{width:100%;font-family:inherit;font-size:15px;line-height:1.5;padding:12px; border:1px solid var(--line);background:#fff;color:var(--ink);resize:vertical} .tb-aktion{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px} .tb-hinweis{font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--stone)} .tb-hinweis.fehler{color:#a4341f;font-weight:600} .tb-queue{margin-top:14px;background:#fdf4e3;border-left:3px solid var(--warn);padding:12px 14px;font-size:13.5px} .tb-queue ul{margin:6px 0 0 18px} .tb-queue li{font-family:"Spline Sans Mono",monospace;font-size:12px;color:var(--stone)} .tbe{background:var(--paper-2);border:1px solid var(--line);padding:18px;margin-bottom:12px} .tbe > header{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px} .tbtag{font-family:"Spline Sans Mono",monospace;font-size:11px;font-weight:600;color:var(--flecha); letter-spacing:.06em;text-transform:uppercase} .tbart{font-family:"Spline Sans Mono",monospace;font-size:11px;color:var(--stone)} .tbstatus{font-family:"Spline Sans Mono",monospace;font-size:10px;letter-spacing:.08em; text-transform:uppercase;color:var(--stone);margin-left:auto} .tbstatus.st-neu{color:var(--warn);font-weight:600} .tbstatus.st-fehler{color:#a4341f;font-weight:600} .tbe audio{width:100%;margin-bottom:10px} .tbtext{font-size:15px;line-height:1.6;white-space:pre-wrap} .tbroh{margin-top:8px} .tbroh summary{font-family:"Spline Sans Mono",monospace;font-size:11px;color:var(--stone);cursor:pointer} .tbroh p{font-size:13.5px;color:var(--stone);margin-top:6px;font-style:italic} .tbnotiz{font-size:12.5px;color:#a4341f;margin-top:8px} .tb-bearbeitung{width:100%;font-family:inherit;font-size:15px;line-height:1.6;padding:10px; border:1px solid var(--flecha);background:#fff} .tbfotos{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px} /* Bildkachel: ansehen, beschriften, löschen. */ .bk{position:relative;width:104px;flex:0 0 auto} .bk.gross{width:132px} .bk img{width:104px;height:104px;object-fit:cover;border:1px solid var(--line);display:block;background:#efe9d8} .bk.gross img{width:132px;height:132px} .bk-weg{position:absolute;top:3px;right:3px;width:24px;height:24px;line-height:1;font-size:16px; border:none;border-radius:50%;background:rgba(29,35,38,.72);color:#fff;cursor:pointer; opacity:0;transition:opacity .15s ease} .bk:hover .bk-weg,.bk:focus-within .bk-weg{opacity:1} .bk-weg:hover{background:#a4341f} .bk-weg:disabled{opacity:.4;cursor:wait} .bk figcaption{margin-top:4px} .bk-text{width:100%;font-family:inherit;font-size:11.5px;padding:4px 6px; border:1px solid transparent;border-bottom-color:var(--line);background:transparent;color:var(--ink)} .bk-text:hover{border-bottom-color:var(--stone)} .bk-text:focus{outline:none;border-color:var(--flecha);background:#fff} @media (hover:none){.bk-weg{opacity:1}} /* Die Seite hat unten einen dunklen Fuß — der darf nicht auf jede Karte durchschlagen, nur weil da auch