:root {
  --shadow-panel: 0 18px 50px rgba(0,0,0,.26);
  --shadow-soft: 0 10px 28px rgba(0,0,0,.22);
  --ease: .2s ease;
  --content-max: 1240px;
  --header-height: 78px;
  --footer-height: 104px;
  font-synthesis: none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
    radial-gradient(circle at top center, rgba(245,197,66,.08), transparent 28%),
    radial-gradient(circle at 15% 18%, rgba(217,119,6,.08), transparent 22%),
    linear-gradient(180deg, #09090d 0%, #09090f 48%, #08080d 100%);
  color:var(--color-text);font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.55;min-width:320px;
  padding-top:var(--header-height);padding-bottom:var(--footer-height)}
body.inside{background:
    radial-gradient(circle at top center, rgba(245,197,66,.09), transparent 24%),
    radial-gradient(circle at 18% 12%, rgba(217,119,6,.08), transparent 18%),
    linear-gradient(180deg, #07070b 0%, #09090f 100%)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:var(--color-primary);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(2rem,4.7vw,3.9rem);line-height:1.08;letter-spacing:-.04em;font-weight:800}
h2{font-size:clamp(1.35rem,2.2vw,2.05rem);line-height:1.18;letter-spacing:-.03em}h3{font-size:1.1rem;line-height:1.3}p{line-height:1.7}small{font-size:.86rem}img{max-width:100%}.container{width:min(var(--content-max),calc(100% - 40px));margin-inline:auto}.skip{position:absolute;top:-100px;left:8px;background:var(--color-primary);color:var(--color-primary-text);z-index:999;padding:10px}.skip:focus{top:8px}

.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(180deg,rgba(7,7,10,.92),rgba(7,7,10,.82));border-bottom:1px solid rgba(245,197,66,.23);box-shadow:0 8px 28px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
html[data-theme="light"] .site-header{background:rgba(249,246,241,.98)}
.header-inner{display:flex;align-items:center;gap:clamp(14px,3vw,55px);min-height:var(--header-height)}
.brand{width:180px;max-width:28vw;flex:none;display:flex;align-items:center;position:relative}
.brand::after{content:"";position:absolute;right:-24px;top:50%;transform:translateY(-50%);height:36px;width:1px;background:linear-gradient(180deg,transparent,var(--color-border),transparent);opacity:.8}
.brand img{width:100%;display:block;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}
.desktop-nav{display:flex;align-items:center;gap:clamp(14px,2.8vw,38px);margin-inline:auto}.desktop-nav a{font-weight:640;color:var(--color-text);white-space:nowrap;font-size:.98rem;position:relative;padding:6px 0}.desktop-nav a:hover{color:var(--color-primary);text-decoration:none}.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--color-accent),var(--color-primary));transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.desktop-nav a:hover::after{transform:scaleX(1)}
.header-actions{display:flex;gap:12px;align-items:center}.theme-toggle,.mobile-menu-toggle{border:1px solid transparent;background:none;color:var(--color-text);border-radius:var(--radius-control);font-size:1.25rem;padding:6px 9px}.theme-toggle:hover,.mobile-menu-toggle:hover{border-color:var(--color-border);text-decoration:none}.mobile-menu-toggle{display:none}.mobile-nav{display:none;position:absolute;left:0;right:0;top:100%;background:rgba(10,10,14,.97);backdrop-filter:blur(18px);box-shadow:0 18px 30px rgba(0,0,0,.35)}.mobile-nav[hidden]{display:none}.mobile-nav a{display:block;padding:14px 22px;border-top:1px solid var(--color-border);color:var(--color-text)}.mobile-nav form{padding:14px 22px}

.button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-control);border:1px solid transparent;padding:12px 21px;font-weight:750;transition:transform var(--ease),filter var(--ease),box-shadow var(--ease);text-decoration:none;white-space:nowrap}.button:hover{transform:translateY(-1px);text-decoration:none;filter:brightness(1.08)}.button-primary{color:var(--color-primary-text);background:linear-gradient(120deg,var(--color-accent),var(--color-primary));box-shadow:0 6px 24px rgba(220,159,38,.28)}.button-outline{border-color:var(--color-border);background:rgba(15,12,15,.38);color:var(--color-text)}.button-quiet{white-space:nowrap;border:1px solid rgba(245,197,66,.45);background:rgba(255,255,255,.02);border-radius:var(--radius-control);padding:10px 15px;color:var(--color-text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.button-quiet:hover{text-decoration:none;background:var(--color-surface)}.button-link{border:0;background:none;color:var(--color-primary);padding:0}.button-small{padding:7px 10px;font-size:.78rem}.button-wide{width:100%;margin-top:10px}.inline-form{display:inline-block}

.hero{position:relative;background:linear-gradient(180deg,rgba(7,5,8,.1),rgba(9,7,9,.8) 70%,var(--color-bg)),var(--hero) center 40%/cover no-repeat;min-height:560px;padding:70px 0 90px;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:url('../img/orbit.webp') center/cover no-repeat;opacity:.25;mix-blend-mode:screen;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 20%,transparent 5%,rgba(0,0,0,.35) 65%)}.hero-inner{text-align:center;max-width:1050px}.hero-logo{display:block;width:min(380px,72vw);max-height:255px;object-fit:contain;margin:-18px auto -8px;filter:drop-shadow(0 5px 20px rgba(0,0,0,.7))}.hero-subline{font-size:clamp(1rem,1.8vw,1.35rem);margin-bottom:8px;color:#fff}.hero h1{max-width:980px;margin:12px auto 14px;color:white;text-shadow:0 4px 15px rgba(0,0,0,.6)}.hero-description{font-size:1.03rem;color:#eee4d8;max-width:735px;margin:0 auto 24px;text-shadow:0 4px 12px #000}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative;margin-top:-48px;z-index:2}.feature-tile{display:flex;align-items:center;gap:13px;padding:18px 16px;border:1px solid rgba(245,197,66,.35);background:linear-gradient(160deg,rgba(44,30,22,.95),rgba(19,14,16,.98));box-shadow:0 0 18px rgba(217,119,6,.14), inset 0 0 0 1px rgba(255,255,255,.02);border-radius:18px;color:#f7eee2;min-height:98px;transition:transform .2s ease,border-color .2s ease, box-shadow .2s ease}.feature-tile:hover{transform:translateY(-3px);text-decoration:none;border-color:var(--color-primary);box-shadow:0 0 28px rgba(217,119,6,.18)}.feature-tile strong{display:block;line-height:1.2}.feature-tile small{display:block;color:#d9c8b0;line-height:1.4;margin-top:5px}.tile-icon{font-size:2rem;color:#f5c542}

.section{padding-block:64px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{margin:0}.section-heading a{white-space:nowrap}.eyebrow{display:block;color:var(--color-primary);font-size:.75rem;letter-spacing:.15em;font-weight:800;text-transform:uppercase;margin-bottom:10px}.lead{font-size:1.1rem;max-width:780px;color:var(--color-text-muted)}.muted{color:var(--color-text-muted)}

.empty-showcase{border-radius:var(--radius-card);min-height:155px;border:1px solid var(--color-border);display:flex;gap:22px;align-items:center;padding:28px;background:linear-gradient(130deg,rgba(75,44,16,.20),transparent 66%),var(--color-surface);box-shadow:var(--shadow-panel)}.empty-showcase h3{margin-bottom:8px}.empty-showcase p{margin:0;max-width:820px;color:var(--color-text-muted)}.empty-state{display:flex;gap:16px;align-items:flex-start;padding:18px 0 6px}.empty-state.compact{padding:8px 0 4px}.empty-state h3{margin-bottom:6px}.empty-state p{margin:0;color:var(--color-text-muted)}.circle-icon{font-size:2.4rem;color:var(--color-primary);border:1px solid var(--color-border);width:78px;height:78px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.02)}.circle-icon.small{width:52px;height:52px;font-size:1.35rem}

.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-card,.panel{background:linear-gradient(180deg, rgba(28,21,24,.94), rgba(20,15,18,.98));border:1px solid rgba(245,197,66,.25);border-radius:20px;padding:28px;box-shadow:var(--shadow-panel)}.info-card h2,.info-card h3{margin:9px 0}.info-card p{color:var(--color-text-muted);margin:0}.card-number{color:var(--color-primary);font-size:1.65rem;font-weight:700}.panel{position:relative;overflow:hidden}.panel::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg, rgba(245,197,66,.26), rgba(245,197,66,.03));-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}

