:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ec;--bg-soft:#faf8f4;--panel:#fff;--ink:#25233a;--muted:#68647a;--line:#ded8cf;--brand:#535098;--brand-dark:#34315f;--brand-soft:#ebe9f5;--accent:#de7b31;--accent-dark:#b85f1f;--cream:#fff8ef;--warn:#c58a2a;--danger:#b33f3f;--ok:#43865f}*{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(180deg, #53509814, transparent 280px), var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;background:#fffffff5;border-bottom:1px solid #5350982e;justify-content:space-between;align-items:center;gap:28px;padding:16px clamp(18px,5vw,64px);display:flex;position:sticky;top:0;box-shadow:0 8px 30px #34315f14}.brand{color:var(--brand);align-items:center;gap:18px;font-weight:800;display:inline-flex}.brand img{width:clamp(180px,24vw,300px);height:auto;display:block}.brand span{border-left:2px solid var(--accent);text-transform:uppercase;letter-spacing:.08em;padding-left:16px;font-size:14px}.topbar nav{color:var(--brand);align-items:center;gap:6px;font-weight:700;display:flex}.topbar nav a{border-radius:6px;padding:10px 13px}.topbar nav a:hover{background:var(--brand-soft);color:var(--brand-dark)}.page{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:38px clamp(16px,4vw,56px)}.intro{gap:10px;margin-bottom:26px;display:grid}.intro h1{color:var(--brand-dark);letter-spacing:0;margin:0;font-size:clamp(31px,4vw,52px);line-height:1.03}.intro p{color:var(--muted);max-width:820px;margin:0;font-size:17px;line-height:1.6}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-card{background:linear-gradient(#fff,#fffdf8);align-content:start;gap:6px;min-height:122px;display:grid}.metric-card__label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:750}.metric-card__value{color:var(--brand-dark);font-size:34px;line-height:1}.metric-card__hint{color:var(--muted);font-size:14px;line-height:1.45}.hero{color:#fff;background:linear-gradient(135deg,#34315ff5,#535098e0),url(https://www.hattingen-sprockhoevel-evangelisch.de/uploads/MjbM7PHr/735x0_1035x0/sprockhvel_quer_winkend__msi___jpeg.webp) 50%/cover;border-radius:8px;align-content:end;min-height:310px;padding:clamp(34px,6vw,72px);box-shadow:0 20px 50px #34315f38}.hero h1,.hero p{color:#fff}.hero p{max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--accent)!important;font-size:14px!important}.grid{gap:18px;display:grid}.cols{grid-template-columns:minmax(0,1fr) minmax(370px,500px);align-items:start;gap:22px}.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #34315f12}.panel{gap:14px;padding:clamp(18px,2.5vw,26px);display:grid}.card{text-align:left;color:var(--ink);align-content:start;gap:8px;padding:16px 16px 15px;display:grid}button.card{cursor:pointer;width:100%}.card:hover,a.panel:hover{border-color:#5350986b;box-shadow:0 14px 34px #34315f1f}.card.active{border-color:var(--accent);box-shadow:0 14px 34px #b85f1f24}.card h2,.panel h2{color:var(--brand-dark);margin:0;font-size:19px;line-height:1.2}.card p,.panel p{margin:0;line-height:1.5}.card .meta,.panel .meta{line-height:1.4}.card .status,.panel .status{margin-bottom:2px}.nowrap{white-space:nowrap}.no-margin,.card-meta,.card-summary{margin:0}.card-topline,.media-card-topline,.submission-header__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-summary{color:var(--ink);line-height:1.55}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:750;display:inline-flex}.chip--warn{color:var(--accent-dark);background:#fff0dd}.chip--ok{color:var(--ok);background:#e5f3ea}.field{gap:7px;margin-bottom:15px;display:grid}.field span,.field label{color:var(--brand-dark);font-weight:750}.field span{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field em{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;padding:3px 8px;font-size:12px;font-style:normal;font-weight:800}.field small,.hint{color:var(--muted);line-height:1.45}input,textarea,select{width:100%;color:var(--ink);background:#fffdfa;border:1px solid #d6cec4;border-radius:6px;padding:12px 13px}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:3px solid #de7b3138}textarea{resize:vertical;min-height:132px}.text-progress{gap:6px;display:grid}.text-progress__track{background:#ebe4dc;border-radius:999px;height:7px;overflow:hidden}.text-progress__track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--brand));height:100%;transition:width .16s;display:block}.text-progress__count{color:var(--accent-dark);font-weight:750}.text-progress__count--ok{color:var(--ok)}.form-two-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-two-cols .field{margin-bottom:0}.checks,.toolbar{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.fieldset{border:0;margin:0 0 15px;padding:0}.fieldset legend{color:var(--brand-dark);margin-bottom:9px;font-weight:750}.toolbar.panel{background:linear-gradient(#fff8eff5,#faf8f4fa);align-items:stretch;gap:12px;display:grid}.toolbar-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.toolbar-title{color:var(--brand-dark);margin-bottom:6px;font-size:16px;font-weight:800}.toolbar-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;width:100%;display:grid}.toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.toolbar-chips{flex-wrap:wrap;gap:8px;display:flex}.toolbar-chip{border:1px solid var(--line);color:var(--brand-dark);background:#fff;border-radius:999px;min-height:36px;padding:7px 11px;font-weight:750}.toolbar-chip--active,.toolbar-chip:hover{background:var(--brand);border-color:var(--brand);color:#fff}.work-views{margin-bottom:18px}.work-view-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.work-view{min-height:96px;color:var(--brand-dark);text-align:left;cursor:pointer;background:#fffdfa;border:1px solid #5350982e;border-radius:8px;gap:6px;padding:12px;display:grid}.work-view:hover,.work-view--active{border-color:var(--brand);box-shadow:0 12px 26px #34315f1a}.work-view--active{background:var(--brand);color:#fff}.work-view span{font-weight:850}.work-view strong{font-size:28px;line-height:1}.work-view small{color:inherit;opacity:.82;line-height:1.3}.admin-recipient-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.admin-recipient-actions{gap:12px;display:grid}.admin-recipient-grid textarea{min-height:110px;font-family:inherit}.admin-recipient-grid .meta{word-break:break-word}.admin-overview{background:linear-gradient(#fff,#fffdf8);gap:18px;margin-bottom:18px}.admin-overview__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-overview__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-overview__header h2,.admin-setting h3{color:var(--brand-dark);margin:0}.admin-overview__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-stat{background:#fffdfa;border:1px solid #53509829;border-radius:8px;align-content:center;gap:5px;min-height:86px;padding:12px;display:grid}.admin-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.admin-stat strong{color:var(--brand-dark);overflow-wrap:anywhere;font-size:22px;line-height:1.1}.admin-overview__settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-setting{border:1px solid var(--line);background:#fff;border-radius:8px;align-content:start;gap:12px;padding:15px;display:grid}.admin-setting .field{margin-bottom:0}.admin-setting textarea{min-height:112px}.admin-setting__footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.admin-setting__footer .meta{overflow-wrap:anywhere;margin:0}.admin-rule-grid{grid-template-columns:minmax(220px,340px) minmax(0,1fr);align-items:end;gap:16px;display:grid}.admin-rule-grid .field{margin-bottom:0}.toolbar .field{min-width:0;margin-bottom:0}.toolbar .button{align-self:end}.check{background:var(--bg-soft);color:var(--brand-dark);border:1px solid #d8d1c8;border-radius:999px;align-items:flex-start;gap:8px;padding:9px 13px;line-height:1.35;display:inline-flex}.check input{width:auto;accent-color:var(--brand);flex:none;margin-top:2px}.checklist{gap:14px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.section-heading h2,.section-heading p{margin:0}.checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 15px;font-weight:800;display:inline-flex}.button:hover{background:var(--brand-dark)}.button.secondary{color:var(--brand);background:#fff;border:1px solid #53509847}.button.secondary:hover{background:var(--brand-soft);color:var(--brand-dark)}.button--subtle{opacity:.8}.button.danger{background:var(--danger)}.button:disabled{opacity:.58;cursor:not-allowed}.status{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 11px;font-size:14px;font-weight:750;display:inline-flex}.dot{background:var(--warn);border-radius:99px;width:9px;height:9px}.dot.APPROVED,.dot.PUBLISHED{background:var(--ok)}.dot.REJECTED,.dot.PUBLISH_FAILED{background:var(--danger)}.list{align-content:start;gap:12px;display:grid}.list .card{grid-template-columns:150px minmax(0,1fr);grid-template-areas:"top top""thumb title""thumb meta""thumb summary""chips chips";gap:7px 14px}.list .card:not(:has(.submission-thumb)){grid-template-columns:1fr;grid-template-areas:"top""title""meta""summary""chips"}.list .card .card-topline{grid-area:top}.list .card h2{grid-area:title;font-size:17px}.list .card .card-meta{grid-area:meta}.list .card .submission-thumb{grid-area:thumb}.list .card .card-summary{grid-area:summary}.list .card .chip-row{grid-area:chips}.meta{color:var(--muted);font-size:14px}.submission-body{white-space:pre-wrap;line-height:1.55}.preview{white-space:pre-wrap;border:1px solid var(--line);background:#fffdfa;border-radius:6px;max-height:360px;padding:15px;line-height:1.5;overflow:auto}.detail-section{border-top:1px solid var(--line);gap:12px;margin-top:18px;padding-top:18px;display:grid}.detail-section h3{color:var(--brand-dark);margin:0;font-size:17px}.detail-list{gap:0;display:grid}.submission-details{gap:16px;display:grid}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-block,.detail-card,.submission-header{gap:12px;display:grid}.detail-block,.detail-card{border:1px solid var(--line);background:#fffdfa;border-radius:8px;padding:14px 15px}.detail-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-row{border-bottom:1px solid #ded8cfa6;grid-template-columns:minmax(150px,.36fr) minmax(0,1fr);align-items:start;gap:16px;padding:9px 0;line-height:1.45;display:grid}.detail-row strong{color:var(--brand-dark)}.detail-row span{color:var(--ink);overflow-wrap:anywhere}.cols>aside .detail-grid,.cols>aside .detail-split{grid-template-columns:1fr}.cols>aside .detail-row{grid-template-columns:minmax(116px,.34fr) minmax(0,1fr);gap:10px}.detail-group{border:1px solid var(--line);background:#fffdfa;border-radius:8px;gap:6px;padding:14px 15px;display:grid}.detail-group>strong{color:var(--brand-dark)}.media-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start;gap:16px;display:grid}.form-help,.rights-note,.saved-media,.selected-files{border:1px solid var(--line);background:var(--bg-soft);border-radius:8px;gap:10px;margin:14px 0;padding:13px;display:grid}.form-help{margin-top:0}.required-note,.rights-note{color:var(--brand-dark);margin:0;line-height:1.45}.saved-media strong,.selected-files strong{color:var(--brand-dark)}.analysis-box{border:1px solid #c7e5d1;border-left:5px solid var(--ok);color:var(--brand-dark);background:#f0fbf4;border-radius:8px;gap:8px;margin:12px 0;padding:13px;display:grid}.analysis-box strong{color:var(--ok)}.analysis-box p,.analysis-box ul{margin:0}.analysis-box ul{padding-left:20px;line-height:1.45}.file-list{gap:8px;display:grid}.file-pill{background:#fff;border:1px solid #5350982e;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.file-pill span{overflow-wrap:anywhere;font-weight:750}.file-pill small{color:var(--muted);white-space:nowrap}.media-rights-card{border:1px solid var(--line);background:#fffdfa;border-radius:8px;gap:10px;margin-top:14px;padding:16px;display:grid}.media-rights-card h3{color:var(--brand-dark);overflow-wrap:anywhere;margin:0;font-size:18px}.channel-fields{border-top:1px solid var(--line);gap:10px;margin-top:14px;padding-top:14px;display:grid}.channel-fields:first-of-type{border-top:0;margin-top:0;padding-top:0}.channel-fields h3{color:var(--brand-dark);margin:0;font-size:18px}.media-card{border:1px solid var(--line);background:#fffdfa;border-radius:8px;align-content:start;gap:10px;padding:12px;display:grid}.media-preview{aspect-ratio:4/3;border:1px solid var(--line);min-height:0;color:var(--brand);background:#fff;border-radius:6px;place-items:center;display:grid;overflow:hidden}.media-preview img{object-fit:contain;width:100%;height:100%;display:block}.submission-header{border:1px solid var(--line);background:linear-gradient(#fffdfa,#fff);border-radius:8px;gap:16px;padding:16px;display:grid}.submission-header__top{flex-wrap:wrap;gap:16px}.submission-header__title{flex:360px;gap:8px;min-width:0;display:grid}.submission-header__title h2{color:var(--brand-dark);margin:0;font-size:28px;line-height:1.08}.submission-header__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.submission-header__body{grid-template-columns:1fr;align-items:start;gap:14px;display:grid}.submission-header__facts{gap:10px;display:grid}.submission-header__facts h3{color:var(--brand-dark);margin:0;font-size:17px}.header-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.header-fact{background:#fffdfa;border:1px solid #53509829;border-radius:8px;align-content:start;gap:5px;min-height:78px;padding:12px;display:grid}.header-fact strong{color:var(--brand-dark);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.header-fact span{color:var(--ink);overflow-wrap:anywhere;line-height:1.38}.header-fact--warn{background:#fff8ef;border-color:#efd4b5}.header-fact--ok{background:#f0fbf4;border-color:#c7e5d1}.review-hints{border:1px solid #efd4b5;border-left:5px solid var(--accent);color:var(--brand-dark);background:#fff8ef;border-radius:8px;gap:8px;padding:12px 14px;display:grid}.review-hints strong{color:var(--accent-dark)}.review-hints ul{margin:0;padding-left:20px;line-height:1.45}.review-hints--ok{border-color:#c7e5d1;border-left-color:var(--ok);color:var(--ok);background:#f0fbf4;align-items:center;font-weight:800;display:flex}.readiness-panel{background:linear-gradient(#fff,#fffdf8)}.readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.readiness-card{background:#fffdfa;border:1px solid #53509829;border-radius:8px;align-content:start;gap:8px;min-height:122px;padding:12px;display:grid}.readiness-card__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.readiness-card__head strong{color:var(--brand-dark);overflow-wrap:anywhere}.readiness-card p{color:var(--muted);margin:0}.readiness-card ul{color:var(--accent-dark);margin:0;padding-left:20px;line-height:1.45}.readiness-footer{flex-wrap:wrap;gap:8px;display:flex}.readiness-pill{border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:6px 10px;font-size:13px;font-weight:800;display:inline-flex}.readiness-pill--ok{color:var(--ok);background:#e5f3ea}.readiness-pill--warn{color:var(--accent-dark);background:#fff0dd}.submission-body--clamped{-webkit-line-clamp:10;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.quick-tabs{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.workspace-tabs{z-index:5;border:1px solid var(--line);background:#fffffff5;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;padding:8px;display:grid;position:sticky;top:92px;box-shadow:0 8px 24px #34315f14}.workspace-tab{min-height:42px;color:var(--brand-dark);text-align:center;cursor:pointer;background:#fffdfa;border:1px solid #5350982e;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:800;display:inline-flex}.workspace-tab:hover,.workspace-tab--active{border-color:var(--brand);background:var(--brand);color:#fff}.workspace-tab strong{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:12px;display:inline-grid}.submission-thumb{aspect-ratio:4/3;border:1px solid var(--line);background:#fff;border-radius:6px;place-items:center;width:100%;display:grid;overflow:hidden}.submission-thumb img{object-fit:cover;width:100%;height:100%}.reject-box--tight{border-top:0;margin-top:0;padding-top:0}.submission-header .reject-box--tight{background:snow;border:1px solid #b33f3f2e;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(170px,.35fr);align-items:end;gap:10px;padding:12px}.submission-header .reject-box--tight .field{margin:0}.submission-header .reject-box--tight textarea{min-height:96px}.submission-header .reject-box--tight .meta{grid-column:1/-1}.preview--dense{max-height:none;margin-bottom:0;overflow:visible}.qr-card{border:1px solid var(--line);background:#fffdfa;border-radius:8px;gap:12px;padding:14px;display:grid}.qr-card strong{color:var(--brand-dark)}.qr-card .meta{overflow-wrap:anywhere}.qr-preview{border:1px solid var(--line);background:#fff;border-radius:6px;width:fit-content;padding:10px}.qr-preview svg{width:180px;height:180px;display:block}.button.disabled{opacity:.55;pointer-events:none}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tab{border:1px solid var(--line);color:var(--brand-dark);cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px;font-weight:750}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.notice{border-left:5px solid var(--accent);background:#fff4e9;border-radius:6px;padding:13px 15px;line-height:1.45}.notice.compact{margin:0;padding:10px 12px;font-size:14px}.error{border-left-color:var(--danger);background:#fff1f1}.empty-state{color:var(--muted)}.empty-state h2{margin-bottom:6px}.comment-box{gap:10px;display:grid}.reject-box{border-top:1px solid var(--line);gap:10px;margin-top:14px;padding-top:14px;display:grid}.activity-list{gap:10px;display:grid}.activity-item{border:1px solid var(--line);background:#fffdfa;border-radius:8px;gap:4px;padding:11px 12px;display:grid}.activity-item strong{color:var(--brand-dark)}.activity-item span{color:var(--muted);font-size:13px}.activity-item p{white-space:pre-wrap;margin:0;line-height:1.45}.site-footer{border-top:1px solid var(--line);color:var(--brand);background:#fff;flex-wrap:wrap;justify-content:center;gap:18px;padding:28px clamp(18px,5vw,64px);font-weight:750;display:flex}.site-footer a{color:var(--brand);align-items:center;min-height:44px;display:inline-flex}@media (max-width:860px){.topbar{flex-direction:column;align-items:flex-start;gap:12px}.brand{flex-direction:column;align-items:flex-start;gap:10px}.brand span{border-left:0;border-top:2px solid var(--accent);padding-top:8px;padding-left:0}.topbar nav{justify-content:space-between;width:100%}.cols{grid-template-columns:1fr}.cols>aside{order:-1}.list .card{grid-template-columns:112px minmax(0,1fr);column-gap:11px}.list .card h2{font-size:16px}.summary-strip{grid-template-columns:1fr 1fr}.work-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar.panel{grid-template-columns:1fr}.toolbar-head{flex-direction:column;align-items:stretch}.admin-overview__stats,.admin-overview__settings{grid-template-columns:1fr 1fr}.admin-setting__footer,.admin-rule-grid{grid-template-columns:1fr}.toolbar .field,.toolbar .button{width:100%;min-width:0}.checks,.toolbar{align-items:stretch}.form-two-cols{grid-template-columns:1fr}.check{border-radius:8px;width:100%}.checklist-grid{grid-template-columns:1fr}.section-heading{flex-direction:column}.button{width:100%}.workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.detail-grid,.detail-split,.submission-header__body,.header-facts,.submission-header .reject-box--tight,.readiness-grid{grid-template-columns:1fr}.submission-header__actions{justify-content:stretch}.submission-header__actions .button{width:100%}.detail-row{grid-template-columns:1fr;gap:4px}.media-grid{grid-template-columns:1fr}.file-pill{flex-direction:column;align-items:flex-start}.file-pill small{white-space:normal}.hero{min-height:260px}}@media (max-width:540px){.summary-strip,.work-view-grid,.workspace-tabs{grid-template-columns:1fr}.admin-overview__header{flex-direction:column}.admin-overview__actions{justify-content:stretch;width:100%}.admin-overview__actions .button,.admin-overview__actions .status{justify-content:center;width:100%}.admin-overview__stats,.admin-overview__settings{grid-template-columns:1fr}.metric-card__value{font-size:30px}}@media print{.topbar,.site-footer,.toolbar,.button,.tabs,.comment-box,.reject-box{display:none!important}body,html{background:#fff}.page{max-width:none;padding:0}.panel,.card,.preview,.media-card,.activity-item{box-shadow:none;break-inside:avoid;border-color:#999}.cols{grid-template-columns:1fr}.preview{max-height:none;overflow:visible}}