/* KI-Manager: warmes Glas auf durchgehendem Schwarz. Lokale Musterseite. */
:root { --bg:#000; --surface:#090b0b; --panel:#111515; --border:rgba(202,164,104,.24); --border-dim:transparent; --text:#f2eee7; --text-muted:#aaaead; --text-dim:#878b89; --teal:#55c5b4; --teal-light:#7edaca; --amber:#dab478; --amber-light:#f2d49f; --amber-dim:#745a36; }
body,section,.site-footer,.toc-bar { background-color:#000; }
section,.hero,.site-footer { border-color:transparent; }
.toc-bar { border-bottom:1px solid rgba(216,180,120,.13); }
.toc-link.active { color:var(--amber-light); border-color:rgba(216,180,120,.35); background:rgba(216,180,120,.08); }
.kicker { color:var(--teal-light); }
.section-lead { color:#aaaead; }
.module-grid,.role-grid,.relevanz-grid,.fokus-grid { gap:20px; }
.module-card,.role-card,.relevanz-card,.fokus-card,.callout {
 background:radial-gradient(ellipse at 0 0,rgba(89,145,133,.10),transparent 62%),linear-gradient(145deg,rgba(25,28,26,.92),rgba(8,11,11,.96) 62%,rgba(27,22,15,.75));
 border:1px solid rgba(208,174,113,.23); border-radius:20px;
 box-shadow:inset 0 1px 0 rgba(255,231,188,.08),inset 0 -1px 0 rgba(75,168,151,.06),0 12px 28px rgba(0,0,0,.25);
 transition:border-color .22s,box-shadow .22s;
}
.module-card:hover,.role-card:hover,.relevanz-card:hover,.fokus-card:hover {
 background:radial-gradient(ellipse at 0 0,rgba(89,145,133,.10),transparent 62%),linear-gradient(145deg,rgba(25,28,26,.92),rgba(8,11,11,.96) 62%,rgba(27,22,15,.75));
 border-color:rgba(227,191,132,.48); box-shadow:inset 0 1px 0 rgba(255,231,188,.14),0 8px 30px rgba(184,136,61,.07);
}
.module-card { padding:24px; }
.role-card,.relevanz-card,.fokus-card { padding:26px 28px; }
.ib-glass-icon { display:block; width:76px; height:76px; flex-shrink:0; object-fit:contain; }
.ib-glass-icon--small { width:30px; height:30px; }
.role-card__icon { width:76px; height:76px; border:0; border-radius:0; background:transparent; margin:0 0 16px -6px; }
.relevanz-card__icon { margin:0 0 16px -6px; }
.role-card__title,.relevanz-card__title { font-size:22px; line-height:1.2; margin-bottom:12px; }
.role-card__desc,.relevanz-card__text { font-size:14px; line-height:1.75; }
.ib-module-heading { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.ib-module-heading .ib-glass-icon { width:60px; height:60px; margin-left:-6px; }
.ib-module-heading .module-card__num { margin:0; color:var(--amber); }
.module-card__title { font-size:20px; line-height:1.25; margin-bottom:14px; }
.module-card__topics li { color:#aaaead; line-height:1.65; }
.module-card__topics li::before { background:linear-gradient(135deg,#ffe3a4,#9b6c30); border:none; box-shadow:0 0 6px rgba(218,180,120,.25); }
.module-card--highlight { border-color:rgba(218,180,120,.48); }
.module-card--highlight .module-card__topics li::before { background:linear-gradient(135deg,#ffe3a4,#9b6c30); }
.ib-focus-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }
.ib-focus-heading .ib-glass-icon { margin-left:-6px; }
.fokus-card__num { margin:0; color:#b89a6d; font-size:38px; opacity:.48; }
.fokus-card::before { display:none; }
.fokus-card__title { font-size:23px; }
.callout { border-left:2px solid #b6a16d; padding:22px 26px; }
.callout__label { gap:10px; font-size:12px; color:var(--amber-light); }
.callout__body { color:#aaaead; }
.cta-link { color:var(--amber-light); border-color:rgba(216,180,120,.38); background:linear-gradient(145deg,rgba(100,76,43,.19),rgba(36,64,57,.14)); box-shadow:inset 0 1px 0 rgba(255,236,203,.09); padding:10px 20px; gap:10px; }
.cta-link:hover { color:#fff1d5; background:rgba(216,180,120,.12); border-color:var(--amber); }
.cta-link:focus-visible,.toc-link:focus-visible { outline:2px solid #8edccc; outline-offset:4px; }
.hero__meta-item { gap:8px; }
.hero__cert { background:linear-gradient(130deg,rgba(34,74,59,.20),rgba(104,78,40,.09)); border-color:rgba(126,184,146,.28); }
.fokus-card__tag,.relevanz-card__tag { background:rgba(39,56,50,.25); border-color:rgba(99,176,157,.25); color:#98cfc0; }
.relevanz-card__tag { color:var(--amber-light); background:rgba(104,78,40,.13); border-color:rgba(216,180,120,.3); }
@media(min-width:641px) and (max-width:900px) { .module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .module-grid > :last-child:nth-child(3n+1) { grid-column:auto; } }
@media(min-width:520px) and (max-width:780px) { .relevanz-grid > :last-child { grid-column:1/-1; } }
@media(max-width:640px) { .role-card,.relevanz-card,.fokus-card,.module-card { padding:22px; } .module-grid,.role-grid,.relevanz-grid,.fokus-grid { gap:16px; } .cta-link { letter-spacing:.06em; font-size:13px; max-width:100%; } .callout { padding:20px; } }
@media(prefers-reduced-motion:reduce) { .module-card,.role-card,.relevanz-card,.fokus-card { transition:none; } }