.site-footer{position:fixed;left:0;right:0;bottom:0;z-index:40;border-top:1px solid var(--color-border);background:linear-gradient(180deg, rgba(27,21,24,.98), rgba(20,16,18,.98));backdrop-filter:blur(14px);min-height:var(--footer-height);display:flex;align-items:center;box-shadow:0 -8px 24px rgba(0,0,0,.3)}.footer-inner{display:flex;gap:30px;justify-content:space-between;align-items:center}.site-footer span,.site-footer small{color:var(--color-text-muted)}.site-footer small{display:block;margin-top:6px}.footer-inner nav{display:flex;gap:16px;align-items:center}.site-footer a{white-space:nowrap}

.form-wrap{width:min(100% - 32px,480px);margin:70px auto}.form-wrap.wider{width:min(100% - 32px,600px)}.form-wrap .panel{padding:34px}.form-wrap h1{font-size:2rem}.form-wrap form{margin:20px 0}.panel form label:not(.checkbox-line){display:block;font-weight:650;margin:14px 0}.panel input:not([type=checkbox]):not([type=file]),.panel select,.panel textarea,.panel input[type=file]{width:100%;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:44px;margin-top:7px;padding:10px 12px}.panel textarea{min-height:115px}.panel input:focus-visible,.panel textarea:focus-visible,.panel select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.checkbox-line{display:flex;gap:10px;align-items:flex-start;margin:18px 0}.checkbox-line input{margin-top:7px}.notice{padding:14px 18px;border:1px solid var(--color-border);border-radius:12px;margin:18px auto;max-width:var(--content-max);background:linear-gradient(180deg, rgba(28,21,24,.95), rgba(20,15,18,.98))}.notice.success{border-color:#4da881}.notice.error{border-color:#df726e}.notice.warning{border-color:var(--color-primary)}.inside-layout{min-height:calc(100vh - var(--header-height) - var(--footer-height) - 40px)}

.dashboard-shell{position:relative;padding:52px 0 60px}.dashboard-shell::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%, rgba(245,197,66,.11), transparent 22%), url('../img/orbit.webp') center top/cover no-repeat;opacity:.18;pointer-events:none}.dashboard-shell .container{position:relative;z-index:1}.dashboard-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:32px;border:1px solid rgba(245,197,66,.28);border-radius:28px;background:linear-gradient(125deg, rgba(29,20,18,.82), rgba(10,10,15,.86) 60%), url('../img/stage.webp') center/cover no-repeat;box-shadow:0 20px 54px rgba(0,0,0,.32);margin-bottom:22px;overflow:hidden}.dashboard-hero-copy{max-width:760px}.dashboard-hero h1{margin-bottom:12px;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.45)}.dashboard-hero .lead{color:#e3d9cd;max-width:640px;margin-bottom:18px}.dashboard-hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.dashboard-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-pill{min-width:120px;padding:14px 16px;border-radius:16px;border:1px solid rgba(245,197,66,.24);background:rgba(12,10,13,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.meta-value{display:block;font-size:1.35rem;font-weight:780;line-height:1.15;color:#fff}.meta-label{display:block;font-size:.8rem;color:#ccbda7;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}

.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.dashboard-grid.refined .panel{min-height:100%}.panel-headline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.panel-headline h2{margin:0}.panel-tag{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;border:1px solid rgba(245,197,66,.22);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#d8c7ad;background:rgba(255,255,255,.03)}.accent-panel{background:linear-gradient(180deg, rgba(31,22,24,.96), rgba(20,15,18,.99));box-shadow:0 18px 48px rgba(0,0,0,.3)}.accent-panel.secondary{background:linear-gradient(180deg, rgba(30,22,24,.96), rgba(23,17,20,.99))}
.project-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(245,197,66,.12);padding:14px 0;color:var(--color-text)}.project-row:hover{text-decoration:none;color:var(--color-primary)}.project-row:last-child{border-bottom:0}.project-row small{color:var(--color-text-muted);display:block}.project-arrow{margin-left:auto;color:var(--color-primary)}.project-avatar{width:48px;height:48px;border-radius:14px;border:1px solid var(--color-border);display:grid;place-items:center;color:var(--color-primary);background:rgba(255,255,255,.02)}
.announcement-list{margin-top:6px}.announcement{border-bottom:1px solid rgba(245,197,66,.12);padding:14px 0}.announcement:last-child{border-bottom:0}.announcement p{margin:5px 0 0}.announcement small{display:block;color:var(--color-text-muted)}.coming-next{margin-top:22px;padding:18px;background:rgba(255,255,255,.04);border-radius:16px;border:1px solid rgba(245,197,66,.08)}.coming-next p{margin:0}.stat{display:block;font-size:2.6rem;color:var(--color-primary);line-height:1.5}.backlink{display:block;margin-bottom:20px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 35px}.tabs a{padding:8px 13px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:9px;color:var(--color-text)}.tabs a.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:600px}td,th{padding:11px 12px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}th{color:var(--color-primary);font-size:.85rem}td form{margin:0}.form-wrap input[type=file]{max-width:100%}
.dashboard-quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.quicklink-card{padding:22px;border-radius:18px;border:1px solid rgba(245,197,66,.2);background:linear-gradient(180deg, rgba(27,20,23,.95), rgba(18,14,17,.98));box-shadow:var(--shadow-soft)}.quicklink-card h3{margin-bottom:8px}.quicklink-card p{margin-bottom:12px;color:var(--color-text-muted)}.quicklink-card a{font-weight:700}

