/* SHGF CONNECT – Designsystem. Farben/Schriften aus dem Corporate Design der Vereinswebsite. */
@font-face{font-family:"Schibsted Grotesk";src:url(../fonts/schibsted-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Newsreader";src:url(../fonts/newsreader-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(../fonts/newsreader-latin-wght-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}

:root{
  --kreide:#efebe2;--papier:#e6e0d2;--sand:#d6caB4;--marine:#14263a;--graphit:#25282b;--stein:#5c605d;--backstein:#9b3e29;
  --bg:#f6f3ec;--surface:#fffefb;--surface-2:#efebe2;--fg:#25282b;--fg-soft:#5c605d;--line:#d9d2c3;--line-strong:#bdb4a0;
  --accent:var(--backstein);--accent-fg:#fff;--primary:var(--marine);--primary-fg:#fff;
  --ok:#2f6b3f;--ok-bg:#e7f1e8;--warn:#8a5a00;--warn-bg:#fbf0d6;--err:#a02a22;--err-bg:#f9e3df;--info:#1f4d78;--info-bg:#e3edf6;
  --focus:#1f6feb;--r:3px;--sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:"Newsreader","Iowan Old Style",Georgia,serif;
  --side-w:15rem;--top-h:3.5rem;--fs:1rem;
}
:root[data-theme="dark"]{
  --bg:#101a26;--surface:#162331;--surface-2:#1c2c3d;--fg:#e9e5da;--fg-soft:#a6aeb4;--line:#27394d;--line-strong:#3a5069;
  --accent:#e58f73;--accent-fg:#14100d;--primary:#e9e5da;--primary-fg:#14263a;
  --ok:#8bd09b;--ok-bg:#16301f;--warn:#e8c26a;--warn-bg:#35290c;--err:#f0958c;--err-bg:#3a1a17;--info:#8cb9e2;--info-bg:#15293c;--focus:#6aa5ff;
}
@media (prefers-color-scheme:dark){
  :root[data-theme="system"]{
    --bg:#101a26;--surface:#162331;--surface-2:#1c2c3d;--fg:#e9e5da;--fg-soft:#a6aeb4;--line:#27394d;--line-strong:#3a5069;
    --accent:#e58f73;--accent-fg:#14100d;--primary:#e9e5da;--primary-fg:#14263a;
    --ok:#8bd09b;--ok-bg:#16301f;--warn:#e8c26a;--warn-bg:#35290c;--err:#f0958c;--err-bg:#3a1a17;--info:#8cb9e2;--info-bg:#15293c;--focus:#6aa5ff;
  }
}
:root[data-font="1"]{--fs:1.0625rem}
:root[data-font="2"]{--fs:1.1875rem}

*{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:var(--fs)/1.5 var(--sans);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--serif);font-weight:560;line-height:1.2;margin:0 0 .5em;letter-spacing:-.005em}
h1{font-size:1.75rem}h2{font-size:1.3rem}h3{font-size:1.1rem}h4{font-size:1rem;font-family:var(--sans);font-weight:650}
p{margin:0 0 1em}a{color:var(--accent);text-underline-offset:2px}a:hover{text-decoration-thickness:2px}
small,.small{font-size:.8125em}.muted{color:var(--fg-soft)}.nowrap{white-space:nowrap}
hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--surface);padding:.5rem 1rem;z-index:100}.skip:focus{left:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.icon{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.17em;flex:none}

/* ---------- shell ---------- */
.shell{display:grid;grid-template-columns:var(--side-w) 1fr;min-height:100vh}
.shell.collapsed{grid-template-columns:3.5rem 1fr}
.side{background:var(--primary);color:var(--primary-fg);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:0 0 1rem}
:root[data-theme="dark"] .side{background:#0b131d;color:#e9e5da}
.side a{color:inherit;text-decoration:none}
.brand{display:flex;align-items:center;gap:.6rem;height:var(--top-h);padding:0 1rem;font-family:var(--serif);font-size:1.15rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.12);flex:none}
.brand .mark{width:1.5rem;height:1.5rem;border:1.5px solid currentColor;display:grid;place-items:center;font:600 .7rem var(--sans);border-radius:2px}
.nav-group{margin:1rem 0 0}
.nav-group h2{font:600 .6875rem var(--sans);letter-spacing:.09em;text-transform:uppercase;opacity:.6;margin:0;padding:0 1rem .35rem}
.nav a{display:flex;align-items:center;gap:.65rem;padding:.45rem 1rem;font-size:.9375rem;border-left:3px solid transparent;opacity:.88}
.nav a:hover{background:rgba(255,255,255,.08);opacity:1}
.nav a[aria-current="page"]{background:rgba(255,255,255,.12);border-left-color:var(--accent);opacity:1;font-weight:600}
:root[data-theme="dark"] .nav a[aria-current="page"]{border-left-color:#e58f73}
.shell.collapsed .side .label,.shell.collapsed .nav-group h2,.shell.collapsed .brand .name{display:none}
.shell.collapsed .nav a{justify-content:center;padding:.6rem 0}
.main-col{min-width:0;display:flex;flex-direction:column}
.top{height:var(--top-h);display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.top form.search{flex:1;max-width:28rem}
.top form.search input{width:100%;padding:.45rem .75rem;background:var(--bg)}
.top .spacer{flex:1}
.iconbtn{background:none;border:1px solid transparent;border-radius:var(--r);padding:.4rem .5rem;color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;position:relative;text-decoration:none;font:inherit}
.iconbtn:hover{background:var(--surface-2);border-color:var(--line)}
.badge-dot{position:absolute;top:0;right:0;background:var(--accent);color:var(--accent-fg);border-radius:9px;font:600 .6875rem/1 var(--sans);padding:.15rem .35rem;min-width:1.1rem;text-align:center}
.content{padding:1.5rem 1.5rem 3rem;max-width:76rem;width:100%}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}
.page-head h1{margin:0}.page-head .sub{color:var(--fg-soft);margin:.2rem 0 0}
.crumbs{font-size:.8125rem;color:var(--fg-soft);margin-bottom:.4rem}.crumbs a{color:inherit}
.menu-btn{display:none}
.scrim{display:none}
.usermenu{position:relative}.usermenu details{position:relative}
.usermenu summary{list-style:none;cursor:pointer}.usermenu summary::-webkit-details-marker{display:none}
.dropdown{position:absolute;right:0;top:calc(100% + .35rem);min-width:13rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r);box-shadow:0 6px 20px rgba(0,0,0,.12);padding:.35rem;z-index:40}
.dropdown a,.dropdown button{display:block;width:100%;text-align:left;padding:.45rem .6rem;border-radius:2px;color:var(--fg);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}
.dropdown a:hover,.dropdown button:hover{background:var(--surface-2)}
.dropdown .who{padding:.4rem .6rem;border-bottom:1px solid var(--line);margin-bottom:.3rem;font-size:.875rem}

/* ---------- components ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.25rem}
.card>h2:first-child,.card>h3:first-child{margin-top:0}
.card+.card{margin-top:1rem}
.grid>.card+.card,.grid>.stack,.grid>*{margin-top:0}
.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.stack>*+*{margin-top:1rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border:1px solid var(--primary);background:var(--primary);color:var(--primary-fg);border-radius:var(--r);font:600 .9375rem var(--sans);cursor:pointer;text-decoration:none;line-height:1.2}
.btn:hover{filter:brightness(1.12)}
.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line-strong)}.btn.ghost:hover{background:var(--surface-2);filter:none}
.btn.danger{background:var(--err);border-color:var(--err);color:#fff}
.btn.small{padding:.3rem .6rem;font-size:.8125rem}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.field{margin-bottom:1rem}.field label,.label{display:block;font-weight:600;font-size:.875rem;margin-bottom:.25rem}
.field .hint{font-size:.8125rem;color:var(--fg-soft);margin-top:.25rem}.field .err{font-size:.8125rem;color:var(--err);margin-top:.25rem}
input[type=text],input[type=email],input[type=password],input[type=url],input[type=search],input[type=number],input[type=date],input[type=datetime-local],input[type=tel],select,textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);color:var(--fg);font:inherit}
textarea{min-height:7rem;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--focus)}
.check{display:flex;gap:.55rem;align-items:flex-start;margin-bottom:.5rem}.check input{margin-top:.3rem}.check label{font-weight:400;margin:0}
.alert{padding:.7rem .95rem;border-radius:var(--r);border:1px solid;margin-bottom:1rem;font-size:.9375rem}
.alert.ok{background:var(--ok-bg);color:var(--ok);border-color:currentColor}.alert.warn{background:var(--warn-bg);color:var(--warn);border-color:currentColor}
.alert.err,.alert.error{background:var(--err-bg);color:var(--err);border-color:currentColor}.alert.info{background:var(--info-bg);color:var(--info);border-color:currentColor}
.alert ul{margin:.25rem 0 0 1.1rem;padding:0}
.badge{display:inline-block;padding:.1rem .5rem;border-radius:9px;font:600 .75rem var(--sans);background:var(--surface-2);border:1px solid var(--line);color:var(--fg-soft);white-space:nowrap}
.badge.ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}.badge.warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}
.badge.err{background:var(--err-bg);color:var(--err);border-color:transparent}.badge.info{background:var(--info-bg);color:var(--info);border-color:transparent}
table.t{width:100%;border-collapse:collapse;font-size:.9375rem;background:var(--surface);border:1px solid var(--line)}
table.t th{text-align:left;font:600 .75rem var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-soft);padding:.55rem .75rem;border-bottom:1px solid var(--line-strong);background:var(--surface-2);white-space:nowrap}
table.t td{padding:.6rem .75rem;border-bottom:1px solid var(--line);vertical-align:top}
table.t tr:last-child td{border-bottom:0}table.t tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}
.table-wrap{overflow-x:auto}
.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--line);margin-bottom:1.25rem;overflow-x:auto}
.tabs a{padding:.55rem .9rem;text-decoration:none;color:var(--fg-soft);border-bottom:2px solid transparent;white-space:nowrap}
.tabs a[aria-current="page"]{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}
.empty{padding:2rem 1rem;text-align:center;color:var(--fg-soft);border:1px dashed var(--line-strong);border-radius:var(--r)}
.empty strong{display:block;color:var(--fg);margin-bottom:.25rem}
.pager{display:flex;gap:.35rem;align-items:center;margin-top:1rem;flex-wrap:wrap}
.pager a,.pager span{padding:.3rem .65rem;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--fg);font-size:.875rem}
.pager span.cur{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}
.avatar{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--sand);color:#25282b;font:600 .8125rem var(--sans);flex:none}
.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem;align-items:end}.filters .field{margin:0}.filters input,.filters select{width:auto;min-width:10rem}
.perm-grid{columns:2;column-gap:2rem}.perm-grid .check{break-inside:avoid}
.kv{display:grid;grid-template-columns:11rem 1fr;gap:.35rem 1rem;margin:0}.kv dt{color:var(--fg-soft);font-size:.875rem}.kv dd{margin:0}
.code{font-family:ui-monospace,Menlo,Consolas,monospace;background:var(--surface-2);padding:.1rem .35rem;border-radius:2px;font-size:.875em}
.recovery{columns:2;font-family:ui-monospace,Consolas,monospace;font-size:1rem;background:var(--surface-2);padding:1rem;border-radius:var(--r);list-style:none;margin:0}
.toasts{position:fixed;right:1rem;bottom:1rem;display:grid;gap:.5rem;z-index:80;max-width:22rem}
.widget h2{font:650 .8125rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft);margin-bottom:.6rem}
.list{list-style:none;margin:0;padding:0}.list li{padding:.5rem 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}
.notice-important{border-left:4px solid var(--accent);background:var(--surface)}
.qr{background:#fff;padding:.5rem;display:inline-block;border:1px solid var(--line)}

/* ---------- bare layout (login, installer, errors) ---------- */
.bare{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;background:var(--bg)}
.bare-box{width:100%;max-width:26rem}.bare-box.wide{max-width:42rem}
.bare .brand-top{font-family:var(--serif);font-size:1.5rem;font-weight:600;margin-bottom:1.25rem;display:flex;gap:.6rem;align-items:center}
.steps{display:flex;gap:.35rem;margin-bottom:1.25rem;list-style:none;padding:0;font-size:.75rem;flex-wrap:wrap}
.steps li{padding:.2rem .55rem;border:1px solid var(--line);border-radius:9px;color:var(--fg-soft)}
.steps li.cur{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.steps li.done{color:var(--ok);border-color:currentColor}
.req-row{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px solid var(--line);font-size:.9rem}

/* ---------- responsive ---------- */
@media (max-width:60rem){
  .shell,.shell.collapsed{grid-template-columns:1fr}
  .side{position:fixed;inset:0 auto 0 0;width:min(18rem,86vw);z-index:60;transform:translateX(-100%);transition:transform .2s}
  .shell.open .side{transform:none;box-shadow:0 0 40px rgba(0,0,0,.35)}
  .shell.collapsed .side .label,.shell.collapsed .nav-group h2,.shell.collapsed .brand .name{display:initial}
  .shell.collapsed .nav a{justify-content:flex-start;padding:.45rem 1rem}
  .menu-btn{display:inline-flex}
  .scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:55;display:none}.shell.open .scrim{display:block}
  .content{padding:1rem 1rem 3rem}
  .grid.cols-2,.grid.cols-3{grid-template-columns:1fr}
  .perm-grid{columns:1}.kv{grid-template-columns:1fr}.top{padding:0 .75rem}.top .collapse-btn{display:none}
  table.t.stack-m thead{display:none}
  table.t.stack-m tr{display:block;border-bottom:1px solid var(--line-strong);padding:.5rem 0}
  table.t.stack-m td{display:flex;justify-content:space-between;gap:1rem;border:0;padding:.2rem .75rem}
  table.t.stack-m td::before{content:attr(data-l);color:var(--fg-soft);font-size:.8125rem}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.side,.top,.menu-btn{display:none}.shell{display:block}.content{max-width:none;padding:0}}

/* ---------- utilities (no inline styles: CSP style-src 'self') ---------- */
.m0{margin:0}.mt05{margin-top:.5rem}.mt075{margin-top:.75rem}.mt1{margin-top:1rem}.mt15{margin-top:1.5rem}.mtn05{margin-top:-.5rem}
.mb035{margin-bottom:.35rem}.mb05{margin-bottom:.5rem}.mb1{margin-bottom:1rem}.mb15{margin-bottom:1.5rem}
.maxw28{max-width:28rem}.maxw30{max-width:30rem}.maxw36{max-width:36rem}.maxw40{max-width:40rem}
input.w6,select.w6,.w6{width:6rem}.minh35{min-height:3.5rem}.gap04{gap:.4rem}.pad-x{padding-left:1.25rem;padding-right:1.25rem}
.fs-plain{border:0;padding:0;margin-left:0;margin-right:0;min-width:0}
.linkblock{display:block;text-decoration:none;color:inherit}
.fieldflex{margin:0;flex:1;min-width:14rem}
.h-tight{margin:.4rem 0 .25rem}
.lead{font-size:1.1rem;font-family:var(--serif)}.itemtitle{font-family:var(--serif);font-size:1.15rem}
.logbox{white-space:pre-wrap;overflow:auto;max-height:18rem}
.split-a{grid-template-columns:minmax(14rem,1fr) minmax(0,2fr);align-items:start}
.split-b{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);align-items:start}
@media (max-width:60rem){.split-a,.split-b{grid-template-columns:1fr}}
.list.card{padding-top:0;padding-bottom:0}
details>summary{cursor:pointer}

