@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/ca63ea0b.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/f98f066b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/ca63ea0b.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/f98f066b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/ca63ea0b.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/f98f066b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("/assets/fonts/ca63ea0b.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("/assets/fonts/f98f066b.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



html,body{background:#0A0F1E;margin:0}
body{color:#EEF1F8;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#EEF1F8;text-decoration:none}a:hover{color:#8FDDF5}
a:focus-visible{outline:1.5px solid #8FDDF5;outline-offset:3px;border-radius:999px}
@keyframes breathe{50%{transform:scale(.72);opacity:.55}}
@keyframes drift1{to{transform:translate(-120px,60px) scale(1.15)}}
@keyframes drift2{to{transform:translate(140px,-50px) scale(1.1)}}
@keyframes lin{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.hv0:hover{color:#EEF1F8 !important}
.hv1:hover{color:#EEF1F8 !important}
.hv2:hover{color:#EEF1F8 !important}
.hv3:hover{color:#EEF1F8 !important}
.hv4:hover{color:#EEF1F8 !important}
.hv5:hover{border-color:rgba(143,221,245,.6) !important}
.hv6:hover{transform:translateY(-2px) !important}
.hv7:hover{transform:translateY(-2px) !important;box-shadow:0 16px 42px rgba(235,192,122,.4) !important}
.hv8:hover{border-color:rgba(143,221,245,.6) !important}
.hv9:hover{background:rgba(255,255,255,.02) !important}
.hv10:hover{background:rgba(255,255,255,.02) !important}
.hv11:hover{background:rgba(255,255,255,.02) !important}
.hv12:hover{background:rgba(255,255,255,.02) !important}
.hv13:hover{background:rgba(255,255,255,.02) !important}
.hv14:hover{background:rgba(255,255,255,.02) !important}
.hv15:hover{background:rgba(255,255,255,.02) !important}
.hv16:hover{background:rgba(255,255,255,.02) !important}
.hv17:hover{transform:translateY(-2px) !important}
.hv18:hover{border-color:rgba(143,221,245,.6) !important}
@media(max-width:759px){.navl{display:none!important}}
.stagebox{height:clamp(340px,32vw,440px)}
@media(max-width:759px){.stagebox{height:660px}}
.logline{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);animation:lin .7s cubic-bezier(.2,.8,.2,1) both}
.logline i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(143,221,245,.12);color:#8FDDF5}
.logline.seal{background:linear-gradient(90deg,rgba(235,192,122,.16),rgba(235,192,122,.04))}
.logline.seal i{background:rgba(235,192,122,.2);color:#EBC07A}
.logline em{font-style:normal;font-size:13.5px;color:#EEF1F8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logline time{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:#6B7591;font-variant-numeric:tabular-nums}


/* ---------- B · Dämmerblau ---------- */
html.t-daemmer{background:#0F1633}html.t-daemmer body{background:linear-gradient(180deg,#1E2856 0%,#18214A 25%,#141C40 60%,#10173A 100%)}
html.t-daemmer [data-screen-label="Beweiskette"]{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03) 40%,rgba(127,134,217,.08))!important}

/* ---------- light token overrides (shared by C and D) ---------- */
html.t-perl{background:#EEF3F5}html.t-perl body{background:#F2F6F7}
html.t-verlauf{background:#E6E8F2}html.t-verlauf body{background:linear-gradient(180deg,#0A0F1E 0px,#0A0F1E calc(var(--split,1000px) - 120px),#1E2748 calc(var(--split,1000px) - 20px),#C9CEE0 calc(var(--split,1000px) + 110px),#ECEEF6 calc(var(--split,1000px) + 260px),#E6E8F2 100%)}
html.t-perl .L,html.t-verlauf .L{color:#121833}
html.t-perl .Lp a,html.t-perl .Lv a,html.t-verlauf .Lv a{color:#121833}
html.t-perl .Lp a:hover,html.t-perl .Lv a:hover,html.t-verlauf .Lv a:hover{color:#2A6F95}
html.t-perl .Lp [style*="color:#A7B1C8"],html.t-perl .Lv [style*="color:#A7B1C8"],html.t-verlauf .Lv [style*="color:#A7B1C8"]{color:#4B5573!important}
html.t-perl .Lp [style*="color:#6B7591"],html.t-perl .Lv [style*="color:#6B7591"],html.t-verlauf .Lv [style*="color:#6B7591"]{color:#6B738C!important}
html.t-perl .Lp [style*="color:#EEF1F8"],html.t-perl .Lv [style*="color:#EEF1F8"],html.t-verlauf .Lv [style*="color:#EEF1F8"]{color:#121833!important}
html.t-perl .Lp [style*="color:#8FDDF5"],html.t-perl .Lv [style*="color:#8FDDF5"],html.t-verlauf .Lv [style*="color:#8FDDF5"]{color:#23739A!important}
html.t-perl .Lp [style*="color:#EBC07A"],html.t-perl .Lv [style*="color:#EBC07A"],html.t-verlauf .Lv [style*="color:#EBC07A"]{color:#9A6A26!important}
html.t-perl .Lp [style*="rgba(190,205,235,.10)"],html.t-perl .Lv [style*="rgba(190,205,235,.10)"],html.t-verlauf .Lv [style*="rgba(190,205,235,.10)"],html.t-perl .Lp [style*="rgba(190,205,235,.08)"],html.t-perl .Lv [style*="rgba(190,205,235,.08)"],html.t-verlauf .Lv [style*="rgba(190,205,235,.08)"]{border-color:rgba(18,24,51,.12)!important}
html.t-perl .Lp [style*="border:1px solid rgba(190,205,235,.22)"],html.t-perl .Lv [style*="border:1px solid rgba(190,205,235,.22)"],html.t-verlauf .Lv [style*="border:1px solid rgba(190,205,235,.22)"]{border-color:rgba(18,24,51,.22)!important}
html.t-perl .Lp [style*="background:rgba(255,255,255,.03"],html.t-perl .Lv [style*="background:rgba(255,255,255,.03"],html.t-verlauf .Lv [style*="background:rgba(255,255,255,.03"],html.t-perl .Lp [style*="background:rgba(255,255,255,.04"],html.t-perl .Lv [style*="background:rgba(255,255,255,.04"],html.t-verlauf .Lv [style*="background:rgba(255,255,255,.04"],html.t-perl .Lp [style*="background:linear-gradient(160deg,rgba(255,255,255,.05"],html.t-perl .Lv [style*="background:linear-gradient(160deg,rgba(255,255,255,.05"],html.t-verlauf .Lv [style*="background:linear-gradient(160deg,rgba(255,255,255,.05"]{background:rgba(255,255,255,.72)!important;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 50px rgba(30,40,90,.08),0 0 0 1px rgba(18,24,51,.07)!important}
html.t-perl .Lp [style*="box-shadow:inset 0 0 0 1px rgba(190,205,235,.22)"],html.t-perl .Lv [style*="box-shadow:inset 0 0 0 1px rgba(190,205,235,.22)"],html.t-verlauf .Lv [style*="box-shadow:inset 0 0 0 1px rgba(190,205,235,.22)"]{box-shadow:inset 0 0 0 1px rgba(18,24,51,.18)!important}
html.t-perl .Lp [style*="box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)"],html.t-perl .Lv [style*="box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)"],html.t-verlauf .Lv [style*="box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)"],html.t-perl .Lp [style*="box-shadow:inset 0 0 0 1px rgba(190,205,235,.10)"],html.t-perl .Lv [style*="box-shadow:inset 0 0 0 1px rgba(190,205,235,.10)"],html.t-verlauf .Lv [style*="box-shadow:inset 0 0 0 1px rgba(190,205,235,.10)"]{box-shadow:inset 0 0 0 1px rgba(18,24,51,.09)!important}
html.t-perl .Lp [style*="background:rgba(17,24,51,.9)"],html.t-perl .Lv [style*="background:rgba(17,24,51,.9)"],html.t-verlauf .Lv [style*="background:rgba(17,24,51,.9)"]{background:#FFFFFF!important}
html.t-perl .Lp [style*="#F7E3BE 10%"],html.t-perl .Lv [style*="#F7E3BE 10%"],html.t-verlauf .Lv [style*="#F7E3BE 10%"],html.t-perl .Lp [style*="#EBC07A 55%,#B9C3F5"],html.t-perl .Lv [style*="#EBC07A 55%,#B9C3F5"],html.t-verlauf .Lv [style*="#EBC07A 55%,#B9C3F5"]{background-image:linear-gradient(100deg,#B98232 5%,#8E5E1F 45%,#4F5AAE 95%)!important}
html.t-perl .Lp [style*="linear-gradient(100deg,#F7E3BE,#EBC07A)"],html.t-perl .Lv [style*="linear-gradient(100deg,#F7E3BE,#EBC07A)"],html.t-verlauf .Lv [style*="linear-gradient(100deg,#F7E3BE,#EBC07A)"]{background-image:linear-gradient(100deg,#B98232,#8E5E1F)!important}
html.t-perl .Lp [style*="linear-gradient(90deg,rgba(235,192,122,.5),transparent)"],html.t-perl .Lv [style*="linear-gradient(90deg,rgba(235,192,122,.5),transparent)"],html.t-verlauf .Lv [style*="linear-gradient(90deg,rgba(235,192,122,.5),transparent)"]{background:linear-gradient(90deg,rgba(154,106,38,.6),transparent)!important}
html.t-perl .Lp svg [stroke="#A7B1C8"],html.t-perl .Lv svg [stroke="#A7B1C8"],html.t-verlauf .Lv svg [stroke="#A7B1C8"]{stroke:#4B5573}
html.t-perl .Lp svg [fill="#A7B1C8"],html.t-perl .Lv svg [fill="#A7B1C8"],html.t-verlauf .Lv svg [fill="#A7B1C8"]{fill:#4B5573}
html.t-perl .Lp [style*="mix-blend-mode:screen"],html.t-perl .Lv [style*="mix-blend-mode:screen"],html.t-verlauf .Lv [style*="mix-blend-mode:screen"]{mix-blend-mode:multiply!important;opacity:.55}
html.t-perl :is(.Lp,.Lv),html.t-verlauf .Lv{color:#121833}
html.t-perl :is(.Lp,.Lv) a:not([style*="#1A1407"]),html.t-verlauf .Lv a:not([style*="#1A1407"]){color:#121833}
/* stage stays a dark instrument panel */
html:is(.t-perl,.t-verlauf) [data-screen-label="Beweiskette"]{background:radial-gradient(ellipse 80% 90% at 40% 50%,#172048,#0B1026 80%)!important;box-shadow:0 40px 90px rgba(20,28,70,.28),inset 0 0 0 1px rgba(255,255,255,.06)!important;color:#EEF1F8}
html.t-perl .hdr-logo-stop{stop-color:#121833}
html.a-gold{--g1:#B98232;--g2:#8E5E1F;--g3:#4F5AAE;--solid:#9A6A26;--ac2:#23739A;--b1:#F7E3BE;--b2:#EBC07A;--b3:#D69A55;--bt:#1A1407;--rgb:235,192,122}
html.a-rose{--g1:#B97A6E;--g2:#8E5268;--g3:#5E5AA8;--solid:#9A5A62;--ac2:#5E5AA8;--b1:#F6E0DA;--b2:#DDAEA2;--b3:#BC7F74;--bt:#2A1414;--rgb:221,174,162}
html.a-indigo{--g1:#4B56C8;--g2:#6B4FB8;--g3:#8E5FCF;--solid:#4B4FB0;--ac2:#7A55C0;--b1:#7A83E6;--b2:#5B64D8;--b3:#3E47B0;--bt:#FFFFFF;--rgb:91,100,216}
html.a-petrol{--g1:#0E7C8C;--g2:#136A8E;--g3:#2B4C9B;--solid:#0F6E84;--ac2:#2B4C9B;--b1:#3AB0C0;--b2:#1A8FA0;--b3:#0E5F7A;--bt:#FFFFFF;--rgb:26,143,160}
html.a-smaragd{--g1:#2F8A6B;--g2:#1F6F62;--g3:#3A5E8C;--solid:#256F58;--ac2:#3A5E8C;--b1:#5BB894;--b2:#3FA07E;--b3:#1F6F5A;--bt:#FFFFFF;--rgb:63,160,126}
html.a-kupfer{--g1:#0F7C85;--g2:#0F7C85;--g3:#0F7C85;--solid:#0F7C85;--ac2:#0F7C85;--b1:#18A89B;--b2:#138F95;--b3:#0E6F78;--bt:#FFFFFF;--rgb:154,59,44}
html.t-perl :is(.Lp,.Lv) [style*="#F7E3BE 10%"],html.t-perl :is(.Lp,.Lv) [style*="#EBC07A 55%,#B9C3F5"]{background-image:linear-gradient(100deg,var(--g1) 5%,var(--g2) 45%,var(--g3) 95%)!important}
html.t-perl :is(.Lp,.Lv) [style*="linear-gradient(100deg,#F7E3BE,#EBC07A)"],html.t-perl :is(.Lp,.Lv) [style*="linear-gradient(100deg,#F7E3BE,#EBC07A 55%,#D69A55)"]{background-image:linear-gradient(100deg,var(--g1),var(--g2))!important}
html.t-perl :is(.Lp,.Lv) [style*="color:#EBC07A"]{color:var(--solid)!important}
html.t-perl :is(.Lp,.Lv) [style*="color:#8FDDF5"]{color:var(--ac2)!important}
html.t-perl :is(.Lp,.Lv) [style*="linear-gradient(135deg,#F7E3BE,#EBC07A 55%,#D69A55)"]{background:linear-gradient(135deg,var(--b1),var(--b2) 55%,var(--b3))!important;color:var(--bt)!important;box-shadow:0 10px 30px rgba(var(--rgb),.32),inset 0 1px 0 rgba(255,255,255,.35)!important}
html.t-perl :is(.Lp,.Lv) [style*="radial-gradient(circle at 35% 35%,#fff,#EBC07A)"]{background:radial-gradient(circle at 35% 35%,#fff,rgb(var(--rgb)))!important;box-shadow:0 0 14px rgb(var(--rgb))!important}
html.t-perl :is(.Lp,.Lv) [style*="linear-gradient(90deg,rgba(235,192,122,.5),transparent)"]{background:linear-gradient(90deg,var(--solid),transparent)!important}





/* ===== v3 · ein Farbsystem: Neutral · Nachtblau · Kupfer ===== */
html.t-perl [style*="mix-blend-mode:screen"]{display:none!important}
html.t-perl :is(.Lp,.Lv) [style*="background:linear-gradient(180deg,rgba(143,221,245,0)"]{background:linear-gradient(180deg,rgba(15,124,133,0),rgba(15,124,133,.35) 8%,rgba(15,124,133,.35) 90%,rgba(15,124,133,0))!important;width:2px!important}
html.t-perl :is(.Lp,.Lv) [style*="rgba(235,192,122,.6),rgba(127,134,217,.5),rgba(143,221,245,.6)"]{background:rgba(15,124,133,.35)!important;height:2px!important}
html.t-perl :is(.Lp,.Lv) [style*="radial-gradient(circle at 35% 35%,#fff,#8FDDF5)"],html.t-perl :is(.Lp,.Lv) [style*="radial-gradient(circle at 35% 35%,#fff,#7F86D9)"],html.t-perl :is(.Lp,.Lv) [style*="radial-gradient(circle at 35% 35%,#fff,#EBC07A)"]{background:#0F7C85!important;box-shadow:0 0 0 4px rgba(15,124,133,.14)!important;width:11px!important;height:11px!important}
html.t-perl :is(.Lp,.Lv) [style*="background:rgba(143,221,245,.10)"],html.t-perl :is(.Lp,.Lv) [style*="background:rgba(235,192,122,.12)"]{background:rgba(15,124,133,.08)!important;box-shadow:inset 0 0 0 1.5px #0F7C85!important;color:#0F7C85!important}
html.t-perl :is(.Lp,.Lv) [style*="background-clip:text"]{background:none!important;-webkit-text-fill-color:#0F7C85!important;color:#0F7C85!important}
html.t-perl :is(.Lp,.Lv) h1,html.t-perl :is(.Lp,.Lv) h2{color:#121833}
html.t-perl :is(.Lp,.Lv) [style*="color:#A7B1C8"]{color:#454D66!important}
html.t-perl :is(.Lp,.Lv) [style*="color:#6B7591"]{color:#5A6178!important}
html.t-perl .Lp [style*="border-radius:999px;background:rgba(255,255,255"]{box-shadow:inset 0 0 0 1px rgba(18,24,51,.14)!important}
/* dunkles Grafikfeld: gleiche Akzentfarbe, hellere Stufe */
[data-screen-label="Beweiskette"] [style*="stroke=\"#EBC07A\""],[data-screen-label="Beweiskette"] circle[stroke="#EBC07A"]{stroke:#5FE0CF}
[data-screen-label="Beweiskette"]{font-family:'Hanken Grotesk',system-ui,sans-serif}
[data-screen-label="Beweiskette"] h2{font-weight:600!important;font-size:20px!important;letter-spacing:-.01em!important}
.logline{padding:10px 12px}
.logline i{background:rgba(95,224,207,.16)!important;color:#5FE0CF!important}
.logline.seal{background:rgba(95,224,207,.14)!important}
.logline em{font-size:14px}
.logline time{font-family:inherit;font-size:12px;color:#8C94AD}
html.t-perl body{color:#121833}html.t-perl a{color:#121833}html.t-perl a:hover{color:#0F7C85}

/* ================= Unterseiten & Ergänzungen (Perlmutt · Bordeaux-Kupfer) ================= */
:root{--ink:#121833;--txt:#3A4360;--mute:#4B5573;--dim:#6B738C;--hair:rgba(18,24,51,.12);--acc:#0F7C85;--ac2:#2A45A8;--g1:#18A89B;--g2:#1E5C9A;--g3:#2A45A8;--b1:#2BC1B0;--b2:#12858F;--b3:#23408F}
html{scroll-behavior:smooth}
.skip{position:absolute;left:-9999px;top:10px;z-index:100;background:#121833;color:#fff!important;padding:10px 16px;border-radius:999px;font-weight:500}
.skip:focus{left:16px}
nav a[aria-current="page"]{color:#121833!important;text-decoration:underline;text-decoration-color:var(--b2);text-underline-offset:9px;text-decoration-thickness:1.5px}
.menu-btn{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(18,24,51,.2);background:rgba(255,255,255,.7);color:#121833;cursor:pointer;place-items:center}
.menu-btn span{display:block;width:16px;height:1.4px;background:currentColor;position:relative;transition:background .3s}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0;width:16px;height:1.4px;background:currentColor;transition:transform .35s,top .35s}
.menu-btn span::before{top:-5px}.menu-btn span::after{top:5px}
.menu-btn[aria-expanded="true"] span{background:transparent}
.menu-btn[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
@media(max-width:759px){.menu-btn{display:grid}header nav .hv5{display:none!important}}
.menu{position:fixed;inset:0;z-index:40;background:rgba(236,238,246,.96);backdrop-filter:blur(18px);padding:calc(104px + env(safe-area-inset-top,0px)) 22px 40px;overflow:auto}
.menu a.m{display:block;padding:14px 0;border-bottom:1px solid var(--hair);font-size:24px;letter-spacing:-.02em;color:#121833!important}
.menu .subs{display:grid;padding:6px 0 10px}.menu .subs a{font-size:15.5px;padding:7px 0;color:var(--mute)!important}
.menu .mrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
body.menu-open header{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);z-index:50;padding-inline:clamp(16px,4vw,64px)}
body.menu-open{overflow:hidden}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:500;font-size:15.5px;padding:15px 32px;border-radius:999px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.btn-mail{background:#0F7C85;color:#fff!important;box-shadow:0 10px 30px rgba(18,133,143,.32),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-mail:hover{transform:translateY(-2px)}
.btn-call{color:#121833!important;border:1px solid rgba(18,24,51,.22);background:rgba(255,255,255,.7)}
.btn-call:hover{border-color:var(--b2)}
.row{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:480px){.row{display:grid;grid-template-columns:1fr 1fr}.row .btn{padding:15px 10px}}
main{position:relative}
.crumbs{padding-top:clamp(34px,5vw,58px);font-size:13px;color:var(--dim)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:0}
.crumbs li+li::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--dim);margin-right:8px;vertical-align:middle}
.crumbs a{color:var(--mute)!important}.crumbs a:hover{color:var(--acc)!important}
.phero{padding-top:clamp(22px,3vw,34px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);padding:8px 16px 8px 10px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(18,24,51,.08),0 8px 22px rgba(30,40,90,.06)}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--b2));box-shadow:0 0 10px var(--b2)}
.phero h1{margin:22px 0 0;font-weight:400;font-size:clamp(38px,5.4vw,80px);line-height:1.04;letter-spacing:-.035em;max-width:18ch;text-wrap:balance;color:var(--ink)}
.phero h1 em,.related h2 em,.scontact h2 em,.prose h2 em{font-style:normal;color:#0F7C85;-webkit-text-fill-color:#0F7C85}
.lede{margin:24px 0 0;max-width:62ch;font-size:clamp(17px,1.35vw,19px);line-height:1.7;color:var(--mute);font-weight:400}
.phero .row{margin-top:30px}
.stations{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:40px}
.stations>span{font-size:12px;color:var(--dim);margin-right:6px}
.stations a{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--mute)!important;padding:8px 14px 8px 10px;border-radius:999px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px var(--hair)}
.stations a i{width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(18,24,51,.35)}
.stations a.on{color:#fff!important;background:#0F7C85;box-shadow:0 8px 22px rgba(18,133,143,.28)}
.stations a.on i{background:#fff;box-shadow:none}
.article{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(30px,6vw,96px);padding-top:clamp(60px,7vw,100px)}
@media(max-width:980px){.article{grid-template-columns:1fr}}
.toc{position:sticky;top:26px;align-self:start;padding:22px;border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(18,24,51,.07),0 18px 50px rgba(30,40,90,.07)}
@media(max-width:980px){.toc{display:none}}
.toc .t{display:block;margin-bottom:10px;font-weight:700;font-size:19px;color:var(--ink)}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.toc a{display:flex;gap:10px;padding:7px 0;font-size:13.5px;line-height:1.4;color:var(--dim)!important}
.toc a::before{content:"";flex:none;margin-top:6px;width:6px;height:6px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(18,24,51,.3)}
.toc a:hover,.toc a.on{color:var(--ink)!important}
.toc a.on::before{background:var(--b2);box-shadow:0 0 8px var(--b2)}
.prose{max-width:70ch;color:var(--txt)}
.prose h2{margin:70px 0 0;font-size:clamp(26px,2.5vw,36px);font-weight:400;letter-spacing:-.025em;line-height:1.14;color:var(--ink);scroll-margin-top:24px;text-wrap:balance}
.prose>h2:first-child,.prose>p:first-child+h2{margin-top:0}
.prose .h2n{display:inline-grid;place-items:center;width:40px;height:40px;margin-right:14px;vertical-align:.12em;border-radius:50%;font-weight:700;font-size:19px;color:var(--acc);box-shadow:inset 0 0 0 1px rgba(140,68,54,.35);background:rgba(255,255,255,.7)}
.prose h3{margin:32px 0 0;font-size:19px;font-weight:500;color:var(--ink)}
.prose p{margin:18px 0 0;font-size:17px;line-height:1.78;font-weight:400}
.prose>p:first-child{margin-top:0}
.prose strong{color:var(--ink);font-weight:500}
.prose a{color:var(--acc)!important;text-decoration:underline;text-decoration-color:rgba(140,68,54,.35);text-underline-offset:3px}
.prose a:hover{text-decoration-color:var(--acc)}
.prose ul,.prose ol{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:li}
.prose li{position:relative;padding-left:32px;font-size:16.5px;line-height:1.7;font-weight:400}
.prose ul li::before{content:"";position:absolute;left:4px;top:.66em;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--b2) 65%);box-shadow:0 0 8px rgba(18,133,143,.45)}
.prose ol li{counter-increment:li;padding-left:44px}
.prose ol li::before{content:counter(li);position:absolute;left:0;top:.05em;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;color:var(--acc);box-shadow:inset 0 0 0 1px rgba(140,68,54,.35);background:rgba(255,255,255,.7)}
.faq{margin-top:80px;padding:clamp(22px,3vw,38px);border-radius:26px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(18,24,51,.07),0 18px 50px rgba(30,40,90,.07)}
.faq h2{margin:0 0 12px!important}
.faq details{border-top:1px solid var(--hair)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:19px 0;font-size:17.5px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:30px;height:30px;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px var(--hair);transition:transform .5s cubic-bezier(.2,.7,.2,1),background .3s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.4px;background:var(--acc);transform:translate(-50%,-50%)}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .5s}
.faq details[open] summary i{transform:rotate(180deg);background:rgba(18,133,143,.1)}
.faq details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq summary:hover{color:var(--acc)}
.faq .a{padding:0 46px 20px 0}.faq .a p{margin:0}
.kick{font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--acc)}
.related{padding-top:clamp(80px,9vw,120px)}
.related>h2{margin:14px 0 0;font-weight:400;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.03em;color:var(--ink)}
.slist{margin-top:30px;border-bottom:1px solid var(--hair)}
.srow{display:grid;grid-template-columns:clamp(38px,5vw,80px) minmax(180px,1fr) minmax(0,1.3fr) 34px;gap:18px;align-items:baseline;padding:22px 0;border-top:1px solid var(--hair);color:var(--ink)!important;transition:padding .4s}
.srow:hover{padding-left:10px}
.srow .sn{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--acc)}
.srow h2,.srow h3{margin:0;font-size:clamp(17px,1.5vw,20px);font-weight:500;letter-spacing:-.01em}
.srow p{margin:0;font-size:14px;line-height:1.6;color:var(--mute);font-weight:400}
.srow .sg{align-self:center;color:var(--acc)}
@media(max-width:760px){.srow{grid-template-columns:34px 1fr 20px}.srow p{grid-column:2}.srow .sg{grid-row:1;grid-column:3}}
.ai{margin-top:26px;font-size:13.5px;line-height:1.65;color:var(--mute);max-width:80ch;font-weight:400}
.ai b{color:var(--acc);font-weight:500;margin-right:8px}
.scontact{position:relative;margin-top:clamp(90px,10vw,140px);padding:clamp(34px,5vw,72px) clamp(22px,5vw,72px);border-radius:30px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(18,24,51,.07),0 30px 80px rgba(30,40,90,.09);overflow:hidden;isolation:isolate}
.scontact::before{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-200px;bottom:-360px;border-radius:50%;background:radial-gradient(circle,rgba(18,133,143,.22),transparent 62%)}
.scontact h2{margin:14px 0 0;font-weight:400;font-size:clamp(32px,4.4vw,62px);line-height:1.05;letter-spacing:-.035em;color:var(--ink);max-width:15ch}
.scontact p{margin:18px 0 0;max-width:52ch;font-size:16px;line-height:1.7;color:var(--mute);font-weight:400}
.scontact .row{margin-top:28px}
main+footer{margin-top:clamp(70px,8vw,110px)}
.legal .prose h2{font-size:clamp(21px,2vw,27px);margin-top:44px}
.legal .prose p,.legal .prose li{font-size:15.5px}
.nf{padding-bottom:40px;padding-top:clamp(60px,10vw,140px)}
@media(max-width:759px){
  header[data-screen-label="Header"]{flex-wrap:nowrap!important;gap:10px!important;padding-top:20px!important}
  header[data-screen-label="Header"] nav{gap:10px!important;flex-wrap:nowrap!important}
  header[data-screen-label="Header"] nav .hv6{padding:10px 18px!important}
  .menu{padding-top:calc(92px + env(safe-area-inset-top,0px))}
}
@media(max-width:420px){header[data-screen-label="Header"] small{display:none!important}header[data-screen-label="Header"] b{font-size:15px!important}}
@media(max-width:760px){
  a[style*="grid-template-columns:clamp(38px,5vw,80px) minmax(180px,1fr) minmax(0,1.3fr)"]{grid-template-columns:34px minmax(0,1fr)!important;row-gap:6px!important}
  a[style*="grid-template-columns:clamp(38px,5vw,80px) minmax(180px,1fr) minmax(0,1.3fr)"]>:nth-child(3){grid-column:2!important}
}

/* v3 */
.btn-mail:hover,.stations a.on:hover{background:#0B6068}
/* ===== v4 · Learnings aus DPP: edler Grund, eine Schrift, Lesbarkeit, Breite, Interaktion ===== */
/* Breite: proportional auf Großmonitoren */
[style*="max-width:1440px;margin:0 auto"]{max-width:none!important}
@media(min-width:1441px){[style*="max-width:1440px;margin:0 auto"]{zoom:var(--z,1)}}
/* Edler Perlmutt-Grund statt flacher Fläche */
html.t-perl{background:#E6EDF0}
html.t-perl body{background:
  radial-gradient(1100px 620px at 92% -2%,rgba(24,168,155,.10),transparent 70%),
  radial-gradient(900px 700px at -5% 38%,rgba(18,24,51,.05),transparent 70%),
  linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.45) 48%,rgba(255,255,255,0) 66%) 0 0/100% 1400px no-repeat,
  linear-gradient(180deg,#F3F7F8 0%,#ECF2F4 40%,#E2EAEE 100%)}
/* Leicht erhabene Flächen statt Weiß */
html.t-perl .Lv [style*="background:rgba(255,255,255,.035)"],html.t-perl .Lv [style*="background:rgba(255,255,255,.03)"],html.t-perl .Lv [style*="background:rgba(255,255,255,.04)"],
html.t-perl .faq,html.t-perl .toc,html.t-perl .scontact,html.t-perl .card,html.t-perl .pc-ctrl,html.t-perl .pc-out{
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.22))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 0 rgba(18,24,51,.04),0 26px 60px -34px rgba(40,20,14,.28)!important;
  border-color:rgba(18,24,51,.08)!important}
html.t-perl [style*="background:#FFFFFF"],html.t-perl [style*="background:#fff"]{background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,.26))!important}
/* Lesbarkeit: keine Mini-Schriften */
html.t-perl .Lv [style*="font-size:13.5px"],html.t-perl .Lp [style*="font-size:13.5px"]{font-size:15px!important;line-height:1.6!important}
html.t-perl .Lv [style*="font-size:15.5px"],html.t-perl .Lp [style*="font-size:15.5px"]{font-size:17px!important}
html.t-perl .Lv [style*="font-size:12px"],html.t-perl .Lp [style*="font-size:12px"]{font-size:12.5px!important}
html.t-perl .Lv [style*="font-size:14px"]{font-size:15px!important}
.srow p,.stations a,.toc a{font-size:15px}
.srow p{font-size:15.5px}
.ai{font-size:15px}
.eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.12em}
.kick{font-size:12px;letter-spacing:.14em}
.crumbs{font-size:14px}
.srow .sn{font-family:inherit;font-size:12.5px;font-weight:600}
/* Akzent-Wörter: Kupferverlauf (edel, nicht flach) */
html.t-perl :is(.Lp,.Lv) h1 em,html.t-perl :is(.Lp,.Lv) h2 em,.phero h1 em,.related h2 em,.scontact h2 em,.prose h2 em{background:linear-gradient(100deg,#18A89B 0%,#0F7C85 55%,#23408F 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
/* Footer: dunkleres Perlmutt mit Kupferlinie */
footer{position:relative}
html.t-perl footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#18A89B 30%,#5FC9C0 50%,#18A89B 70%,transparent)}

/* ===== Pflichten-Check ===== */
.pc{margin-top:44px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}
.pc-ctrl,.pc-out{border:1px solid rgba(18,24,51,.08);border-radius:14px;padding:clamp(20px,2.4vw,30px)}
.pc-ctrl{position:sticky;top:24px}
.pc-q+.pc-q{margin-top:24px}
.pc-k{display:block;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#0F7C85}
.pc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pc-chips button{font:500 15px 'Hanken Grotesk',system-ui,sans-serif;color:#121833;background:rgba(255,255,255,.55);border:1px solid rgba(18,24,51,.16);border-radius:999px;padding:11px 16px;min-height:44px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.pc-chips button:hover{border-color:#0F7C85}
.pc-chips button[aria-pressed="true"]{background:#0F7C85;border-color:#0F7C85;color:#fff;box-shadow:0 8px 20px -8px rgba(15,124,133,.6)}
.pc-chips button:focus-visible{outline:2px solid #121833;outline-offset:2px}
.pc-sum{display:flex;align-items:baseline;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(18,24,51,.1)}
.pc-sum b{font-size:clamp(44px,4.4vw,64px);font-weight:700;letter-spacing:-.04em;line-height:.9;color:#121833}
.pc-sum span{font-size:17px;line-height:1.4;color:#454D66}
.pc-sum em{font-style:normal;color:#0F7C85;font-weight:600}
.pc-tl{list-style:none;margin:0;padding:0}
.pc-tl li[data-r]{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(18,24,51,.08);transition:opacity .35s}
.pc-tl time{font-size:13px;font-weight:600;color:#5A6178;padding-top:2px}
.pc-tl b{font-size:16.5px;font-weight:600;color:#121833}
.pc-tl p{margin:4px 0 0;font-size:14.5px;line-height:1.5;color:#5A6178}
.pc-tag{font-style:normal;font-size:12px;font-weight:600;white-space:nowrap;padding:5px 10px;border-radius:999px;margin-top:1px}
.pc-tl li[data-s="y"] .pc-tag{background:#0F7C85;color:#fff}
.pc-tl li[data-s="p"] .pc-tag{background:rgba(15,124,133,.1);color:#0F7C85;box-shadow:inset 0 0 0 1px rgba(15,124,133,.4)}
.pc-tl li[data-s="n"]{opacity:.42}
.pc-tl li[data-s="n"] .pc-tag{color:#5A6178;box-shadow:inset 0 0 0 1px rgba(18,24,51,.15)}
.pc-now{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#0F7C85}
.pc-now span{width:9px;height:9px;border-radius:50%;background:#0F7C85;box-shadow:0 0 0 5px rgba(15,124,133,.15)}
.pc-now::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(15,124,133,.5),transparent)}
.pc-need{margin-top:22px}
.pc-links{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0;counter-reset:gl}
.pc-links li{position:relative;display:inline-flex;align-items:center;font-size:14.5px;font-weight:500;color:#121833;padding:8px 12px 8px 0;animation:pcIn .45s cubic-bezier(.2,.7,.2,1) both}
.pc-links li::before{counter-increment:gl;content:counter(gl);display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;font-size:12px;font-weight:700;color:#fff;background:#121833}
.pc-links li:not(:last-child)::after{content:"";width:14px;height:2px;margin-left:12px;background:#18A89B;border-radius:2px}
.pc-links li:last-child::before{background:#0F7C85}
@keyframes pcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pc-links li{animation:none}}
@media(max-width:980px){.pc{grid-template-columns:1fr}.pc-ctrl{position:static}}
@media(max-width:560px){
  .pc-tl li[data-r]{grid-template-columns:1fr auto;gap:4px 12px}
  .pc-tl time{grid-column:1;grid-row:1}
  .pc-tl li[data-r]>div{grid-column:1/-1;grid-row:2}
  .pc-tl .pc-tag{grid-column:2;grid-row:1;justify-self:end}
  .pc-chips button{font-size:14.5px;padding:10px 14px}
  .pc-sum b{font-size:48px}
}

/* Mobil: seitlich fixiert, kein Verschieben */
html,body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
body{position:relative}
.skip{left:16px!important;top:-80px!important;transition:top .2s}.skip:focus{top:12px!important}
@supports (overflow:clip){html,body{overflow-x:clip}}

html.t-perl .Lp[aria-hidden="true"]{display:none}
/* Tablet 760–1100: klare Stapelung statt gequetschter Spalten */
@media(max-width:1100px){
  .menu-btn{display:grid}header nav .hv5,.navl{display:none!important}
  header[data-screen-label="Header"]{flex-wrap:nowrap!important}
  header[data-screen-label="Header"] nav{flex-wrap:nowrap!important}
}
@media(min-width:760px) and (max-width:980px){
  section[data-screen-label="Start"]>div{flex:1 1 100%!important}
  section[data-screen-label="Start"] h1{font-size:clamp(56px,9vw,84px)!important}
}
@media(min-width:760px) and (max-width:1100px){
  [data-screen-label="Beweiskette"] .stagebox{flex:1 1 100%!important;height:420px}
  [data-screen-label="Beweiskette"] .stagebox+div{flex:1 1 100%!important;min-height:260px;background:linear-gradient(180deg,rgba(10,15,30,.25),rgba(10,15,30,.45))!important}
}
/* Prüfer-Ansicht: Belege im Audit-Trail */
.logline{width:100%;border:0;font:inherit;text-align:left;cursor:pointer;color:inherit;transition:background .2s,box-shadow .2s}
.logline:hover,.logline:focus-visible{background:rgba(255,255,255,.09)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;outline:none}
.audit-hint{margin:8px 0 0;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#A7B1C8}
.audit-hint::before{content:"";width:7px;height:7px;border-radius:50%;background:#5FE0CF;animation:breathe 2.4s ease-in-out infinite}
.proof{position:absolute;left:14px;right:14px;bottom:14px;z-index:5;padding:18px 18px 14px;border-radius:16px;background:linear-gradient(160deg,rgba(28,36,70,.96),rgba(14,20,44,.97));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 24px 50px rgba(0,0,0,.45);color:#EEF1F8;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s}
.proof.on{opacity:1;transform:none;pointer-events:auto}
.proof-x{position:absolute;right:10px;top:8px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#EEF1F8;font-size:20px;line-height:1;cursor:pointer}
.proof-k{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5FE0CF}
.proof b{display:block;margin-top:4px;font-size:18px;font-weight:600}
.proof dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0 0;font-size:13.5px}
.proof dt{color:#8C94AD}.proof dd{margin:0;color:#EEF1F8}.proof dd.h{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.proof-ok{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:600;color:#9FE3B8}

/* ===== Theme Eis: helles Perlmutt · Nachtblau · Türkis ===== */
html.t-perl body{background:
  radial-gradient(1100px 640px at 90% -4%,rgba(40,190,180,.14),transparent 68%),
  radial-gradient(1000px 760px at -8% 34%,rgba(60,90,220,.10),transparent 68%),
  linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.5) 48%,rgba(255,255,255,0) 66%) 0 0/100% 1400px no-repeat,
  linear-gradient(180deg,#F3F7F8 0%,#ECF2F4 45%,#E2EAEE 100%)!important}
html.t-perl .btn-mail{background:linear-gradient(120deg,#2BC1B0,#12858F 55%,#23408F)!important;color:#fff!important;box-shadow:0 12px 30px -10px rgba(18,133,143,.6),inset 0 1px 0 rgba(255,255,255,.35)!important}
html.t-perl :is(.Lp,.Lv) h1 em,html.t-perl :is(.Lp,.Lv) h2 em,.phero h1 em,.related h2 em,.scontact h2 em,.prose h2 em{background:linear-gradient(100deg,#18A89B 0%,#0F7C85 45%,#2A45A8 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
html.t-perl footer::before{background:linear-gradient(90deg,transparent,#18A89B 35%,#2A45A8 65%,transparent)!important}

/* ===== Eis · Tiefe & Edelanmutung ===== */
/* Grund liegt auf html, damit schwebende Lichtfelder dazwischen passen */
html.t-perl{background:
  radial-gradient(1200px 700px at 88% -6%,rgba(40,190,180,.20),transparent 66%),
  radial-gradient(1100px 820px at -12% 28%,rgba(52,82,200,.14),transparent 66%),
  radial-gradient(900px 900px at 70% 62%,rgba(90,150,210,.10),transparent 70%),
  linear-gradient(180deg,#F6FAFB 0%,#EAF1F4 38%,#DCE6EC 100%)!important}
html.t-perl body{background:transparent!important}
html.t-perl body::before,html.t-perl body::after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(70px);will-change:transform}
html.t-perl body::before{width:46vmax;height:46vmax;right:-14vmax;top:-10vmax;background:radial-gradient(circle,rgba(24,168,155,.26),rgba(24,168,155,0) 68%);animation:eisDrift1 26s ease-in-out infinite alternate}
html.t-perl body::after{width:52vmax;height:52vmax;left:-18vmax;bottom:-22vmax;background:radial-gradient(circle,rgba(42,69,168,.20),rgba(42,69,168,0) 68%);animation:eisDrift2 32s ease-in-out infinite alternate}
@keyframes eisDrift1{to{transform:translate(-8vmax,10vmax) scale(1.1)}}
@keyframes eisDrift2{to{transform:translate(10vmax,-8vmax) scale(1.08)}}
/* feine Materialkörnung */
html.t-perl .wrapgrain,html.t-perl main::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
/* Überschriften: tiefes Nachtblau mit leichtem Verlauf und Prägung */
html.t-perl :is(.Lp,.Lv) h1,html.t-perl :is(.Lp,.Lv) h2,html.t-perl .phero h1,html.t-perl .prose h2,html.t-perl .scontact h2{background:linear-gradient(180deg,#0B1533 0%,#1F2F63 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8)) drop-shadow(0 10px 22px rgba(11,21,51,.10))}
html.t-perl :is(.Lp,.Lv) h1 em,html.t-perl :is(.Lp,.Lv) h2 em,html.t-perl .phero h1 em,html.t-perl .prose h2 em,html.t-perl .scontact h2 em,html.t-perl .related h2 em{background:linear-gradient(100deg,#1FB3A4 0%,#0F7C85 40%,#2A45A8 80%,#1FB3A4 100%)!important;background-size:160% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:eisSheen 9s ease-in-out infinite;text-shadow:none}
@keyframes eisSheen{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
/* Glasflächen mit echter Höhe: Lichtkante, Verlaufsrand, zweistufiger Schatten */
html.t-perl .Lv [style*="background:rgba(255,255,255,.035)"],html.t-perl .Lv [style*="background:rgba(255,255,255,.03)"],html.t-perl .Lv [style*="background:rgba(255,255,255,.04)"],
html.t-perl .faq,html.t-perl .toc,html.t-perl .scontact,html.t-perl .pc-ctrl,html.t-perl .pc-out{
  position:relative;
  background:linear-gradient(155deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.52) 45%,rgba(236,244,247,.42) 100%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(15,124,133,.06),0 2px 4px rgba(11,21,51,.04),0 14px 28px -12px rgba(11,21,51,.14),0 44px 80px -40px rgba(20,60,110,.30)!important;
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
html.t-perl .pc-out::after,html.t-perl .scontact::after,html.t-perl .faq::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:linear-gradient(140deg,rgba(255,255,255,.95),rgba(24,168,155,.25) 40%,rgba(42,69,168,.18) 70%,rgba(255,255,255,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
/* Beweiskette: schwebendes Objekt mit Tiefe */
html.t-perl [data-screen-label="Beweiskette"]{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(120,200,220,.14),0 2px 6px rgba(11,21,51,.10),0 30px 60px -20px rgba(11,21,51,.35),0 80px 140px -60px rgba(20,60,120,.55)!important;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
html.t-perl [data-screen-label="Beweiskette"]::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:6;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.07) 48%,rgba(255,255,255,0) 60%);background-size:250% 100%;background-position:var(--sx,100%) 0;transition:background-position .6s}
/* Zeilen und Listen: Hover hebt an */
html.t-perl .srow,html.t-perl a[style*="grid-template-columns:clamp(38px,5vw,80px)"]{transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s,box-shadow .35s;border-radius:12px}
@media(hover:hover){html.t-perl .srow:hover,html.t-perl a[style*="grid-template-columns:clamp(38px,5vw,80px)"]:hover{transform:translateX(6px);background:rgba(255,255,255,.55)!important;box-shadow:0 12px 30px -18px rgba(11,21,51,.3)}}
/* Buttons: Glanz und Anheben */
html.t-perl .btn-mail{position:relative;overflow:hidden;background:linear-gradient(135deg,#34D0BE 0%,#12858F 48%,#23408F 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 6px rgba(11,21,51,.25),0 10px 24px -8px rgba(18,133,143,.55),0 2px 4px rgba(11,21,51,.12)!important;transition:transform .25s,box-shadow .25s}
html.t-perl .btn-mail::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s}
@media(hover:hover){html.t-perl .btn-mail:hover{transform:translateY(-2px)}html.t-perl .btn-mail:hover::before{transform:translateX(120%)}}
html.t-perl .btn-call{background:linear-gradient(180deg,#fff,rgba(255,255,255,.7))!important;box-shadow:inset 0 1px 0 #fff,0 6px 16px -8px rgba(11,21,51,.25),0 0 0 1px rgba(11,21,51,.10)!important}
html.t-perl .pc-chips button{box-shadow:inset 0 1px 0 #fff,0 3px 8px -4px rgba(11,21,51,.2)}
/* Lichtfaden-Punkte glühen */
html.t-perl :is(.Lp,.Lv) [style*="background:radial-gradient(circle at 35% 35%,#fff,"]{box-shadow:0 0 0 5px rgba(24,168,155,.14),0 0 18px rgba(24,168,155,.55)!important}
@media(prefers-reduced-motion:reduce){html.t-perl body::before,html.t-perl body::after,html.t-perl :is(.Lp,.Lv) h1 em,html.t-perl :is(.Lp,.Lv) h2 em{animation:none!important}}

html.t-perl .Lv [style*="font-size:13px"]{font-size:15px!important;line-height:1.6!important}
html.t-perl .Lv p[style*="font-size:12.5px"]{font-size:15px!important;line-height:1.6!important}
html.t-perl .menu{background:linear-gradient(180deg,#F5F9FA 0%,#E8EFF2 100%)!important;-webkit-backdrop-filter:none;backdrop-filter:none}

/* === Performance (Optik unverändert) === */
html.t-perl body::before,html.t-perl body::after{filter:none!important;will-change:transform}
html.t-perl body::before{background:radial-gradient(circle,rgba(24,168,155,.20),rgba(24,168,155,.09) 38%,rgba(24,168,155,0) 72%)!important}
html.t-perl body::after{background:radial-gradient(circle,rgba(42,69,168,.15),rgba(42,69,168,.07) 38%,rgba(42,69,168,0) 72%)!important}
html.t-perl .wrapgrain,html.t-perl main::before{mix-blend-mode:normal!important;opacity:.025!important}
html.t-perl .Lv [style*="background:rgba(255,255,255,.035)"],html.t-perl .Lv [style*="background:rgba(255,255,255,.03)"],html.t-perl .Lv [style*="background:rgba(255,255,255,.04)"],
html.t-perl .faq,html.t-perl .toc,html.t-perl .scontact,html.t-perl .pc-ctrl,html.t-perl .pc-out{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(155deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.74) 45%,rgba(240,246,249,.68) 100%)!important}