html[data-theme="light"] body{background:#F8F6F1}html[data-theme="light"] .hero{background-color:var(--brand-night)}html[data-theme="light"] .feature-tile{background:linear-gradient(145deg,#faf7f0,#eee6d7);color:#2b2017}html[data-theme="light"] .feature-tile small{color:#65533a}html[data-theme="light"] .hero .button-outline{color:white}

@media(max-width:1050px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-nav{gap:14px}.brand{width:160px}.brand::after{display:none}.header-inner{gap:17px}.cards,.dashboard-quicklinks{gap:13px}.info-card{padding:20px}.dashboard-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-hero-actions{width:100%}}
@media(max-width:740px){:root{--header-height:70px;--footer-height:138px}.container{width:min(100% - 28px,var(--content-max))}.header-inner{min-height:var(--header-height)}.brand{width:158px;max-width:52vw}.desktop-nav{display:none}.header-actions{margin-left:auto;gap:4px}.mobile-menu-toggle{display:block}.mobile-nav:not([hidden]){display:block}.button-quiet{font-size:.85rem;padding:7px 10px}.hero{min-height:490px;padding:52px 0 80px;background-position:54% center}.hero-logo{width:min(320px,70vw);margin:-20px auto -3px}.hero h1{font-size:2.3rem}.hero-description{font-size:.98rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-38px;gap:9px}.feature-tile{min-height:82px;padding:12px}.feature-tile strong{font-size:.91rem}.feature-tile small{font-size:.75rem}.tile-icon{font-size:1.5rem}.section{padding-block:44px}.section-heading{align-items:start}.cards,.dashboard-grid,.dashboard-quicklinks{grid-template-columns:1fr}.empty-showcase{padding:20px;align-items:flex-start;gap:15px}.circle-icon{width:53px;height:53px;font-size:1.6rem}.footer-inner{display:block}.footer-inner nav{margin-top:15px;flex-wrap:wrap}.form-wrap{margin:32px auto}.form-wrap .panel{padding:24px}.dashboard-shell{padding-top:28px}.dashboard-hero{padding:22px;border-radius:22px}.dashboard-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.meta-pill{min-width:0}.dashboard-hero-actions .button{flex:1 1 100%}}
@media(max-width:480px){:root{--footer-height:156px}.header-actions .button-quiet{display:none}.feature-grid{grid-template-columns:1fr 1fr}.feature-tile{gap:9px}.feature-tile small{font-size:.7rem}.hero h1{font-size:2rem}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.section-heading{flex-direction:column;gap:7px}.empty-showcase{display:block}.circle-icon{margin-bottom:14px}.section-heading h2{font-size:1.7rem}.dashboard-meta{grid-template-columns:1fr}.meta-pill{width:100%}.site-footer{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* ACTUNIO 0.1.2 — ruhige, klar definierte Hintergründe und kompakter Fixed-Footer.
 * Diese Regeln überschreiben gezielt ältere Layoutvarianten, ohne Module zu ändern.
 */
:root {
  --footer-height: 52px;
}
body,
body.inside {
  background: #0b0b10;
  padding-bottom: calc(var(--footer-height) + env(safe-area-inset-bottom, 0px));
}
/* Die große, weichgezeichnete Lichtgrafik wird nicht mehr über die Arbeitsflächen gelegt. */
.dashboard-shell::before,
.hero::before {
  content: none;
  display: none;
}
.dashboard-shell {
  background: transparent;
}
/* Ein erkennbares Bühnenmotiv nur im Dashboard-Kopf, mit ruhiger Lesefläche links. */
.dashboard-hero {
  position: relative;
  isolation: isolate;
  background: #121015 url('../img/stage.webp') center 22% / cover no-repeat;
  border-color: rgba(245,197,66,.30);
  border-radius: 20px;
  box-shadow: 0 12px 32px rgba(0,0,0,.27);
}
.dashboard-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(10,10,15,.97) 0%,
    rgba(10,10,15,.93) 35%,
    rgba(10,10,15,.72) 66%,
    rgba(10,10,15,.30) 100%);
}
/* Definierte, ruhige Flächen statt vieler überlagerter weicher Farbverläufe. */
.panel,
.info-card,
.accent-panel,
.accent-panel.secondary,
.quicklink-card {
  background: #171419;
  border-color: rgba(245,197,66,.24);
  box-shadow: 0 8px 22px rgba(0,0,0,.20);
}
.panel::before { content:none; }
.coming-next { background:#201b20; border-color:rgba(245,197,66,.12); }
.meta-pill { background:rgba(12,10,13,.84); }

/* Der Footer bleibt am unteren Rand, ist aber nur noch eine schmale Zeile. */
.site-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  height: calc(var(--footer-height) + env(safe-area-inset-bottom, 0px));
  min-height: 0;
  padding: 0 0 env(safe-area-inset-bottom, 0px);
  background: rgba(14,12,16,.98);
  border-top: 1px solid rgba(245,197,66,.30);
  box-shadow: 0 -3px 12px rgba(0,0,0,.18);
  backdrop-filter: none;
}
.footer-inner {
  min-height: var(--footer-height);
  width: min(var(--content-max), calc(100% - 40px));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.footer-inner > div {
  display: flex;
  gap: 5px;
  align-items: baseline;
  white-space: nowrap;
}
.site-footer b { font-size: .82rem; }
.site-footer span { font-size: .79rem; }
.site-footer small.footer-version {
  display: inline;
  margin: 0 0 0 15px;
  font-size: .69rem;
  letter-spacing: .01em;
}
.site-footer nav {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
  margin: 0;
  font-size: .82rem;
}
.site-footer .inline-form { margin: 0; }

/* Light-Mode bleibt auch bei den überarbeiteten Flächen lesbar. */
html[data-theme="light"] body,
html[data-theme="light"] body.inside { background: #f8f6f1; }
html[data-theme="light"] .panel,
html[data-theme="light"] .info-card,
html[data-theme="light"] .accent-panel,
html[data-theme="light"] .accent-panel.secondary,
html[data-theme="light"] .quicklink-card { background: #fff; border-color:#dacdb9; }
html[data-theme="light"] .coming-next { background: #f0ebe3; border-color:#dacdb9; }
html[data-theme="light"] .dashboard-hero .lead,
html[data-theme="light"] .dashboard-hero .eyebrow,
html[data-theme="light"] .dashboard-hero .meta-label { color: #f3e7d7; }
html[data-theme="light"] .dashboard-hero h1 { color: #fff; }
html[data-theme="light"] .site-footer { background: rgba(248,246,241,.99); }

@media (max-width: 740px) {
  :root { --footer-height: 64px; }
  .footer-inner {
    width: min(100% - 28px, var(--content-max));
    min-height: var(--footer-height);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    text-align: center;
  }
  .footer-inner > div { justify-content: center; }
  .footer-inner nav { justify-content: center; gap: 18px; margin: 0; }
  .site-footer small.footer-version { display: none; }
  .dashboard-hero { background-position: center 10%; }
  .dashboard-hero::before {
    background: linear-gradient(90deg, rgba(10,10,15,.96), rgba(10,10,15,.80));
  }
}
@media (max-width: 480px) {
  :root { --footer-height: 61px; }
  .site-footer { padding-bottom: env(safe-area-inset-bottom, 0px); }
  .site-footer span { font-size: .75rem; }
  .site-footer nav { gap: 16px; font-size: .77rem; }
}

/* Kleinere Kontrastkorrekturen für die optionale helle Ansicht. */
html[data-theme="light"] .panel-tag { color:#6b5436; background:#f6f2e9; border-color:#d9cbb1; }
html[data-theme="light"] .dashboard-hero .button-outline { color:#fff; background:rgba(15,12,15,.65); }


/* ACTUNIO 0.1.3 — zum Dark-/Light-Theme passende Scrollbars.
 * Standard CSS: Firefox und aktuelle Browser; WebKit-Fallback: Chromium/Safari.
 * Geräte mit systemgesteuerten Overlay-Scrollbars können das Styling ignorieren.
 */
html {
  scrollbar-width: thin;
  scrollbar-color: #8c682f #0b0b10;
}
/* Auch scrollbare Listen, Dialoge und Tabellen passend darstellen. */
*:not(html) {
  scrollbar-width: thin;
  scrollbar-color: #8c682f #141116;
}
html[data-theme="light"] {
  scrollbar-color: #ac8140 #f8f6f1;
}
html[data-theme="light"] *:not(html) {
  scrollbar-color: #ac8140 #f0ebe3;
}
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-track {
  background: #0b0b10;
}
::-webkit-scrollbar-thumb {
  background: #8c682f;
  border: 2px solid #0b0b10;
  border-radius: 100px;
}
::-webkit-scrollbar-thumb:hover {
  background: #dbab49;
}
::-webkit-scrollbar-corner {
  background: #0b0b10;
}
html[data-theme="light"] ::-webkit-scrollbar-track,
html[data-theme="light"] ::-webkit-scrollbar-corner {
  background: #f8f6f1;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: #ac8140;
  border-color: #f8f6f1;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: #83500b;
}
/* Der Fixed-Footer muss vollständig deckend sein: keine Kacheln scheinen mehr durch. */
.site-footer {
  background: #0e0c10;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-theme="light"] .site-footer {
  background: #f8f6f1;
}

/* ================================================================
   ACTUNIO v0.1.4 — Mitglieder-Navigation, Kontextwechsel & Mobile UX
   Alle ergänzten Styles sind auf .member-app begrenzt.
   ================================================================ */
.member-app .header-inner { gap: clamp(10px, 1.6vw, 24px); }
.member-app .brand { width: 148px; max-width: 22vw; }
.member-app .brand::after { display: none; }
.member-app .desktop-nav { margin-inline: auto; gap: clamp(6px, 1.5vw, 22px); }
.member-app .desktop-nav a { display: inline-flex; align-items: center; gap: 7px; font-size: .89rem; font-weight: 650; }
.member-app .desktop-nav a.is-active { color: var(--color-primary); }
.member-app .desktop-nav a.is-active::after { transform: scaleX(1); }
.member-app .nav-icon { width: 17px; height: 17px; flex-shrink: 0; }
.member-profile-link { border: 1px solid rgba(245,197,66,.27); border-radius: 999px; display: flex; align-items:center; gap: 7px; padding: 8px 11px; color: var(--color-text); font-size: .82rem; max-width: 134px; min-height: 39px; }
.member-profile-link span { max-width: 95px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.member-profile-link:hover { color: var(--color-primary); text-decoration: none; }

.context-switcher { position: relative; flex: 0 1 220px; min-width: 130px; z-index: 65; }
.context-switcher summary { cursor: pointer; list-style: none; display: flex; gap: 10px; align-items: center; border: 1px solid rgba(245,197,66,.32); border-radius: 12px; background: rgba(245,197,66,.055); padding: 6px 10px; min-height: 49px; color: var(--color-text); }
.context-switcher summary::-webkit-details-marker { display:none; }
.context-switcher summary:hover, .context-switcher[open] summary { border-color: var(--color-primary); background: rgba(245,197,66,.09); }
.context-switcher summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.context-mark { flex-shrink:0; background: linear-gradient(150deg,#3b2d20,#171215); border: 1px solid rgba(245,197,66,.35); width: 32px; height: 32px; border-radius:9px; display:grid;place-items:center;color:var(--color-primary);font-size:1rem; }
.context-title { display:flex; flex-direction:column; min-width: 0; line-height:1.1; flex: 1; }
.context-title small { color:var(--color-text-muted);letter-spacing:.07em;font-weight:750;font-size:.57rem;margin-bottom:4px;white-space:nowrap; }
.context-title strong { font-size:.84rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700; }
.context-arrow {color:var(--color-primary);font-size:1rem;transition:transform .18s ease;}
.context-switcher[open] .context-arrow {transform:rotate(180deg);}
.context-menu { position:absolute; top:calc(100% + 9px); left:0; width:min(325px, calc(100vw - 28px)); max-height:min(68vh,550px); overflow:auto; border:1px solid var(--color-border); box-shadow:0 24px 45px rgba(0,0,0,.58); background:#171317; border-radius:15px; padding:8px; }
.context-menu-heading {padding:10px 11px 7px;color:#d4b784;font-weight:800;letter-spacing:.09em;font-size:.68rem;}
.context-menu-heading.group-heading {border-top:1px solid rgba(245,197,66,.16);margin-top:6px;}
.context-menu a {color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;font-weight:690;line-height:1.2;}
.context-menu a:hover,.context-menu a.selected {background:rgba(245,197,66,.13);color:var(--color-primary);}
.context-item-mark {width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border:1px solid rgba(245,197,66,.27);border-radius:9px;color:var(--color-primary);}
.context-menu a > span:nth-child(2) {min-width:0;overflow-wrap:anywhere;}
.context-menu a small {display:block;margin-top:4px;color:#ad9fa9;font-weight:430;font-size:.74rem;}
.context-menu a.context-create {margin-top:6px;color:var(--color-primary);border-top:1px solid rgba(245,197,66,.14);border-radius:0;}

/* Das Dashboard wird bewusst eher Werkzeug als Werbeseite. */
.compact-dashboard.dashboard-shell { padding:24px 0 32px; }
.compact-dashboard.dashboard-shell::before { display:none; }
.compact-dashboard .dashboard-hero.compact-hero { min-height:0; padding:25px 29px; align-items:center; margin-bottom:16px; background-position:center 24%; }
.compact-dashboard .dashboard-hero h1 {font-size:clamp(1.95rem,3.1vw,3rem); margin-bottom:7px;}
.compact-dashboard .dashboard-hero .lead {font-size:.95rem;line-height:1.5;margin:0 0 15px;max-width:540px;}
.compact-dashboard .dashboard-hero .eyebrow {margin-bottom:7px;}
.compact-dashboard .dashboard-meta {gap:8px;}
.compact-dashboard .meta-pill {padding:9px 12px;min-width:93px;display:flex;align-items:center;gap:8px;}
.compact-dashboard .meta-value {font-size:1.18rem;}
.compact-dashboard .meta-label {font-size:.68rem;margin:0;}
.compact-dashboard .dashboard-grid {gap:16px;}
.compact-dashboard .dashboard-grid .panel {padding:23px 24px;}
.compact-dashboard .dashboard-grid .panel h2 {font-size:1.4rem;}
.compact-dashboard .empty-state {padding:14px 0 5px;}
.compact-dashboard .empty-state h3 {font-size:1rem;}
.compact-dashboard .empty-state p {font-size:.9rem;line-height:1.5;}
.panel-heading-link {font-size:.81rem;white-space:nowrap;font-weight:680;}
.text-action {display:inline-block;margin-top:8px;font-weight:750;}
.dashboard-hint {display:flex;align-items:center;gap:10px;margin-top:15px;padding:11px 15px;border:1px solid rgba(245,197,66,.17);background:rgba(245,197,66,.035);border-radius:12px;color:var(--color-text-muted);font-size:.82rem;}
.dashboard-hint span {font-size:1rem;color:var(--color-primary);}
.member-subpage {padding-top:36px;}
.feature-pending {max-width:880px;}
.feature-pending p {max-width:680px;color:var(--color-text-muted);}
.pending-icon {font-size:2.1rem;color:var(--color-primary);display:block;margin-bottom:12px;}
.settings-panel {max-width:720px;}
.setting-summary {display:flex;align-items:center;gap:14px;padding-bottom:19px;border-bottom:1px solid var(--color-border);}
.setting-summary small {display:block;color:var(--color-text-muted);}
.settings-row {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 2px;border-bottom:1px solid rgba(245,197,66,.13);color:var(--color-text);font-weight:620;}
.settings-row span {color:var(--color-primary);}
.settings-row:hover {color:var(--color-primary);text-decoration:none;}
.settings-note {margin:22px 0 18px;font-size:.88rem;}
.member-bottom-nav {display:none;}

html[data-theme="light"] .context-switcher summary {background:#f9f5ed;}
html[data-theme="light"] .context-menu {background:#fff9f0;}
html[data-theme="light"] .context-menu a {color:#302317;}
html[data-theme="light"] .context-menu a:hover,html[data-theme="light"] .context-menu a.selected {color:#83500b;}
html[data-theme="light"] .context-menu a small {color:#695a4c;}
html[data-theme="light"] .context-menu-heading {color:#83500b;}
html[data-theme="light"] .member-profile-link {color:#302317;}

@media(max-width:1160px) {
  .member-app .desktop-nav {gap:9px;}
  .member-app .desktop-nav a {font-size:.83rem;gap:4px;}
  .member-app .desktop-nav .nav-icon {width:15px;height:15px;}
  .member-app .context-switcher {flex-basis:185px;}
  .member-app .brand {width:133px;}
}

/* Tablets und Smartphones erhalten dieselbe feste Bottom-Navigation. */
@media(max-width:980px) {
  .member-app .desktop-nav {display:none;}
  .member-app .header-inner {gap:12px;}
  .member-app .context-switcher {margin-left:auto;flex-basis:245px;}
  .member-app .member-profile-link {display:none;}
  .member-app .mobile-menu-toggle {display:none;}
  .member-app .header-actions {margin-left:0;}
  .member-bottom-nav {position:fixed;bottom:0;left:0;right:0;z-index:70;display:flex;justify-content:space-around;gap:2px;height:calc(63px + env(safe-area-inset-bottom, 0px));padding:4px 6px calc(5px + env(safe-area-inset-bottom, 0px));background:#100e12;border-top:1px solid rgba(245,197,66,.32);box-shadow:0 -6px 20px rgba(0,0,0,.35);}
  .member-bottom-nav a {display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#aba4ac;text-decoration:none;font-size:.7rem;font-weight:640;border-radius:9px;}
  .member-bottom-nav .nav-icon {width:22px;height:22px;}
  .member-bottom-nav a.is-active {color:var(--color-primary);background:rgba(245,197,66,.07);}
  .member-bottom-nav a:hover {color:var(--color-primary);}
  body.member-app {padding-bottom:calc(79px + env(safe-area-inset-bottom,0px));}
  .member-app .site-footer {position:relative;bottom:auto;left:auto;right:auto;min-height:0;height:auto;padding:11px 0;box-shadow:none;}
  .member-app .footer-inner {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:8px 16px;text-align:center;min-height:0;}
  .member-app .site-footer .footer-version {display:none;}
  .member-app .site-footer nav {margin:0;display:flex;gap:13px;}
  .member-app .site-footer .inline-form {display:none;}
  .member-app .dashboard-hero.compact-hero {align-items:flex-start;}
  html[data-theme="light"] .member-bottom-nav {background:#fffaf3;}
  html[data-theme="light"] .member-bottom-nav a {color:#655a50;}
  html[data-theme="light"] .member-bottom-nav a.is-active {color:#83500b;background:#f3e9d8;}
}
@media(max-width:740px) {
  /* Öffentliche Seiten brauchen keine feststehende Fußleiste am Telefon. */
  body:not(.member-app) {padding-bottom:0;}
  body:not(.member-app) .site-footer {position:relative;min-height:0;height:auto;padding:12px 0 14px;}
  body:not(.member-app) .footer-inner {min-height:0;}
  .member-app .brand {width:126px;max-width:32vw;}
  .member-app .header-inner {min-height:68px;}
  .member-app .context-switcher {flex:0 1 230px;}
  .member-app .context-switcher summary {min-height:45px;padding:5px 9px;}
  .member-app .context-title small {font-size:.53rem;}
  .member-app .context-title strong {font-size:.78rem;}
  .member-app .context-menu {left:auto;right:0;}
  .member-app .dashboard-shell {padding-top:17px;}
  .member-app .dashboard-hero.compact-hero {padding:19px 19px 20px;gap:16px;}
  .member-app .dashboard-hero.compact-hero h1 {font-size:clamp(1.8rem,7vw,2.35rem);}
  .member-app .dashboard-hero .lead {font-size:.86rem;}
  .member-app .dashboard-hero-actions {width:100%;}
  .member-app .dashboard-hero-actions .button {width:100%;}
  .member-app .dashboard-meta {display:flex;gap:6px;}
  .member-app .meta-pill {min-width:0;width:auto;padding:8px 10px;}
  .member-app .dashboard-grid.refined .panel {padding:18px;}
  .member-app .dashboard-grid.refined .panel h2 {font-size:1.25rem;}
  .member-app .dashboard-hint {font-size:.78rem;align-items:flex-start;}
}
@media(max-width:390px) {
  .member-app .brand {width:103px;max-width:30vw;}
  .member-app .context-switcher {min-width:0;}
  .member-app .context-switcher summary {gap:6px;}
  .member-app .context-mark {width:28px;height:28px;}
  .member-app .header-actions .theme-toggle {padding:4px;font-size:1.15rem;}
  .member-bottom-nav a {font-size:.64rem;}
  .member-bottom-nav .nav-icon {width:20px;height:20px;}
  .member-app .site-footer span {display:none;}
}

/* Sichtbarer Tastaturfokus, auch bei kompakter Navigation. */
.member-bottom-nav a:focus-visible,
.context-menu a:focus-visible,
.member-profile-link:focus-visible,
.member-desktop-nav a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }

/* ================================================================
   ACTUNIO v0.1.5 — Layout correction
   - real stage photo on public hero (no missing custom CSS image)
   - contrast-safe brand image for light mode
   - compact fixed footer at every viewport size
   - member bottom navigation stacked immediately above footer
   ================================================================ */

/* The supplied logo master exists in light and dark variants. */
.site-header .brand-logo-dark { display:block; }
.site-header .brand-logo-light { display:none; }
html[data-theme="light"] .site-header .brand-logo-dark { display:none; }
html[data-theme="light"] .site-header .brand-logo-light { display:block; }

/* Keep the theatrical photo visible. Previous blend layers were too dark.
   The photo is an actual CSS asset, independent of PHP inline CSS variables. */
.hero,
html[data-theme="light"] .hero {
  background-color:#0b090c;
  background-image:
    linear-gradient(180deg,
      rgba(9,7,9,.12) 0%,
      rgba(9,7,9,.18) 30%,
      rgba(10,8,12,.38) 64%,
      rgba(10,9,14,.75) 88%,
      #0b0b10 100%),
    url('../img/stage.webp');
  background-position: center center, center top;
  background-repeat:no-repeat, no-repeat;
  background-size:cover, cover;
}
.hero::after {content:none;display:none;}
.hero-inner {position:relative;z-index:1;}

/* Footer fixed to the viewport on ALL pages and screen widths. */
:root {--footer-height:48px;--member-bottom-nav-height:0px;}
body,body.inside,body.member-app,body:not(.member-app) {
  padding-bottom:calc(var(--footer-height) + var(--member-bottom-nav-height) + env(safe-area-inset-bottom,0px));
}
.site-footer,
.member-app .site-footer,
body:not(.member-app) .site-footer {
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:80;
  height:calc(var(--footer-height) + env(safe-area-inset-bottom,0px));
  min-height:0;
  margin:0;
  padding:0 0 env(safe-area-inset-bottom,0px);
  background:#0e0c10;
  border-top:1px solid rgba(245,197,66,.25);
  box-shadow:0 -3px 12px rgba(0,0,0,.22);
}
html[data-theme="light"] .site-footer,
html[data-theme="light"] body:not(.member-app) .site-footer,
html[data-theme="light"] .member-app .site-footer {background:#f8f6f1;}
.footer-inner,
.member-app .footer-inner,
body:not(.member-app) .footer-inner {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  min-height:var(--footer-height);
  gap:12px;
  text-align:left;
}
.site-footer .footer-inner > div {min-width:0;}
.site-footer .footer-inner nav {display:flex;align-items:center;gap:14px;margin:0;flex-wrap:nowrap;}
.site-footer small.footer-version {display:none;}

@media (max-width: 980px) {
  :root {--footer-height:36px;}
  body.member-app {--member-bottom-nav-height:62px;}
  .member-bottom-nav {
    bottom:calc(var(--footer-height) + env(safe-area-inset-bottom,0px));
    height:var(--member-bottom-nav-height);
    padding:3px 6px;
    z-index:70;
  }
  .site-footer .footer-inner > div {display:flex;align-items:center;gap:4px;}
  .site-footer .footer-inner nav {gap:10px;font-size:.74rem;}
  .site-footer b {font-size:.75rem;}
  .site-footer span {font-size:.69rem;}
  .site-footer .inline-form {display:none;}
}
@media (max-width:740px) {
  :root {--footer-height:34px;}
  body.member-app {--member-bottom-nav-height:60px;}
  .footer-inner,
  .member-app .footer-inner,
  body:not(.member-app) .footer-inner {
    width:min(100% - 24px,var(--content-max));
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    min-height:var(--footer-height);
    gap:10px;
    text-align:left;
  }
  .site-footer .footer-inner nav,
  .member-app .site-footer nav {margin:0;display:flex;gap:10px;}
  .site-footer nav a:not(:first-child),
  .member-app .site-footer nav a:not(:first-child) {display:none;}
  .site-footer .inline-form,.member-app .site-footer .inline-form {display:none;}
  .site-footer .footer-inner > div {justify-content:flex-start;white-space:nowrap;}
  .hero {background-position:center center, center top;}
}
@media (max-width:520px) {
  .site-footer span {display:none;}
}
@media (max-width:390px) {
  .member-app .site-footer span {display:none;}
}