/* ---------- rich text content ---------- */
.prose{font-family:var(--serif);font-size:1.0625rem;line-height:1.65;overflow-wrap:anywhere}
.prose>*:first-child{margin-top:0}.prose>*:last-child{margin-bottom:0}
.prose h2,.prose h3,.prose h4{font-family:var(--serif);margin:1.4em 0 .5em}
.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose table,.prose figure{margin:0 0 1em}
.prose ul,.prose ol{padding-left:1.4rem}
.prose blockquote{border-left:3px solid var(--accent);padding:.1rem 0 .1rem 1rem;color:var(--fg-soft);margin-left:0}
.prose img{max-width:100%;height:auto;border-radius:2px}
.prose figure{margin:1.2em 0}.prose figcaption{font:.8125rem var(--sans);color:var(--fg-soft)}
.prose table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:.9375rem}
.prose td,.prose th{border:1px solid var(--line-strong);padding:.4rem .6rem;text-align:left}
.prose pre,.prose code{font-family:ui-monospace,Consolas,monospace;font-size:.875em;background:var(--surface-2)}
.prose pre{padding:.75rem;overflow:auto}
trix-editor{min-height:16rem;background:var(--surface);color:var(--fg);border:1px solid var(--line-strong);border-radius:var(--r);padding:.75rem}
trix-toolbar .trix-button-group{border-color:var(--line-strong);background:var(--surface)}
trix-toolbar .trix-button{border-color:var(--line);background:var(--surface-2)}
:root[data-theme="dark"] trix-toolbar .trix-button:not(.trix-active){filter:invert(.85)}

.navcount{margin-left:auto;background:var(--accent);color:var(--accent-fg);border-radius:9px;font:600 .6875rem/1 var(--sans);padding:.2rem .4rem;min-width:1.15rem;text-align:center}
.shell.collapsed .navcount{display:none}

/* ---------- chat / channel threads ---------- */
.thread{padding:.5rem 1rem;max-height:none}
.msg{padding:.6rem 0;border-bottom:1px solid var(--line)}.msg:last-child{border-bottom:0}
.msg.mine .msg-meta strong::after{content:" (Sie)";font-weight:400;color:var(--fg-soft)}
.msg-body{white-space:normal;overflow-wrap:anywhere}
.msg.is-hidden{opacity:.65}
.mention{background:var(--info-bg);color:var(--info);border-radius:2px;padding:0 .15rem}
blockquote.small{border-left:3px solid var(--line-strong);margin:.25rem 0;padding:.1rem .75rem}
details.report>summary{display:inline;list-style:none;cursor:pointer;text-decoration:underline}
details.report>summary::-webkit-details-marker{display:none}

