/* ===== Navigation: Dropdown und Mobilmenü ===== */
.nav ul li{position:relative}
.nav ul a.act{color:var(--brass-l)}
header.solid .nav ul a.act{color:var(--brass)}
.dd{position:absolute;top:100%;left:-24px;min-width:280px;padding:14px 0;background:var(--night);border:1px solid var(--line-l);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .3s var(--ease);box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.nav li:hover .dd,.nav li:focus-within .dd{opacity:1;visibility:visible;transform:none}
.dd a{display:block;padding:9px 24px!important;color:var(--ivory)!important;font-size:13.5px}
.dd a::after{display:none}
.dd a:hover{color:var(--brass-l)!important;background:rgba(226,201,143,.06)}
.burger{display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative;color:inherit}
.burger i{position:absolute;left:10px;right:10px;height:1px;background:currentColor;transition:transform .4s var(--ease),top .4s var(--ease)}
.burger i:nth-child(1){top:17px}.burger i:nth-child(2){top:26px}
.menu-open .burger i:nth-child(1){top:22px;transform:rotate(45deg)}
.menu-open .burger i:nth-child(2){top:22px;transform:rotate(-45deg)}
#mnav{position:fixed;inset:0;z-index:49;background:var(--night);color:var(--ivory);padding:110px 24px 40px;overflow:auto;opacity:0;visibility:hidden;transition:opacity .4s}
.menu-open #mnav{opacity:1;visibility:visible}
.menu-open header{background:var(--night)!important;color:var(--ivory)!important}
.menu-open header .lg-w{opacity:1!important}.menu-open header .lg-s{opacity:0!important}
#mnav a{display:block;font-family:var(--serif);font-weight:600;font-size:32px;line-height:1.25;padding:8px 0;border-bottom:1px solid var(--line-l)}
#mnav .sub a{font-family:var(--sans);font-size:16px;padding:8px 0 8px 18px;color:var(--muted-l);border:0}
#mnav .mcall{margin-top:30px;display:grid;gap:10px}
#mnav .mcall a{font-family:var(--sans);font-size:14px;border:0;text-align:center}
@media (max-width:1050px){.burger{display:block}.nav .btn{display:none}}

/* ===== Seitenkopf Unterseiten ===== */
.phero{position:relative;background:var(--night);color:var(--ivory);overflow:hidden;padding:190px 0 110px}
.phero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;animation:kb 26s var(--ease) forwards}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,66,58,.82) 22%,rgba(36,66,58,.42) 62%,rgba(36,66,58,.12)),linear-gradient(180deg,transparent 70%,rgba(36,66,58,.55))}
.phero .wrap{position:relative;z-index:2}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-l);margin-bottom:34px}
.crumbs a:hover{color:var(--brass-l)}
.crumbs span::before{content:"/";margin-right:10px;opacity:.5}
.crumbs span:first-child::before{display:none}
.phero h1{font-size:clamp(46px,6.6vw,104px);line-height:1;max-width:980px}
.phero .lead{font-size:20px;font-weight:300;color:var(--muted-l);max-width:700px;margin-top:30px}
.phero .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}
.phero .byline{display:flex;align-items:center;gap:14px;margin-top:44px;font-size:13px;color:var(--muted-l)}
.phero .byline img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:1px solid var(--brass-l)}
.phero .byline b{color:var(--ivory);font-weight:500}

/* ===== Artikel-Layout mit Inhaltsverzeichnis ===== */
.doc{padding:110px 0 120px}
.doc .wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:90px;align-items:start}
.doc.no-toc .wrap{grid-template-columns:minmax(0,820px);justify-content:center}
.toc{position:sticky;top:120px;font-size:14px}
.toc b{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);font-weight:500;margin-bottom:16px}
.toc a{display:block;padding:8px 0 8px 16px;border-left:1px solid var(--line);color:var(--muted);line-height:1.4;transition:all .3s}
.toc a:hover{color:var(--ink)}
.toc a.on{border-color:var(--brass);color:var(--ink)}
.toc .btn{margin-top:30px;padding:14px 18px;font-size:11.5px;width:100%;justify-content:center}
.toc a.btn{border-left:0;color:var(--ivory);background:var(--night)}
.toc a.btn:hover{color:var(--brass-l);background:var(--forest)}

