@font-face{font-family:Gilroy;src:url(/fonts/gilroy-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy-medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy-semibold.woff2)format("woff2");font-weight:600;font-display:swap}:root{--schwarz:#000;--f1:#0a0a0a;--f2:#121212;--linie:#262626;--linie2:#3a3a3a;--blau:#0084ff;--knopf:#0072dd;--knopf2:#005fba;--text:#fff;--weich:#a1a1aa;--still:#85858e;--rot:#ff5c5c;--gelb:#f5a524;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;border-radius:0;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--schwarz);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font:400 18px/1.55 Gilroy,Arial,sans-serif}a{color:inherit}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:default}:focus-visible{outline-offset:3px;outline:2px solid #80c3ff}::selection{background:var(--blau)}.blau{color:var(--blau)}.seite{min-height:100vh;max-width:600px;min-height:100dvh;padding:0 max(16px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px,env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.kopf{padding:14px 0 12px;padding-top:max(14px,env(safe-area-inset-top));align-items:center;gap:12px;display:flex}.marke{flex:none;width:96px;display:block}.marke img{width:100%;height:auto;display:block}.etikett{letter-spacing:.17em;text-transform:uppercase;color:var(--blau);border:1px solid var(--blau);padding:6px 8px;font:600 10px/1 Gilroy,sans-serif}.verwerfen{margin-left:auto}.fortschritt{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:28px;list-style:none;display:grid}.fortschritt li{border-top:3px solid var(--linie);letter-spacing:.14em;text-transform:uppercase;color:var(--still);padding-top:6px;font:600 10px/1.3 Gilroy,sans-serif}.fortschritt li.erledigt{border-color:var(--knopf)}.fortschritt li.aktiv{border-color:var(--blau);color:var(--text)}.inhalt{flex-direction:column;flex:1;gap:14px;padding-bottom:40px;display:flex}.ueber{letter-spacing:.17em;text-transform:uppercase;color:#b8bac1;font:600 11px/1.6 Gilroy,sans-serif}.ueber.blau{color:var(--blau)}h1{letter-spacing:-.035em;margin:6px 0 12px;font-size:clamp(34px,9vw,46px);font-weight:600;line-height:1.05}h1 i{color:var(--blau);font-style:normal}h2{letter-spacing:-.02em;font-size:28px;font-weight:600;line-height:1.15}.leise-text{color:var(--weich)}.leise-text b{color:var(--text);font-weight:600}.klein{font-size:15px}.hinweis{color:var(--still);font-size:14px;line-height:1.45}.hinweis.mitte{text-align:center}.intro{margin-bottom:10px}.zeile-kopf{flex-direction:column;gap:2px;margin-bottom:4px;display:flex}.zeile-kopf p{overflow-wrap:anywhere}.karte{border:1px solid var(--linie);background:var(--f1);flex-direction:column;gap:16px;padding:20px 16px;display:flex}.feld{flex-direction:column;gap:8px;display:flex}.feld>span{font-size:16px;font-weight:600}.feld small{color:var(--still);margin-left:6px;font-size:13px;font-weight:400}.feld input,.feld textarea{background:var(--schwarz);border:1px solid var(--linie2);appearance:none;width:100%;min-height:60px;padding:16px 14px;font-size:18px;transition:border-color .2s}.feld textarea{resize:vertical;min-height:120px;line-height:1.45}.feld input:focus,.feld textarea:focus{border-color:var(--blau);outline:none}::placeholder{color:#5c5c66}.taste{letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;justify-content:center;align-items:center;gap:12px;width:100%;min-height:64px;padding:16px 20px;font:600 15px/1.2 Gilroy,sans-serif;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.taste.haupt{background:var(--knopf);color:#fff}.taste.haupt:hover:not(:disabled){background:var(--knopf2)}.taste.zweit{border-color:var(--linie2);color:var(--text);background:0 0}.taste.zweit:hover:not(:disabled){border-color:var(--blau)}.taste.gefahr{color:#fff;background:#b42318}.taste.foto{background:var(--f2);border:1px dashed var(--blau);flex-direction:column;gap:14px;min-height:180px;font-size:18px}.taste.foto:active{background:#00122a}.taste.diktat.laeuft{border-color:var(--rot);color:#fff;background:#2a0b0b}.taste.diktat.laeuft svg{color:var(--rot);animation:1s ease-in-out infinite puls}@keyframes puls{50%{opacity:.35}}.leise{color:var(--weich);text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:8px;min-height:48px;padding:10px 4px;font-size:15px;text-decoration:underline;display:inline-flex}.leise:hover{color:var(--blau)}.galerie{align-self:center;margin-top:-6px}.aktionen{flex-direction:column;gap:10px;margin-top:10px;display:flex}.aktionen.nebeneinander{flex-direction:row;justify-content:space-between;margin-top:0}.oder{color:var(--still);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:12px;margin:6px 0;font-size:13px;display:flex}.oder:before,.oder:after{content:"";border-top:1px solid var(--linie);flex:1}.meldung{border-left:2px solid var(--blau);color:var(--weich);padding:4px 0 4px 12px;font-size:15px}.meldung b{color:var(--text)}.meldung.fehler{border-color:var(--rot);color:#ffb4ab}.meldung.warn{border-color:var(--gelb)}.zwischen{color:var(--still);margin-top:-6px;font-size:16px;font-style:italic}.vorschau{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.vorschau img{object-fit:contain;background:var(--f2);border:1px solid var(--linie);width:100%;max-height:52vh;display:block}.liste{border-top:1px solid var(--linie);list-style:none}.mangel{border-bottom:1px solid var(--linie);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.weg{color:#fff;background:#b42318;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;font-size:15px;font-weight:600;display:flex;position:absolute;inset:0}.mangel-innen{background:var(--schwarz);align-items:stretch;transition:transform .2s;display:flex;position:relative}.mangel-oeffnen{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:12px 0;display:flex}.mangel-oeffnen .nr{color:var(--blau);min-width:2ch;font-size:22px;font-weight:600}.mangel-oeffnen img,.ohne-bild{object-fit:cover;background:var(--f2);border:1px solid var(--linie);flex:none;width:76px;height:76px}.ohne-bild{color:var(--still);text-align:center;justify-content:center;align-items:center;font-size:11px;display:flex}.mangel-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mangel-text b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.mangel-text span{color:var(--weich);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.symbol{width:56px;color:var(--still);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:flex}.symbol:hover{color:var(--rot)}.leer{color:var(--still);text-align:center;border:1px dashed var(--linie);padding:30px 0}.leiste{left:50%;bottom:max(16px,env(safe-area-inset-bottom));border:1px solid var(--linie2);z-index:30;background:#1b1b1b;justify-content:space-between;align-items:center;gap:12px;width:min(568px,100% - 32px);padding:8px 8px 8px 16px;display:flex;position:fixed;transform:translate(-50%)}.leiste button{color:var(--blau);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;min-height:48px;padding:12px;font-size:14px;font-weight:600}.fertig-kopf h1{margin-top:4px}.dateiname{color:var(--weich);overflow-wrap:anywhere;border:1px solid var(--linie);background:var(--f1);align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex}.dateiname svg{color:var(--blau);flex:none}.ausbau{border:1px solid var(--linie);border-left:3px solid var(--blau);background:var(--f1);flex-direction:column;gap:14px;margin-top:20px;padding:22px 18px;display:flex}.ausbau h2{font-size:21px;line-height:1.25}.ausbau ul{flex-direction:column;gap:8px;list-style:none;display:flex}.ausbau li{color:var(--weich);padding-left:20px;font-size:16px;position:relative}.ausbau li:before{content:"";background:var(--blau);width:7px;height:7px;position:absolute;top:.5em;left:0}.schleier{z-index:40;background:#000c;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--f2);border:1px solid var(--linie2);flex-direction:column;gap:18px;width:min(560px,100%);padding:22px 18px;display:flex}.dialog p{font-size:18px}.dialog-tasten{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fuss{border-top:1px solid var(--linie);color:var(--still);flex-direction:column;gap:8px;padding:18px 0 24px;font-size:13px;display:flex}.fuss p:last-child{flex-wrap:wrap;gap:18px;display:flex}.fuss a{text-decoration:none}.fuss a:hover{color:var(--blau)}@media (min-width:640px){.seite{padding-left:24px;padding-right:24px}.marke{width:120px}.taste.foto{min-height:220px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}