/* ---------- calendar ---------- */
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);background:var(--surface)}
.cal-dow{padding:.4rem .5rem;font:600 .75rem var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-soft);background:var(--surface-2);border-bottom:1px solid var(--line)}
.cal-day{min-height:6.5rem;padding:.25rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.15rem;min-width:0}
.cal-day:nth-child(7n+7){border-right:0}
.cal-day.other{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.cal-day.other .cal-num{color:var(--fg-soft)}
.cal-day.today{outline:2px solid var(--accent);outline-offset:-2px}
.cal-num{align-self:flex-end;font:600 .8125rem var(--sans);text-decoration:none;color:var(--fg);padding:0 .25rem}
.cal-ev{display:block;font-size:.75rem;line-height:1.25;padding:.1rem .3rem;border-radius:2px;text-decoration:none;color:var(--fg);background:var(--info-bg);border-left:3px solid var(--info);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-ev.t-festival,.badge.t-festival{background:#f4e3de;border-color:var(--accent);color:#6e2a1a}
.cal-ev.t-meeting,.badge.t-meeting{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}
:root[data-theme="dark"] .cal-ev.t-festival,:root[data-theme="dark"] .badge.t-festival{background:#3a1f19;color:#f0b3a3}
.cal-ev.cancelled,strong.cancelled{text-decoration:line-through;opacity:.7}
.cal-more{font-size:.75rem;color:var(--fg-soft)}
h2.today-h{color:var(--accent)}
@media (max-width:60rem){.cal{display:block}.cal-dow{display:none}.cal-day{min-height:0;border-right:0}.cal-day .cal-num{align-self:flex-start}}
img.preview{max-width:100%;max-height:28rem;height:auto;display:block}
.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}
.bigcode{font-size:1.6rem;letter-spacing:.12em;padding:.6rem .8rem;border:1px dashed var(--line-strong);border-radius:var(--r);text-align:center}
.reply-staff{border-left:3px solid var(--accent, #1d3b5c)}.reply-internal{background:var(--surface-2, #f3efe6);border-style:dashed}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem}
.mcard{display:flex;flex-direction:column;gap:.3rem;padding:.6rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:inherit;text-decoration:none}
.mcard:hover{border-color:var(--line-strong)}.mcard.mbad{border-style:dashed;opacity:.85}
.mthumb{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--surface-2,#f3efe6);border-radius:calc(var(--r) - 2px);overflow:hidden}
.mthumb img{width:100%;height:100%;object-fit:cover}.mfig img{max-width:100%;height:auto;display:block;margin:0 auto}.mfig figcaption{margin-top:.5rem}
form.inline{display:inline;margin-left:.5rem}
.avatar-lg{width:7rem;height:7rem;border-radius:50%;object-fit:cover}
.wrapall{overflow-wrap:anywhere}
progress.pg{width:100%;max-width:16rem;height:.6rem;accent-color:var(--primary,#9b3e29);vertical-align:middle}
.pgrow{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}
.club-body{max-width:46rem}
.push-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .9rem;margin:0 0 1rem;border:1px solid var(--line-strong,#bbb);border-left:4px solid var(--accent,#9b3e29);border-radius:var(--r,6px);background:var(--surface,#fff)}
.push-banner .pb-row{display:flex;gap:.5rem}.push-banner button{border:1px solid var(--line-strong,#bbb);background:none;border-radius:var(--r,6px);padding:.35rem .8rem;cursor:pointer;color:inherit}.push-banner .pb-go{background:var(--accent,#9b3e29);border-color:var(--accent,#9b3e29);color:#fff}

.fb-icon{display:inline-grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--surface-2);color:var(--fg-soft);border:1px solid var(--line)}
.fb-icon .icon{width:1.3rem;height:1.3rem}
.fb-icon.unread{background:var(--primary,#9b3e29);color:var(--primary-fg,#fff);border-color:transparent}
.fb-icon.closed{background:transparent;color:var(--fg-soft);border-style:dashed}
.nowrap-flex{flex-wrap:nowrap;align-items:flex-start;gap:.7rem}
.unread-count{color:var(--primary,#9b3e29);font-weight:600}
.unread-title{font-weight:700}
.ulink{color:inherit;text-decoration:underline;text-decoration-color:var(--line-strong,#bbb);text-underline-offset:2px}.ulink:hover{text-decoration-color:currentColor}
.react-row{display:flex;gap:.35rem;flex-wrap:wrap}
.react-row button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.15rem .65rem;font:inherit;font-size:.85rem;cursor:pointer;color:inherit}
.react-row button.on{background:color-mix(in srgb,var(--primary,#9b3e29) 14%,var(--surface));border-color:var(--primary,#9b3e29)}
.post-solution{border-left:4px solid var(--ok,#2e7d32)}
.poll-bar{height:.55rem;background:var(--surface-2);border-radius:3px;overflow:hidden}.poll-bar>span{display:block;height:100%;background:var(--primary,#9b3e29)}
.mention-box{position:absolute;z-index:30;list-style:none;margin:.2rem 0 0;padding:.2rem;background:var(--surface,#fff);border:1px solid var(--line-strong,#bbb);border-radius:var(--r,6px);box-shadow:0 4px 14px rgba(0,0,0,.15);min-width:12rem}
.mention-box li{padding:.3rem .6rem;cursor:pointer;border-radius:3px}.mention-box li.on,.mention-box li:hover{background:var(--surface-2)}
.forum-editor{min-height:9rem;background:var(--surface,#fff);color:var(--fg,inherit)}
.prose blockquote{margin:.5rem 0;padding:.35rem .8rem;border-left:3px solid var(--line-strong,#bbb);color:var(--fg-soft)}

/* ===== Forum 2026: full width, cards, avatars ===== */
.content:has(.fx){max-width:none}
.fx{--fx-r:12px;--fx-shadow:0 1px 2px rgba(20,38,58,.06),0 4px 14px rgba(20,38,58,.05)}
.fx a{text-underline-offset:2px}
.fx-head{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:space-between;margin-bottom:1.25rem}
.fx-head h1{margin:0}.fx-head .sub{margin:.2rem 0 0;color:var(--fg-soft)}
.fx-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.fx-actions form{display:inline}
.fx-hero{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;margin-bottom:1.25rem;border-radius:var(--fx-r);background:linear-gradient(135deg,#14263a,#5d3a35);color:#fff}
.fx-hero h1{margin:0;color:inherit}.fx-hero p{margin:.15rem 0 0;opacity:.85}
.fx-hero .btn{background:rgba(255,255,255,.14);color:inherit;border:1px solid rgba(255,255,255,.35)}
.fx-hero .btn:hover{background:rgba(255,255,255,.26)}
.fx-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.fx-stats div{display:grid}.fx-stats strong{font-size:1.4rem;line-height:1.1}.fx-stats span{font-size:.78rem;opacity:.8}
.fx-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:75rem){.fx-layout.with-aside{grid-template-columns:minmax(0,1fr) 21rem}}
.fx-aside{display:grid;gap:1rem;align-content:start}
.fx-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--fx-r);box-shadow:var(--fx-shadow)}
.fx-card>h2,.fx-card>h3{margin:0;padding:.7rem 1rem;font-size:.95rem;border-bottom:1px solid var(--line)}
.fx-card.pad{padding:1rem}
.fx-cat{margin-bottom:1.25rem;overflow:hidden}
.fx-cat>h2{display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft)}
.fx-board{display:grid;grid-template-columns:3rem minmax(0,1fr) 9rem minmax(0,19rem);gap:1rem;align-items:center;padding:.85rem 1rem;border-top:1px solid var(--line);transition:background .15s}
.fx-cat>h2+.fx-board{border-top:0}
.fx-board:hover{background:color-mix(in srgb,var(--surface-2) 55%,var(--surface))}
.fx-board h3{margin:0;font-size:1.02rem}.fx-board h3 a{text-decoration:none}.fx-board h3 a:hover{text-decoration:underline}
.fx-board .desc{color:var(--fg-soft);font-size:.86rem;margin-top:.1rem}
.fx-nums{display:flex;gap:1.1rem;color:var(--fg-soft);font-size:.82rem}.fx-nums b{display:block;color:var(--fg);font-size:1rem;font-weight:650}
.fx-last{display:flex;gap:.65rem;align-items:center;min-width:0;font-size:.86rem}
.fx-last .t{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none}
.fx-last .m{color:var(--fg-soft);font-size:.8rem}
.fx-last>div{min-width:0}
@media (max-width:62rem){.fx-board{grid-template-columns:3rem minmax(0,1fr)}.fx-board .fx-nums,.fx-board .fx-last{grid-column:2}.fx-nums{gap:1.5rem}}
.fx-av{display:inline-grid;place-items:center;flex:none;width:2.1rem;height:2.1rem;border-radius:50%;object-fit:cover;font:600 .85rem var(--sans);color:#fff;background:#6b7a8c;overflow:hidden}
.fx-av.lg{width:4.25rem;height:4.25rem;font-size:1.5rem}.fx-av.sm{width:1.6rem;height:1.6rem;font-size:.7rem}
.fx-av.h0{background:#9b3e29}.fx-av.h1{background:#14263a}.fx-av.h2{background:#2f6b3f}.fx-av.h3{background:#8a5a00}.fx-av.h4{background:#5b4a8a}.fx-av.h5{background:#1f6f7a}.fx-av.h6{background:#7a3556}.fx-av.h7{background:#4d5a2b}
.fx-chips{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.fx-chip{display:inline-flex;gap:.3rem;align-items:center;padding:.22rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:500 .84rem var(--sans);text-decoration:none;white-space:nowrap}
.fx-chip:hover{border-color:var(--line-strong);background:var(--surface-2)}
.fx-chip.on{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}
.fx-chip small{opacity:.7}
.fx-tag{display:inline-block;padding:.05rem .5rem;border-radius:6px;background:var(--surface-2);color:var(--fg-soft);font-size:.76rem;text-decoration:none;border:1px solid transparent}
.fx-tag:hover{border-color:var(--line-strong);color:var(--fg)}
.fx-tags{display:flex;flex-wrap:wrap;gap:.3rem}
.fx-toolbar{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:space-between;margin-bottom:1rem}
.fx-topic{display:grid;grid-template-columns:2.6rem minmax(0,1fr) 7.5rem minmax(0,15rem);gap:1rem;align-items:center;padding:.8rem 1rem;border-top:1px solid var(--line);transition:background .15s}
.fx-topic:first-child{border-top:0}
.fx-topic:hover{background:color-mix(in srgb,var(--surface-2) 55%,var(--surface))}
.fx-topic.unread{box-shadow:inset 3px 0 0 var(--accent)}
.fx-topic.pinned{background:color-mix(in srgb,var(--info-bg) 40%,var(--surface))}
.fx-topic .ttl{font-size:1.02rem;font-weight:600;text-decoration:none;color:var(--fg);overflow-wrap:anywhere}
.fx-topic.unread .ttl{font-weight:750}
.fx-topic .ttl:hover{text-decoration:underline}
.fx-topic .meta{color:var(--fg-soft);font-size:.82rem;margin-top:.15rem}
.fx-topic .badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.2rem}
.fx-topic .cnt{display:flex;gap:1rem;color:var(--fg-soft);font-size:.8rem}.fx-topic .cnt b{display:block;color:var(--fg);font-size:.98rem}
.fx-topic .sel{display:flex;align-items:center}
.fx-topic.has-sel{grid-template-columns:1.4rem 2.6rem minmax(0,1fr) 7.5rem minmax(0,15rem)}
@media (max-width:62rem){.fx-topic,.fx-topic.has-sel{grid-template-columns:2.6rem minmax(0,1fr)}.fx-topic.has-sel{grid-template-columns:1.4rem 2.6rem minmax(0,1fr)}.fx-topic .cnt,.fx-topic .fx-last{grid-column:-2/-1}}
.fx-bulk{position:sticky;bottom:.75rem;z-index:20;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem;padding:.6rem .85rem;border-radius:var(--fx-r);background:var(--primary);color:var(--primary-fg);box-shadow:0 6px 24px rgba(0,0,0,.25)}
.fx-bulk select,.fx-bulk .btn{font-size:.85rem}
.fx-post{display:grid;grid-template-columns:12.5rem minmax(0,1fr);margin-bottom:1rem;overflow:hidden}
.fx-post.solution{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok),var(--fx-shadow)}
.fx-who{padding:1.1rem .9rem;background:var(--surface-2);border-right:1px solid var(--line);text-align:center;font-size:.85rem;display:grid;gap:.25rem;align-content:start;justify-items:center}
.fx-who .nm{font-weight:650;font-size:.95rem}.fx-who .rl{color:var(--fg-soft)}.fx-who .org{color:var(--fg-soft);font-size:.8rem;overflow-wrap:anywhere}
.fx-body{display:flex;flex-direction:column;min-width:0}
.fx-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--line);color:var(--fg-soft);font-size:.82rem}
.fx-bar a{color:inherit}
.fx-text{padding:1rem 1.15rem;flex:1}
.fx-text .prose{max-width:none}
.fx-foot{display:flex;flex-wrap:wrap;gap:.35rem .9rem;align-items:center;padding:.5rem 1rem .75rem;font-size:.85rem}
.fx-foot a,.fx-foot summary{color:var(--fg-soft);cursor:pointer}.fx-foot a:hover,.fx-foot summary:hover{color:var(--fg)}
.fx-foot form{display:inline}
.fx-foot .linklike{background:none;border:0;padding:0;font:inherit;color:var(--fg-soft);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.fx-foot .linklike:hover{color:var(--fg)}
.fx-mq{display:inline-flex;gap:.3rem;align-items:center;color:var(--fg-soft);cursor:pointer;font-size:.85rem}
.fx-mq input{width:auto}
@media (max-width:52rem){.fx-post{grid-template-columns:1fr}.fx-who{grid-template-columns:auto 1fr;text-align:left;justify-items:start;align-items:center;column-gap:.7rem;padding:.65rem .9rem;border-right:0;border-bottom:1px solid var(--line)}.fx-who .fx-av{grid-row:span 3}}
.fx-mqbar{position:fixed;left:50%;transform:translateX(-50%);bottom:1rem;z-index:60;display:flex;gap:.6rem;align-items:center;padding:.55rem .9rem;border-radius:999px;background:var(--primary);color:var(--primary-fg);box-shadow:0 6px 24px rgba(0,0,0,.3)}
.fx-mqbar[hidden]{display:none}.fx-mqbar button,.fx-mqbar a{background:rgba(255,255,255,.18);color:inherit;border:0;border-radius:999px;padding:.25rem .8rem;font:inherit;cursor:pointer;text-decoration:none}
.fx-similar{margin:.4rem 0 1rem;padding:.7rem .9rem;border-radius:var(--fx-r);background:var(--info-bg);color:var(--info)}
.fx-similar[hidden]{display:none}.fx-similar ul{margin:.3rem 0 0;padding-left:1.1rem}.fx-similar a{color:inherit}
.fx-filter{display:grid;gap:.8rem 1rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:end}
.fx-result{padding:.9rem 1.1rem;border-top:1px solid var(--line)}.fx-result:first-child{border-top:0}
.fx-rev{padding:1rem 1.15rem;border-top:1px solid var(--line)}.fx-rev:first-child{border-top:0}
.fx-trash-row{display:flex;flex-wrap:wrap;gap:.6rem 1rem;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-top:1px solid var(--line)}
.fx-announce{display:flex;gap:.6rem;align-items:center;padding:.55rem 1rem;border-top:1px solid var(--line);text-decoration:none}
.fx-mini{display:grid;gap:.1rem;padding:.6rem 1rem;border-top:1px solid var(--line)}
.fx-mini a.t{font-weight:600;text-decoration:none}.fx-mini .m{color:var(--fg-soft);font-size:.8rem}
.fx .badge.neutral{background:var(--surface-2);color:var(--fg-soft)}
.fx-reply{margin-top:1.25rem}
@media (prefers-reduced-motion:reduce){.fx-board,.fx-topic{transition:none}}
.fx-bulk .btn.ghost{color:inherit;background:transparent;border:1px solid rgba(255,255,255,.4)}
.fx-bulk .btn.ghost:hover{background:rgba(255,255,255,.15)}
.fx-bulk select{width:auto;max-width:14rem}
.fx-bulk .btn.danger{border-color:transparent}
img.avatar{object-fit:cover;padding:0}
.avatar-big{width:7rem;height:7rem;font-size:2rem;flex:none}
.avatar-crop{margin:.5rem 0 1rem}
.avatar-crop[hidden]{display:none}
.avatar-stage{position:relative;width:300px;max-width:100%;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:#222;touch-action:none;cursor:grab}
.avatar-stage:active{cursor:grabbing}
.avatar-stage canvas{display:block;width:100%;height:100%}
.avatar-ring{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.45);pointer-events:none;outline:2px solid rgba(255,255,255,.85);outline-offset:-2px}

/* ---- Neuigkeiten / Redaktion (nx) – builds on the fx design of the forum ---- */
.nx .linklike{background:none;border:0;padding:0;font:inherit;color:var(--fg-soft);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.nx .linklike:hover{color:var(--fg)}
.nx .mb1{margin-bottom:1rem}
.nx-filter{display:grid;gap:.7rem;margin-bottom:1.25rem}
.nx-search{display:flex;flex-wrap:wrap;gap:.5rem}.nx-search input[type=search]{flex:1 1 16rem;min-width:0}.nx-search select{max-width:15rem}
.nx-spacer{flex:1}
.nx-kind{color:var(--fg-soft);font-size:.8rem}
.nx-dot{position:absolute;top:.6rem;left:.6rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(255,255,255,.85)}
/* cards */
.nx-feat{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));margin-bottom:1.25rem}
.nx-feat .nx-big{grid-column:1/-1}
.nx-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}
.nx-card{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--fx-r,12px);box-shadow:var(--fx-shadow,none);color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}
.nx-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 6px 22px rgba(20,38,58,.12)}
.nx-card.unread{box-shadow:inset 0 3px 0 var(--accent),var(--fx-shadow,none)}
.nx-media{position:relative;display:block;aspect-ratio:16/9;background:var(--surface-2);overflow:hidden}
.nx-media img{display:block;width:100%;height:100%;object-fit:cover}
.nx-ph{display:grid;place-items:center;width:100%;height:100%;color:rgba(255,255,255,.85);background:linear-gradient(135deg,#14263a,#5d3a35)}
.nx-ph svg{width:2.4rem;height:2.4rem}
.nx-ph.k-announcement{background:linear-gradient(135deg,#5d3a35,#9b3e29)}.nx-ph.k-circular{background:linear-gradient(135deg,#1f6f7a,#14263a)}.nx-ph.k-info{background:linear-gradient(135deg,#4d5a2b,#1f6f7a)}.nx-ph.k-press{background:linear-gradient(135deg,#5b4a8a,#14263a)}.nx-ph.k-publication{background:linear-gradient(135deg,#8a5a00,#5d3a35)}
.nx-cbody{display:flex;flex-direction:column;gap:.45rem;padding:.9rem 1rem 1rem;flex:1}
.nx-title{font-family:var(--serif);font-size:1.2rem;line-height:1.25;overflow-wrap:anywhere}
.nx-ex{color:var(--fg-soft);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nx-foot{display:flex;gap:.55rem;align-items:center;margin-top:auto;padding-top:.3rem;color:var(--fg-soft);font-size:.8rem}
.nx-big{flex-direction:row;align-items:stretch}
.nx-big .nx-media{flex:1.35;aspect-ratio:auto;min-height:15rem}
.nx-big .nx-cbody{flex:1;justify-content:center;padding:1.4rem 1.6rem}
.nx-big .nx-title{font-size:clamp(1.5rem,2.4vw,2.2rem)}
.nx-big .nx-ex{-webkit-line-clamp:5;font-size:1rem}
.nx-mini{width:4rem;height:2.25rem;object-fit:cover;border-radius:4px;flex:none;background:var(--surface-2)}
.nx-mini-row{display:flex;gap:.6rem;align-items:center}
/* article */
.nx-top{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;align-items:center;margin-bottom:.8rem}
.nx-top .crumbs{margin:0}
.nx-layout{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:75rem){.nx-layout{grid-template-columns:minmax(0,1fr) 21rem}.nx-aside{position:sticky;top:1rem;align-self:start}}
.nx-aside{display:grid;gap:1rem;align-content:start}
.nx-hero{margin:0 0 1.2rem;border-radius:var(--fx-r,12px);overflow:hidden;background:var(--surface-2);position:relative}
.nx-hero[hidden]{display:none}
.nx-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;max-height:34rem}
.nx-hero figcaption{position:absolute;right:.6rem;bottom:.6rem;padding:.15rem .55rem;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:.75rem var(--sans)}
.nx-head h1{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15;margin:.5rem 0 .4rem}
.nx-lead{font-family:var(--serif);font-size:1.2rem;color:var(--fg-soft);margin:0 0 .9rem;max-width:60rem}
.nx-meta{display:flex;gap:.7rem;align-items:center;margin-bottom:1.1rem}
.nx-meta .fx-av{width:2.6rem;height:2.6rem}
.nx-prose{padding:1.4rem 1.6rem}
.nx-prose>*{max-width:78ch}.nx-prose>figure,.nx-prose>table,.nx-prose>pre,.nx-prose>.attachment{max-width:100%}
.nx-prose{font-size:1.09rem}
.nx .fx-card.pad>h2,.nx .fx-card.pad>h3{padding:0 0 .55rem;border-bottom:0;font-size:1rem}
.nx-prose h2{font-size:1.55rem;line-height:1.25}.nx-prose h3{font-size:1.25rem}.nx-prose h4{font-size:1.1rem}
.nx-facts{display:grid;grid-template-columns:auto 1fr;gap:.35rem .8rem;margin:0;font-size:.9rem}.nx-facts dt{color:var(--fg-soft)}.nx-facts dd{margin:0}
.nx-bar{height:.5rem;border-radius:999px;background:var(--surface-2);overflow:hidden;margin:.55rem 0}.nx-bar span{display:block;height:100%;background:var(--accent)}
.nx-rel{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.7rem}.nx-rel a{display:flex;gap:.6rem;align-items:center;text-decoration:none;color:inherit;font-size:.9rem;line-height:1.3}.nx-rel a:hover span{text-decoration:underline}
.nx-rel .nx-mini.nx-ph{display:block}
/* comments */
.nx-clist,.nx-replies{list-style:none;margin:0;padding:0}
.nx-c{display:flex;gap:.75rem;padding:.9rem 0;border-top:1px solid var(--line)}
.nx-clist>.nx-c:first-child{border-top:0}
.nx-c.is-hidden{opacity:.7}
.nx-c-main{flex:1;min-width:0}
.nx-c-head{display:flex;flex-wrap:wrap;gap:.2rem .6rem;align-items:baseline}
.nx-c-text{margin:.15rem 0 .2rem;overflow-wrap:anywhere}
.nx-c-actions{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;font-size:.85rem;color:var(--fg-soft)}
.nx-c-actions form{display:inline}
.nx-pop>summary{cursor:pointer;color:var(--fg-soft);list-style:none}.nx-pop>summary::-webkit-details-marker{display:none}.nx-pop>summary:hover{color:var(--fg)}
.nx-pop[open]{flex-basis:100%}.nx-pop form{margin:.4rem 0 .2rem}
.nx-replies{margin-top:.5rem;padding-left:.8rem;border-left:2px solid var(--line)}.nx-replies.flat{padding-left:0;border-left:0}
.nx-replies>.nx-c{padding:.6rem 0 0;border-top:0}
/* editor */
.nx-edit-grid{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:75rem){.nx-edit-grid{grid-template-columns:minmax(0,1fr) 22rem}}
.nx-tabs{display:flex;gap:.3rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}
.nx-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:.55rem .9rem;font:600 .92rem var(--sans);color:var(--fg-soft);cursor:pointer}
.nx-tabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}
.nx-previewbox{border:1px dashed var(--line-strong);border-radius:var(--fx-r,12px);padding:1rem}
.nx-cover{margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.nx-cover h2{margin:0 0 .6rem;font-size:1.05rem}
.nx-cover-now{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:.8rem}.nx-cover-now img{width:16rem;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.nx-crop{margin:.5rem 0 1rem}.nx-crop[hidden]{display:none}
.nx-stage{position:relative;width:34rem;max-width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#222;touch-action:none;cursor:grab}
.nx-stage:active{cursor:grabbing}.nx-stage canvas{display:block;width:100%;height:100%}
.nx-frame{position:absolute;inset:0;pointer-events:none;border:2px solid rgba(255,255,255,.85);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.nx-draft{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.7rem 1rem;border-radius:var(--fx-r,12px);background:var(--warn-bg);color:var(--warn)}
.nx-draft[hidden]{display:none}
.nx-savebar{position:sticky;bottom:.75rem;z-index:15;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1.25rem;padding:.6rem .85rem;border-radius:var(--fx-r,12px);background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 6px 24px rgba(0,0,0,.18)}
/* editorial board */
.nx-board{display:flex;gap:.9rem;overflow-x:auto;padding-bottom:.75rem;align-items:flex-start}
.nx-col{flex:1 1 11rem;background:var(--surface-2);border-radius:var(--fx-r,12px);padding:.75rem;display:grid;gap:.65rem;align-content:start;min-width:0}
.nx-col.has{flex:3 1 19rem;min-width:17rem}
.nx-col h2{margin:0;font-size:.95rem;display:flex;gap:.5rem;align-items:center}.nx-col h2 small{color:var(--fg-soft)}
.nx-colempty{margin:0}
.nx-mcard{position:relative;display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.55rem .7rem;align-items:start;padding:.65rem;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.nx-mcard>.btn{grid-column:1/-1;justify-self:start}
.nx-mthumb{display:block;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--surface-2)}.nx-mthumb img{display:block;width:100%;height:100%;object-fit:cover}.nx-mthumb .nx-ph svg{width:1.2rem;height:1.2rem}
.nx-mtitle{font-weight:650;text-decoration:none;color:var(--fg);overflow-wrap:anywhere}.nx-mtitle:hover{text-decoration:underline}
.nx-mbody{display:grid;gap:.25rem}
.nx-sel{position:absolute;top:.85rem;left:.85rem;z-index:2;display:inline-flex;padding:.2rem;border-radius:4px;background:rgba(255,255,255,.85)}.nx-sel input{width:auto}
td .nx-sel{position:static;background:none}
.nx-bulkhint{opacity:.8}
@media (max-width:62rem){
  .nx-big{flex-direction:column}.nx-big .nx-media{aspect-ratio:16/9;min-height:0}
  .nx-prose{padding:1rem}
  .nx-board{flex-direction:column;overflow:visible}.nx-col,.nx-col.has{flex:none;width:100%;min-width:0}
}
@media (max-width:40rem){
  .nx-feat,.nx-grid{grid-template-columns:1fr}
  .nx-card{flex-direction:row}.nx-card .nx-media{flex:0 0 7.5rem;aspect-ratio:auto;min-height:5.5rem}.nx-card .nx-ex{display:none}.nx-card .nx-cbody{padding:.65rem .75rem}.nx-card .nx-title{font-size:1.02rem}
  .nx-card.nx-big{flex-direction:column}.nx-card.nx-big .nx-media{flex:none;aspect-ratio:16/9}.nx-card.nx-big .nx-ex{display:-webkit-box}
}
@media (prefers-reduced-motion:reduce){.nx-card{transition:none}.nx-card:hover{transform:none}}
@media print{.nx-aside,.nx-comments,.nx-top,.nx-savebar{display:none}}

/* ---------- feedbackbox (fb-*) ---------- */
.fb .fb-form h3{margin:0 0 .8rem;font-size:1rem}
.fb-form .field input[type=text],.fb-form .field textarea,.fb-form .field select{width:100%}
.fb-form textarea{min-height:10rem;resize:vertical;line-height:1.5}
.fb-narrow{max-width:34rem}
.fb-code{font:600 1.3rem var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase}
.fb-cats{border:0;margin:0 0 1.1rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.fb-cats legend{padding:0;margin-bottom:.5rem;font:600 .875rem var(--sans)}
.fb-pick{position:relative;cursor:pointer}
.fb-pick input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.fb-pick span{display:inline-flex;align-items:center;padding:.4rem .95rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:500 .9rem var(--sans);transition:background .15s,border-color .15s,color .15s}
.fb-pick:hover span{background:var(--surface-2);border-color:var(--line-strong)}
.fb-pick input:checked+span{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}
.fb-pick input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.fb-anon{margin:.25rem 0 1.1rem;padding:.9rem 1rem;border-radius:var(--fx-r);background:var(--surface-2);border:1px solid var(--line)}
.fb-switch{display:flex;gap:.8rem;align-items:flex-start;cursor:pointer;margin:0 0 1rem}
.fb-anon .fb-switch{margin:0}
.fb-switch input{position:absolute;opacity:0;width:1px;height:1px}
.fb-track{flex:none;position:relative;width:2.6rem;height:1.5rem;border-radius:999px;background:var(--line-strong);transition:background .2s;margin-top:.1rem}
.fb-track::after{content:"";position:absolute;left:.18rem;top:.18rem;width:1.14rem;height:1.14rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.fb-switch input:checked+.fb-track{background:var(--primary)}
.fb-switch input:checked+.fb-track::after{transform:translateX(1.1rem)}
.fb-switch input:focus-visible+.fb-track{outline:2px solid var(--accent);outline-offset:2px}
.fb-switch strong{display:block}.fb-switch small{display:block;color:var(--fg-soft);font-size:.84rem;margin-top:.1rem}
.fb-note{margin-top:.7rem;font-size:.86rem;color:var(--fg-soft)}
.fb-note summary{cursor:pointer;font-weight:600;color:var(--fg)}
.fb-note p{margin:.5rem 0 0}
.fb-list{list-style:none;margin:0;padding:0}
.fb-list li+li{border-top:1px solid var(--line)}
.fb-list a{display:block;padding:.75rem 1rem;color:inherit;text-decoration:none}
.fb-list a:hover{background:var(--surface-2)}
.fb-meta{display:flex;flex-wrap:wrap;gap:.35rem .5rem;align-items:center;margin-top:.2rem;color:var(--fg-soft);font-size:.8rem}
.fb-empty{padding:1rem;margin:0}
.fb-how ol{margin:0;padding-left:1.2rem;color:var(--fg-soft);font-size:.9rem;display:grid;gap:.35rem}
.fb-tools{margin-bottom:1rem}
.fb-catform{display:flex;gap:.4rem;align-items:center}
.fb-rows{overflow:hidden}
.fb-row{display:grid;grid-template-columns:.6rem minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.85rem 1.1rem;color:inherit;text-decoration:none;transition:background .15s}
.fb-row+.fb-row{border-top:1px solid var(--line)}
.fb-row:hover{background:var(--surface-2)}
.fb-main{min-width:0}.fb-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-dot{width:.55rem;height:.55rem;border-radius:50%;background:transparent}
.fb-row.is-new .fb-dot{background:var(--accent)}.fb-row.is-new strong{font-weight:750}
.fb-conv{display:grid;gap:.9rem;align-content:start;min-width:0}
.fb-msg{max-width:46rem;padding:.8rem 1.05rem;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--fx-shadow)}
.fb-msg header{font:600 .78rem var(--sans);color:var(--fg-soft);margin-bottom:.35rem}
.fb-msg.me{justify-self:start;border-bottom-left-radius:6px}
.fb-msg.staff{justify-self:end;border-bottom-right-radius:6px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border-color:color-mix(in srgb,var(--primary) 25%,var(--line))}
.fb-msg.internal{background:var(--surface-2);border-style:dashed}
.fb-conv>.fb-form{max-width:46rem;width:100%}
@media (max-width:40rem){.fb-msg{max-width:100%}.fb-row{padding:.8rem}}

/* ---------- sitzungen (mt-*) ---------- */
.mt .fx-card>h2{padding:.7rem 1rem;margin:0;font-size:.95rem;border-bottom:1px solid var(--line)}
.mt .fx-card>.pad,.mt .pad{padding:1rem}
.mt .fx-card.pad>h2,.mt .fx-card.pad>h3{border:0;padding:0}
.mt .fx-card.pad h3{margin:0 0 .6rem;font-size:.95rem}
.mt-main{display:grid;gap:1.25rem;align-content:start;min-width:0}
.mt-chips{margin-bottom:.4rem}
.mt-online{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap}
.mt-tabs{margin-bottom:1rem}
.mt-cards{display:grid;gap:.6rem}
.mt-card{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.8rem 1rem;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.mt-card:hover{border-color:var(--line-strong);box-shadow:0 2px 10px rgba(20,38,58,.1)}
.mt-date{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:12px;background:var(--surface-2);line-height:1}
.mt-date b{font-size:1.35rem}.mt-date small{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-soft)}
.mt-cbody{display:grid;gap:.15rem;min-width:0}.mt-cbody strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-cside{display:grid;gap:.25rem;justify-items:end;text-align:right}
@media (max-width:40rem){.mt-card{grid-template-columns:3rem minmax(0,1fr)}.mt-cside{grid-column:2;justify-items:start;text-align:left;display:flex;gap:.6rem;align-items:center}}
.mt-form{display:grid;gap:1.25rem}
.mt-h{margin:0 0 .8rem!important;font-size:1.05rem!important}
.mt-agenda,.mt-agenda-list{list-style:none;margin:0 0 .8rem;padding:0;display:grid;gap:.5rem}
.mt-arow{display:grid;grid-template-columns:auto minmax(0,1fr) 10rem 5rem auto;gap:.5rem;align-items:center;padding:.5rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.mt-arow input,.mt-arow select{width:100%;margin:0}
.mt-arrows{display:flex;gap:.25rem}
.mt-grip{border:0;background:none;cursor:grab;color:var(--fg-soft);font-size:1.1rem;line-height:1;padding:.3rem .45rem;touch-action:none;letter-spacing:-.15em}
.mt-grip:hover{color:var(--fg)}.is-drag{opacity:.55;border-color:var(--accent)!important;box-shadow:0 4px 14px rgba(0,0,0,.18)}
@media (max-width:48rem){.mt-arow{grid-template-columns:auto minmax(0,1fr) auto}.mt-arow select,.mt-arow .mt-min{grid-column:2}}
.mt-save{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;position:sticky;bottom:.75rem;padding:.7rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--fx-shadow)}
.mt-save .check{margin:0 auto 0 0}
.mt-item{padding:.85rem 1rem;border-top:1px solid var(--line);background:var(--surface)}
.mt-item:first-child{border-top:0}
.mt-ihead{display:flex;flex-wrap:wrap;gap:.4rem .6rem;align-items:center}
.mt-no{font-weight:700;color:var(--fg-soft);min-width:1.6rem}
.mt-itags{display:flex;gap:.4rem;align-items:center}
.mt-desc{margin:.3rem 0 0 2.2rem}
.mt-comment{margin:.5rem 0 0 2.2rem;padding:.5rem .8rem;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 10px 10px 0;font-size:.92rem}
.mt-vote{margin:.5rem 0 0 2.2rem;padding:.45rem .8rem;border:1px dashed var(--line-strong);border-radius:10px;font-size:.92rem}
.mt-more{margin:.5rem 0 0 2.2rem}.mt-more summary{cursor:pointer;color:var(--fg-soft);font-size:.88rem}
.mt-sub{margin:.6rem 0;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.mt-tools{display:flex;gap:.3rem;margin:.5rem 0 0 2.2rem;flex-wrap:wrap}
.mt-rsvpbtn{display:grid;gap:.4rem}
.mt-status{display:grid;gap:.6rem;margin-top:.8rem}
.mt .fx-aside .kv{margin:0}

/* Sitzung live: Abstimmungen und Protokoll am Tagesordnungspunkt */
.mt-vote .mt-vopen{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center;margin-top:.35rem}
.mt-vctl{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.45rem}
.mt-vctl form{margin:0}
.mt-vctl input[type=number]{width:5.5rem}
.mt-vres{margin-top:.35rem}
.mt-proto{margin-top:.75rem;padding-top:.6rem;border-top:1px dashed var(--line,#d9d4c8)}

/* ---------- abstimmungen & beschluesse (fx-list / fx-main) ---------- */
.fx-main{display:grid;gap:1.25rem;align-content:start;min-width:0}
.fx .fx-card.pad>h2,.fx .fx-card.pad>h3{border:0;padding:0;margin:0 0 .7rem;font-size:1rem}
.fx .fx-card>.pad{padding:1rem}
.fx-sec{margin:0 0 .6rem;font-size:1.05rem}
.fx-list{display:grid;gap:.6rem;margin-bottom:1.25rem}
.fx-li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem 1rem;align-items:center;padding:.8rem 1rem;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
a.fx-li:hover{border-color:var(--line-strong);box-shadow:0 2px 10px rgba(20,38,58,.1)}
.fx-li .t{display:grid;gap:.15rem;min-width:0}.fx-li .t strong{overflow:hidden;text-overflow:ellipsis}
.fx-li .s{display:grid;gap:.25rem;justify-items:end;text-align:right}
@media (max-width:40rem){.fx-li{grid-template-columns:1fr}.fx-li .s{justify-items:start;text-align:left}}
.fx-filter-row{margin-bottom:1rem}
.fx-kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.4rem 1.2rem;margin:0;padding:1rem}
.fx-kv dt{color:var(--fg-soft);font-size:.88rem}.fx-kv dd{margin:0}
.fx-vbar{display:flex;align-items:center;gap:.6rem}.fx-vbar progress{flex:1;max-width:14rem}
.fx-opt{padding:.35rem 0}

/* ---------- kalender 2026 (cl-*), feiertage und ferien ---------- */
.fx-list{list-style:none;padding:0;margin-left:0}
.cl-bar{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:space-between;margin-bottom:.75rem}
.cl-filter{display:grid;gap:.5rem;margin-bottom:1rem}
.cl-fl{font:600 .72rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft);min-width:8.5rem}
.fx-chip.cl-chk{position:relative;cursor:pointer;user-select:none}
.cl-chk input{position:absolute;opacity:0;pointer-events:none}
.cl-chk::before{content:"";width:.7rem;height:.7rem;border-radius:3px;border:2px solid var(--line-strong);background:transparent;flex:none}
.cl-chk:has(input:checked)::before{background:var(--chk,var(--primary));border-color:var(--chk,var(--primary))}
.cl-chk:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.cl-chk.t-festival{--chk:var(--accent)}.cl-chk.t-meeting{--chk:var(--ok)}.cl-chk.t-event{--chk:var(--info)}.cl-chk.is-hol{--chk:#b3261e}
.fe-MV{--fe:#1f6f7a}.fe-SH{--fe:#4d5a2b}.fe-NI{--fe:#a0422e}.fe-NW{--fe:#8a5a00}.fe-HH{--fe:#5b4a8a}.fe-BE{--fe:#7a3556}
.cl-chk[class*="fe-"]{--chk:var(--fe)}
.badge.fe-MV,.badge.fe-SH,.badge.fe-NI,.badge.fe-NW,.badge.fe-HH,.badge.fe-BE{background:color-mix(in srgb,var(--fe) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--fe) 45%,var(--line));color:var(--fg)}
.badge.is-hol{background:color-mix(in srgb,#b3261e 14%,var(--surface));border:1px solid color-mix(in srgb,#b3261e 40%,var(--line));color:var(--fg)}
.cal{border-radius:var(--fx-r);overflow:hidden;box-shadow:var(--fx-shadow)}
.cal-day{min-height:7.2rem;padding:.3rem .35rem}
.cal-top{display:flex;justify-content:space-between;align-items:center}
.cal-wd{display:none;font-size:.78rem;color:var(--fg-soft)}
.cal-day.is-hol{background:color-mix(in srgb,#b3261e 6%,var(--surface))}
.cal-day.today .cal-num{background:var(--accent);color:#fff;border-radius:999px;min-width:1.6rem;text-align:center;padding:.05rem .3rem}
.cal-day.today{outline:0;box-shadow:inset 0 0 0 2px var(--accent)}
.cal-hol{display:block;font-size:.72rem;line-height:1.25;font-weight:600;color:#b3261e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-theme="dark"] .cal-hol{color:#ff9d94}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cal-hol{color:#ff9d94}}
.cal-fe-row{display:flex;flex-direction:column;gap:2px;margin:1px 0}
.cal-fe{display:block;height:.7rem;border-radius:2px;background:var(--fe);color:#fff;font:700 .58rem/.7rem var(--sans);padding:0 .25rem;overflow:hidden;letter-spacing:.03em}
.cl-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:.75rem 0 0;font-size:.82rem;color:var(--fg-soft)}
.cl-key{display:inline-flex;align-items:center;gap:.4rem}.cl-key .cal-fe{width:1.4rem;height:.7rem}
.cl-day{margin-bottom:1rem}.cl-day h2{font-size:1rem;margin:0 0 .4rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.cl-fe-line{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem}
.cl-list{margin:0}
.cl-src{margin-top:1.25rem}
.cal-fe-n{display:none}
@media (max-width:60rem){.cal-day:not(.has-x){display:none}.cal-fe-n{display:inline}.cal-wd{display:inline}.cal-top{justify-content:flex-start;gap:.5rem;flex-direction:row-reverse}.cal-fe{height:auto;min-height:.7rem;padding:.05rem .3rem;display:inline-block;width:auto}.cal-fe-row{flex-direction:row;flex-wrap:wrap}}
.btn[hidden]{display:none!important}

/* ---------- dokumentenarchiv (dc-*) ---------- */
.fx-save,.mt-form{display:grid;gap:1.25rem}
.dc-folders{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}
.dc-folder{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .8rem;align-items:start;padding:.9rem 1rem;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.dc-folder:hover{border-color:var(--line-strong);box-shadow:0 2px 10px rgba(20,38,58,.1)}
.dc-ficon{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:12px;background:var(--surface-2);color:var(--accent)}
.dc-ficon .icon{width:1.35rem;height:1.35rem}.dc-ficon.sm{width:1.8rem;height:1.8rem;border-radius:8px}.dc-ficon.sm .icon{width:1rem;height:1rem}
.dc-fbody{display:grid;gap:.1rem;min-width:0}.dc-fbody strong{overflow:hidden;text-overflow:ellipsis}
.dc-ftags{grid-column:2;display:flex;gap:.3rem;flex-wrap:wrap}
.dc-dicon{color:var(--fg-soft)}
.dc-body.with-aside{align-items:start}
.dc-presets{display:grid;gap:.5rem;margin:0 0 1rem;padding:0;border:0}
.dc-preset{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;align-items:start;padding:.7rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}
.dc-preset:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--surface))}
.dc-preset:has(input:disabled){opacity:.55;cursor:not-allowed}
.dc-preset span{display:grid;gap:.1rem}.dc-preset small{color:var(--fg-soft);font-size:.85rem}
.dc-acl[hidden]{display:none}
.dc-acl-cols{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.dc-acl-cols h3{margin:0 0 .5rem;font-size:.95rem}
.dc-acl-row{display:grid;grid-template-columns:minmax(0,1fr) 11.5rem;gap:.6rem;align-items:center;padding:.3rem 0;border-top:1px solid var(--line)}
.dc-acl-row select{width:100%;margin:0}
@media (max-width:40rem){.dc-acl-row{grid-template-columns:1fr}}
.dc-tree>h2{margin:0}
.dc-trow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:.5rem 1rem;align-items:center;padding:.65rem 1rem;border-top:1px solid var(--line)}
.dc-tname{display:flex;gap:.6rem;align-items:center;min-width:0}.dc-tname strong{overflow:hidden;text-overflow:ellipsis}
.dc-tmeta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.dc-tact{display:flex;gap:.4rem;flex-wrap:wrap}
@media (max-width:62rem){.dc-trow{grid-template-columns:1fr}.dc-tname{padding-left:0!important}}

/* ---------- verzeichnis (dr-*), aufgaben (tk-*), kennzahlen (st-*) ---------- */
.fx-filter{display:grid;gap:.8rem 1rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:end;margin-bottom:1.25rem}
.fx-filter .field{margin:0}
.dr-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin-bottom:1.25rem}
.dr-card{display:flex;gap:.9rem;align-items:center;padding:.85rem 1rem;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.dr-card:hover{border-color:var(--line-strong);box-shadow:0 2px 10px rgba(20,38,58,.1)}
.dr-body{display:grid;gap:.1rem;min-width:0}.dr-body strong{overflow:hidden;text-overflow:ellipsis}
.dr-org{display:flex;gap:.3rem;align-items:center;color:var(--fg-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dr-split{gap:1.25rem}
.tk-tabs{margin-bottom:1rem}
.tk-late{color:var(--err,#b3261e)}
.tk-row{border-left:4px solid transparent}
.tk-row.is-late{border-left-color:var(--err,#b3261e)}
.tk-row.is-done .t strong{text-decoration:line-through;color:var(--fg-soft)}
.tk-row form{margin:0}
.st-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));margin-bottom:1.25rem}
.st-sec h2{margin:0 0 .8rem}
.st-tiles{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}
.st-tile{display:grid;gap:.1rem;align-content:start;padding:.7rem .8rem;border-radius:10px;background:var(--surface-2);color:inherit;text-decoration:none;border:1px solid transparent}
a.st-tile:hover{border-color:var(--line-strong)}
.st-tile strong{font-size:1.55rem;line-height:1.1;font-family:var(--serif,inherit)}
.st-tile span{font-size:.84rem;color:var(--fg-soft)}.st-tile small{font-size:.75rem;color:var(--fg-soft)}
.st-tile.is-warn{background:color-mix(in srgb,var(--err,#b3261e) 12%,var(--surface));border-color:color-mix(in srgb,var(--err,#b3261e) 35%,var(--line))}
.st-chart{margin-bottom:1rem}
.st-bars{display:flex;align-items:flex-end;gap:.5rem;height:10rem}
.st-bar{flex:1;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:.2rem;height:100%;min-width:0}
.st-bar i{display:block;align-self:end;width:100%;max-width:2.6rem;background:var(--primary);border-radius:6px 6px 2px 2px;min-height:2px}
.st-n{font-size:.78rem;font-weight:600}.st-l{font-size:.72rem;color:var(--fg-soft);white-space:nowrap}

/* Dashboard (0.24) */
.dh-hero{margin-bottom:1rem}
.dh-search{display:flex;gap:.5rem;flex:1 1 20rem;max-width:30rem}
.dh-search input{flex:1;min-width:0;padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);color:inherit;font:inherit}
.dh-search input::placeholder{color:rgba(255,255,255,.75)}
.dh-search input:focus{background:rgba(255,255,255,.24)}
.dh-tiles{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin-bottom:1rem}
.dh-tile{display:flex;gap:.8rem;align-items:center;padding:.85rem 1rem;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.dh-tile:hover{border-color:var(--line-strong);transform:translateY(-1px)}
.dh-tic{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:10px;background:var(--surface-2);color:var(--primary)}
.dh-tic svg{width:1.3rem;height:1.3rem}
.dh-tv{display:grid;min-width:0;line-height:1.25}.dh-tv strong{font-size:1.55rem;line-height:1.1;font-weight:650}
.dh-tl{font-size:.84rem;font-weight:600}.dh-th{font-size:.78rem;color:var(--fg-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dh-tile.tone-err .dh-tic{background:var(--err-bg);color:var(--err)}.dh-tile.tone-err .dh-th{color:var(--err)}
.dh-tile.tone-warn .dh-tic{background:var(--warn-bg);color:var(--warn)}
.dh-quick{margin-bottom:1.25rem}.dh-quick .fx-chip svg{width:1rem;height:1rem}
.dh-cust{margin-left:auto}
.dh-sec{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft);margin:0 0 .5rem}
.dh-attn{margin-bottom:1.25rem}
.dh-attn .dh-card{border-left:4px solid var(--accent)}
.dh-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}
.dh-main{display:grid;gap:1rem;align-content:start;grid-template-columns:minmax(0,1fr)}
@media (min-width:60rem){.dh-main{grid-template-columns:repeat(2,minmax(0,1fr))}.dh-main .dh-card.wide{grid-column:1/-1}}
.dh-card{overflow:hidden;min-width:0}
.dh-card>h2{display:flex;align-items:center;gap:.55rem}
.dh-ic{display:grid;place-items:center;color:var(--fg-soft)}.dh-ic svg{width:1.1rem;height:1.1rem}
.dh-t{flex:1;min-width:0}
.dh-more{font:500 .8rem var(--sans);text-decoration:none;white-space:nowrap}.dh-more:hover{text-decoration:underline}
.dh-body{padding:.35rem 1rem .85rem}
.dh-body p{margin:.5rem 0 0}
.dh-body .list{list-style:none;margin:0;padding:0}
.dh-body .list li{padding:.55rem 0;border-top:1px solid var(--line)}
.dh-body .list li:first-child{border-top:0}
.dh-body .list a{text-decoration:none;font-weight:550}.dh-body .list a:hover{text-decoration:underline}
.dh-body .mt075,.dh-body p.small{margin-top:.5rem}
.dh-cust-list{list-style:none;margin:0;padding:0}
.dh-cust-list li{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:.65rem 0;border-top:1px solid var(--line)}
.dh-cust-list li:first-child{border-top:0}
.dh-cust-on{display:flex;gap:.6rem;align-items:center;flex:1 1 14rem}
.dh-cust-pos{display:flex;gap:.4rem;align-items:center}.dh-cust-pos input{width:4.5rem}

/* Administration 2026: Einstellungen, E-Mail-Vorlagen, Navigation, Erste Schritte (0.25) */
.st-layout{grid-template-columns:minmax(0,1fr)}
@media (min-width:62rem){.st-layout{grid-template-columns:15rem minmax(0,1fr);align-items:start}}
.st-nav{display:grid;padding:.4rem;gap:.1rem;align-content:start}
@media (min-width:62rem){.st-nav{position:sticky;top:1rem}}
.st-nav a{display:grid;padding:.55rem .75rem;border-radius:8px;text-decoration:none;color:inherit;border-left:3px solid transparent}
.st-nav a:hover{background:var(--surface-2)}
.st-nav a[aria-current="page"]{background:var(--surface-2);border-left-color:var(--accent)}
.st-main{display:grid;gap:1rem;min-width:0}
.st-form>h2,.st-form h2.st-h{margin:0 0 .85rem;padding:0;border:0;font-size:1.05rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.st-form h2.st-h{padding:.9rem 1rem 0}.st-p{padding:0 1rem}
.st-grid{display:grid;gap:.25rem 1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.st-color{display:flex;gap:.5rem;align-items:center}.st-color input[type=color]{width:2.6rem;height:2.4rem;padding:.1rem;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);flex:none}
.st-color input[type=text]{flex:1;min-width:0}
.st-narrow{max-width:22rem}
.st-list{border-top:1px solid var(--line);margin-top:.6rem}
.st-li{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.75rem 1rem;text-decoration:none;color:inherit;border-bottom:1px solid var(--line)}
.st-li:last-child{border-bottom:0}.st-li:hover{background:var(--surface-2)}
.st-li .t{display:grid;gap:.1rem;min-width:0}.st-li .s{font-size:1.4rem;color:var(--fg-soft)}
.st-types>summary{padding:.9rem 1rem;cursor:pointer}.st-types[open]>summary{border-bottom:1px solid var(--line)}
.st-types .st-list{margin-top:0;border-top:0}
.st-ext input{margin-right:.3rem}
.st-h2{margin:0 0 .5rem;font-size:.95rem}.fx-card>.st-h2{padding:.7rem 1rem;margin:0;border-bottom:1px solid var(--line)}
.st-ph{display:flex;flex-wrap:wrap;gap:.35rem;margin:.6rem 0}.st-ph .fx-chip{cursor:pointer;font-family:ui-monospace,monospace;font-size:.8rem}
.st-phd{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;font-size:.8rem;margin:0}.st-phd dt{font-family:ui-monospace,monospace}.st-phd dd{margin:0;color:var(--fg-soft)}
.st-prev{padding:.75rem 1rem;overflow:auto}.st-prev>div{max-width:100%!important}
.st-two{grid-template-columns:minmax(0,1fr)}@media (min-width:62rem){.st-two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nv-help{margin-bottom:1rem}.nv-key{display:inline-grid;vertical-align:middle}.nv-key svg{width:1rem;height:1rem}
.nv-groups{display:grid;gap:1rem}
.nv-group{overflow:hidden}
.nv-ghead{display:flex;gap:.6rem;align-items:center;padding:.6rem .8rem;background:var(--surface-2);border-bottom:1px solid var(--line)}
.nv-gname{flex:1;min-width:0;font:600 1rem var(--sans);padding:.35rem .6rem;border:1px solid transparent;background:transparent;border-radius:8px}
.nv-gname:hover,.nv-gname:focus{border-color:var(--line-strong);background:var(--surface)}
.nv-handle{display:grid;place-items:center;flex:none;width:2.2rem;height:2.2rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg-soft);cursor:grab;touch-action:none}
.nv-handle:hover{border-color:var(--line-strong);color:var(--fg)}.nv-handle svg{width:1.1rem;height:1.1rem}
.nv-items{list-style:none;margin:0;padding:.4rem;display:grid;gap:.35rem;min-height:2.4rem}
.nv-item{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding:.5rem .6rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.nv-item.is-drag,.nv-group.is-drag{opacity:.55;box-shadow:0 6px 20px rgba(20,38,58,.25);outline:2px dashed var(--accent)}
body.is-sorting{cursor:grabbing;user-select:none}body.is-sorting .nv-handle{cursor:grabbing}
.nv-vis{display:grid;place-items:center}.nv-vis input{width:1.1rem;height:1.1rem}
.nv-ic{display:grid;place-items:center;color:var(--fg-soft)}.nv-ic svg{width:1.1rem;height:1.1rem}
.nv-t{display:grid;flex:1 1 12rem;min-width:0}.nv-t .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nv-more{flex:1 1 100%}.nv-more>summary{cursor:pointer;font-size:.84rem;color:var(--fg-soft)}
.nv-edit{display:grid;gap:.25rem 1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));padding:.6rem 0 .2rem}
@media (min-width:48rem){.nv-more{flex:0 0 auto}.nv-more[open]{flex:1 1 100%}}
.nv-empty{display:none;margin:0;padding:.2rem 1rem 1rem}.nv-group.is-empty .nv-empty{display:block}
.nv-del{margin-left:auto}.nv-group:not(.is-empty) .nv-del{opacity:.55}
.ob-form .nv-items{padding:0}.ob-item.is-off{opacity:.6}.ob-badges{display:flex;gap:.3rem}

/* Administration 2026: Navigation, Listen, Rechte, Module (0.26) */
.am-nav{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;align-items:center;margin:0 0 1.25rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--fx-r);background:var(--surface)}
.am-home{display:inline-flex;gap:.35rem;align-items:center;padding:.25rem .75rem;border-radius:999px;text-decoration:none;color:var(--fg);font:600 .84rem var(--sans);border:1px solid var(--line)}
.am-home svg{width:1rem;height:1rem}.am-home:hover{background:var(--surface-2)}.am-home.on{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}
.am-cl{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.am-cl-l{font:600 .7rem var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--fg-soft);margin-right:.15rem}
.am .alert{border-radius:10px}
.am-tiles{margin-bottom:1.25rem}
.am-areas{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin-bottom:1.25rem}
.am-area{display:flex;gap:.8rem;align-items:center;padding:.8rem 1rem;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.am-area:hover{border-color:var(--line-strong);transform:translateY(-1px)}.am-area span:last-child{display:grid;line-height:1.3}
.dh-tic.sm{width:2.1rem;height:2.1rem;border-radius:8px}.dh-tic.sm svg{width:1.05rem;height:1.05rem}
.am-recent>h2{display:flex;justify-content:space-between;align-items:center}
.am-tc{overflow:hidden}.am-tc .table-wrap{margin:0}
.am-t{border:0;background:transparent}.am-t th{background:var(--surface-2)}
.am-person{display:flex;gap:.7rem;align-items:center;text-decoration:none;color:inherit}.am-person:hover strong{text-decoration:underline}.am-person>span:last-child{display:grid;line-height:1.3}
.am-who{display:flex;gap:1rem;align-items:center}
.am-kv{grid-template-columns:9rem 1fr}
.am-danger{border-color:color-mix(in srgb,var(--err) 35%,var(--line))}
.am-log{padding:0 1rem .5rem}.am-tips{margin:0;padding-left:1.1rem;display:grid;gap:.4rem;font-size:.9rem;color:var(--fg-soft)}
.am-meta{display:flex;gap:.35rem;flex-wrap:wrap}
.am-permbar{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.am-permbar .field{margin:0;flex:1 1 18rem}
.am-perm>h3{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.am-perm .perm-grid{padding:.6rem 1rem .9rem}
.am-ca{display:flex;gap:.35rem}
.am-savebar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;position:sticky;bottom:.75rem;z-index:5;box-shadow:0 -2px 18px rgba(20,38,58,.14)}
.am-mods{display:grid;gap:.1rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));padding:.6rem .8rem .9rem}
.am-mod{display:flex;gap:.7rem;align-items:center;padding:.55rem .6rem;border-radius:8px}.am-mod:hover{background:var(--surface-2)}
.am-mod input{width:1.15rem;height:1.15rem;flex:none}.am-mod label{display:grid;line-height:1.3;cursor:pointer;flex:1}.am-mod.is-core{opacity:.7}
.am-scopes{margin-bottom:1rem}
.am-cat{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.am-catf{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;flex:1 1 20rem}.am-catf input[type=text]{flex:1;min-width:10rem}
.am-field>summary{padding:.8rem 1rem;cursor:pointer;list-style:none}.am-field>summary::-webkit-details-marker{display:none}
.am-field>summary::before{content:"›";display:inline-block;margin-right:.6rem;transition:transform .15s}.am-field[open]>summary::before{transform:rotate(90deg)}
.am-field[open]>summary{border-bottom:1px solid var(--line)}.am-field .pad{padding:1rem}.am-fdel{border-top:1px solid var(--line)}
.am-h{display:flex;gap:.6rem;align-items:center;margin-bottom:.5rem}
.am-confirm{max-width:28rem}
.am [hidden]{display:none!important}
@media (max-width:48rem){.am-savebar{position:static}.am-kv{grid-template-columns:1fr}}
/* Listenzeile mit Symbol (Rollen): drei Spalten statt zwei */
.fx-li:has(>.dh-tic){grid-template-columns:auto minmax(0,1fr) auto}
@media (max-width:40rem){.fx-li:has(>.dh-tic){grid-template-columns:auto minmax(0,1fr)}.fx-li:has(>.dh-tic)>.s{grid-column:1/-1}}
/* Vereins-Onboarding 2026 (0.27) */
.cb .fx-hero .crumbs,.cb .fx-hero .crumbs a{color:rgba(255,255,255,.8)}
.cb-steps{list-style:none;margin:0;padding:0}
.cb-step{align-items:center}
.cb-step.fx-li{grid-template-columns:auto minmax(0,1fr) auto}
.cb-step.is-next{border-color:var(--accent,#9b3e29);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#9b3e29) 22%,transparent)}
.cb-step.is-done .t strong{color:var(--fg-soft)}
.cb-n{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--surface-2);border:1px solid var(--line-strong);font:700 .9rem var(--sans);flex:none;color:var(--fg)}
.cb-n svg{width:1.05rem;height:1.05rem}
.cb-n.sm{width:1.7rem;height:1.7rem;font-size:.78rem}
.cb-step.is-done .cb-n,.cb-n.is-done{background:color-mix(in srgb,var(--ok,#2f7d4f) 18%,var(--surface));border-color:var(--ok,#2f7d4f);color:var(--ok,#2f7d4f)}
.cb-ring{--p:0;width:8rem;height:8rem;margin:.4rem auto .6rem;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent,#9b3e29) calc(var(--p)*1%),var(--surface-2) 0)}
.cb-ring span{display:grid;place-items:center;width:6rem;height:6rem;border-radius:50%;background:var(--surface);font:700 1.5rem var(--sans)}
.cb-c{text-align:center}.cb-wide{display:flex;justify-content:center;width:100%}
.cb-article{margin-bottom:1rem}
.cb-nav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}
.cb-toc{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.cb-toc a{display:flex;gap:.6rem;align-items:center;padding:.4rem .5rem;border-radius:8px;text-decoration:none;color:inherit;line-height:1.3}
.cb-toc a:hover{background:var(--surface-2)}.cb-toc a[aria-current=step]{background:var(--surface-2);font-weight:600}
.cb-cats{margin-bottom:1rem}.cb-search{margin-bottom:1rem}.cb-search .field{margin:0}
.cb-faq{margin-bottom:.6rem}.cb-faq>summary{padding:.8rem 1rem;cursor:pointer}
.cb-faq>.club-body{padding:0 1rem 1rem}
.cb-acts{display:flex;gap:.4rem;justify-items:unset;text-align:left;align-items:center}
.cb [hidden]{display:none!important}
@media (max-width:40rem){.cb-step.fx-li{grid-template-columns:auto minmax(0,1fr)}.cb-step.fx-li>.s{grid-column:1/-1}}
/* Partner & Kontakte 2026 (0.27) */
.pt-kinds{margin-bottom:1rem}
.fx-chip.on{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.fx-chip.on .muted{color:inherit;opacity:.8}
.pt-count{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}
.pt-all{display:inline-flex;gap:.4rem;align-items:center;font-size:.875rem;cursor:pointer}
.pt-li.fx-li{grid-template-columns:auto minmax(0,1fr) auto}
.pt-li:not(:has(.pt-chk)){grid-template-columns:minmax(0,1fr) auto}
.pt-li.is-sel{border-color:var(--accent,#9b3e29);background:color-mix(in srgb,var(--accent,#9b3e29) 6%,var(--surface))}
.pt-chk{display:flex;align-items:center;padding:.3rem;cursor:pointer}.pt-chk input{width:1.15rem;height:1.15rem}
.pt-main{display:flex;gap:.75rem;align-items:center;text-decoration:none;color:inherit;min-width:0}.pt-main:hover strong{text-decoration:underline}
.pt-main .t{display:grid;gap:.1rem;min-width:0}.pt-main .t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pt-meta{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;justify-items:unset;text-align:left}
.pt-badges{margin:.2rem 0 .35rem}
.pt-types{display:grid;gap:.4rem;list-style:none;margin:0;padding:0}
.pt-type{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.pt-type input[type=text]{flex:1 1 12rem;min-width:8rem}
.pt-contacts,.pt-hist{list-style:none;margin:0;padding:0}
.pt-contact{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;padding:.8rem 1rem;border-bottom:1px solid var(--line);align-items:start}
.pt-cacts{display:flex;gap:.4rem;flex-wrap:wrap}
.pt-hist li{padding:.8rem 1rem;border-bottom:1px solid var(--line)}
.pt-sub{border-top:1px solid var(--line)}
.pt [hidden]{display:none!important}
@media (max-width:40rem){.pt-li.fx-li,.pt-li:not(:has(.pt-chk)){grid-template-columns:auto minmax(0,1fr)}.pt-li:not(:has(.pt-chk)){grid-template-columns:minmax(0,1fr)}.pt-li>.s{grid-column:1/-1}.pt-contact{grid-template-columns:auto minmax(0,1fr)}.pt-cacts{grid-column:1/-1}}