.prose{max-width:780px;font-size:18px;line-height:1.75}
.prose>*+*{margin-top:22px}
.prose h2{font-size:clamp(32px,3.4vw,46px);line-height:1.1;margin-top:80px;scroll-margin-top:110px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:27px;line-height:1.2;margin-top:46px}
.prose p{color:#2A3530}
.prose a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px}
.prose a:hover{color:var(--brass)}
.prose ul,.prose ol{padding-left:0;list-style:none}
.prose ul li,.prose ol li{position:relative;padding-left:30px;margin-top:10px}
.prose ul li::before{content:"";position:absolute;left:4px;top:.72em;width:7px;height:7px;background:var(--brass);transform:rotate(45deg)}
.prose ol{counter-reset:o}
.prose ol li{counter-increment:o}
.prose ol li::before{content:counter(o);position:absolute;left:0;top:0;font-family:var(--serif);font-weight:600;color:var(--brass);font-size:20px}
.prose strong{font-weight:600;color:var(--ink)}
.prose blockquote{font-family:var(--serif);font-weight:600;font-size:28px;line-height:1.3;border-left:2px solid var(--brass);padding-left:28px;color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;font-size:15.5px;margin-top:30px}
.prose th{text-align:left;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--brass);padding:12px 14px;border-bottom:1px solid var(--ink)}
.prose td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top}
.prose .tbl{overflow-x:auto}
.prose small,.prose .src{font-size:13px;color:var(--muted)}

/* Bausteine */
.kurz{background:var(--card);border:1px solid var(--line);border-left:2px solid var(--brass);padding:30px 34px}
.kurz>b{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);font-weight:500;margin-bottom:10px}
.kurz p{font-size:18px;color:var(--ink)}
.keyfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.keyfacts div{background:var(--ivory);padding:26px 24px}
.keyfacts b{display:block;font-family:var(--serif);font-size:34px;font-weight:600;line-height:1;color:var(--forest)}
.keyfacts span{display:block;margin-top:10px;font-size:13.5px;color:var(--muted);line-height:1.5}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.proscons>div{padding:30px;border:1px solid var(--line);background:var(--card)}
.proscons h4{font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;margin-bottom:12px}
.proscons .pro h4{color:var(--forest)}
.proscons .con h4{color:#8A4B2F}
.proscons ul li{font-size:16px}
.proscons .con ul li::before{background:#8A4B2F}
.hinweis{background:var(--ivory-2);padding:24px 28px;font-size:15.5px;color:var(--ink)}
.hinweis b{color:var(--forest)}
.figure{margin:40px 0}
.figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.figure figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.qa{border-bottom:1px solid var(--line)}
.qa summary{font-size:24px;padding:22px 0}
.qa p{padding:0 0 22px;color:var(--muted)}
.pruefen{background:#F6E7A6;color:#5C4A00;padding:1px 6px;font-size:.85em;font-family:var(--sans)}
.author{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:center;margin-top:80px;padding:34px;background:var(--night);color:var(--ivory)}
.author img{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:1px solid var(--brass-l);padding:4px}
.author b{display:block;font-family:var(--serif);font-size:26px;font-weight:600}
.author span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-l);margin:4px 0 10px}
.author p{color:var(--muted-l);font-size:15px;line-height:1.6}

/* Abschluss-Band und verwandte Seiten */
.ctaband{background:var(--night);color:var(--ivory);padding:110px 0;text-align:center;position:relative;overflow:hidden}
.ctaband::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 50% 0,rgba(226,201,143,.12),transparent 70%)}
.ctaband .wrap{position:relative}
.ctaband h2{max-width:800px;margin:22px auto 20px}
.ctaband p{color:var(--muted-l);max-width:560px;margin:0 auto}
.ctaband .ctas{display:flex;justify-content:center;gap:14px;margin-top:40px;flex-wrap:wrap}
.related{padding:110px 0;background:var(--ivory-2)}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.rcard{background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s}
.rcard:hover{transform:translateY(-5px);box-shadow:0 30px 60px -34px rgba(21,40,34,.4)}
.rcard img{width:100%;aspect-ratio:16/10;object-fit:cover}
.rcard div{padding:26px 28px 30px}
.rcard small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
.rcard h3{font-size:26px;line-height:1.15;margin-top:8px}

