/* MEDIAX – Oberfläche, Vivere-Istria-Designsystem */
:root{
  --forest:#173B2E; --forest-dark:#1C3028; --ivory:#F7F3EA; --gold:#B8943F;
  --ink:#20302a; --muted:#6d7d75; --line:rgba(23,59,46,.14); --card:#fffdf8;
  --sans:'Source Sans 3',system-ui,sans-serif;
  --serif:'Cormorant Garamond',Georgia,serif;
  --display:'Cinzel',Georgia,serif;
}
*{box-sizing:border-box} html,body{margin:0}
body{font-family:var(--sans);color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased}
a{color:inherit}

/* Shell */
.shell{display:flex;min-height:100vh}
.side{width:250px;flex:0 0 250px;background:var(--forest);color:#e9efe9;display:flex;flex-direction:column;padding:24px 0 16px}
.brand{padding:0 24px 20px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:12px}
.brand .eyebrow{font-family:var(--display);letter-spacing:.28em;font-size:10.5px;color:var(--gold);text-transform:uppercase}
.brand .word{font-family:var(--display);font-weight:600;font-size:27px;letter-spacing:.06em;color:#fff;margin-top:3px;text-decoration:none;display:block;cursor:pointer;transition:color .15s}
.brand .word:hover,.brand .word:focus-visible{color:var(--gold)}
.navgroup{padding:10px 14px 2px}
.navgroup h4{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(233,239,233,.5);font-weight:600;margin:0 10px 7px}
.navitem{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:8px;margin:1px 0;color:#dfe7e0;text-decoration:none;font-size:14px;cursor:pointer;transition:.15s}
.navitem:hover{background:rgba(255,255,255,.06)}
.navitem.active{background:var(--forest-dark);color:#fff}
.navitem.active .dot{background:var(--gold)}
.dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.32);flex:0 0 auto}
.side .foot{margin-top:auto;padding:12px 24px 0;font-size:11.5px;color:rgba(233,239,233,.5)}
.side .foot a{color:var(--gold);text-decoration:none}

.main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 30px;border-bottom:1px solid var(--line);gap:14px}
.topbar .title{font-family:var(--serif);font-size:27px;font-weight:500;color:var(--forest)}
.topbar .title small{display:block;font-style:italic;font-size:15px;color:var(--muted)}
.toolbar{display:flex;align-items:center;gap:14px}
.dt{font-family:var(--serif);font-size:18px;color:var(--ink);white-space:nowrap}
.dt .sep{color:var(--muted);padding:0 2px}
.dt #dt-time{color:var(--forest);font-weight:700;font-size:19px;font-variant-numeric:tabular-nums}
.lang{font-size:13px;color:var(--muted)} .lang a{color:var(--muted);text-decoration:none;padding:0 2px}
.lang a.on{color:var(--forest);font-weight:600;border-bottom:2px solid var(--gold)}
.avatar{width:33px;height:33px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:600;text-decoration:none}

/* Buttons / Suche */
.btn{display:inline-flex;align-items:center;gap:7px;background:var(--forest);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-family:var(--sans);font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--forest-dark)}
@keyframes mxspin{to{transform:rotate(360deg)}}
.mxspin{display:inline-block;width:13px;height:13px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;animation:mxspin .7s linear infinite;vertical-align:-2px;margin-right:7px}
.btn.is-loading,button.is-loading{opacity:.8;pointer-events:none}
.loading-note{display:flex;align-items:center;gap:10px;margin-top:12px;background:#fbf6e9;border:1px solid rgba(184,148,63,.35);border-radius:10px;padding:11px 14px;font-size:14px;color:#7a6320}
.loading-note .mxspin{margin-right:0;flex:none}
.btn.ghost{background:#fff;color:var(--forest);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--gold);background:#fffdf6}
.btn .ic{font-family:var(--display);font-weight:600}
.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;width:230px}
.search input{border:0;outline:0;font-family:var(--sans);font-size:14px;background:transparent;width:100%;color:var(--ink)}

.filters{display:flex;gap:9px;padding:14px 30px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line)}
.chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 13px;font-size:13px;color:var(--muted);cursor:pointer;text-decoration:none}
.chip:hover{border-color:var(--gold)}
.chip.on{background:var(--forest);color:#fff;border-color:var(--forest)}
.filters .sep{flex:1}
.filters .sep2{width:1px;align-self:stretch;background:var(--line);margin:0 4px}
.filters .search{display:flex;gap:7px;align-items:center;margin:0}
.filters .search input[type=search]{border:1px solid var(--line);border-radius:20px;padding:6px 14px;font-size:13px;font-family:inherit;color:var(--ink);min-width:170px;background:#fff}
.filters .search input[type=search]:focus{outline:none;border-color:var(--gold)}
.count{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:15px}
.flash{margin:16px 30px 0;padding:11px 14px;border-radius:10px;font-size:14px;border:1px solid var(--line)}
.flash.ok{background:#e7efe8;color:var(--forest);border-color:rgba(23,59,46,.2)}
.flash.err{background:#f6e3e0;color:#8a2b1f;border-color:rgba(138,43,31,.25)}

/* Medien-Raster */
.grid{padding:22px 30px 40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.cardm{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.15s;text-decoration:none;color:inherit;display:block}
.cardm:hover{border-color:var(--gold);box-shadow:0 8px 22px rgba(23,59,46,.12)}
.thumb{aspect-ratio:4/3;position:relative;display:flex;align-items:flex-end;padding:8px;background:linear-gradient(135deg,#2e5142,#6d7d75)}
.thumb .type{position:absolute;top:8px;left:8px;background:rgba(28,48,40,.78);color:#fff;font-size:10.5px;letter-spacing:.05em;padding:3px 8px;border-radius:20px}
.thumb .play,.thumb .snd{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:28px;text-shadow:0 2px 6px rgba(0,0,0,.4)}
.meta{padding:10px 12px}
.meta .name{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meta .sub{font-size:12px;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:6px}
.sdot{width:7px;height:7px;border-radius:50%;background:#c3ccc6;display:inline-block}
.udate{font-size:11px;color:var(--muted);margin-top:2px}
.sdot.ok{background:#2e7d32}.sdot.wait{background:var(--gold)}
.empty{padding:60px 30px;text-align:center;color:var(--muted);font-family:var(--serif);font-style:italic;font-size:19px}

/* Auswahl-Modus */
.chip.toggle{cursor:pointer}
.chip.toggle.on{background:var(--gold);color:#3a2e12;border-color:var(--gold)}
.cardm{position:relative}
.pick{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:6px;border:2px solid #fff;background:rgba(28,48,40,.5);display:none;z-index:2}
body.selecting .pick{display:block}
body.selecting .cardm{cursor:pointer}
.cardm.sel{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,148,63,.5)}
.cardm.sel .pick{background:var(--gold);border-color:#fff}
.cardm.sel .pick::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#3a2e12;font-size:14px;font-weight:700}
.selbar{position:fixed;left:250px;right:0;bottom:0;background:var(--forest-dark);color:#eaf1ea;display:flex;align-items:center;gap:14px;padding:12px 30px;box-shadow:0 -8px 24px rgba(0,0,0,.18);z-index:50}
.selbar[hidden]{display:none}
.selbar .cnt{font-family:var(--display);font-size:13px;letter-spacing:.04em}
.selbar .cnt b{color:var(--gold);font-size:17px}
.selbar .clear{color:rgba(234,241,234,.75);text-decoration:underline;font-size:13px;cursor:pointer}
.selbar .spacer{flex:1}
.selform{display:flex;gap:8px;align-items:center;margin:0}
.selcol{border:1px solid rgba(255,255,255,.3);background:var(--forest);color:#eaf1ea;border-radius:9px;padding:8px 10px;font-family:var(--sans);font-size:13px}
.btn.gold{background:var(--gold);color:#3a2e12;border:0}
.btn.line{background:transparent;border:1px solid rgba(255,255,255,.3);color:#eaf1ea}
@media(max-width:900px){.selbar{left:0;flex-wrap:wrap}}

/* Sammlungen */
.grid.coll{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.collcard{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:.15s}
.collcard:hover{border-color:var(--gold);box-shadow:0 8px 22px rgba(23,59,46,.12)}
.collcard .cover{aspect-ratio:16/9;position:relative;background:linear-gradient(135deg,#2e5142,#6d7d75);display:flex;align-items:flex-end;padding:8px}
.collcard .cbadge{background:rgba(28,48,40,.8);color:#fff;font-size:11px;padding:3px 9px;border-radius:20px}
.collcard .meta{padding:12px 14px}
.collcard .meta .name{font-size:15px;font-weight:600;color:var(--ink)}
.collcard .meta .desc{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:14px;margin-top:3px;line-height:1.3}
.collcard .meta .sub{font-size:12px;color:var(--muted);margin-top:6px}
.colldesc{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:16px;padding:14px 30px 0;margin:0}

/* Sammlungs-Verwaltung */
.colledit{display:flex;gap:10px;align-items:center;padding:12px 30px 0;flex-wrap:wrap}
.colledit input{border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}
.colledit input[name=name]{min-width:220px}
.colledit input[name=description]{flex:1;min-width:240px}
.cardm-inline{position:relative}
.cardm-inline > a{text-decoration:none;color:inherit;display:block}
.cardm-inline .remove{position:absolute;top:8px;right:8px;z-index:3;margin:0}
.cardm-inline .remove button{width:26px;height:26px;border-radius:50%;border:0;background:rgba(28,48,40,.75);color:#fff;font-size:16px;line-height:1;cursor:pointer}
.cardm-inline .remove button:hover{background:#a2331f}
.colldanger{padding:20px 30px 44px}

/* Ansehen-Viewer */
.viewer{padding:20px 30px 44px;display:flex;justify-content:center}
.viewer img,.viewer video{max-width:100%;max-height:78vh;border-radius:10px;box-shadow:0 8px 30px rgba(23,59,46,.18)}
.viewer audio{width:min(600px,90%)}

/* Formulare / Login */
.formwrap{max-width:460px;margin:0 auto;padding:24px 30px}
.field{margin-bottom:14px}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}
.field input[type=file]{padding:9px}
.field textarea{resize:vertical;min-height:64px;line-height:1.5}
.formwrap.edit{max-width:600px}
.field2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.field .hint{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.editbar{display:flex;gap:10px;margin-top:22px}
@media(max-width:560px){.field2{grid-template-columns:1fr}}

/* Detailansicht */
.detail{display:grid;grid-template-columns:1fr 320px;gap:24px;padding:24px 30px 40px;align-items:start}
.preview{background:#1c211f;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:280px;padding:14px}
.preview img,.preview video{max-width:100%;max-height:72vh;border-radius:6px;display:block}
.preview audio{width:100%}
.facts{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.facts h3{font-family:var(--display);font-weight:500;font-size:14px;letter-spacing:.05em;color:var(--forest);text-transform:uppercase;margin:0 0 14px}
.facts .descr{margin:0 0 8px;font-size:14px;color:var(--ink);line-height:1.55}
.facts dl{margin:0;display:grid;grid-template-columns:1fr;gap:2px}
.facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:11px}
.facts dd{margin:0;font-size:14px;color:var(--ink)}
.facts dd.missing{color:#a23;font-style:italic}
.tagrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.tagpill{background:var(--ivory);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:12px;color:var(--muted)}
.detail-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--forest);cursor:pointer;font-weight:600;font-size:13px;text-decoration:underline;text-underline-offset:2px}
.linkbtn:hover{color:var(--gold)}
.linkbtn.danger{color:#a23}
.linkbtn.danger:hover{color:#7d1a12}
.detail-delete{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);text-align:center}
.trash-actions{display:flex;gap:16px;margin-top:8px}
.detail-actions .ki-form{margin:0}
.ki-note{margin:12px 0 0;font-size:12.5px;color:var(--muted);font-style:italic}
.ki-queue{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12.5px}
.ki-queue.failed span{color:#a23}
.ki-queue form{margin:0}
.ki-pending{font-size:12px;color:var(--gold);background:#fbf6e9;border:1px solid rgba(184,148,63,.35);border-radius:20px;padding:4px 11px;white-space:nowrap}

/* KI-Vorschlagsseite */
.kivorschlag .ki-lead{margin:0 0 16px;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--muted)}
.ki-block{margin-bottom:14px}
.ki-block .ki-head{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--forest);font-weight:600;margin-bottom:6px}
.ki-block input[type=text],.ki-block textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}
.ki-block textarea{resize:vertical;min-height:60px;line-height:1.5}
.ki-block .hint{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.ki-origin{margin:14px 0 0;font-size:12px;color:var(--muted);text-align:right}
@media(max-width:820px){.detail{grid-template-columns:1fr}}

/* Login-Seite (ohne Shell) */
.login{min-height:100vh;display:grid;place-items:center;background:var(--forest)}
.login .box{background:var(--ivory);border-radius:16px;padding:34px 34px 30px;width:360px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.login .eyebrow{font-family:var(--display);letter-spacing:.28em;font-size:10.5px;color:var(--gold);text-transform:uppercase;text-align:center}
.login .word{font-family:var(--display);font-weight:600;font-size:30px;letter-spacing:.06em;color:var(--forest);text-align:center;margin:2px 0 20px}
.login .btn{width:100%;justify-content:center;margin-top:6px}
.profsub{font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.05em;color:var(--forest);text-transform:uppercase;margin:22px 0 4px;padding-top:16px;border-top:1px solid var(--line)}
.profsub-note{margin:0 0 12px;font-size:12.5px;color:var(--muted);line-height:1.5}
.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink);line-height:1.5;cursor:pointer}
.consent input{margin-top:3px;flex:none}
.consent.given{color:var(--muted);cursor:default}
.consent.given span{font-style:italic}

/* Creatoren-Verwaltung */
.cr-invite{padding:18px 30px;background:#fff;border-bottom:1px solid var(--line)}
.cr-inviteform{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:0}
.cr-inviteform .field{margin:0}
.cr-inviteform .field input{border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}
.cr-hint{margin:9px 0 0;font-size:12.5px;color:var(--muted);font-style:italic}
.cr-linkbox{margin:16px 30px 0;background:#fbf6e9;border:1px solid rgba(184,148,63,.35);border-radius:12px;padding:14px 16px}
.cr-linklabel{font-size:13px;color:#7a6320;margin-bottom:8px}
.cr-linkinput{width:100%;box-sizing:border-box;border:1px solid #e6d19a;border-radius:8px;padding:10px 12px;font-family:var(--mono,monospace);font-size:13px;background:#fff;color:var(--ink)}
.cr-linknote{font-size:12px;color:#8a7a4a;margin-top:7px}
.cr-grid{padding:22px 30px 40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.cr-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;gap:14px;transition:.15s}
.cr-card:hover{border-color:var(--gold);box-shadow:0 8px 22px rgba(23,59,46,.12)}
.cr-cardlink{position:absolute;inset:0;z-index:1;border-radius:inherit}
.cr-actions{position:relative;z-index:2}
.cr-photo{width:88px;height:112px;border-radius:8px;flex:none;background:linear-gradient(160deg,#3f5a4e,#8a9a86);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--display);font-size:26px;letter-spacing:.04em}
.cr-body{min-width:0;flex:1}
.cr-name{font-size:15px;font-weight:600;color:var(--ink)}
.cr-email{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-badge{display:inline-block;margin-top:7px;border-radius:20px;padding:3px 10px;font-size:11.5px;border:1px solid}
.cr-badge.ok{background:#e7efe8;color:#2e7d32;border-color:#b9d6bd}
.cr-badge.wait{background:#fbf3df;color:#8a6d1c;border-color:#e6d19a}
.cr-badge.warn{background:#f6e3e0;color:#8a2b1f;border-color:#e3b6ad}
.cr-badge.off{background:#eceae2;color:#5f5e5a;border-color:#d3d1c7}
.cr-bio{margin:9px 0 0;font-size:12.5px;color:var(--muted);line-height:1.45}
.cr-loc{margin-top:3px;font-size:12px;color:var(--muted)}
.cr-actions{margin-top:10px}
.cr-actions form{margin:0}
.linkbtn.ok{color:#2e7d32}.linkbtn.ok:hover{color:#1f5d24}
img.cr-photo{object-fit:cover}

/* Creator-Profilbild (Pflichtprofil) */
.pp-row{display:flex;gap:16px;align-items:flex-start}
.pp-current{width:112px;height:144px;border-radius:8px;object-fit:cover;flex:none;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.pp-empty{width:112px;height:144px;border-radius:8px;flex:none;background:#e7e2d5;border:2px dashed #c3bca8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a59e8b;font-size:26px}
.pp-empty span{font-size:11px;margin-top:4px}
.pp-pick{padding-top:2px}
.pp-pick .btn.ghost{white-space:nowrap}
.pp-note{font-size:11.5px;color:var(--muted);margin-top:9px;line-height:1.5;max-width:180px}
/* Creator-Startseite: Profilanzeige */
.ch-profile{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:left}
.ch-photo{width:100px;height:128px;border-radius:8px;object-fit:cover;flex:none}
.ch-name{font-size:15px;font-weight:600;color:var(--ink)}
.ch-bio{margin:6px 0 0;font-family:var(--serif);font-style:italic;font-size:15px;color:#33403a;line-height:1.5}

/* Creator-Bereich (eigene schlichte Shell) */
.cshell{min-height:100vh;background:var(--ivory)}
.ctop{display:flex;align-items:center;gap:24px;background:var(--forest);color:#fff;padding:14px 30px;flex-wrap:wrap}
.cbrand{display:flex;flex-direction:column;line-height:1.1}
.cbrand .eyebrow{font-family:var(--display);letter-spacing:.24em;font-size:9px;color:var(--gold);text-transform:uppercase}
.cbrand .word{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:.05em;color:#fff;text-decoration:none;cursor:pointer;transition:color .15s}
.cbrand .word:hover,.cbrand .word:focus-visible{color:var(--gold)}
.cnav{display:flex;gap:18px;flex:1}
.cnav a{color:rgba(255,255,255,.82);text-decoration:none;font-size:14px;padding:4px 0;border-bottom:2px solid transparent}
.cnav a:hover{color:#fff}
.cnav a.on{color:#fff;border-bottom-color:var(--gold)}
.cuser{display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(255,255,255,.8)}
.cuser button{background:none;border:0;color:var(--gold);cursor:pointer;font:inherit}
.cmain{max-width:1100px;margin:0 auto;padding:24px 30px 50px}
.chead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.chead h1{font-family:var(--display);font-weight:500;font-size:22px;color:var(--forest);margin:0}
.cempty{text-align:center;padding:60px 20px;color:var(--muted)}
.cempty p{font-family:var(--serif);font-style:italic;font-size:19px;margin:0 0 16px}
.cdayblock{margin-bottom:28px}
.cdaylabel{font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.05em;color:var(--forest);text-transform:uppercase;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.ccard{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ccard.zoom{cursor:zoom-in;transition:.15s}
.ccard.zoom:hover{border-color:var(--gold);box-shadow:0 8px 22px rgba(23,59,46,.12)}
.cthumb{aspect-ratio:4/3;background:linear-gradient(135deg,#2e5142,#6d7d75);background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:8px}
.cthumb .ctype{background:rgba(28,48,40,.78);color:#fff;font-size:10.5px;letter-spacing:.05em;padding:3px 8px;border-radius:20px}
.cmeta{padding:10px 12px}
.ctime{font-size:11px;color:var(--muted);margin-top:2px}
.cremove{margin:8px 0 0;cursor:default}
.cremove .linkbtn{font-size:12px;font-weight:400}
.cremove.locked{font-size:12px;color:var(--muted);opacity:.6}
.cname{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cstatus{display:inline-block;margin-top:6px;border-radius:20px;padding:2px 9px;font-size:11.5px;border:1px solid}
.cstatus.ok{background:#e7efe8;color:#2e7d32;border-color:#b9d6bd}
.cstatus.wait{background:#fbf3df;color:#8a6d1c;border-color:#e6d19a}
.clightbox{position:fixed;inset:0;background:rgba(15,20,17,.9);display:grid;place-items:center;z-index:50;cursor:zoom-out}
.clightbox[hidden]{display:none}
.clightbox img{max-width:90vw;max-height:88vh;border-radius:8px;box-shadow:0 10px 50px rgba(0,0,0,.5);cursor:default}
.clightbox .clx{position:absolute;top:18px;right:26px;color:#fff;font-size:34px;line-height:1;cursor:pointer}
.cformwrap{max-width:480px}
.clead{font-size:15px;color:var(--muted);margin:0 0 18px;font-family:var(--serif);font-style:italic}
.chint{margin:14px 0 0;font-size:13px;color:var(--muted);line-height:1.5}
.crecent{max-width:1100px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.crecent-h{font-family:var(--display);font-weight:500;font-size:15px;letter-spacing:.04em;color:var(--forest);text-transform:uppercase;margin:0 0 18px}
@media(max-width:640px){.cnav{order:3;flex-basis:100%}}

/* Vereinbarungen (Verwaltung) */
.agrwrap{max-width:620px;padding:22px 30px 44px}
.agr-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.agr-meta{font-size:12.5px;color:var(--muted)}
.agr-note{background:#fbf6e9;border:1px solid rgba(184,148,63,.35);border-radius:10px;padding:12px 15px;margin-bottom:16px}
.agr-note-h{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7a6320;margin-bottom:5px}
.agr-note p{margin:0;font-size:14px;color:#5f5228;line-height:1.5}
.agr-channels{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.agr-ch{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:13.5px;cursor:pointer}
.agr-ch input{flex:none}
.agr-hist{list-style:none;margin:0;padding:0;font-size:13px;color:var(--muted)}
.agr-hist li{padding:7px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cr-sep{color:var(--line);margin:0 4px}
fieldset[disabled] input,fieldset[disabled] select,fieldset[disabled] textarea{background:#f4f2ec;color:var(--muted)}

/* Vereinbarung (Creator-Sicht) */
.cagr{max-width:620px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px}
.cagr-lead{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--muted);margin-bottom:14px}
.cagr-lead.ok{color:#2e7d32}
.cagr-title{font-family:var(--display);font-weight:500;font-size:19px;color:var(--forest);margin:0 0 16px}
.cagr-facts{margin:0;display:grid;grid-template-columns:1fr;gap:2px}
.cagr-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:14px}
.cagr-facts dd{margin:0;font-size:14px;color:var(--ink);line-height:1.5}
.cagr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.cagr-chip{border-radius:20px;padding:3px 10px;font-size:12px;border:1px solid}
.cagr-chip.yes{background:#e7efe8;color:#2e7d32;border-color:#b9d6bd}
.cagr-chip.no{background:#f4f2ec;color:#a59e8b;border-color:var(--line)}
.cagr-extra{margin-top:6px;font-size:13px;color:var(--muted)}
.cagr-terms{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--serif);font-size:15px;line-height:1.6;color:#33403a}
.cagr-actions{margin-top:20px}
.cagr-ask{margin-top:14px;font-size:13px;color:var(--muted)}
.cagr-ask summary{cursor:pointer}
.cagr-ask textarea{width:100%;box-sizing:border-box;margin-top:10px;border:1px solid var(--line);border-radius:8px;padding:10px;font-family:var(--sans);font-size:14px}
.cagr-ask .btn{margin-top:8px}

/* Mehrfach-Upload: Auswahlliste */
.filelist{margin-top:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;max-height:190px;overflow:auto}
.filelist[hidden]{display:none}
.fileitem{font-size:12.5px;color:var(--muted);padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.filesum{margin-top:6px;padding-top:6px;border-top:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--forest)}

/* ============================================================
   Kommandozentrale – bildschirmfüllender Arbeitsplatz
   ============================================================ */
.kdz-body{display:flex;flex-direction:column;height:100vh;overflow:hidden;margin:0}

.kdz-top{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:var(--forest);color:#eaf1ea;flex:0 0 auto}
.kdz-left{display:flex;align-items:center;gap:16px}
.kdz-word{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:.06em;color:#fff;text-decoration:none;transition:color .15s}
.kdz-word:hover{color:var(--gold)}
.kdz-word small{display:block;font-size:9px;letter-spacing:.26em;color:var(--gold);text-transform:uppercase}
.kdz-name{font-family:var(--display);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.kdz-right{display:flex;align-items:center;gap:16px}
.kdz-dt{color:rgba(234,241,234,.86);font-size:14px;white-space:nowrap}
.kdz-clock{font-variant-numeric:tabular-nums;font-weight:700;color:#fff;font-size:15px}
.kdz-lang{font-size:12.5px;color:rgba(234,241,234,.7)}
.kdz-lang a{color:inherit;text-decoration:none;padding:0 2px}
.kdz-lang a.on{color:#fff;border-bottom:2px solid var(--gold)}
.kdz-logout{background:none;border:0;color:var(--gold);cursor:pointer;font:inherit;font-size:12.5px;padding:0}

.kdz-strip{display:flex;align-items:center;gap:16px;padding:10px 22px;background:var(--forest-dark);color:#dfe7e0;flex:0 0 auto;border-top:1px solid rgba(255,255,255,.06)}
.kdz-monitors{display:flex;gap:10px}
.kdz-mon{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;opacity:.6;transition:.15s}
.kdz-mon.on{opacity:1}
.kdz-mon .screen{width:56px;height:32px;border:1.5px solid rgba(255,255,255,.4);border-radius:4px;position:relative;background:rgba(255,255,255,.04)}
.kdz-mon.on .screen{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,148,63,.25)}
.kdz-mon .screen i{position:absolute;width:6px;height:5px;border-radius:1px;background:var(--gold);opacity:.75}
.kdz-mon .lbl{font-size:10.5px;letter-spacing:.08em}
.kdz-spacer{flex:1}
.kdz-hint{font-family:var(--serif);font-style:italic;font-size:14px;color:rgba(223,231,224,.65)}
.kdz-tools{display:flex;gap:8px;align-items:center}
.kdz-chip{border:1px solid rgba(255,255,255,.22);background:transparent;color:#eaf1ea;font-family:var(--sans);font-size:12.5px;border-radius:8px;padding:6px 11px;cursor:pointer;transition:.15s;display:flex;align-items:center;gap:6px}
.kdz-chip:hover{border-color:var(--gold);color:#fff}
.kdz-chip .ic{font-family:var(--display);font-weight:600}
.kdz-saved{font-size:12px;color:var(--gold);font-style:italic;font-family:var(--serif)}

.kdz-stage{flex:1;display:flex;min-height:0}
/* Scrollbar, nicht abgeschnitten: auf einem Laptopdisplay passen nicht alle
   Blöcke nebeneinander – abgeschnittene wären sonst unerreichbar. */
.kdz-board{position:relative;flex:1;overflow:auto;
  background-image:radial-gradient(rgba(23,59,46,.10) 1px,transparent 1px);
  background-size:26px 26px;background-position:6px 6px}
/* Luft unter der letzten Zeile, damit sie nicht am Rand klebt. */
.kdz-board::after{content:"";display:block;height:20px}

.kdz-addmenu{position:absolute;top:12px;left:12px;z-index:9999;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(23,59,46,.18);padding:8px;display:none;min-width:210px}
.kdz-addmenu.show{display:block}
.kdz-addmenu h6{margin:6px 8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.kdz-addmenu button{display:flex;width:100%;align-items:center;gap:9px;border:0;background:transparent;padding:8px 10px;border-radius:8px;font-family:var(--sans);font-size:13.5px;color:var(--ink);cursor:pointer;text-align:left}
.kdz-addmenu button:hover{background:var(--ivory)}
.kdz-addmenu .ic{font-family:var(--display);color:var(--gold)}
.kdz-allplaced{padding:8px 10px;color:var(--muted);font-size:12.5px}

.kdz-block{position:absolute;width:280px;min-width:200px;min-height:120px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 18px rgba(23,59,46,.08);display:flex;flex-direction:column;overflow:hidden}
.kdz-block.dragging{box-shadow:0 18px 40px rgba(23,59,46,.22);opacity:.97}
.kdz-rz{position:absolute;right:3px;bottom:3px;width:15px;height:15px;cursor:nwse-resize;touch-action:none;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);border-bottom-right-radius:5px;opacity:.55}
.kdz-rz:hover{opacity:1}
/* touch-action:none – sonst nimmt der Browser die Fingerbewegung als Scrollen
   und der Block bleibt liegen. Nur auf den Griffen, nicht auf der ganzen
   Fläche: dort soll Wischen weiterhin scrollen. */
.kdz-bhead{display:flex;align-items:center;gap:8px;padding:9px 11px;background:linear-gradient(180deg,#fbf7ee,#f6efe0);border-bottom:1px solid var(--line);cursor:grab;user-select:none;touch-action:none}
.kdz-bhead:active{cursor:grabbing}
.kdz-bhead .ic{font-family:var(--display);font-weight:600;color:var(--gold);font-size:13px}
.kdz-bhead .t{font-family:var(--display);font-size:12px;letter-spacing:.05em;color:var(--forest);text-transform:uppercase;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kdz-bhead .mv{display:flex;gap:2px}
.kdz-bhead .mv b{width:17px;height:17px;border-radius:4px;border:1px solid var(--line);font-size:10px;display:grid;place-items:center;color:var(--muted);cursor:pointer;font-weight:600}
.kdz-bhead .mv b:hover{border-color:var(--gold);color:var(--forest)}
.kdz-bhead .x{cursor:pointer;color:var(--muted);font-size:15px;line-height:1;padding:0 2px}
.kdz-bhead .x:hover{color:#a23}
.kdz-bbody{padding:12px 13px;font-size:13px;flex:1;overflow:auto}

/* Blockinhalte */
.kdz-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.kdz-thumbs i{aspect-ratio:1;border-radius:5px;display:block;background:#e6e2d8 center/cover no-repeat}
.kdz-list{list-style:none;margin:0;padding:0}
.kdz-list li{padding:6px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px}
.kdz-list li:first-child{border-top:0}
.kdz-meta{color:var(--muted);font-size:11.5px;margin-top:6px}
.kdz-wait{color:#8a6d1c}
.kdz-todo{list-style:none;margin:0;padding:0}
.kdz-todo li{display:flex;gap:8px;padding:5px 0;align-items:flex-start}
.kdz-box{width:15px;height:15px;border:1.5px solid var(--gold);border-radius:4px;flex:0 0 auto;margin-top:1px}
.kdz-kpi{display:flex;align-items:baseline;gap:7px;padding:4px 0;color:var(--muted);font-size:12.5px}
.kdz-kpi b{font-family:var(--display);font-size:22px;color:var(--forest)}
.kdz-empty,.kdz-pending{margin:0;color:var(--muted);font-size:12.5px;font-style:italic;font-family:var(--serif);line-height:1.5}

/* AVIA-Leiste – reservierter Platz, noch ohne Funktion */
.kdz-avia{width:300px;flex:0 0 300px;background:#fbf8f1;border-left:1px solid var(--line);display:flex;flex-direction:column}
.kdz-avia .h{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.kdz-avia .abadge{width:28px;height:28px;border-radius:50%;background:var(--forest);color:var(--gold);display:grid;place-items:center;font-family:var(--display);font-weight:600;font-size:12px}
.kdz-avia .name{font-family:var(--display);font-size:13px;letter-spacing:.06em;color:var(--forest)}
.kdz-avia .st{font-size:11px;color:var(--muted);font-weight:600}
.kdz-avia-note{padding:16px;font-size:12.5px;color:var(--muted);font-style:italic;font-family:var(--serif);line-height:1.55}

/* Schmale Bildschirme: der Hinweistext weicht zuerst, damit die Knöpfe bleiben. */
@media(max-width:1300px){.kdz-hint{display:none}}
@media(max-width:900px){.kdz-avia{display:none}}

/* ---- AVIA-Leiste: auf schmalen Bildschirmen einklappbar --------------- */
.kdz-avia-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:60;
  background:var(--forest);color:var(--gold);border:0;border-radius:9px 0 0 9px;
  padding:14px 6px;cursor:pointer;font-family:var(--display);font-size:12px;letter-spacing:.12em;
  writing-mode:vertical-rl;text-orientation:mixed;box-shadow:-3px 0 12px rgba(23,59,46,.18);display:none}
.kdz-avia-toggle:hover{color:#fff}
.kdz-avia-close{display:none;background:none;border:0;color:var(--muted);font-size:18px;
  cursor:pointer;line-height:1;padding:0 2px;margin-left:auto}
.kdz-avia-close:hover{color:var(--forest)}

/* Laptopbreite (bis einschließlich 16"-MacBook, 1728 px): Leiste liegt über der
   Fläche und ist zugeklappt – 300 px fest belegt wären dort ein Fünftel der
   Breite. Ab externem Bildschirm (1920 px) steht sie wieder dauerhaft. */
@media(max-width:1800px){
  .kdz-avia{position:absolute;right:0;top:0;bottom:0;z-index:55;display:none;
    box-shadow:-10px 0 30px rgba(23,59,46,.14)}
  .kdz-avia-open .kdz-avia{display:flex}
  .kdz-avia-toggle{display:block}
  .kdz-avia-open .kdz-avia-toggle{display:none}
  .kdz-avia-close{display:block}
}
.kdz-stage{position:relative}

/* ---- Übersicht: alle Monitore auf einen Blick ------------------------- */
.kdz-overview{position:fixed;inset:0;z-index:200;background:rgba(23,59,46,.86);
  display:none;flex-direction:column;padding:26px 30px;backdrop-filter:blur(3px)}
.kdz-overview.show{display:flex}
.kdz-ov-head{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;color:#eaf1ea;flex:0 0 auto}
.kdz-ov-head h2{font-family:var(--display);font-weight:500;font-size:16px;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;margin:0}
.kdz-ov-head p{font-family:var(--serif);font-style:italic;font-size:14px;color:rgba(234,241,234,.7);margin:0;flex:1}
.kdz-ov-close{background:none;border:1px solid rgba(255,255,255,.25);color:#eaf1ea;border-radius:8px;
  padding:6px 12px;font-family:var(--sans);font-size:12.5px;cursor:pointer}
.kdz-ov-close:hover{border-color:var(--gold);color:#fff}
.kdz-ov-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;min-height:0}
.kdz-ov-mon{background:rgba(247,243,234,.10);border:2px solid rgba(255,255,255,.18);border-radius:12px;
  display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:.15s;min-height:0}
.kdz-ov-mon:hover{border-color:var(--gold);background:rgba(247,243,234,.16)}
.kdz-ov-mon.current{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,148,63,.3)}
.kdz-ov-mon.dropping{border-color:var(--gold);background:rgba(184,148,63,.22)}
.kdz-ov-lbl{padding:9px 13px;color:#eaf1ea;font-family:var(--display);font-size:11.5px;
  letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.14);
  display:flex;justify-content:space-between;align-items:center;flex:0 0 auto}
.kdz-ov-lbl span{color:rgba(234,241,234,.55);font-family:var(--sans);font-size:11px;letter-spacing:0;text-transform:none}
.kdz-ov-canvas{position:relative;flex:1;margin:10px;min-height:0}
.kdz-ov-block{position:absolute;background:var(--card);border:1px solid rgba(23,59,46,.25);border-radius:5px;
  overflow:hidden;cursor:grab;box-shadow:0 2px 6px rgba(0,0,0,.16);touch-action:none}
.kdz-ov-block:active{cursor:grabbing}
.kdz-ov-block.flying{opacity:.9;box-shadow:0 12px 28px rgba(0,0,0,.3);z-index:999;pointer-events:none}
.kdz-ov-block b{display:block;background:linear-gradient(180deg,#fbf7ee,#f6efe0);
  border-bottom:1px solid var(--line);color:var(--forest);font-family:var(--display);
  font-weight:500;font-size:8px;letter-spacing:.03em;text-transform:uppercase;
  padding:3px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kdz-ov-empty{position:absolute;inset:0;display:grid;place-items:center;color:rgba(234,241,234,.4);
  font-family:var(--serif);font-style:italic;font-size:14px}

@media(max-width:900px){.kdz-ov-grid{grid-template-columns:1fr;overflow:auto}}

/* QR-Codes & Smart Links */
.qr-stats{display:flex;gap:14px;padding:20px 30px 0;flex-wrap:wrap}
.qr-stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;min-width:120px}
.qr-stat .n{font-family:var(--serif);font-size:26px;font-weight:500;color:var(--forest)}
.qr-stat .l{font-size:12px;color:var(--muted);margin-top:2px}
.qr-stat.gold .n{color:var(--gold)}

.qr-newform{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin:18px 30px 4px;max-width:760px}
.qr-newform h3{font-family:var(--display);font-weight:500;font-size:14px;letter-spacing:.05em;color:var(--forest);text-transform:uppercase;margin:0 0 16px;display:inline}
.qr-newform .row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.qr-newform .field{flex:1;min-width:200px;margin-bottom:0}
.qr-newform .hint{font-size:12px;color:var(--muted);margin-top:5px;font-style:italic;font-family:var(--serif)}

.qr-list{padding:18px 30px 40px}
.qr-row{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px;text-decoration:none;color:inherit;transition:.15s}
.qr-row:hover{border-color:var(--gold);box-shadow:0 6px 18px rgba(23,59,46,.10)}
.qr-row.off{opacity:.6}
.qr-thumb{width:44px;height:44px;border-radius:8px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto;font-size:16px;color:var(--forest)}
.qr-body{flex:1;min-width:0}
.qr-title{font-weight:600;font-size:15px;color:var(--ink)}
.qr-sub{font-size:12.5px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qr-purpose{display:inline-flex;align-items:center;gap:5px;background:var(--ivory);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:11.5px;color:var(--forest);font-weight:600;margin-right:8px;white-space:nowrap}
.qr-meta{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.qr-scans{text-align:right;font-size:12.5px;color:var(--muted);min-width:60px}
.qr-scans b{display:block;font-family:var(--serif);font-size:18px;color:var(--ink);font-weight:500}
.qr-status{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:20px;white-space:nowrap}
.qr-status.active{background:#e4efe6;color:#1f6b3a}
.qr-status.inactive{background:#f3ecd8;color:#8a6a1f}
.qr-status.archived{background:#ece9e2;color:#6d7d75}
.qr-date{font-size:12px;color:var(--muted);min-width:78px;text-align:right}

.qrd-wrap{padding:26px 30px;display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap}
.qrd-left{flex:0 0 260px}
.qrd-right{flex:1;min-width:340px;display:flex;flex-direction:column;gap:20px}
.qrd-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center}
.qrd-img{width:100%;height:auto;margin:0 auto 14px;border:1px solid var(--line);border-radius:10px;display:block;background:#fff}
.qrd-link{font-family:ui-monospace,Menlo,monospace;font-size:13px;background:var(--ivory);border:1px solid var(--line);border-radius:8px;padding:8px 10px;word-break:break-all;color:var(--forest);font-weight:600}
.qrd-dl{display:flex;gap:8px;margin-top:12px}
.qrd-dl .btn{flex:1;justify-content:center;padding:9px 10px;font-size:13px}
.qrd-pub{margin-top:12px;font-size:11.5px;color:var(--muted);font-style:italic;font-family:var(--serif)}

.qrd-purpose{background:#fbf8f1;border:1px solid var(--line);border-radius:12px;padding:14px 18px;display:flex;gap:10px;align-items:flex-start}
.qrd-purpose .ic{font-size:16px;opacity:.7;margin-top:1px}
.qrd-purpose .t{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.qrd-purpose .v{font-weight:600;color:var(--forest);margin-top:2px}
.qrd-purpose .n{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5}

.qrd-field{margin-bottom:14px}
.qrd-field label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.qrd-field .row{display:flex;gap:8px}
.qrd-field input,.qrd-field select,.qrd-field textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}

.qrd-statusrow{display:flex;gap:8px;margin-top:2px}
.qrd-statusrow form{flex:1;margin:0}
.qrd-statusrow label,.qrd-statusrow button{width:100%;flex:1;border:1px solid var(--line);border-radius:9px;padding:9px 6px;text-align:center;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;background:#fff;font-family:var(--sans)}
.qrd-statusrow input{position:absolute;opacity:0;pointer-events:none}
.qrd-statusrow label.sel,.qrd-statusrow button.sel{border-color:var(--forest);background:var(--forest);color:#fff}
.qrd-statusrow label.disabled{opacity:.4;cursor:not-allowed}
.qrd-hint{font-size:11.5px;color:var(--muted);margin-top:6px;font-style:italic;font-family:var(--serif)}

.qrd-warn{background:#fbeee0;border:1px solid #e0b978;border-radius:10px;padding:12px 14px;font-size:13px;color:#6b4a12;margin-bottom:14px;display:flex;gap:9px}
.qrd-warn b{display:block;margin-bottom:2px}

.qrd-stats{display:flex;gap:14px}
.qrd-stats .qr-stat{flex:1}

.qrd-hist{list-style:none;margin:0;padding:0}
.qrd-hist li{position:relative;padding:0 0 16px 20px;border-left:2px solid var(--line);margin-left:4px}
.qrd-hist li:last-child{border-color:transparent;padding-bottom:0}
.qrd-hist li::before{content:'';position:absolute;left:-5px;top:2px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.qrd-hist .w{font-size:13px;color:var(--ink)}
.qrd-hist .w b{color:var(--forest)}
.qrd-hist .m{font-size:11.5px;color:var(--muted);margin-top:2px}

/* Posteingang (Wissen erfassen) */
.qr-stat.warn .n{color:#8a2b1f}
.pe-drop{border:2px dashed var(--line);border-radius:14px;background:#fff;padding:28px 24px;text-align:center;cursor:pointer;transition:.15s}
.pe-drop.over{border-color:var(--gold);background:#fffdf6}
.pe-drop-ic{font-family:var(--display);font-size:26px;color:var(--gold);line-height:1}
.pe-drop-main{font-family:var(--serif);font-size:18px;color:var(--forest);margin-top:8px}
.pe-drop input[type=file]{display:none}
.pe-drop-names{font-size:12.5px;color:var(--muted);margin-top:8px;word-break:break-all}
.pe-or{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:16px 0;text-align:center}
.pe-or::before,.pe-or::after{content:"";display:inline-block;width:50px;height:1px;background:var(--line);vertical-align:middle;margin:0 12px}
.pe-text{width:100%;resize:vertical;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px 14px;font-family:var(--sans);font-size:14px;color:var(--ink)}
.pe-text:focus{outline:none;border-color:var(--gold)}

.pe-list{padding:18px 30px 40px}
.pe-row{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px;text-decoration:none;color:inherit;transition:.15s}
.pe-row:hover{border-color:var(--gold);box-shadow:0 6px 18px rgba(23,59,46,.10)}
.pe-row.warn{opacity:.8}
.pe-ic{width:38px;height:38px;border-radius:9px;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:15px;flex:0 0 auto}
.pe-ic.text{background:#6d7d75}
.pe-ic.link{background:var(--gold);color:#3a2e12}
.pe-ic.mail{background:#2b6b7a}
.pe-ic.quar{background:#8a2b1f}
.pe-body{flex:1;min-width:0}
.pe-title{font-weight:600;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-sub{font-size:12.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-meta{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.pe-when{font-size:12px;color:var(--muted);text-align:right;min-width:82px}
.pe-st{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:20px;white-space:nowrap;display:inline-block}
.pe-st.neu{background:#e7eef5;color:#2b5570}
.pe-st.bereit_zur_pruefung{background:#fbf3df;color:#8a6d1c}
.pe-st.uebernommen{background:#e4efe6;color:#1f6b3a}
.pe-st.zurueckgestellt{background:#ece9e2;color:#5f5e5a}
.pe-st.verworfen{background:#ece9e2;color:#8a8880}
.pe-st.quarantaenisiert{background:#f6e3e0;color:#8a2b1f}
.pe-bodytext{font-family:var(--serif);font-size:15.5px;line-height:1.6;color:var(--ink);white-space:pre-wrap;word-break:break-word}
.pe-fetch{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--ivory)}
.pe-fetch span{font-size:13px;color:var(--muted)}
/* Kennzeichen an einer Mail: Richtung immer, „unbekannt" nur wenn nötig. */
.pe-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
.pe-tag{font-size:11px;letter-spacing:.04em;padding:2px 8px;border-radius:20px;border:1px solid var(--line);color:var(--muted);background:var(--ivory);white-space:nowrap}
.pe-tag.out{border-color:#c8d4cd;color:#2f5a48;background:#eef4f0}
.pe-tag.unknown{border-color:#e0c48a;color:#7a5a17;background:#fbf3e2}
/* Kopf einer Nachricht: zwei Spalten, bricht auf schmalen Geräten um. */
.pe-mailhead{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:13.5px}
.pe-mailhead dt{color:var(--muted)}
.pe-mailhead dd{margin:0;word-break:break-word}
@media(max-width:560px){.pe-mailhead{grid-template-columns:1fr;gap:0 0}.pe-mailhead dd{margin:0 0 8px}}
.pe-unknown{display:flex;gap:11px;align-items:flex-start;background:#fbf3e2;border:1px solid #e0c48a;border-radius:10px;padding:11px 13px;margin-bottom:14px;font-size:13px;line-height:1.5}
.pe-unknown>span{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:#e0c48a;color:#5c4310;display:grid;place-items:center;font-size:12px;font-weight:700}
.pe-unknown b{display:block;margin-bottom:2px}
.pe-att{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}
.pe-att:first-of-type{border-top:0}
.pe-att-ic{width:26px;height:26px;border-radius:6px;background:var(--ivory);border:1px solid var(--line);display:grid;place-items:center;font-size:12px;flex:0 0 auto}
.pe-att-ic.quar{background:#f6e3e0;border-color:#e3b6ad}
.pe-att-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pe-att-size{color:var(--muted);font-size:12px;flex:0 0 auto}

/* Dokumente */
.dk-list{padding:18px 30px 40px}
.dk-row{display:flex;align-items:flex-start;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px;text-decoration:none;color:inherit;transition:.15s}
.dk-row:hover{border-color:var(--gold);box-shadow:0 6px 18px rgba(23,59,46,.10)}
.dk-ic{width:40px;height:48px;border-radius:6px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.04em;flex:0 0 auto}
.dk-ic.pdf{color:#8a2b1f;border-color:#e3b6ad}
.dk-ic.doc{color:#2b5570;border-color:#b8cad8}
.dk-ic.txt{color:#5f5e5a}
.dk-body{flex:1;min-width:0}
.dk-title{font-weight:600;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-sub{font-size:12.5px;color:var(--muted);margin-top:3px}
.dk-proj{display:inline-flex;align-items:center;background:var(--ivory);border:1px solid var(--line);border-radius:20px;padding:2px 9px;font-size:11.5px;color:var(--forest);font-weight:600;margin-right:8px}
.dk-pk{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:1px 6px;margin-left:6px}
.dk-snippet{font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dk-snippet b{background:rgba(184,148,63,.28);color:var(--ink);font-style:normal;font-weight:600;border-radius:2px;padding:0 2px}
.dk-meta{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.dk-when{font-size:12px;color:var(--muted);text-align:right;min-width:78px}
.dk-st{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:20px;white-space:nowrap}
.dk-st.ok{background:#e4efe6;color:#1f6b3a}
.dk-st.wait{background:#fbf3df;color:#8a6d1c}
.dk-st.none{background:#ece9e2;color:#5f5e5a}

/* Dokument-Detailansicht */
.dd-wrap{padding:22px 30px 40px;display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap}
.dd-main{flex:1;min-width:380px;display:flex;flex-direction:column;gap:20px}
.dd-side{flex:0 0 300px;display:flex;flex-direction:column;gap:20px}
.dd-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dd-find{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 14px;font-size:13px;margin:0}
.dd-find input{border:0;outline:0;font-family:var(--sans);font-size:13px;background:transparent;width:150px;color:var(--ink)}
.dd-findcount{font-size:12px;color:var(--muted);white-space:nowrap}
.dd-text{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 32px;font-family:var(--serif);font-size:16.5px;line-height:1.72;color:var(--ink);max-height:560px;overflow:auto}
.dd-text h4{font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--forest);margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.dd-text p{margin:0;word-break:break-word}
.dd-text mark{background:rgba(184,148,63,.32);color:inherit;border-radius:2px;padding:0 2px}

@media(max-width:900px){
  .dd-side,.qrd-side{flex:1 1 100%}
  .dd-main{min-width:0}
}

.qr-notice{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ivory);padding:24px}
.qr-notice .box{max-width:420px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:40px 32px}
.qr-notice .eyebrow{font-family:var(--display);letter-spacing:.28em;font-size:10.5px;color:var(--gold);text-transform:uppercase}
.qr-notice .word{font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:.06em;color:var(--forest);margin:3px 0 18px}
.qr-notice p{font-family:var(--serif);font-size:17px;color:var(--ink);line-height:1.5;margin:0}

/* ============================================================
   Social Publishing (Bereich 6)
   ============================================================ */

/* Kanäle & Konten */
.sp-acclist{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}
.sp-accempty{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:14px}
.sp-acc{background:var(--ivory);border:1px solid var(--line);border-radius:9px;font-size:13px}
.sp-acc>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;cursor:pointer;list-style:none}
.sp-acc>summary::-webkit-details-marker{display:none}
.sp-acc>summary:hover{border-radius:9px;background:#f2eee4}
.sp-accedit{margin-left:auto;font-size:11.5px;color:var(--gold);font-weight:600;white-space:nowrap}
.sp-accform{padding:4px 12px 14px}
.sp-accform .row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.sp-accform .field{flex:1;min-width:170px}
.sp-accform label{display:block;font-size:11.5px;color:var(--muted);margin-bottom:4px}
.sp-accform input,.sp-accform select{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-family:var(--sans);font-size:13.5px;background:#fff;color:var(--ink);box-sizing:border-box}
.sp-accform .hint{font-size:11.5px;color:var(--muted);font-style:italic;font-family:var(--serif);line-height:1.5}
.sp-accplat{font-weight:600;color:var(--forest)}
.sp-acchandle{color:var(--ink)}
.sp-accname{color:var(--muted)}
/* Lebenszeichen des Zeitplans – steht direkt unter den Kennzahlen. */
.sp-sched{display:flex;align-items:center;gap:9px;margin:16px 30px 0;padding:9px 14px;
  border:1px solid var(--line);border-radius:10px;font-size:13.5px;color:var(--muted);background:#fffdf8}
.sp-sched .sp-scheddot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--muted)}
.sp-sched.ok .sp-scheddot{background:#2e8b57}
.sp-sched.warn{border-color:rgba(184,148,63,.55);background:rgba(184,148,63,.09);color:#7a5f1c}
.sp-sched.warn .sp-scheddot{background:var(--gold)}
.sp-sched.stop{border-color:rgba(160,42,42,.4);background:rgba(160,42,42,.07);color:#8c2f2f}
.sp-sched.stop .sp-scheddot{background:#a02a2a}

.sp-accstate{font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;text-transform:lowercase}
.sp-accstate.verbunden{background:#e4efe6;color:#1f6b3a}
.sp-accstate.vorgemerkt{background:#f3ecd8;color:#8a6a1f}
.sp-accstate.getrennt{background:#ece9e2;color:#6d7d75}
.sp-accnote{font-size:11.5px;color:var(--muted);font-style:italic;font-family:var(--serif);flex-basis:100%;margin-left:0}

/* Beitragsart-Umschalter */
.sp-typerow{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.sp-typerow label{flex:1;min-width:90px;border:1px solid var(--line);border-radius:9px;padding:9px 6px;text-align:center;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;background:#fff;user-select:none}
.sp-typerow label:hover{border-color:var(--gold)}
.sp-typerow label.sel{border-color:var(--forest);background:var(--forest);color:#fff}

/* Medien-Plätze (Reihenfolge im Carousel) */
.sp-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.sp-slot{width:100%}

/* Liste */
.sp-list{padding:18px 30px 40px}
.sp-row{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px;text-decoration:none;color:inherit;transition:.15s}
.sp-row:hover{border-color:var(--gold);box-shadow:0 6px 18px rgba(23,59,46,.10)}
.sp-row.off{opacity:.62}
.sp-thumb{width:56px;height:56px;border-radius:8px;flex:0 0 auto;background:var(--ivory) center/cover no-repeat;border:1px solid var(--line)}
.sp-body{flex:1;min-width:0}
.sp-title{font-weight:600;font-size:15px;color:var(--ink)}
.sp-sub{font-size:12.5px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-channel{display:inline-flex;align-items:center;gap:5px;background:var(--ivory);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:11.5px;color:var(--forest);font-weight:600;margin-right:8px;white-space:nowrap}
.sp-avia{display:inline-flex;background:#f0e9f7;color:#6b4fa0;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;margin-right:8px;white-space:nowrap}
.sp-meta{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.sp-when{text-align:right;font-size:12px;color:var(--muted);min-width:104px}
.sp-when b{display:block;font-size:13.5px;color:var(--ink);font-weight:600}
.sp-status{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:20px;white-space:nowrap}
.sp-status.entwurf{background:#ece9e2;color:#6d7d75}
.sp-status.wartet_auf_freigabe{background:#f3ecd8;color:#8a6a1f}
.sp-status.freigegeben{background:#e2ecf5;color:#2a5a8c}
.sp-status.veroeffentlicht{background:#e4efe6;color:#1f6b3a}
.sp-status.zurueckgestellt{background:#ece9e2;color:#6d7d75}

/* Typ-Kennzeichen */
.sp-type{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:20px;margin-right:6px;white-space:nowrap}
.sp-type.bild{background:#eef1ec;color:#4b5d52}
.sp-type.carousel{background:#f0e9f7;color:#6b4fa0}
.sp-type.reel{background:#fdeaea;color:#a03a3a}
.sp-type.story{background:#fff0d9;color:#a06a1f}

/* Detailseite */
.spd-wrap{padding:16px 30px 40px;display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap}
.spd-left{flex:0 0 300px}
.spd-right{flex:1;min-width:340px}
.spd-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.spd-img{width:100%;aspect-ratio:4/5;border-radius:10px;background:var(--ivory) center/cover no-repeat;margin-bottom:10px;display:flex;align-items:flex-end;padding:10px;box-sizing:border-box;border:1px solid var(--line)}
.spd-img span{background:rgba(28,48,40,.72);color:#fff;font-size:11px;padding:3px 8px;border-radius:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spd-img.spd-empty{align-items:center;justify-content:center;border-style:dashed}
.spd-img.spd-empty span{background:none;color:var(--muted);font-family:var(--serif);font-style:italic}
.spd-caption{font-family:var(--serif);font-size:14.5px;line-height:1.6;color:var(--ink);background:var(--ivory);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:4px}
.spd-hashtags{font-size:12.5px;color:var(--forest);margin-top:8px;font-weight:600;word-break:break-word}

/* Zustandskästen */
.spd-approve,.spd-approved,.spd-published,.spd-held,.spd-ready,.spd-missing{border-radius:12px;padding:16px 18px;margin-bottom:20px}
.spd-approve{background:#fbf8f1;border:1px solid #e0b978}
.spd-approve .t{color:#8a6a1f}
.spd-approved{background:#eef4fb;border:1px solid #b9d0e8}
.spd-approved .t{color:#2a5a8c}
.spd-published{background:#eef6ef;border:1px solid #bcd9c2}
.spd-published .t{color:#1f6b3a}
.spd-held,.spd-missing{background:#f4f2ed;border:1px solid var(--line)}
.spd-held .t,.spd-missing .t{color:#6d7d75}
.spd-ready{background:#f4f7f2;border:1px solid #cadcc6}
.spd-ready .t{color:#3d6b46}
.spd-approve .t,.spd-approved .t,.spd-published .t,.spd-held .t,.spd-ready .t,.spd-missing .t{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.spd-approve p,.spd-approved p,.spd-published p,.spd-held p,.spd-ready p{font-size:13.5px;color:var(--ink);line-height:1.55;margin:8px 0 14px}
.spd-approve .row,.spd-approved .row,.spd-ready .row{display:flex;gap:10px;flex-wrap:wrap}
.spd-missing ul{margin:8px 0 0;padding-left:18px}
.spd-missing li{font-size:13.5px;color:var(--ink);line-height:1.7}

/* Felder */
.spd-field{margin-bottom:14px}
.spd-field label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.spd-field input,.spd-field select,.spd-field textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink);box-sizing:border-box}
.spd-field textarea{resize:vertical}
.spd-field input:disabled,.spd-field select:disabled,.spd-field textarea:disabled{background:var(--ivory);color:var(--muted)}
.spd-field input[readonly]{background:var(--ivory);color:var(--muted)}
.spd-hint{font-size:12.5px;color:var(--muted);font-style:italic;font-family:var(--serif);line-height:1.55}

/* Verlauf */
.spd-hist{list-style:none;margin:0;padding:0}
.spd-hist li{position:relative;padding:0 0 16px 20px;border-left:2px solid var(--line);margin-left:4px}
.spd-hist li:last-child{border-color:transparent;padding-bottom:0}
.spd-hist li::before{content:'';position:absolute;left:-5px;top:2px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.spd-hist .w{font-size:13px;color:var(--ink)}
.spd-hist .w b{color:var(--forest)}
.spd-hist .m{font-size:11.5px;color:var(--muted);margin-top:2px}

@media (max-width:900px){
  .spd-left{flex:1 1 100%}
  .spd-right{min-width:0}
  .sp-meta{gap:10px}
  .sp-when{min-width:88px}
}


/* ============================================================
   Auswertung (Bereich 6) – aus docs/mockups/auswertung_2026-08-09.html
   ============================================================ */
  .aw-wrap{padding:20px 30px 40px}
  .aw-sec{margin-bottom:26px}
  .aw-sec>h2{font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.07em;color:var(--forest);text-transform:uppercase;margin:0 0 12px}

  /* Kanäle nebeneinander */
  .aw-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
  .aw-ch{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
  .aw-ch.leer{background:#f4f2ed;border-style:dashed}
  .aw-ch .name{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--forest);font-size:14.5px}
  .aw-ch .handle{font-size:12px;color:var(--muted);margin-top:1px}
  .aw-ch .posts{font-size:11.5px;color:var(--muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}

  .aw-big{font-family:var(--serif);font-size:30px;font-weight:500;color:var(--forest);line-height:1.1;margin-top:12px}
  .aw-big small{font-family:var(--sans);font-size:11.5px;color:var(--muted);display:block;font-weight:400;letter-spacing:.04em;text-transform:uppercase;margin-top:2px}

  .aw-rows{margin-top:12px;display:flex;flex-direction:column;gap:6px}
  .aw-r{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}
  .aw-r .k{color:var(--muted)}
  .aw-r .v{font-weight:600;color:var(--ink)}
  .aw-r .v.gold{color:var(--gold)}
  .aw-r .v.leer{color:var(--muted);font-style:italic;font-weight:400;font-family:var(--serif)}

  .aw-trend{font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px;margin-left:6px}
  .aw-trend.up{background:#e4efe6;color:#1f6b3a}
  .aw-trend.down{background:#fbeaea;color:#9c3a3a}

  /* Hinweis zur Vergleichbarkeit */
  .aw-note{background:#fbf8f1;border:1px solid var(--line);border-radius:12px;padding:13px 16px;font-size:13px;color:var(--ink);line-height:1.55;display:flex;gap:10px}
  .aw-note .ic{opacity:.6}
  .aw-note b{color:var(--forest)}

  /* Umschalter Stand */
  .aw-switch{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
  .aw-switch .lbl{font-size:12px;color:var(--muted);margin-right:2px}

  /* Beitragstabelle */
  .aw-table{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .aw-th,.aw-tr{display:grid;grid-template-columns:2.2fr .8fr .8fr .8fr .8fr 1.15fr;gap:10px;align-items:center;padding:11px 18px}
  .aw-th{background:var(--ivory);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}
  .aw-th span:not(:first-child),.aw-tr span:not(:first-child){text-align:right}
  .aw-tr{border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink);text-decoration:none}
  .aw-tr:hover .t b{color:var(--forest)}
  .aw-tr:last-child{border-bottom:0}
  .aw-tr:hover{background:#faf8f3}
  .aw-tr .t{display:flex;align-items:center;gap:8px;min-width:0}
  .aw-tr .t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .aw-tr .num{font-variant-numeric:tabular-nums;white-space:nowrap}
  .aw-tr .best{color:var(--gold);font-weight:700}
  .aw-tr .keine{color:var(--muted);font-style:italic;font-family:var(--serif);font-size:12.5px}
  .aw-type{font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:20px;flex:0 0 auto}
  .aw-type.bild{background:#eef1ec;color:#4b5d52}
  .aw-type.carousel{background:#f0e9f7;color:#6b4fa0}
  .aw-type.reel{background:#fdeaea;color:#a03a3a}
  .aw-type.story{background:#fff0d9;color:#a06a1f}

  /* Verlauf eines Beitrags */
  .aw-detail{display:flex;gap:22px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
  .aw-detail .chart{flex:1;min-width:300px}
  .aw-detail .aw-side{flex:0 0 190px}
  .aw-chartttl{font-size:13px;color:var(--muted);margin-bottom:10px}
  .aw-chartttl b{color:var(--forest);font-size:14.5px}

  /* Zahlen eintragen */
  .aw-form{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
  .aw-form .row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
  .aw-form .field{flex:1;min-width:130px}
  .aw-form label{display:block;font-size:11.5px;color:var(--muted);margin-bottom:5px}
  .aw-form input,.aw-form select{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink);box-sizing:border-box}
  .aw-form .hint{font-size:12px;color:var(--muted);font-style:italic;font-family:var(--serif);line-height:1.5}

@media (max-width:1000px){
  /* Tabelle: auf schmalen Schirmen waagerecht schiebbar statt gequetscht */
  .aw-table{overflow-x:auto}
  .aw-th,.aw-tr{min-width:640px}
  .aw-detail .aw-side{flex:1 1 100%}
}

/* ===================================================================
   AVIA – Assistent (Bereich 11)
   Dreispalter: Gespräche · Gespräch · was daraus geworden ist.
   =================================================================== */
.av-wrap{display:grid;grid-template-columns:206px minmax(0,1fr) 306px;
  gap:0;align-items:start;border-top:1px solid var(--line)}

/* Spalte 1 – Gespräche */
.av-talks{border-right:1px solid var(--line);background:#fbf8f1;padding:14px 10px 20px;min-height:60vh}
.av-new{width:100%;padding:9px 12px;border:1px dashed var(--gold);border-radius:9px;
  color:var(--forest);font-size:13px;text-align:center;cursor:pointer;
  background:rgba(184,148,63,.07);font-family:var(--sans)}
.av-new:hover{background:rgba(184,148,63,.14)}
.av-talklist{margin-top:12px;display:flex;flex-direction:column;gap:2px}
.av-talk{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--ink)}
.av-talk:hover{background:rgba(23,59,46,.05)}
.av-talk.on{background:#fff;border:1px solid var(--line)}
.av-talk .t{display:block;font-size:13px;line-height:1.3}
.av-talk .m{display:block;font-size:11px;color:var(--muted);margin-top:2px}

/* Spalte 2 – Gespräch */
.av-chat{display:flex;flex-direction:column;min-width:0;padding:0 0 20px}
.av-thread{padding:22px 26px;display:flex;flex-direction:column;gap:14px;
  max-height:62vh;overflow:auto}
.av-msg{max-width:86%;padding:11px 14px;border-radius:14px;font-size:14px;line-height:1.55;
  white-space:normal;overflow-wrap:anywhere}
.av-msg.a{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}
.av-msg.me{background:var(--forest);color:#eaf1ea;border-bottom-right-radius:4px;align-self:flex-end}
.av-msg .who{font-family:var(--display);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.av-welcome{margin:auto;text-align:center;max-width:440px;padding:30px 0}
.av-welcome .hi{font-family:var(--serif);font-size:26px;color:var(--forest);margin:0 0 6px}
.av-welcome .sub{font-family:var(--serif);font-size:16px;font-style:italic;color:var(--muted);margin:0}

.av-compose{border-top:1px solid var(--line);padding:14px 26px 0;background:#fbf8f1}
.av-composebox{display:flex;gap:9px}
.av-composebox input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px 13px;
  font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}
.av-composebox input::placeholder{color:#9aa8a1}
.av-composebox button{border:0;background:var(--gold);color:#3a2e12;font-weight:600;
  border-radius:10px;padding:0 18px;cursor:pointer;font-family:var(--display);font-size:14px}
.av-deep{display:block;margin-top:9px;font-size:12.5px;color:var(--muted);cursor:pointer}
.av-deep input{margin-right:6px}
.av-note{margin:16px 26px 0;padding:10px 14px;border-radius:10px;font-size:13.5px}
.av-note.stop{border:1px solid rgba(160,42,42,.4);background:rgba(160,42,42,.07);color:#8c2f2f}

/* Spalte 3 – was daraus geworden ist */
.av-side{border-left:1px solid var(--line);background:#fbf8f1;padding:16px 16px 26px}
.av-card{background:#fffdf8;border:1px solid var(--line);border-radius:12px;
  padding:14px 15px;margin-bottom:14px}
.av-card.wait{border-left:3px solid var(--gold)}
.av-card h5{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
  margin:0 0 10px;font-weight:600;display:flex;justify-content:space-between;
  align-items:center;gap:8px}
.av-card h5 .n{background:var(--gold);color:#3a2e12;border-radius:10px;padding:1px 7px;
  font-size:10px;letter-spacing:0;white-space:nowrap}
.av-empty{font-size:12.5px;color:var(--muted);font-style:italic;font-family:var(--serif);margin:0}

.av-wt{padding:9px 0;border-top:1px dashed var(--line);font-size:13px;line-height:1.4}
.av-wt:first-of-type{border-top:0;padding-top:0}
.av-wt .why{font-size:11.5px;color:var(--muted);font-style:italic;font-family:var(--serif);margin-top:3px}
.av-wt .acts{display:flex;gap:6px;margin-top:7px}
.av-btn{border:1px solid var(--line);background:#fff;color:var(--forest);border-radius:8px;
  padding:5px 12px;font-size:12.5px;cursor:pointer;font-family:var(--sans)}
.av-btn.gold{background:var(--gold);border-color:var(--gold);color:#3a2e12;font-weight:600}
.av-btn.ghost{color:var(--muted)}

.av-todo{list-style:none;margin:0;padding:0}
.av-todo li{display:flex;gap:9px;align-items:flex-start;padding:6px 0;font-size:13px;line-height:1.4}
.av-box{width:15px;height:15px;border:1.5px solid var(--gold);border-radius:5px;flex:0 0 auto;
  margin-top:2px;background:none;cursor:pointer;padding:0;font-size:10px;color:#fff;line-height:1}
.av-box.done{background:var(--gold)}
.av-todo li.done span{color:var(--muted);text-decoration:line-through}
.av-todo .due{font-size:11px;color:var(--forest);margin-left:5px;white-space:nowrap}
.av-todo .src{font-size:10px;color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin-left:5px}
.av-addtask{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.av-addtask input{flex:1;border:1px solid var(--line);border-radius:8px;padding:6px 9px;
  font-family:var(--sans);font-size:12.5px;background:#fff}
.av-addtask button{border:1px solid var(--line);background:#fff;border-radius:8px;
  padding:0 11px;cursor:pointer;color:var(--forest)}

.av-mem{list-style:none;margin:0;padding:0}
.av-mem li{padding:8px 0;border-top:1px dashed var(--line);font-size:13px;line-height:1.45}
.av-mem li:first-child{border-top:0;padding-top:0}
.av-mem .k{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.av-more{font-size:12.5px;color:var(--gold);text-decoration:none;display:inline-block;margin-top:9px}

.av-amount{font-family:var(--display);font-size:23px;color:var(--forest);line-height:1}
.av-amount .of{font-family:var(--sans);font-size:12.5px;color:var(--muted);margin-left:7px}
.av-meter{height:6px;border-radius:4px;background:rgba(23,59,46,.09);margin:10px 0 9px;overflow:hidden}
.av-meter i{display:block;height:100%;background:var(--gold);border-radius:4px}
.av-costnote{font-size:11.5px;color:var(--muted);line-height:1.5}

.av-rule{background:rgba(23,59,46,.04);border:1px solid var(--line);border-radius:12px;
  padding:13px 15px;font-family:var(--serif);font-size:14px;color:var(--muted);line-height:1.55}
.av-rule b{color:var(--forest);font-family:var(--sans);font-size:12.5px}

/* Gedächtnisseite */
.av-memwrap{padding:0 30px 40px;max-width:820px}
.av-memintro{font-family:var(--serif);font-size:16px;color:var(--muted);line-height:1.55;margin:0 0 18px}
.av-memform label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:10px}
.av-memform input[type=text],.av-memform textarea,.av-memform select{
  display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:8px;
  padding:8px 10px;font-family:var(--sans);font-size:13.5px;background:#fff;color:var(--ink)}
.av-memrow{display:grid;grid-template-columns:180px 1fr;gap:14px}
.av-memlist{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.av-memitem{background:#fffdf8;border:1px solid var(--line);border-radius:12px;padding:13px 15px}
.av-memitem .k{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}
.av-memitem .k .src{color:var(--gold);margin-left:6px}
.av-memitem .t{font-size:14.5px;color:var(--forest);font-weight:600}
.av-memitem .c{font-size:13.5px;line-height:1.5;margin-top:4px}
.av-memitem .b{font-size:11.5px;color:var(--muted);font-style:italic;font-family:var(--serif);margin-top:5px}
.av-memitem form{margin-top:9px}

@media(max-width:1240px){.av-wrap{grid-template-columns:minmax(0,1fr) 300px}.av-talks{display:none}}
@media(max-width:900px){.av-wrap{grid-template-columns:1fr}.av-side{border-left:0;border-top:1px solid var(--line)}}

/* ===================================================================
   ASSET-POLICY – drei getrennte Ebenen, sichtbar getrennt gehalten
   =================================================================== */
.pol-last{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.pol-grant{display:inline-block;background:rgba(184,148,63,.16);color:#7a5f1c;
  border-radius:20px;padding:1px 9px;font-size:11px;margin-left:6px}
.pol-histlink{display:inline-block;margin-top:3px;font-size:12px;color:var(--gold);text-decoration:none}
.pol-unklar{color:#8c2f2f;font-style:italic}
.pol-right{display:inline-block;font-size:11.5px;border:1px solid var(--line);border-radius:20px;
  padding:1px 9px;margin:0 4px 4px 0;background:#fff}
.pol-right.erlaubt{border-color:rgba(46,139,87,.45);background:rgba(46,139,87,.08);color:#256b45}
.pol-right.nicht_erlaubt{border-color:rgba(160,42,42,.4);background:rgba(160,42,42,.07);color:#8c2f2f}
.pol-right.eingeschraenkt{border-color:rgba(184,148,63,.5);background:rgba(184,148,63,.09);color:#7a5f1c}
.pol-right.ungeklaert{color:var(--muted)}
.pol-expired{color:#8c2f2f;font-size:12px;margin-top:4px}
.pol-until,.pol-credit{color:var(--muted);font-size:12px;margin-top:3px}

.pol-panels{margin-top:22px;display:flex;flex-direction:column;gap:10px}
.pol-panel{border:1px solid var(--line);border-radius:12px;background:#fffdf8;padding:12px 15px}
.pol-panel summary{cursor:pointer;list-style:none;font-family:var(--display);font-size:13px;
  letter-spacing:.04em;color:var(--forest)}
.pol-panel hr{border:0;border-top:1px dashed var(--line);margin:14px 0}
.pol-hint{font-size:12.5px;color:var(--muted);line-height:1.5;margin:8px 0 10px}
.pol-hint.stop{color:#8c2f2f}
.pol-panel form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pol-panel select,.pol-panel input[type=text],.pol-panel input[type=date]{
  border:1px solid var(--line);border-radius:8px;padding:7px 10px;
  font-family:var(--sans);font-size:13px;background:#fff;color:var(--ink)}
.pol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;width:100%}
.pol-grid label,.pol-note{display:block;font-size:12px;color:var(--muted);width:100%}
.pol-grid label select,.pol-grid label input,.pol-note input{display:block;width:100%;margin-top:3px}

.pol-histwrap{padding:0 30px 40px;max-width:900px}
.pol-histwrap h3{font-family:var(--serif);font-size:20px;color:var(--forest);margin:26px 0 8px}
.pol-empty{font-size:13px;color:var(--muted);font-style:italic;font-family:var(--serif)}
.pol-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
.pol-table th{text-align:left;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);font-weight:600;padding:6px 10px 6px 0;border-bottom:1px solid var(--line)}
.pol-table td{padding:7px 10px 7px 0;border-bottom:1px dashed var(--line);vertical-align:top}

/* Fehlende Bildnennung – der Vertragspunkt, nicht bloß ein Hinweis. */
.spd-credit{border:1px solid rgba(160,42,42,.4);background:rgba(160,42,42,.06);
  border-radius:12px;padding:13px 15px;margin-bottom:14px}
.spd-credit .t{font-weight:600;font-size:13.5px;color:#8c2f2f;margin-bottom:5px}
.spd-credit-why{font-size:12.5px;color:var(--muted);line-height:1.55;margin:0 0 9px}
.spd-credit ul{margin:0 0 11px;padding-left:18px;font-size:13px;line-height:1.6}
.spd-credit b{color:var(--forest)}

/* Frage ohne Antwort – sichtbar statt stumm. */
.av-hangt{align-self:flex-start;max-width:86%;background:rgba(184,148,63,.09);
  border:1px solid rgba(184,148,63,.45);border-radius:12px;padding:11px 14px;
  font-size:13px;color:#7a5f1c;line-height:1.5}
.av-hangt form{margin-top:8px}

/* Kategorien und Projekte pflegen */
.dk-ordnung{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:6px}
.dk-ordnung h4{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
  margin:0 0 8px;font-weight:600}
.dk-ordnung-liste{list-style:none;margin:0 0 10px;padding:0}
.dk-ordnung-liste li{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:5px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.dk-ordnung-liste button{border:0;background:none;color:var(--muted);cursor:pointer;
  font-size:15px;line-height:1;padding:0 4px}
.dk-ordnung-liste button:hover{color:#8c2f2f}
.dk-ordnung-neu{display:flex;gap:6px}
.dk-ordnung-neu input{flex:1;border:1px solid var(--line);border-radius:8px;padding:7px 10px;
  font-family:var(--sans);font-size:13px;background:#fff}
.pol-now{margin:6px 0 10px;font-size:14px}
.pol-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.pol-inline select,.pol-inline input[type=text]{border:1px solid var(--line);border-radius:8px;
  padding:7px 10px;font-family:var(--sans);font-size:13px;background:#fff;color:var(--ink)}
@media(max-width:720px){.dk-ordnung{grid-template-columns:1fr}}

/* --- Prüfung von Dokumenten -------------------------------------------
   Was offen ist, steht in Gold; was steht, tritt zurück. Grün gibt es erst,
   wenn wirklich geprüft wurde – nicht schon für einen erledigten Teilpunkt. */
.facts.pruef{border-left:3px solid var(--gold)}
.facts.pruef.ok{border-left-color:#2e7d32}
.pruef-status{margin:2px 0 10px;font-size:14px}
.pruef-status b{color:#8a6d20}
.pruef-status.ready b,.pruef-status.ok b{color:#2e7d32}
.pruef-status small{display:block;color:var(--muted);font-size:12px;margin-top:3px;font-weight:400}
.pruef-liste{list-style:none;margin:0 0 10px;padding:0}
.pruef-liste li{display:flex;gap:9px;align-items:flex-start;padding:7px 0;
  border-bottom:1px dashed var(--line);font-size:13.5px;line-height:1.45}
.pruef-liste li:last-child{border-bottom:0}
.pruef-liste .pruef-mark{flex:0 0 14px;font-size:13px;line-height:1.5}
.pruef-liste li.offen .pruef-mark{color:var(--gold)}
.pruef-liste li.erledigt{color:var(--muted)}
.pruef-liste li.erledigt .pruef-mark{color:#2e7d32}
.pruef-liste li.erledigt b{font-weight:400}
.pruef-liste b{color:var(--forest);font-weight:600}
.pruef-liste small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px;line-height:1.5}
.pruef-rang{margin:10px 0 0;padding-top:9px;border-top:1px dashed var(--line);
  font-size:12.5px;color:var(--muted)}
.pruef-rang small{display:block;margin-top:2px;font-style:italic;font-family:var(--serif);font-size:13px}

/* Der Stapel auf der Dokumentenseite – die Erinnerung, ruhig gehalten. */
.pruefstapel{margin:0 30px 6px;border:1px solid rgba(184,148,63,.4);border-radius:14px;
  background:rgba(184,148,63,.06);padding:16px 20px}
.pruefstapel-kopf h3{font-family:var(--display);font-size:13px;letter-spacing:.06em;
  color:var(--forest);margin:0 0 3px}
.pruefstapel-kopf p{margin:0 0 10px;font-size:12.5px;color:var(--muted);line-height:1.5}
.pruefstapel-liste{list-style:none;margin:0;padding:0;counter-reset:ps}
.pruefstapel-liste li{counter-increment:ps;border-top:1px dashed rgba(184,148,63,.35)}
.pruefstapel-liste a{display:block;padding:8px 0 8px 26px;position:relative;
  text-decoration:none;color:inherit}
.pruefstapel-liste a::before{content:counter(ps);position:absolute;left:0;top:8px;
  font-size:11px;color:var(--gold);font-weight:600}
.pruefstapel-liste a:hover .ps-titel{color:var(--gold)}
.ps-titel{display:block;font-size:14px;color:var(--forest);font-weight:600}
.ps-meta{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.ps-grund{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;
  font-family:var(--serif);font-style:italic}
.pruefstapel-mehr{margin:10px 0 0;font-size:12.5px}
.pruefstapel-mehr a{color:var(--gold);text-decoration:none}
.av-card.pruef h5 .n{background:rgba(184,148,63,.2);color:#7a5f1c}
.av-card.pruef .av-btn{margin-top:8px;display:inline-block;text-decoration:none}

/* Was mit einem freigegebenen Beitrag als Nächstes geschieht.
   Geht er von selbst raus, muss das ins Auge fallen – hier ist Zurückhaltung
   fehl am Platz, denn danach ist nichts mehr zurückzuholen. */
.spd-lage{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:var(--muted)}
.spd-lage.raus{border-left:3px solid var(--gold);padding:9px 0 9px 12px;
  background:rgba(184,148,63,.09);color:#7a5f1c;font-weight:600}

/* ================= Begrüßung: das Tagesbriefing =================
   Übernommen aus dem freigegebenen Entwurf docs/mockups/tagesbriefing_2026-08-18.html.
   Was ohne weiteres Zutun nach draußen geht, trägt einen goldenen Streifen –
   danach ist nichts zurückzuholen. */
.tb-wrap{padding:16px 30px 46px;max-width:1040px}
.tb-hallo{font-family:var(--serif);font-size:38px;font-weight:500;color:var(--forest);
  margin:6px 0 4px;line-height:1.1}
.tb-hallo span{color:var(--gold)}
.tb-unter{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--muted);margin:0 0 24px}

.tb-karte{background:var(--card,#fffdf8);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.tb-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:16px 22px 13px;border-bottom:1px solid var(--line)}
.tb-kopf .h{font-family:var(--display);font-size:12.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--forest)}
.tb-kopf .wann{font-size:12px;color:var(--muted)}
.tb-lead{padding:15px 22px 2px;margin:0;font-family:var(--serif);font-size:20px;
  line-height:1.45;color:var(--forest)}
.tb-ruhe{padding:15px 22px 4px;margin:0;font-family:var(--serif);font-size:20px;
  line-height:1.45;color:var(--forest)}

.tb-zeilen{padding:8px 8px 14px}
.tb-zeile{display:grid;grid-template-columns:176px 1fr auto;gap:16px;align-items:flex-start;
  padding:13px 14px;border-radius:10px}
.tb-zeile + .tb-zeile{border-top:1px solid rgba(23,59,46,.07)}
.tb-was{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);font-weight:600;padding-top:2px}
.tb-was .pip{width:7px;height:7px;border-radius:50%;background:var(--forest);opacity:.35;flex:0 0 auto}
.tb-zeile.achtung .tb-was .pip{background:var(--gold);opacity:1}
.tb-zeile.raus{background:rgba(184,148,63,.09);border-left:3px solid var(--gold)}
.tb-zeile.raus .tb-was .pip{background:var(--gold);opacity:1}
.tb-inhalt .kopf{font-size:15px;color:var(--ink);line-height:1.45}
.tb-inhalt ul{margin:8px 0 0;padding:0;list-style:none}
.tb-inhalt li{font-size:13.5px;line-height:1.4;padding:4px 0 4px 15px;position:relative}
.tb-inhalt li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;
  border-radius:50%;background:rgba(23,59,46,.28)}
.tb-inhalt li a{color:var(--forest);text-decoration:none;font-weight:600}
.tb-inhalt li a:hover{color:var(--gold)}
.tb-inhalt li .meta{color:var(--muted);font-size:12.5px}
.tb-hin{font-size:13px;color:var(--forest);text-decoration:none;white-space:nowrap;
  border-bottom:1px solid var(--gold);padding-bottom:1px;align-self:center}
.tb-hin:hover{color:var(--gold)}

.tb-lampen{display:flex;flex-wrap:wrap;gap:9px}
.tb-lampe{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink);
  background:rgba(23,59,46,.05);border-radius:99px;padding:5px 12px}
.tb-lampe .led{width:7px;height:7px;border-radius:50%;background:#3f7d5c}
.tb-lampe.schlecht .led{background:var(--gold)}
.tb-lampe .t{color:var(--muted)}

.tb-zahlen{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.tb-zahl{background:var(--card,#fffdf8);border:1px solid var(--line);border-radius:12px;padding:15px 18px}
.tb-zahl .n{font-family:var(--serif);font-size:29px;color:var(--forest);line-height:1}
.tb-zahl .l{font-size:12px;color:var(--muted);margin-top:4px}

.tb-fuss{margin:22px 0 0;font-size:12.5px;color:var(--muted);line-height:1.6;
  border-top:1px solid var(--line);padding-top:13px}
.tb-fuss b{color:var(--forest)}

@media(max-width:900px){
  .tb-zeile{grid-template-columns:1fr;gap:6px}
  .tb-hin{align-self:start}
  .tb-zahlen{grid-template-columns:repeat(2,1fr)}
  .tb-hallo{font-size:30px}
}

/* ================= Kontakte und Kommunikationshistorie =================
   Übernommen aus docs/mockups/kommunikationshistorie_2026-08-18.html.
   Eine Spur, in der E-Mail, Notiz und Briefpost nebeneinanderstehen –
   getrennte Listen würden genau das verbergen, worum es geht. */
.kt-wrap{padding:14px 30px 46px;max-width:1000px}
.kt-suche{display:flex;gap:8px;margin-bottom:16px}
.kt-suche input{flex:1;max-width:360px;padding:8px 11px;border:1px solid var(--line);
  border-radius:8px;font:inherit;background:#fff}
.kt-neu .row{display:flex;gap:14px;flex-wrap:wrap}
.kt-neu .field{flex:1;min-width:180px}

.kt-liste{list-style:none;margin:18px 0 0;padding:0}
.kt-liste li{border-top:1px solid var(--line)}
.kt-liste a{display:flex;align-items:center;gap:13px;padding:11px 4px;text-decoration:none;color:inherit}
.kt-liste a:hover .n{color:var(--gold)}
.kt-bild{width:38px;height:38px;border-radius:50%;background:#e6ddc9;flex:0 0 auto;
  display:grid;place-items:center;font-family:var(--serif);font-size:15px;color:var(--forest)}
.kt-bild.gross{width:56px;height:56px;font-size:22px}
.kt-text .n{display:block;font-size:15px;color:var(--forest);font-weight:600}
.kt-text .m{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}

.kt-offen{margin-top:20px;background:rgba(184,148,63,.07);border:1px solid rgba(184,148,63,.35);
  border-radius:12px;padding:15px 18px}
.kt-offen h3{font-family:var(--display);font-size:12.5px;letter-spacing:.06em;color:var(--forest);margin:0 0 4px}
.kt-offen ul{list-style:none;margin:10px 0 0;padding:0}
.kt-offen li{display:flex;align-items:center;gap:12px;padding:6px 0;border-top:1px solid rgba(184,148,63,.25)}
.kt-offen li .a{font-size:13.5px;color:var(--forest);font-weight:600}
.kt-offen li .m{font-size:12px;color:var(--muted)}
.kt-offen li form{margin-left:auto}

.kt-kopf{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:16px 20px;display:flex;gap:16px;align-items:center;margin-bottom:16px}
.kt-kopf .n{font-family:var(--serif);font-size:23px;color:var(--forest);line-height:1.15}
.kt-kopf .m{font-size:12.5px;color:var(--muted);margin-top:3px}
.kt-kopf .rechts{margin-left:auto;text-align:right}
.kt-kopf .rechts .gross{font-family:var(--serif);font-size:18px;color:var(--forest)}
.kt-kopf .rechts .klein{font-size:11.5px;color:var(--muted);margin-bottom:6px}

.kt-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.kt-spalten .karte{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px 18px}
.kt-spalten .karte h4{font-family:var(--display);font-size:11.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--forest);margin:0 0 10px}
.kt-spalten .karte .zeile{display:flex;justify-content:space-between;gap:10px;font-size:13px;
  padding:4px 0;border-top:1px solid rgba(23,59,46,.07)}
.kt-spalten .karte .zeile:first-of-type{border-top:0}
.kt-spalten .karte .zeile span:last-child{color:var(--muted)}
.kt-spalten .karte label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:9px}
.kt-spalten .karte input[type=text],.kt-spalten .karte select,.kt-spalten .karte textarea{
  width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
.kt-adressen{list-style:none;margin:0 0 8px;padding:0}
.kt-adressen li{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0;
  border-top:1px solid rgba(23,59,46,.07)}
.kt-adressen li:first-child{border-top:0}
.kt-adressen li i{font-style:normal;font-size:10.5px;color:var(--gold);margin-left:5px}
.kt-adressen form{margin-left:auto}
.kt-adressen button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:15px;padding:0 3px}
.kt-adr-neu{display:flex;gap:6px;margin-top:8px}
.kt-adr-neu input{flex:1;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}

.kt-leiste{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.kt-leiste .chip{font-size:12.5px;color:var(--muted);background:rgba(23,59,46,.05);
  border-radius:99px;padding:5px 13px;text-decoration:none}
.kt-leiste .chip.on{background:var(--forest);color:#fff}
.kt-erfassen{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:6px}
.kt-erfassen .row{display:flex;gap:12px;flex-wrap:wrap}
.kt-erfassen .field{flex:1;min-width:130px;margin-bottom:8px}
.kt-erfassen label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:4px}
.kt-erfassen input,.kt-erfassen select,.kt-erfassen textarea{width:100%;padding:7px 10px;
  border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}

.kt-spur{position:relative;padding-left:26px;margin-top:22px}
.kt-spur::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:rgba(23,59,46,.12)}
.kt-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
  font-weight:600;margin:18px 0 8px}
.kt-tag:first-child{margin-top:0}
.kt-ein{position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:12px 15px;margin-bottom:9px}
.kt-ein::before{content:"";position:absolute;left:-22px;top:18px;width:11px;height:11px;border-radius:50%;
  background:#fff;border:2px solid var(--gold)}
.kt-ein.rein::before{background:var(--gold)}
.kt-ein .z1{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.kt-ein .pfeil{font-size:13px;color:var(--gold);font-weight:600}
.kt-ein .betreff{font-size:14.5px;color:var(--forest);font-weight:600}
.kt-ein .uhr{font-size:12px;color:var(--muted);margin-left:auto;white-space:nowrap}
.kt-ein .z2{font-size:12.5px;color:var(--muted);margin-top:3px}
.kt-ein .quelle{display:inline-block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:1px 8px;margin-right:6px}
.kt-ein .quelle.beleg{border-color:rgba(184,148,63,.5);color:#7a5f1c;background:rgba(184,148,63,.09)}
.kt-ein .auszug{font-family:var(--serif);font-size:14.5px;color:var(--ink);line-height:1.5;
  margin-top:7px;padding-left:11px;border-left:2px solid rgba(23,59,46,.14)}
.kt-ein .mehr{font-size:12.5px;color:var(--gold);text-decoration:none;display:inline-block;margin-top:6px}
.kt-fuss{margin-top:24px;padding-top:13px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--muted);line-height:1.6}
.kt-fuss b{color:var(--forest)}

@media(max-width:820px){ .kt-erfassen{grid-template-columns:1fr} }

/* AVIA: Beitrag entwerfen lassen (zweiter Schritt).
   Der Kostenstand steht bewusst über dem Knopf – wer anstößt, soll vorher
   wissen, was es kostet, nicht hinterher. */
.av-draft{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.av-draft input[type=text],.av-draft select{width:100%;padding:8px 11px;border:1px solid var(--line);
  border-radius:9px;font:inherit;background:#fff}
.av-draft option:disabled{color:#a9b4ae}
.av-hint{font-size:11.5px;color:var(--muted);line-height:1.5;margin:8px 0 0}
.av-wt.entwurf{border-left:3px solid var(--gold);padding-left:10px}
.av-art{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#7a5f1c;
  background:rgba(184,148,63,.16);border-radius:99px;padding:1px 8px;margin-left:6px}
.av-cap{font-family:var(--serif);font-size:14px;line-height:1.5;color:var(--ink);margin-top:6px}
.av-cap.kein{font-style:italic;color:var(--muted);font-family:var(--sans);font-size:12.5px}
.av-tags{font-size:12px;color:var(--forest);margin-top:4px;word-break:break-word}
.av-meta{font-size:11.5px;color:var(--muted);margin-top:5px}

/* ================= Die durchgängige AVIA-Leiste =================
   Auf jeder Verwaltungsseite erreichbar, ein- und ausklappbar. Auf den
   Creator-Seiten erscheint sie nicht – die laufen über creator-layout. */
.avia-leiste{width:300px;flex:0 0 300px;border-left:1px solid var(--line);background:#fbf8f1;
  display:flex;flex-direction:column;min-height:0;max-height:100vh;position:sticky;top:0}
.al-kopf{display:flex;align-items:center;gap:9px;padding:13px 15px;border-bottom:1px solid var(--line)}
.al-badge{width:26px;height:26px;border-radius:50%;background:var(--gold);color:#fff;
  display:grid;place-items:center;font-family:var(--display);font-size:12px;font-weight:600}
.al-name{font-size:14px;font-weight:600;color:var(--forest)}
.al-offen{margin-left:auto;font-size:11.5px;background:rgba(184,148,63,.2);color:#7a5f1c;
  border-radius:99px;padding:1px 9px;text-decoration:none;font-weight:600}
.al-zu{margin-left:6px;background:none;border:0;color:var(--muted);font-size:17px;cursor:pointer;
  line-height:1;padding:0 3px}
.al-zu:hover{color:var(--forest)}
.al-laedt{padding:16px 15px;font-size:12.5px;color:var(--muted)}
.al-verlauf{flex:1;overflow-y:auto;padding:13px 15px;display:flex;flex-direction:column;gap:8px;min-height:90px}
.al-leer{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0}
.al-msg{font-size:13px;line-height:1.5;padding:8px 11px;border-radius:10px;max-width:92%;
  white-space:pre-wrap;word-break:break-word}
.al-msg.avia{background:rgba(23,59,46,.05);color:var(--ink)}
.al-msg.ich{background:var(--forest);color:#fff;align-self:flex-end}
.al-fragen{padding:11px 15px 14px;border-top:1px solid var(--line)}
.al-fragen textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:9px;
  font:inherit;font-size:13px;background:#fff;resize:vertical}
.al-fuss{display:flex;align-items:center;gap:10px;margin-top:8px}
.al-btn{background:var(--forest);color:#fff;border:0;border-radius:8px;padding:7px 14px;
  font-size:13px;font-family:inherit;cursor:pointer}
.al-mehr{margin-left:auto;font-size:12px;color:var(--gold);text-decoration:none}
.al-grenze{margin:9px 0 0;font-size:11.5px;color:#7a5f1c;line-height:1.45}

/* Zugeklappt bleibt ein schmaler Streifen am Rand stehen – sonst wäre sie weg
   und niemand fände sie wieder. */
.avia-auf{width:34px;flex:0 0 34px;border:0;border-left:1px solid var(--line);
  background:var(--forest);color:#fff;cursor:pointer;font-family:var(--display);
  letter-spacing:.14em;font-size:10.5px;padding:0}
.avia-auf span{writing-mode:vertical-rl;transform:rotate(180deg);display:inline-block}
.avia-auf:hover{background:var(--forest-dark)}

@media(max-width:1100px){
  .avia-leiste{position:static;width:260px;flex:0 0 260px;max-height:none}
}
@media(max-width:820px){
  .avia-leiste{display:none}
  .avia-auf{display:none}
}

/* ================= Postausgang =================
   Wie die Posteingangs-Zeile (.pe-row), aber als aufklappbares <details> statt
   Verweis auf eine eigene Seite – bei einer Mail lohnt der zweite Klick meist
   nicht. */
.pa-list{padding:0 30px 40px}
.pa-row{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;
  margin-bottom:10px;transition:.15s}
.pa-row[open]{border-color:var(--gold)}
.pa-row.warn{border-color:rgba(138,43,31,.4)}
.pa-row summary{display:flex;align-items:center;gap:16px;padding:14px 18px;cursor:pointer;list-style:none}
.pa-row summary::-webkit-details-marker{display:none}
.pa-ic{width:38px;height:38px;border-radius:9px;background:#2b6b7a;color:#fff;
  display:grid;place-items:center;font-size:15px;flex:0 0 auto}
.pa-ic.quar{background:#8a2b1f}
.pa-body{flex:1;min-width:0}
.pa-title{font-weight:600;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-sub{font-size:12.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-sub a{color:var(--gold);text-decoration:none}
.pa-when{font-size:12px;color:var(--muted);white-space:nowrap;flex:0 0 auto}
.pa-detail{padding:0 18px 16px 74px}
.pa-err{font-size:13px;color:#8a2b1f;margin-bottom:8px}
.pa-text{font-family:var(--serif);font-size:14px;line-height:1.6;color:var(--ink);
  white-space:pre-wrap;word-break:break-word;margin:0}

/* Anschrift auf der Kontaktseite */
.kt-adresse-lesend{font-size:13.5px;color:var(--ink);line-height:1.55;
  background:rgba(23,59,46,.04);border-radius:8px;padding:9px 11px}

/* ================= Partner Recruiting (Phase 1) =================
   Die Entscheidungskarte ist bewusst kurz: Zahl, Sicherheit, Stärken,
   Empfehlung, zwei Knöpfe. Keine Bewertungsmatrix zum Bearbeiten. */
.pr-wrap{padding:14px 30px 46px;max-width:1040px}
.pr-neu .row{display:flex;gap:14px;flex-wrap:wrap}
.pr-neu .field{flex:1;min-width:180px;margin-bottom:8px}
.pr-neu label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:4px}
.pr-neu input{width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:9px;font:inherit;background:#fff}

.pr-list{margin-top:16px}
.pr-row{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);
  border-radius:12px;padding:13px 18px;margin-bottom:10px;text-decoration:none;color:inherit;transition:.15s}
.pr-row:hover{border-color:var(--gold);box-shadow:0 6px 18px rgba(23,59,46,.10)}
.pr-score{flex:0 0 62px;text-align:center;border-right:1px solid var(--line);padding-right:14px}
.pr-score b{display:block;font-family:var(--serif);font-size:25px;color:var(--muted);line-height:1}
.pr-score i{font-style:normal;font-size:10px;color:var(--muted);letter-spacing:.04em}
.pr-score.a_plus b{color:var(--gold)}
.pr-score.a b{color:var(--forest)}
.pr-score.b b,.pr-score.c b,.pr-score.d b{color:var(--muted)}
.pr-body{flex:1;min-width:0}
.pr-name{display:block;font-size:15px;font-weight:600;color:var(--forest)}
.pr-sub{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.pr-staerken{display:block;font-size:12.5px;color:var(--ink);margin-top:4px;font-family:var(--serif)}
.pr-klasse{font-size:11.5px;color:var(--muted);white-space:nowrap}
.pr-wild{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#7a5f1c;
  background:rgba(184,148,63,.18);border-radius:99px;padding:1px 8px;margin-left:7px}

/* Die Entscheidungskarte */
.pr-karte{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:16px}
.pr-karte.wild{border-color:rgba(184,148,63,.55)}
.pr-karte-kopf{display:flex;align-items:flex-start;gap:20px}
.pr-eyebrow{font-family:var(--display);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.pr-titel{font-family:var(--serif);font-size:27px;color:var(--forest);line-height:1.15;margin-top:3px}
.pr-ort{font-size:12.5px;color:var(--muted);margin-top:3px}
.pr-zahl{margin-left:auto;text-align:center;flex:0 0 auto}
.pr-zahl .w{font-family:var(--serif);font-size:44px;line-height:1;color:var(--muted)}
.pr-zahl.a_plus .w{color:var(--gold)}
.pr-zahl.a .w{color:var(--forest)}
.pr-zahl .l{font-size:10.5px;color:var(--muted);letter-spacing:.04em}
.pr-werte{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.pr-werte div{font-size:13px}
.pr-werte span{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pr-werte b{color:var(--forest);font-weight:600}
.pr-wildbox{margin-top:14px;background:rgba(184,148,63,.09);border-left:3px solid var(--gold);
  border-radius:9px;padding:10px 13px;font-size:13px;line-height:1.55;color:#7a5f1c}
.pr-wildbox b{display:block;color:var(--forest);margin-bottom:2px}
.pr-unscored{font-family:var(--serif);font-size:16px;color:var(--muted);line-height:1.5;margin:16px 0 0}
.pr-aktionen{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.pr-hinweis{font-size:12px;color:var(--muted);max-width:340px;line-height:1.45}

.pr-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.pr-spalten .karte{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px 18px}
.pr-spalten .karte h4{font-family:var(--display);font-size:11.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--forest);margin:0 0 10px}
.pr-spalten .zeile{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:4px 0;
  border-top:1px solid rgba(23,59,46,.07)}
.pr-spalten .zeile:first-of-type{border-top:0}
.pr-spalten .zeile span:last-child{color:var(--muted);text-align:right;word-break:break-word}
.pr-spalten .zeile a{color:var(--gold);text-decoration:none}
.pr-grund{font-family:var(--serif);font-size:14.5px;line-height:1.6;color:var(--ink);margin:0}
.pr-projekte{list-style:none;margin:0 0 8px;padding:0}
.pr-projekte li{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0;border-top:1px solid rgba(23,59,46,.07)}
.pr-projekte li:first-child{border-top:0}
.pr-projekte form{margin-left:auto}
.pr-projekte button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:15px;padding:0 3px}
.pr-projekt-neu{display:flex;gap:6px;margin-top:8px}
/* min-width:0 ist hier keine Feinheit, sondern nötig: Ein Flex-Element
   schrumpft von sich aus nicht unter die Breite seines längsten Eintrags –
   ein langer Projektname schob das ＋ deshalb aus der Karte heraus.
   text-overflow greift bei einem Klappfeld nicht überall, die Breite wird
   also hart begrenzt. */
.pr-projekt-neu select{flex:1 1 0;min-width:0;max-width:100%;padding:7px 9px;
  border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff;
  text-overflow:ellipsis}
.pr-projekt-neu .btn{flex:0 0 auto}
/* Ebene 2: Eignung je Projektbereich. Der Farbstreifen links macht auf einen
   Blick sichtbar, wo AVIA Nähe sieht – ohne dass etwas zugeordnet wäre. */
/* Der Rückweg – EINE Gestaltung für jede Unterseite. „Keine Sackgassen" ist
   Regel, nicht Geschmack; dann muss der Weg zurück auch überall gleich
   aussehen und an derselben Stelle stehen. Vorher gab es zwei Klassen
   (`qr-back`, `agr-back`), von denen eine gar nicht gestaltet war, dazu
   Abstände von Hand in einzelnen Vorlagen.

   Der Pfeil kommt aus der Gestaltung statt aus dem übersetzten Text: Sonst
   sitzt er je nach Sprache und Wortlänge anders – und beim Übersetzen fällt
   niemandem auf, dass er fehlt oder doppelt steht. Ruhig gehalten, damit er
   dem Seitentitel darüber nicht die Aufmerksamkeit nimmt; erst beim
   Darüberfahren gibt er sich als Knopf zu erkennen. Der linke Abstand ist
   derselbe wie beim Inhalt darunter. */
.backlink{padding:16px 30px 2px;margin:0}
.backlink a{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;
  color:var(--muted);text-decoration:none;padding:6px 13px 6px 10px;border-radius:999px;
  border:1px solid transparent;transition:color .15s,background .15s,border-color .15s}
.backlink a::before{content:"←";font-size:15px;line-height:1;transition:transform .15s}
.backlink a:hover{color:var(--forest);background:rgba(23,59,46,.055);border-color:var(--line)}
.backlink a:hover::before{transform:translateX(-3px)}
.backlink a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* Sonderfall: Auf zwei Seiten steht der Rückweg als Knopf in einer Leiste
   neben anderen Knöpfen (Rohbild, Sammlung). Dort bleibt die Leiste, aber der
   Pfeil kommt aus derselben Quelle wie überall sonst. */
.chip.zurueck::before{content:"←";margin-right:6px;display:inline-block;transition:transform .15s}
.chip.zurueck:hover::before{transform:translateX(-3px)}
.pr-eignung{padding:9px 0 9px 11px;border-left:3px solid rgba(23,59,46,.12);margin-bottom:9px}
.pr-eignung.hoch{border-left-color:var(--gold)}
.pr-eignung.mittel{border-left-color:rgba(184,148,63,.5)}
.pr-eignung.keine{opacity:.62}
.pr-eignung .pe-kopf{display:flex;align-items:baseline;gap:10px;justify-content:space-between}
.pr-eignung .pe-name{font-weight:600;font-size:13.5px;color:var(--forest)}
.pr-eignung .pe-wert{font-size:12.5px;color:var(--muted);white-space:nowrap}
.pr-eignung .pe-wert b{color:var(--forest);font-size:14px}
.pr-eignung .pe-grund{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:3px}
.pr-fuss{margin-top:24px;padding-top:13px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--muted);line-height:1.6}
.pr-fuss b{color:var(--forest)}

/* --- Posteingang: AVIAs Vorschlag zur Website (21.08.2026) ------------------
   Goldener Rahmen statt der ueblichen .facts-Karte: Das hier ist ein
   VORSCHLAG, keine Tatsache. Der Unterschied muss man sehen, ohne zu lesen. */
.pe-vorschlag{background:#fffcf3;border:1px solid rgba(184,148,63,.45);border-radius:14px;padding:20px 22px}
.pe-vorschlag h3{font-family:var(--display);font-weight:500;font-size:14px;letter-spacing:.05em;
                 color:#6b5417;text-transform:uppercase;margin:0 0 4px}
.pe-avia-sub{font-size:12.5px;color:var(--muted);margin:0 0 14px}
.pe-seiten{margin:0 0 14px}
.pe-seiten summary{font-size:13px;font-weight:600;color:var(--forest);cursor:pointer}
.pe-seiten ul{list-style:none;margin:9px 0 0;padding:0;font-size:13px}
.pe-seiten li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid var(--line)}
.pe-seiten li:first-child{border-top:0}
.pe-seiten li span:first-child{min-width:0;overflow-wrap:anywhere;color:var(--forest)}
.pe-seiten .n{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}

.pe-zeile{display:flex;gap:11px;align-items:flex-start;padding:11px 0;
          border-top:1px solid rgba(184,148,63,.28);cursor:pointer}
.pe-zeile:first-of-type{border-top:0}
.pe-zeile input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin-top:3px;accent-color:var(--forest)}
.pe-zeile .kasten{flex:0 0 auto;width:16px;height:16px;margin-top:3px;border-radius:4px;
                  border:1.5px solid #b9c2bc;background:#fff}
.pe-zeile.aus{cursor:default}
.pe-zeile b{font-size:13.5px;display:block;margin-bottom:2px;font-weight:600}
.pe-zeile em{font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.5;display:block}

.pe-klasse{background:#fdf6e9;border:1px solid rgba(184,148,63,.5);border-radius:10px;
           padding:12px 14px;margin-top:14px}
.pe-klasse p{margin:0;font-size:12.5px;line-height:1.55}
.pe-klasse b{color:#6b5417}
.pe-klassen{display:flex;gap:7px;margin-top:9px}
.pe-kl{flex:1;text-align:center;font-size:12px;font-weight:600;padding:7px 4px;border-radius:8px;
       border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}
.pe-kl input{position:absolute;opacity:0;pointer-events:none}
.pe-kl:has(input:checked){background:var(--forest);color:#fff;border-color:var(--forest)}
.pe-kl:focus-within{outline:2px solid var(--gold);outline-offset:2px}

.pe-tun{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}
.pe-tun .btn{flex:1 1 auto;justify-content:center}

.pe-tag{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.04em;
        padding:3px 10px;border-radius:20px;background:#f2ead6;color:#6b5417;
        border:1px solid rgba(184,148,63,.4)}
.pe-tag.ok{background:#e4efe6;color:#1d5c3a;border-color:rgba(29,92,58,.3)}

@media(max-width:760px){
  .pe-vorschlag{padding:16px 15px}
  .pe-tun .btn{flex:1 1 100%}
}

.pe-mehr{margin-top:6px}
.pe-mehr summary{font-size:13px;font-weight:600;color:var(--forest);cursor:pointer}
.pe-mehr .pe-bodytext{margin-top:10px}

.pe-wartet{display:flex;gap:11px;align-items:flex-start;background:#fdf6e9;border:1px solid rgba(184,148,63,.5);border-radius:10px;padding:11px 13px;margin:0 0 14px;font-size:12.5px;line-height:1.55}
.pe-wartet span{flex:0 0 auto}
.pe-wartet b{display:block;color:#6b5417}

/* Mehrfachauswahl der Projekte am Dokument (21.08.2026) */
.dk-projekte{display:flex;flex-wrap:wrap;gap:7px 14px}
.dk-proj-wahl{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;cursor:pointer}
.dk-proj-wahl input{width:15px;height:15px;accent-color:var(--forest);margin:0}
.dk-proj-wahl:focus-within span{text-decoration:underline;text-underline-offset:2px}

/* Was der Bewerber selbst geschrieben hat (21.08.2026) */
.pr-bewerbung{background:#fffcf3;border:1px solid rgba(184,148,63,.45);border-radius:14px;padding:20px 22px;margin:0 0 18px}
.pr-bewerbung h3{font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.05em;color:#6b5417;text-transform:uppercase;margin:0 0 12px}
.pr-app-satz{font-family:var(--serif);font-size:19px;line-height:1.6;color:var(--ink);margin:0 0 14px}
.pr-app-felder{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0 0 12px;font-size:13.5px}
.pr-app-felder dt{color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding-top:3px}
.pr-app-felder dd{margin:0}
.pr-app-fuss{font-size:12px;color:var(--muted);margin:0}
@media(max-width:600px){.pr-app-felder{grid-template-columns:1fr;gap:1px 0}.pr-app-felder dt{margin-top:9px}}
.pr-app-warn{font-size:12.5px;line-height:1.5;color:#8a6112;background:#fdf6e9;border:1px solid rgba(184,148,63,.5);border-radius:8px;padding:9px 11px;margin:0 0 12px}
.pr-app-original{margin:0 0 12px}
.pr-app-original summary{font-size:12.5px;font-weight:600;color:var(--forest);cursor:pointer}
.pr-app-original p{font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--muted);margin:9px 0 0}

/* ---------------------------------------------------------------------------
   Casa Vivere – Rollen und Stände je Projekt (Lieferung 2, 24.08.2026)
   --------------------------------------------------------------------------- */

/* Die Projektreiter. Sie stehen ÜBER der Standleiste: erst das Vorhaben
   wählen, dann darin filtern. */
.cv-projekte{display:flex;gap:8px;padding:16px 30px 12px;flex-wrap:wrap;align-items:center}
.cv-projekte .vor{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);margin-right:4px}
.cv-projekte .chip .n{opacity:.6;margin-left:6px;font-size:11.5px}

/* AVIAs Empfehlungen: golden, weil sie ein Vorschlag sind und kein Bestand. */
.cv-empf{margin:18px 30px 0;background:rgba(184,148,63,.09);
  border:1px solid rgba(184,148,63,.4);border-radius:12px;padding:15px 18px;max-width:1040px}
.cv-empf h4{font-family:var(--display);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:#7a5f1c;margin:0 0 3px}
.cv-empf .sub{font-family:var(--serif);font-style:italic;font-size:14.5px;
  color:var(--muted);margin:0 0 11px}
.cv-empf .zeile{display:flex;align-items:center;gap:12px;padding:8px 0;
  border-top:1px solid rgba(184,148,63,.25);flex-wrap:wrap;margin:0}
.cv-empf .zeile:first-of-type{border-top:0}
.cv-empf .z{font-family:var(--serif);font-size:21px;color:var(--gold);min-width:34px;line-height:1}
.cv-empf .nm{flex:1;min-width:180px}
.cv-empf .nm b{display:block;font-size:14px;color:var(--forest);font-weight:600}
.cv-empf .nm span{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}
.cv-empf select{border:1px solid var(--line);border-radius:8px;padding:5px 9px;
  font:inherit;font-size:12.5px;background:#fff;color:var(--ink)}

/* Die Rollengruppen. Eine leere Rolle bleibt sichtbar – die Lücke IST die
   Information ("noch kein Modulhausanbieter"). */
.cv-gruppe{margin:20px 30px 0;max-width:1040px}
.cv-rollentitel{font-family:var(--display);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--forest);margin:0 0 3px;
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cv-rollentitel em{font-family:var(--serif);font-style:italic;font-size:14px;
  letter-spacing:0;text-transform:none;color:var(--muted)}
.cv-leer{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--muted);
  margin:8px 0 4px;line-height:1.5}
.cv-gruppe .pr-row{margin-bottom:0;margin-top:9px}

/* In der Projektsicht färbt die RELEVANZ die Zahl, nicht die Klasse:
   Angezeigt wird die Eignung für dieses Projekt. */
.pr-score.hoch b{color:var(--gold)}
.pr-score.mittel b{color:var(--forest)}
.pr-score.gering b,.pr-score.keine b{color:var(--muted)}
.pr-score i{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.cv-stand{font-size:11px;font-weight:600;padding:4px 11px;border-radius:20px;white-space:nowrap}
.cv-stand.identifiziert{background:#ece9e2;color:#6d7d75}
.cv-stand.kandidat{background:#f3ecd8;color:#8a6a1f}
.cv-stand.bewertet{background:#e8eef1;color:#3c5a68}
.cv-stand.shortlist{background:rgba(184,148,63,.24);color:#7a5f1c}
.cv-stand.partner{background:#e4efe6;color:#1f6b3a}
.cv-stand.abgelegt{background:#ece9e2;color:#6d7d75}

/* Die Gesamtnote geht nicht verloren – sie ist hier nur nicht die Hauptsache. */
.cv-gesamt{font-size:11px;color:var(--muted);white-space:nowrap;text-align:right;min-width:66px}
.cv-gesamt b{display:block;font-family:var(--serif);font-size:17px;color:var(--muted);font-weight:400}

/* Der erklärende Satz bei weit auseinanderliegenden Zahlen. */
.cv-notiz{background:#fff;border-left:3px solid var(--gold);border-radius:9px;
  padding:11px 14px;font-size:13.5px;line-height:1.55;color:var(--ink);margin-top:14px}
.cv-notiz b{display:block;color:var(--forest);margin-bottom:2px;font-size:12.5px}

/* Person oder Unternehmen – auf der Akte, nicht in einem Einstellungsmenü. */
.cv-art{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);
  margin-top:14px;padding-top:13px;border-top:1px solid rgba(23,59,46,.08);flex-wrap:wrap}
.cv-art .wahl{display:flex;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.cv-art .wahl form{margin:0}
.cv-art .wahl button{border:0;background:#fff;padding:5px 14px;font:inherit;font-size:12.5px;
  color:var(--muted);cursor:pointer}
.cv-art .wahl button.on{background:var(--forest);color:#fff}
.cv-art .hint{font-family:var(--serif);font-style:italic;font-size:14px;flex:1;min-width:220px}

/* Rollen in Projekten */
.cv-rollen{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:18px 21px;margin-bottom:16px}
.cv-rollen > h4{font-family:var(--display);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--forest);margin:0 0 4px}
.cv-rollen > .hinweis{font-family:var(--serif);font-style:italic;font-size:14.5px;
  color:var(--muted);margin:0 0 14px;line-height:1.5}
.cv-rollenzeile{display:flex;align-items:center;gap:12px;padding:11px 0;flex-wrap:wrap;
  border-top:1px solid rgba(23,59,46,.08)}
.cv-rollenzeile:first-of-type{border-top:0}
.cv-rollenzeile form{margin:0}
.cv-rollenzeile .prj{font-family:var(--serif);font-size:17px;color:var(--forest);min-width:120px}
.cv-rollenzeile .rl{flex:1;font-size:13px;color:var(--ink);min-width:160px}
.cv-rollenzeile .rl small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.cv-rollenzeile select,.cv-neuzeile select{border:1px solid var(--line);border-radius:8px;
  padding:5px 9px;font:inherit;font-size:12.5px;background:#fff;color:var(--ink)}
.cv-neuzeile{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px;
  padding-top:14px;border-top:1px dashed var(--line)}
.btn.klein{padding:5px 12px;font-size:12.5px}

/* Ansprechpartner anlegen (Lieferung 2a) – drei Felder mit Beschriftung
   nebeneinander, statt eines Klappfeld-Reigens. */
.cv-feld{display:flex;flex-direction:column;gap:3px;flex:1;min-width:150px}
.cv-feld span{font-size:11.5px;color:var(--muted)}
.cv-feld input{padding:6px 10px;border:1px solid var(--line);border-radius:8px;
  font:inherit;font-size:13px;background:#fff;color:var(--ink);width:100%}
.cv-feld input:focus{outline:none;border-color:var(--gold)}
.cv-rollenzeile .rl small{word-break:break-all}
.cv-rollenzeile a.btn{text-decoration:none;display:inline-block}

/* ---------------------------------------------------------------------------
   Die Projektseite (Lieferung 3, 24.08.2026)
   --------------------------------------------------------------------------- */
.prj-wrap{padding:14px 30px 46px;max-width:1040px}
.prj-kopf{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;margin-bottom:16px}
.prj-eyebrow{font-family:var(--display);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted)}
.prj-titel{font-family:var(--serif);font-size:28px;color:var(--forest);line-height:1.15;margin-top:3px}
.prj-satz{font-family:var(--serif);font-size:17px;color:#4a5a52;line-height:1.55;
  margin:10px 0 0;max-width:640px}

/* Die drei Phasen nebeneinander. Die laufende trägt eine goldene Kante –
   ein Zustand, kein Knopf. */
.prj-phasen{display:flex;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
  flex-wrap:wrap}
.prj-phase{flex:1;min-width:190px;padding:0 16px;border-left:2px solid var(--line)}
.prj-phase:first-child{padding-left:0;border-left:0}
.prj-phase.jetzt{border-left-color:var(--gold)}
.prj-phase.jetzt:first-child{border-left:0}
.prj-phase .nr{font-family:var(--display);font-size:10px;letter-spacing:.16em;color:var(--muted)}
.prj-phase .nm{font-family:var(--serif);font-size:18px;color:var(--muted);margin-top:2px}
.prj-phase.jetzt .nm{color:var(--forest)}
.prj-phase .was{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.45}
.prj-phase .marke{display:inline-block;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;
  background:rgba(184,148,63,.2);color:#7a5f1c;border-radius:99px;padding:2px 9px;margin-top:6px}
.prj-phase form{margin:6px 0 0}
.prj-phase-btn{border:0;background:none;padding:0;font:inherit;font-size:12px;
  color:var(--gold);cursor:pointer}
.prj-phase-btn:hover{text-decoration:underline}

.prj-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.prj-spalten .karte{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:18px 20px}
.prj-spalten .karte h4{font-family:var(--display);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--forest);margin:0 0 4px}
.prj-spalten .karte.breit{grid-column:1/-1}
.prj-hinweis{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--muted);
  margin:0 0 12px;line-height:1.45}
.prj-leer{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--muted);margin:6px 0}

/* Besetzung: die Lücke IST die Information, deshalb steht die Null in Rot. */
.prj-rz{display:flex;align-items:center;gap:12px;padding:9px 0;
  border-top:1px solid rgba(23,59,46,.07)}
.prj-rz:first-of-type{border-top:0}
.prj-rz .r{flex:1;font-size:13.5px;color:var(--forest)}
.prj-rz .r small{display:block;color:var(--muted);font-size:12.5px;margin-top:1px}
.prj-rz .z{font-family:var(--serif);font-size:20px;color:var(--muted);min-width:24px;text-align:right}
.prj-rz.leer .r{color:var(--muted)}
.prj-rz.leer .z{color:#b04a3a}
.prj-punkt{width:8px;height:8px;border-radius:99px;background:var(--gold);flex:0 0 auto}
.prj-punkt.aus{background:rgba(23,59,46,.18)}
.prj-mehr{margin-top:8px;border-top:1px solid var(--line)}
.prj-mehr a{color:var(--gold);text-decoration:none}

/* Projektgrundlage */
.prj-gruppe{margin-bottom:14px}
.prj-gruppe > b{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
  display:block;margin-bottom:5px}
.prj-az{display:flex;align-items:baseline;gap:12px;padding:6px 0;
  border-top:1px solid rgba(23,59,46,.07);flex-wrap:wrap}
.prj-az:first-of-type{border-top:0}
.prj-az .t{font-size:13px;color:var(--ink);min-width:150px}
.prj-az .w{font-family:var(--serif);font-size:17px;color:var(--forest);flex:1;min-width:120px}
.prj-az .w em{font-style:italic;font-size:14px;color:var(--muted)}
.prj-aendern{color:var(--gold);text-decoration:none;font-size:12.5px}
.prj-az.bearbeiten{background:#fff;border-radius:10px;padding:12px 14px;
  border:1px solid rgba(184,148,63,.4);align-items:flex-end}
.prj-az.bearbeiten .felder{display:flex;gap:10px;flex:1;flex-wrap:wrap;min-width:220px}
.prj-az.bearbeiten label{display:flex;flex-direction:column;gap:3px;flex:1;min-width:130px}
.prj-az.bearbeiten label span{font-size:11.5px;color:var(--muted)}
.prj-az.bearbeiten input{padding:6px 10px;border:1px solid var(--line);border-radius:8px;
  font:inherit;font-size:13px;background:#fff;color:var(--ink);width:100%}
.prj-az.bearbeiten input:focus{outline:none;border-color:var(--gold)}
.prj-az.bearbeiten a.btn{text-decoration:none;display:inline-block}

.prj-entwurf{margin-top:12px;background:rgba(184,148,63,.09);border-left:3px solid var(--gold);
  border-radius:9px;padding:11px 14px;font-size:13px;line-height:1.55;color:#7a5f1c}
.prj-entwurf b{display:block;color:var(--forest);margin-bottom:2px;font-size:12.5px}

.prj-spalten .zeile{display:flex;justify-content:space-between;gap:12px;font-size:13px;
  padding:5px 0;border-top:1px solid rgba(23,59,46,.07)}
.prj-spalten .zeile:first-of-type{border-top:0}
.prj-spalten .zeile span:last-child{color:var(--muted);text-align:right}
.prj-spalten .zeile a{color:var(--gold);text-decoration:none}

/* Der Block in der Kommandozentrale */
.kdz-cv-kpi{display:flex;gap:16px;flex-wrap:wrap}
.kdz-cv-kpi div{min-width:54px}
.kdz-cv-kpi b{display:block;font-family:var(--serif);font-size:24px;color:var(--forest);line-height:1}
.kdz-cv-kpi span{font-size:11px;color:var(--muted)}
.kdz-cv-kpi div.gold b{color:var(--gold)}
.kdz-cv-kpi div.warn b{color:#b04a3a}
.kdz-cv-luecke{font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--muted);
  margin:10px 0 0;line-height:1.45}
.kdz-cv-weg{display:inline-block;margin-top:10px;color:var(--gold);text-decoration:none;font-size:12.5px}
.kdz-cv-weg:hover{text-decoration:underline}

/* Angaben ergänzen und entfernen (24.08.2026) */
.prj-az form{margin:0;display:inline}
.prj-entfernen{border:0;background:none;padding:0;font:inherit;font-size:12.5px;
  color:var(--muted);cursor:pointer}
.prj-entfernen:hover{color:#b04a3a;text-decoration:underline}
.prj-neu{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.prj-neu > summary{cursor:pointer;list-style:none;font-family:var(--display);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--forest)}
.prj-neu > summary::-webkit-details-marker{display:none}
.prj-neu form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}
.prj-neu label{display:flex;flex-direction:column;gap:3px;flex:1;min-width:130px}
.prj-neu label span{font-size:11.5px;color:var(--muted)}
.prj-neu input,.prj-neu select{padding:6px 10px;border:1px solid var(--line);border-radius:8px;
  font:inherit;font-size:13px;background:#fff;color:var(--ink);width:100%}
.prj-neu input:focus,.prj-neu select:focus{outline:none;border-color:var(--gold)}

/* Das doppelte Urteil (Lieferung 4, 24.08.2026) – zwei Zahlen nebeneinander,
   keine verrechnete. */
.pr-zahlen{margin-left:auto;display:flex;gap:20px;align-items:stretch}
.pr-zahl-kante{width:1px;background:var(--line)}
.pr-zahl.fach .w{color:var(--gold)}
.pr-zahl.fach .l{color:#7a5f1c}
.pr-zahl .l{max-width:92px;line-height:1.3}
.cv-fachgrund{font-family:var(--serif);font-size:16px;line-height:1.55;color:var(--ink);
  margin:12px 0 0}
.cv-hinweise{margin-top:14px;background:rgba(184,148,63,.09);border-left:3px solid var(--gold);
  border-radius:9px;padding:11px 14px;font-size:13.5px;line-height:1.6;color:var(--ink)}
.cv-hinweise b{display:block;color:var(--forest);margin-bottom:3px;font-size:12.5px}
.cv-hinweise ul{margin:0;padding-left:18px}
.cv-hinweise li{margin-bottom:3px}
.cv-hinweise .fuss{font-family:var(--serif);font-style:italic;font-size:14px;
  color:var(--muted);margin-top:6px}

/* ===========================================================================
   Casa Vivere – Medien und Ton der Microsite (Lieferung 2)
   =========================================================================== */

.cvm-wrap{padding:18px 30px 40px;max-width:1400px}
.cvm-kopf h3{font-family:var(--serif);font-size:21px;color:var(--forest);font-weight:500;margin:0 0 4px}
.cvm-kopf .prj-hinweis{max-width:74ch}

/* Der Hinweis, dass hier nichts öffentlich ist. Er steht oben und nicht im
   Kleingedruckten, weil er die wichtigste Auskunft dieser Seite ist. */
.cvm-sperrhinweis{background:#f4f0e5;border:1px solid rgba(184,148,63,.35);border-left:3px solid var(--gold);
  border-radius:9px;padding:10px 14px;font-size:13px;color:#7a6320;line-height:1.55;margin:14px 0 20px;max-width:96ch}

.cvm-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px}
.cvm-karte{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;
  display:flex;flex-direction:column}
.cvm-karte.gesperrt{border-color:rgba(184,148,63,.55);box-shadow:0 0 0 1px rgba(184,148,63,.2)}
.cvm-karte figure{margin:0;position:relative;background:#efeade}
.cvm-karte figure a{display:block}
.cvm-karte img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.cvm-marke{position:absolute;top:10px;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
  padding:4px 8px;border-radius:5px}
.cvm-marke.schnitt{left:10px;background:rgba(23,59,46,.92);color:var(--gold)}
.cvm-marke.lock{right:10px;background:var(--gold);color:#3a2e12;font-weight:700}

.cvm-leib{padding:12px 14px 13px;display:flex;flex-direction:column;gap:8px;flex:1}
.cvm-titel{font-family:var(--serif);font-size:17px;line-height:1.3;color:var(--forest)}
.cvm-datei{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--muted);word-break:break-all}
.cvm-platz{display:flex;flex-direction:column;gap:7px;margin:0}
.cvm-zeile{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.cvm-zeile > span:first-child{flex:0 0 58px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;
  font-weight:600;color:var(--ink)}
.cvm-zeile select{flex:1;min-width:0;font-family:var(--sans);font-size:13px;padding:5px 8px;
  border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}
.cvm-zeile .fest{flex:1;font-size:13px;color:var(--ink);background:#f2eee3;border:1px dashed var(--line);
  border-radius:7px;padding:5px 8px}
.cvm-platz .btn.klein{align-self:flex-start;padding:5px 12px;font-size:12.5px;border-radius:8px}

.cvm-fakten{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 10px;font-size:11.5px;
  color:var(--muted);border-top:1px solid var(--line);padding-top:8px}
.cvm-fakten b{color:var(--ink);font-weight:600;font-size:9.5px;letter-spacing:.08em;
  text-transform:uppercase;display:block}
.cvm-crop{font-size:11.5px;color:#96702A;background:#f5e9cf;border-radius:6px;padding:7px 9px;line-height:1.45}
.cvm-crop b{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;display:block}
.cvm-crop em{display:block;margin-top:3px;font-style:normal;opacity:.85}
.cvm-vermerk{font-size:11.5px;background:#f5e9cf;color:#96702A;border-radius:6px;padding:7px 9px;line-height:1.45}
.cvm-vermerk.sperr{background:#f6e4df;color:#8C3A2E}

.cvm-fuss{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
  margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}
.cvm-wege{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.cvm-wege a{color:var(--forest);text-decoration:none;border-bottom:1px solid rgba(23,59,46,.2)}
.cvm-wege a:hover{border-bottom-color:var(--gold)}
.cvm-inline{display:inline;margin:0}
.cvm-linkbtn{background:0;border:0;padding:0;font-family:var(--sans);font-size:12px;color:var(--forest);
  cursor:pointer;border-bottom:1px solid rgba(23,59,46,.2)}
.cvm-linkbtn:hover{border-bottom-color:var(--gold)}

/* --- Ton --- */
.cvt-karte{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;
  max-width:880px;margin:0 0 18px}
.cvt-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cvt-titel{font-family:var(--serif);font-size:23px;color:var(--forest);line-height:1.25}
.cvt-titel small{display:block;font-family:var(--sans);font-size:12.5px;color:var(--muted);margin-top:3px}
.cvt-stand{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  padding:3px 8px;border-radius:5px;white-space:nowrap}
.cvt-stand.st-entwurf{background:#f5e9cf;color:#96702A}
.cvt-stand.st-wartet_auf_freigabe{background:#e8eef5;color:#3b5a7a}
.cvt-stand.st-freigegeben{background:#e4ede4;color:#3F6B4E}
.cvt-audio{width:100%;margin:16px 0;display:block}

.cvt-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;
  align-items:end;margin:16px 0}
.cvt-felder label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);margin:0}
.cvt-felder b{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-weight:600}
.cvt-felder select{font-family:var(--sans);font-size:14px;padding:7px 9px;border:1px solid var(--line);
  border-radius:8px;background:#fff;color:var(--ink)}
.cvt-mix{display:flex;align-items:center;gap:10px}
.cvt-mix input[type=range]{flex:1;min-width:0;accent-color:var(--gold)}
.cvt-mix output{font-variant-numeric:tabular-nums;font-weight:600;color:var(--forest);
  width:48px;text-align:right;font-size:13px}
.cvt-felder .btn.klein{padding:7px 14px;font-size:13px;border-radius:8px}

.cvt-kette{display:flex;margin:18px 0 8px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cvt-kst{flex:1;padding:11px 12px;font-size:12.5px;text-align:center;background:#fff;
  border-right:1px solid var(--line);color:var(--muted)}
.cvt-kst:last-child{border-right:0}
.cvt-kst.jetzt{background:#f5e9cf;color:#96702A;font-weight:600}
.cvt-kst b{display:block;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:2px;opacity:.65;font-weight:600}

.cvt-knoepfe{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.cvt-knoepfe form{margin:0}
.cvt-warum{background:#f6e4df;border:1px solid rgba(140,58,46,.25);border-radius:9px;padding:11px 13px;
  font-size:13px;color:#8C3A2E;line-height:1.55;margin:14px 0 0}
.cvt-warum b{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}
.cvt-fehlt{background:#f7f5ee;border:1px dashed var(--line);border-radius:10px;padding:13px 16px;
  font-size:13px;color:var(--muted);line-height:1.5;max-width:880px;margin:0 0 12px}
.cvt-fehlt b{display:block;color:var(--ink);font-size:13.5px;margin-bottom:2px}

/* Schmale Schirme: Die Freigabekette steht untereinander. Vier Stände
   nebeneinander passen auf einem Telefon nicht – der letzte würde vom
   overflow:hidden des Rahmens abgeschnitten, und ausgerechnet der ist
   der wichtigste. */
@media(max-width:620px){
  .cvm-wrap{padding:16px 18px 34px}
  .cvt-kette{flex-direction:column}
  .cvt-kst{border-right:0;border-bottom:1px solid var(--line);text-align:left;
    display:flex;align-items:baseline;gap:9px}
  .cvt-kst:last-child{border-bottom:0}
  .cvt-kst b{margin-bottom:0;flex:none;min-width:52px}
  .cvm-fakten{grid-template-columns:1fr 1fr}
  .cvt-karte{padding:16px 16px}
  .cvt-knoepfe .btn{width:100%;justify-content:center}
  .cvt-knoepfe form{flex:1 1 100%}
}

.cvm-schnitt-feld{border-top:1px solid var(--line);padding-top:8px}
.cvm-schnitt-feld > summary{font-size:12px;color:var(--forest);cursor:pointer;list-style:none;
  display:inline-flex;align-items:center;gap:5px;border-bottom:1px solid rgba(23,59,46,.2)}
.cvm-schnitt-feld > summary::-webkit-details-marker{display:none}
.cvm-schnitt-feld > summary::after{content:"＋";font-size:11px;opacity:.6}
.cvm-schnitt-feld[open] > summary::after{content:"–"}
.cvm-schnitt-feld form{margin:10px 0 0}
.cvm-schnitt-masse{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cvm-schnitt-masse label,.cvm-schnitt-grund{display:flex;flex-direction:column;gap:3px;margin:0}
.cvm-schnitt-masse span,.cvm-schnitt-grund span{font-size:9.5px;letter-spacing:.08em;
  text-transform:uppercase;font-weight:600;color:var(--ink)}
.cvm-schnitt-masse input,.cvm-schnitt-grund input{font-family:var(--sans);font-size:13px;
  padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);width:100%}
.cvm-schnitt-grund{margin-top:8px}
.cvm-schnitt-knoepfe{margin-top:9px}
.cvm-schnitt-feld .prj-hinweis{font-size:11.5px;margin:7px 0 0}

/* ---------------------------------------------------------------------------
   Inhalte der Website (Casa Vivere) – Texte freigeben und öffentlich schalten.

   Die Liste ist zum Durchgehen gebaut, nicht zum Bewundern: eine Zeile je
   Baustein, der Stand rechts, die Knöpfe darunter. Das Bearbeiten steckt in
   einem Aufklapper, damit die Seite überschaubar bleibt.
   --------------------------------------------------------------------------- */
.cvi-stand{display:flex;gap:18px;flex-wrap:wrap;align-items:center;background:var(--card);
  border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:0 0 12px}
.cvi-zahl{text-align:left}
.cvi-zahl b{font-family:var(--serif);font-size:30px;color:var(--forest);line-height:1;display:block}
.cvi-zahl small{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  display:block;margin-top:3px}
.cvi-satz{flex:1;min-width:240px;margin:0;font-size:13.5px;color:var(--muted);line-height:1.55}

.cvi-alle{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:0 0 16px}
.cvi-alle b{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);
  margin-right:4px}
.cvi-alle form{margin:0}

.cvi-warnung{background:#f6e4df;border:1px solid rgba(140,58,46,.3);border-left:4px solid #8C3A2E;
  border-radius:10px;padding:13px 16px;margin:0 0 18px;font-size:13.5px;line-height:1.6;color:#5c2a22}
.cvi-warnung b{display:block;margin-bottom:3px;color:#8C3A2E}
.cvi-warnung span{display:block;margin-top:6px;font-style:italic}

.cvi-gruppe{font-family:var(--serif);font-size:20px;font-weight:500;color:var(--forest);
  margin:26px 0 8px;display:flex;align-items:baseline;gap:9px}
.cvi-gruppe span{font-family:var(--sans);font-size:11px;letter-spacing:.09em;color:var(--muted)}

.cvi-liste{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cvi-zeile{padding:14px 18px;border-top:1px solid var(--line)}
.cvi-zeile:first-child{border-top:none}
.cvi-zeile.ohne-text{background:rgba(140,58,46,.045)}
.cvi-kopf{display:flex;align-items:center;justify-content:space-between;gap:14px}
.cvi-titel{font-family:var(--serif);font-size:18px;color:var(--forest);line-height:1.3}
.cvi-titel em{font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--gold);margin-right:7px}
.cvi-marke{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  padding:3px 8px;border-radius:5px;white-space:nowrap}
.cvi-marke.st-entwurf{background:#f5e9cf;color:#96702A}
.cvi-marke.st-wartet_auf_freigabe{background:#e8eef5;color:#3b5a7a}
.cvi-marke.st-freigegeben{background:#e4ede4;color:#3F6B4E}
.cvi-marke.st-oeffentlich{background:var(--forest);color:var(--gold)}
.cvi-auszug{margin:5px 0 0;font-size:13px;color:var(--muted);line-height:1.55;max-width:86ch}
.cvi-fehlt{margin:5px 0 0;font-size:12.5px;color:#8C3A2E}

.cvi-bearbeiten{margin:9px 0 0}
.cvi-bearbeiten summary{font-size:12.5px;color:var(--muted);cursor:pointer;
  display:inline-block;padding:3px 0}
.cvi-bearbeiten form{margin:10px 0 0;display:flex;flex-direction:column;gap:9px;max-width:760px}
.cvi-bearbeiten label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.cvi-bearbeiten label b{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink)}
.cvi-bearbeiten input[type=text],.cvi-bearbeiten textarea,.cvi-bearbeiten select{
  font-family:var(--sans);font-size:14px;padding:7px 9px;border:1px solid var(--line);
  border-radius:8px;background:#fff;color:var(--ink);width:100%}
.cvi-bearbeiten textarea{line-height:1.55;resize:vertical}
.cvi-bearbeiten button{align-self:flex-start}

.cvi-knoepfe{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.cvi-knoepfe form{margin:0}
.cvi-bau{margin-top:22px}

@media(max-width:760px){
  .cvi-kopf{flex-direction:column;align-items:flex-start;gap:6px}
  .cvi-stand{gap:14px}
}