:root{font:16px/1.5 system-ui,sans-serif;color:#172b40;background:#f5f6f8;--accent:#ed7203}*{box-sizing:border-box}body{margin:0}header{padding:16px 20px;background:white;border-bottom:1px solid #dce2e8;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}header>a{font-weight:800;font-size:22px;text-decoration:none;color:#172b40}header>a span{font-weight:400;font-size:15px}header>div{display:flex;align-items:center;gap:16px}main{max-width:960px;padding:20px 16px 40px;margin:auto}h1{font-size:28px;line-height:1.2}h2{font-size:21px}a{color:#1b4f77}.crumb{font-size:13px}.tile,section{display:block;border:1px solid #dce2e8;background:white;border-radius:16px;padding:20px;margin:16px 0}.tile{text-decoration:none;color:inherit}.tile strong{font-size:22px}.tile span{display:block;margin-top:8px}label{display:block;font-size:14px;font-weight:600;margin:12px 0}input,select,textarea{width:100%;font:inherit;color:inherit;background:white;border:1px solid #bfcbd5;border-radius:9px;min-height:48px;padding:12px;margin-top:5px}button{font:inherit;min-height:48px;padding:12px 16px;background:white;color:inherit;border:1px solid #bac6d0;border-radius:10px;cursor:pointer;margin:5px 0}.primary{background:#c52d25;color:white;border:0;font-weight:700;width:100%}.grid{display:grid;gap:0 16px}.notice{padding:12px 16px;border-radius:10px;background:#fff0db;font-size:14px}.choice{display:flex;gap:12px;align-items:center;padding:12px;background:#f4f6f8;border-radius:10px}.choice input{width:22px;min-height:22px;margin:0;flex:none}.recipient{padding:12px 0;border-bottom:1px solid #dce2e8}details{padding:16px 0;border-bottom:1px solid #dce2e8}summary{cursor:pointer;min-height:44px}pre{font:14px/1.6 system-ui;white-space:pre-wrap;overflow-wrap:anywhere}footer{font-size:12px;color:#536474;text-align:center;padding:20px}#status{white-space:pre-wrap}form{margin:0}@media(min-width:720px){.grid{grid-template-columns:1fr 1fr}main{padding:24px}h1{font-size:34px}}

footer{position:relative;padding:24px 50px}footer small{display:block;font-size:11px;margin:5px 0}.portal-door{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#697987}.portal-door svg{width:19px;height:19px}:focus-visible{outline:3px solid #ed7203;outline-offset:3px}

.checks{list-style:none;padding:0}.checks li{padding:12px 0;border-bottom:1px solid #e6eaee}.checks small, label small{font-weight:400;color:#536474}code{overflow-wrap:anywhere}dd{margin:4px 0 16px}dt{font-weight:700}.install-bar{padding:12px 16px;background:#fff0db;border:1px solid #f5cb91;border-radius:10px;margin:16px 0}button:disabled{opacity:.5;cursor:default}

.codeclown-credit{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;color:inherit}.codeclown-credit img{flex:none}.beta-badge{font-size:12px;font-weight:700;border:1px solid #c27a1a;border-radius:8px;padding:4px 8px}.theme-choice{display:flex;align-items:center;gap:8px;margin:0}.theme-choice select{width:auto;min-height:40px;padding:6px 10px;margin:0}header>div{flex-wrap:wrap}
dialog{max-width:520px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;border:1px solid #bac6d0;border-radius:18px;color:inherit;background:var(--surface,#fff)}dialog::backdrop{background:#12223299}dialog button{width:100%;margin-top:8px}dialog h2{margin-top:0}[hidden]{display:none!important}
html[data-theme=dark]{color-scheme:dark;background:#111e2b;color:#e6edf5;--surface:#192a3b}html[data-theme=dark] header,html[data-theme=dark] section,html[data-theme=dark] .tile,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] button{background:#192a3b;color:#e6edf5;border-color:#506376}html[data-theme=dark] header>a{color:#e6edf5}html[data-theme=dark] a{color:#a9d3ff}html[data-theme=dark] .notice,html[data-theme=dark] .install-bar{background:#3f3322;color:#ffe7c1}html[data-theme=dark] .choice{background:#263b4e}html[data-theme=dark] .primary{background:#c52d25;color:#fff}html[data-theme=dark] footer,html[data-theme=dark] label small,html[data-theme=dark] .checks small{color:#bac9d7}html[data-theme=dark] .recipient,html[data-theme=dark] details,html[data-theme=dark] .checks li{border-color:#506376}

/* Roter Rahmen als Bezug zur Notfallmappe, ausschließlich um den Meldebereich. */
.mobile-report main{border:3px solid #e52529;border-radius:12px;margin:18px auto 24px;background:var(--surface,#fff);max-width:960px}
@media(max-width:991px){.mobile-report main{margin:12px 10px 20px;padding:18px 13px 28px}}
.codeclown-credit{gap:3px;line-height:inherit}.codeclown-credit img{width:.95em;height:.95em;max-width:11px;max-height:11px;object-fit:contain;vertical-align:middle}
.footer-links{display:flex;justify-content:center;align-items:center;gap:8px 18px;flex-wrap:wrap;margin-bottom:12px}.footer-links a{padding:8px 4px;min-height:36px;display:inline-flex;align-items:center}
.feedback-notice{border:1px solid #87aaca;background:#edf5fc;color:#1b405f;border-radius:12px;padding:16px}.feedback-notice p{margin:6px 0 0}.feedback-submit{background:#245377;color:#fff;border-color:#245377}.feedback-status{display:inline-block;font-size:12px;padding:3px 8px;margin-left:6px;border-radius:6px;background:#edf5fc;color:#1b405f}.feedback-item summary{overflow-wrap:anywhere}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}
html[data-theme=dark] .feedback-notice,html[data-theme=dark] .feedback-status{background:#203c53;color:#e1f0ff;border-color:#6894b9}html[data-theme=dark] .feedback-submit{background:#245377;color:#fff}
.document-list a{display:block;padding:12px 0}.document-list small{display:block;color:#536474}html[data-theme=dark] .document-list small{color:#bac9d7}

/* Kompakte gemeinsame Grundlinie; bei wenig Breite natürlicher Umbruch. */
.app-footer{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:6px 16px;padding:12px 16px;max-width:1400px;margin:8px auto;font-size:12px;line-height:1.5;text-align:left}
.app-footer .footer-links{display:inline-flex;align-items:baseline;gap:12px;margin:0}.app-footer .footer-links a{padding:4px 0;min-height:32px;display:inline-block}
.app-footer .footer-credit{display:inline;font-size:12px}.app-footer .codeclown-credit{display:inline;vertical-align:baseline;line-height:inherit;white-space:nowrap}.app-footer .codeclown-credit img{display:inline;width:11px;height:11px;vertical-align:-1px;margin-right:3px}.footer-meta{font-size:11px}
.app-footer .portal-door{position:static;display:inline-flex;align-self:center;width:32px;height:32px;min-width:32px}.section-nav{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.section-nav a[aria-current]{font-weight:800;text-decoration-thickness:3px}.access-card{padding:16px 0;border-bottom:1px solid #c4cfd8;overflow-wrap:anywhere}.access-card h3{margin:4px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}.button-link{display:inline-block;padding:14px 20px;border-radius:9px;background:#b92229;color:white;text-decoration:none;font-weight:700}.copy-code{font:14px/1.4 ui-monospace,monospace}.mobile-report label{font-size:16px}.mobile-report input,.mobile-report select,.mobile-report textarea{font-size:18px}.mobile-report .primary{min-height:56px;font-size:19px}.mobile-report main>h1{font-size:30px}

.invitation-qr{margin:20px 0;display:flex;align-items:flex-start;flex-direction:column;gap:12px}.invitation-qr svg{width:280px;height:auto;max-width:100%;background:white;border:1px solid #dce2e8;border-radius:8px}.qr-download{font-size:14px}.app-footer{gap:4px 12px}.app-footer .footer-links{gap:12px}.app-footer .footer-links a{white-space:nowrap}