/* Übersichtsseiten */
.hub{padding:110px 0}
.hgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.hcard{display:grid;grid-template-columns:200px 1fr;background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s}
.hcard:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(21,40,34,.4)}
.hcard img{width:100%;height:100%;object-fit:cover;min-height:200px}
.hcard div{padding:30px}
.hcard small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
.hcard h3{font-size:30px;margin:8px 0 10px;line-height:1.1}
.hcard p{font-size:15px;color:var(--muted)}

/* Rechtstexte */
.legal h2{font-size:30px;margin-top:56px}
.legal h3{font-size:22px}
.legal p,.legal li{font-size:16px}

@media (max-width:1050px){
  .doc .wrap{grid-template-columns:1fr;gap:40px}
  .toc{position:static;display:none}
  .rgrid{grid-template-columns:1fr 1fr}
  .hgrid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .phero{padding:140px 0 80px}
  .phero .lead{font-size:17px}
  .doc{padding:70px 0 80px}
  .prose{font-size:17px}
  .proscons{grid-template-columns:1fr}
  .author{grid-template-columns:1fr;text-align:left;padding:26px}
  .rgrid{grid-template-columns:1fr}
  .hcard{grid-template-columns:1fr}
  .hcard img{min-height:180px;max-height:220px}
  .ctaband,.related,.hub{padding:80px 0}
}

/* ===== Über mich ===== */
.story{padding:130px 0}
.story .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}
.story .portrait{position:sticky;top:120px}
.story .cv{border-color:var(--line)}
.story .cv li{color:var(--muted)}
.story .cv b{color:var(--brass)}
.story .cv li:last-child span{color:var(--ink);font-weight:500}
.story .cv li:last-child::before{background:var(--forest);box-shadow:0 0 0 4px rgba(27,49,41,.15)}
.story .sig-img{filter:none;margin-left:-6px}
.values{background:var(--night);color:var(--ivory);padding:130px 0}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-l);border:1px solid var(--line-l);margin-top:60px}
.vgrid div{background:var(--night);padding:40px 32px}
.vgrid b{display:block;font-family:var(--serif);font-size:30px;font-weight:600;color:var(--brass-l);margin-bottom:12px}
.vgrid p{color:var(--muted-l);font-size:15.5px}
.creds-sec{padding:130px 0}
.creds-sec .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:start}
.creds-sec .seal-big{background:var(--card);border:1px solid var(--line);padding:44px;text-align:center}
.creds-sec .seal-big img{width:170px;height:170px;margin:0 auto 22px}
.creds-sec .seal-big p{font-size:15px;color:var(--muted)}
.contact-page{background:var(--ivory)!important;color:var(--ink)!important}
@media (max-width:1050px){.story .wrap,.creds-sec .wrap{grid-template-columns:1fr;gap:60px}.story .portrait{position:relative;top:0;max-width:520px}.vgrid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.story,.values,.creds-sec{padding:80px 0}.vgrid{grid-template-columns:1fr}}
.prose .cv{counter-reset:none;padding-left:24px}
.prose .cv li{padding-left:0}
.prose .cv li::before{content:"";left:-28px;top:15px;width:7px;height:7px;background:var(--brass);transform:rotate(45deg);font-size:0}
.ways{padding:120px 0}
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.wgrid div{background:var(--card);border:1px solid var(--line);padding:36px}
.wgrid b{display:block;font-family:var(--serif);font-size:28px;font-weight:600;margin-bottom:10px}
.wgrid p{color:var(--muted);font-size:15.5px}
.wgrid a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--brass)}
@media (max-width:900px){.wgrid{grid-template-columns:1fr}.ways{padding:80px 0}}
@media (max-width:1050px){.doc .wrap{grid-template-columns:minmax(0,1fr)}}
.menu-open .mcta,.menu-open .draft{display:none!important}
.prose .tbl{max-width:100%;-webkit-overflow-scrolling:touch}
.prose img{max-width:100%;height:auto}

/* 31.10.: dunkle Flächen im Grün der Diamanten-Sektion */
.phero,.ctaband,.values,.about,.author{background:linear-gradient(160deg,var(--forest-2),var(--forest) 60%,#152822)}
.phero{background:linear-gradient(160deg,#3A5E52,#2C4C42 60%,#24423A)}
.vgrid div{background:transparent}
/* Footer: Siegel neben dem Logo */
.fbig{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;white-space:normal}
.fbig .seal{margin-top:0;font-family:var(--sans);letter-spacing:0;color:var(--muted-l)}
.fbig .seal img{width:130px;height:130px}
.fbig .seal span{font-size:12px;line-height:1.6;max-width:170px}
@media (max-width:700px){.fbig img[alt="RB Konzept"]{height:90px!important}.fbig .seal img{width:90px;height:90px}}
/* Spektrum ohne Hover-Bilder */
.sp-prev{display:none!important}
.sp .no{transition:color .5s}
.sp:hover .no{color:var(--brass-l)}
.sp:hover h3{color:var(--ivory)}

/* Diamant-Szene */
.dscene{position:relative;height:340vh;background:linear-gradient(160deg,var(--forest-2),var(--forest) 60%,#152822);color:var(--ivory)}
.ds-sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden}
.ds-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:60px;align-items:center;width:100%}
.ds-text h2{font-size:clamp(40px,5vw,68px);margin:24px 0 36px;color:var(--ivory)}
.ds-steps{position:relative;min-height:170px}
.ds-step{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.ds-step.on{opacity:1;transform:none}
.ds-step b{display:block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-l);margin-bottom:14px;font-weight:500}
.ds-step p{font-size:19px;line-height:1.65;color:var(--muted-l);max-width:440px}
.ds-dots{display:flex;gap:10px;margin-top:20px}
.ds-dots i{width:34px;height:2px;background:var(--line-l);transition:background .5s}
.ds-dots i.on{background:var(--brass-l)}
.dscene canvas{width:100%;height:min(78vh,640px);display:block}
.dscene.static{height:auto}
.dscene.static .ds-sticky{position:static;height:auto;padding:110px 0}
.dscene.static .ds-step{position:static;opacity:1;transform:none;margin-bottom:24px}
@media (max-width:900px){
  .ds-grid{grid-template-columns:1fr;gap:0}
  .dscene canvas{order:-1;height:44vh}
  .ds-text h2{margin:14px 0 18px}
  .ds-step p{font-size:16px}
}
.risk a{color:var(--brass-l)}

/* Szene Pflegeimmobilie */
.ds-vis{display:flex;flex-direction:column;justify-content:center;min-width:0}
.bldg{width:100%;height:min(70vh,560px)}
.bldg .ln{fill:none;stroke:var(--brass-l);stroke-width:1.3;stroke-dashoffset:1}
.bldg .win{fill:rgba(226,201,143,0);stroke:rgba(226,201,143,.0);stroke-width:1;transition:fill .9s var(--ease),stroke .9s var(--ease)}
.bldg .win.on{fill:rgba(226,201,143,.22);stroke:rgba(226,201,143,.55)}
#pscene[data-step="3"] .bldg .win.on{fill:rgba(226,201,143,.1)}
#pscene[data-step="3"] .bldg .apt.on{fill:rgba(240,221,176,.85);stroke:#F0DDB0}
.apt-lab{opacity:0;transition:opacity .8s var(--ease)}
.apt-lab.on{opacity:1}
.apt-lab .ln2{fill:none;stroke:var(--brass-l);stroke-width:1}
.apt-lab text{fill:var(--ivory);font-family:var(--serif);font-weight:600;font-size:26px}
.apt-lab text.sm{fill:var(--brass-l);font-family:var(--sans);font-size:13px;letter-spacing:.14em;text-transform:uppercase}
/* Szene Seltene Erden */
.ptable{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.ptile{aspect-ratio:1;border:1px solid var(--line-l);padding:8px 9px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transform:translateY(12px);transition:all .7s var(--ease);background:rgba(255,255,255,.015)}
.ptile.on{opacity:.55;transform:none}
.ptile small{font-size:10px;color:var(--muted-l)}
.ptile b{font-family:var(--serif);font-size:clamp(18px,2vw,28px);font-weight:600;color:var(--ivory);line-height:1}
.ptile span{font-size:9px;letter-spacing:.04em;color:var(--muted-l);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptile.hot{opacity:1;border-color:var(--brass-l);background:linear-gradient(150deg,rgba(226,201,143,.32),rgba(226,201,143,.05));transform:translateY(-6px);box-shadow:0 18px 40px -18px rgba(226,201,143,.45)}
.ptile.hot b{color:#F0DDB0}
.ptable .ptile:nth-child(n+10){grid-column:auto}
.ptable .ptile:nth-child(10){grid-column:2}
.ptcap{margin-top:22px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-l)}
.dscene.static .ptile{opacity:1;transform:none}
@media (max-width:900px){
  .bldg{height:40vh}
  .ptable{gap:4px}.ptile{padding:4px}.ptile span,.ptile small{display:none}
  .ptcap{margin:12px 0 18px}
}

.ptbig{position:relative;height:clamp(150px,22vh,230px);margin-bottom:34px}
.pb{position:absolute;inset:0;display:flex;gap:22px;opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.bt{flex:1;border:1px solid var(--brass-l);background:linear-gradient(150deg,rgba(226,201,143,.22),rgba(226,201,143,.03));padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between}
.bt small{font-size:13px;color:var(--brass-l)}
.bt b{font-family:var(--serif);font-weight:600;font-size:clamp(56px,7vw,108px);line-height:.9;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bt span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ivory)}
#escene[data-step="0"] .pb[data-k="0"],#escene[data-step="1"] .pb[data-k="1"],#escene[data-step="2"] .pb[data-k="2"],#escene[data-step="3"] .pb[data-k="3"]{opacity:1;transform:none}
.dscene.static .ptbig{display:none}
@media (max-width:900px){.ptbig{height:120px;margin-bottom:14px}.bt{padding:10px 12px}.bt b{font-size:48px}}
@media (max-width:900px){.ds-vis{order:-1}}
/* Telefon-Button im Kopfbereich lesbar (06.11.2026) */
.phero .btn-ghost{border-color:rgba(247,243,236,.5);color:var(--ivory)}
.phero .btn-ghost:hover{border-color:var(--brass-l);color:var(--brass-l)}

/* Kontrast und Footer (Anmerkungen Roland 07.11.2026) */
:root{--brass:#785F35}
.phero,.ctaband,.values,.about,.author,.dscene,.feat{--brass:#CDB88C}
.ctaband .btn-ghost,.dscene .btn-ghost,.values .btn-ghost,.about .btn-ghost,.author .btn-ghost{border-color:rgba(247,243,236,.55);color:var(--ivory)}
.ctaband .btn-ghost:hover,.dscene .btn-ghost:hover,.values .btn-ghost:hover,.about .btn-ghost:hover,.author .btn-ghost:hover{border-color:var(--brass-l);color:var(--brass-l)}
footer{background:#EFE9DE;color:#16191B;border-top:1px solid rgba(22,25,27,.1)}
footer .fcols b{color:#16191B;font-weight:600}
footer .fcols a:hover{color:#785F35}
footer .risk{border-top-color:rgba(22,25,27,.14);color:#3E4441}
footer .risk a{text-decoration:underline;color:#16191B}
footer .seal span,footer .seal span *{color:#3E4441}
footer .fbig img{opacity:1}
.st .dot{font-family:var(--sans);font-style:normal;font-weight:500;font-variant-numeric:lining-nums}
/* Ziffern eindeutig (Anmerkung 43): Cormorant zeichnet die 1 wie ein I */
.fact .n,.tno,.pillar .idx i,.st .dot{font-family:"Inter",system-ui,sans-serif;font-style:normal;font-variant-numeric:lining-nums tabular-nums}
.fact .n{font-weight:300;letter-spacing:-.04em}
.pillar .idx i{font-weight:300}
.tno{font-weight:500;font-size:14px;letter-spacing:.12em}
/* Lesbarkeit Wissen-Karte (Anmerkung 42) */
.feat{background-image:linear-gradient(180deg,rgba(21,40,34,.82),rgba(21,40,34,.9) 45%,rgba(21,40,34,.97)),var(--feat-img,url(img/mineral.jpg))}
/* Kachel Seltene Erden: Farbpulver mit grüner Lasur, damit die Schrift lesbar bleibt */
.tile.lasur::after{background:linear-gradient(180deg,rgba(28,51,41,.5) 0%,rgba(28,51,41,.68) 45%,rgba(15,24,20,.93) 100%)}
.tile.lasur:hover::after{background:linear-gradient(180deg,rgba(28,51,41,.38) 0%,rgba(28,51,41,.55) 45%,rgba(15,24,20,.9) 100%)}

/* Wissensmodell Periodensystem der Zukunftsmetalle (07.11.2026) */
.pscene{background:linear-gradient(160deg,var(--forest-2),var(--forest) 60%,#152822);color:var(--ivory);padding:110px 0;--brass:#CDB88C}
.pscene h2{margin:22px 0 14px;color:var(--ivory)}
.ps-lead{color:var(--muted-l);max-width:620px;margin:0 0 30px}
.ps-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.ps-filter button{font:500 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:11px 16px;border:1px solid rgba(247,243,236,.3);background:transparent;color:var(--ivory);cursor:pointer;transition:all .3s}
.ps-filter button:hover{border-color:var(--brass-l);color:var(--brass-l)}
.ps-filter button.act{background:var(--brass-l);border-color:var(--brass-l);color:#13281F}
.ps-stage{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:40px;align-items:start}
.ps-grid{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,auto) 14px repeat(2,auto);gap:3px}
.pse{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;font:500 clamp(9px,1vw,14px)/1 "Inter",sans-serif;color:rgba(247,243,236,.22);border:1px solid rgba(247,243,236,.07);background:transparent;padding:0;position:relative}
.pse i{position:absolute;left:3px;top:2px;font-style:normal;font-size:clamp(6px,.55vw,8px);opacity:.8}
.psg{display:flex;align-items:center;justify-content:center;font:9px/1 "Inter",sans-serif;color:rgba(247,243,236,.3);border:1px dashed rgba(247,243,236,.12)}
.pse.on{cursor:pointer;color:var(--ivory);font-weight:600;border-color:rgba(226,201,143,.55);background:linear-gradient(150deg,rgba(226,201,143,.22),rgba(226,201,143,.04));transition:transform .3s var(--ease),background .3s,opacity .3s,box-shadow .3s}
.pse.on.g-se{border-color:rgba(160,205,185,.6);background:linear-gradient(150deg,rgba(160,205,185,.22),rgba(160,205,185,.04))}
.pse.on:hover,.pse.on:focus-visible,.pse.on.glow{transform:translateY(-3px) scale(1.12);z-index:2;box-shadow:0 10px 24px -10px rgba(226,201,143,.6);outline:none}
.pse.on.sel{background:var(--brass-l);color:#13281F;border-color:var(--brass-l);transform:scale(1.14);z-index:3}
.pse.on.g-se.sel{background:#A0CDB9;border-color:#A0CDB9}
.pse.on.dim{opacity:.18;pointer-events:none}
.ps-panel{border:1px solid rgba(247,243,236,.14);padding:28px;background:rgba(247,243,236,.035);min-height:420px}
.ps-panel.swap{animation:psin .45s var(--ease)}
@keyframes psin{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
.ps-tile{width:96px;height:96px;display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px;background:var(--brass-l);color:#13281F;font-family:"Inter",sans-serif}
.ps-tile.g-se{background:#A0CDB9}
.ps-tile i{font-style:normal;font-size:12px}.ps-tile b{font-size:36px;line-height:1;font-weight:600}.ps-tile span{font-size:10px;letter-spacing:.04em}
.ps-k{margin:22px 0 4px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-l)}
.ps-panel h3{font-size:40px;color:var(--ivory);margin-bottom:18px}
.ps-panel dt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-l);margin-top:16px}
.ps-panel dd{margin:6px 0 0;font-size:15.5px;line-height:1.6;color:rgba(247,243,236,.86)}
.ps-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}.ps-list span{color:var(--muted-l)}
.cc{margin:30px 0 10px}.cc li{display:grid;grid-template-columns:150px 1fr 120px;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);list-style:none}
.cc ul{padding:0;margin:0}.cc-bar{height:10px;background:var(--stone);position:relative;overflow:hidden}
.cc-bar span{position:absolute;inset:0 auto 0 0;width:var(--v);background:linear-gradient(90deg,#785F35,#B8925A)}
.cc-v{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}
@media (max-width:1000px){.ps-stage{grid-template-columns:1fr}.ps-panel{min-height:0}}
@media (max-width:700px){.pscene{padding:80px 0}
 .ps-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:none}
 .ps-grid .pse:not(.on),.ps-grid .psg{display:none}
 .ps-grid .pse.on{grid-row:auto!important;grid-column:auto!important;font-size:18px}
 .ps-grid .pse i{font-size:9px}
 .cc li{grid-template-columns:1fr 90px}.cc-bar{grid-column:1/-1;grid-row:2}}