/* ============================================================================
   sub-b.css  -  Unterseiten im Look der Startseite (Entwurf B "Windschutzscheibe")
   Gilt nur unter body.sub-b. Die Startseite (body.home-b) nutzt ihr eigenes <style>.
   Prinzip: dunkle Scheibe als Seitengrund, Fliesstext auf Papier-Aufklebern,
   Barlow Condensed fuer Ueberschriften, gelber Fettstift als Akzent.
   Die vorhandenen Tailwind-Klassen der Seiten bleiben stehen; diese Datei faerbt sie um.
   Papier-Flaechen behalten ihre alten (dunkel-auf-hell) Farben, dunkle Flaechen drehen
   die Textfarben per .b-flip auf hell.
   ========================================================================== */
@font-face{font-family:"Barlow Condensed";src:url("/fonts/BarlowCondensed-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("/fonts/BarlowCondensed-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root:has(body.sub-b){background:#0E1215}
.sub-b{--glass:#0E1215;--glass2:#151B1F;--glass3:#1C2429;--line:rgba(255,255,255,.16);--tx:#F2F2EE;--tx2:#B4BEC5;--paper:#F7F5EF;--paper2:#ECE9E1;--ink:#121212;--ink2:#4A4A46;--pen:#FFD60A;--rule:#CFCAC0;
  --c:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--b:"Space Grotesk",system-ui,sans-serif;--m:"JetBrains Mono",ui-monospace,monospace;--w:1240px}
body.sub-b{background:var(--glass);background-image:none;color:var(--tx);font-family:var(--b);font-size:17px;line-height:1.6;font-feature-settings:normal}
body.sub-b::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(112deg,transparent 22%,rgba(255,255,255,.035) 30%,transparent 38%),linear-gradient(112deg,transparent 58%,rgba(255,255,255,.028) 63%,transparent 69%)}
.sub-b main,.sub-b footer,.sub-b #site-directory{position:relative;z-index:1}
.sub-b ::selection{background:var(--pen);color:#111}
.sub-b :focus-visible{outline:3px solid var(--pen);outline-offset:2px;border-radius:2px}
.sub-b .hidden{display:none}
@media(min-width:768px){.sub-b .md\:flex{display:flex}.sub-b .md\:inline-flex{display:inline-flex}.sub-b .md\:hidden{display:none}.sub-b .md\:grid{display:grid}}
.sub-b #scroll-progress{background:var(--pen)}

/* ---- Schrift ------------------------------------------------------------ */
.sub-b h1,.sub-b h2,.sub-b h3{font-family:var(--c);font-weight:700;text-transform:uppercase;letter-spacing:-.005em;line-height:.95}
.sub-b main h1{font-size:clamp(42px,1rem + 4.4vw,84px)!important;line-height:.9!important;text-wrap:balance}
.sub-b main h2{font-size:clamp(36px,1.4rem + 2.6vw,64px)!important;line-height:.95!important}
.sub-b main h3{zoom:1.16}
.sub-b main h4{font-family:var(--c);text-transform:uppercase;font-weight:700}
.sub-b .font-display{font-family:var(--c);letter-spacing:0}
.sub-b .font-display:not(h1,h2,h3,summary){text-transform:uppercase}
.sub-b .mono-caps,.sub-b .badge-mono{font:500 11px/1.4 var(--m);letter-spacing:.12em;text-transform:uppercase}
.sub-b p,.sub-b li{overflow-wrap:break-word}

/* ---- Header / mobiles Menue --------------------------------------------- */
.sub-b header.sticky{background:rgba(14,18,21,.88)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)!important}
.sub-b header .container-page{max-width:var(--w)}
.sub-b header a,.sub-b header span{color:var(--tx)}
.sub-b header .font-display{font:700 22px/1 var(--c)!important;letter-spacing:.02em;text-transform:uppercase}
.sub-b header .text-accent,.sub-b #mnav-panel .text-accent{color:var(--pen)}
.sub-b header nav a{font:600 16px/1 var(--c)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--tx2)}
.sub-b header nav a:hover,.sub-b header a.text-on-surface-variant:hover{color:var(--tx)}
.sub-b header a.text-on-surface-variant{font:600 16px/1 var(--c)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--tx2)}
.sub-b header button,.sub-b #mnav-panel button{background:var(--glass3)!important;border:1px solid var(--line)!important;color:var(--tx);border-radius:3px}
.sub-b header button svg,.sub-b #mnav-panel button svg{color:var(--tx)}
.sub-b #mnav-panel aside{background:var(--glass2)!important;border-left:1px solid var(--line)!important}
.sub-b #mnav-panel aside>div:first-child{border-bottom:1px solid var(--line)!important}
.sub-b #mnav-panel .font-display{color:var(--tx);font-family:var(--c)}
.sub-b #mnav-panel nav a.mnav-link{font:700 30px/1 var(--c)!important;text-transform:uppercase;color:var(--tx);border-bottom:1px solid var(--line)!important}
.sub-b #mnav-panel nav a.mnav-link:hover{color:var(--pen)}
.sub-b #mnav-panel>div:first-child{background:rgba(0,0,0,.6)!important;backdrop-filter:none}

/* ---- Buttons ------------------------------------------------------------ */
.sub-b .btn-primary,.sub-b .btn-ink,.sub-b .btn-outline{border-radius:3px;font:700 17px/1 var(--c)!important;letter-spacing:.06em;text-transform:uppercase;padding:15px 22px;box-shadow:none;transform:none}
.sub-b .btn-primary{background:var(--pen);color:#111;border:0}
.sub-b .btn-primary::before{display:none}
.sub-b .btn-primary:hover{background:#FFE34D;box-shadow:none;transform:translateY(-1px)}
.sub-b .btn-primary:active{transform:none;box-shadow:none}
.sub-b .btn-ink{background:var(--ink);color:var(--pen)}
.sub-b .btn-outline{border:1px solid var(--line);color:var(--tx);background:transparent}
.sub-b .btn-outline:hover{background:var(--pen);color:#111;border-color:var(--pen)}
.sub-b header .btn-primary{padding:12px 16px;font-size:15px!important}
.sub-b [data-sticky-cta] .btn-primary{box-shadow:0 10px 30px rgba(0,0,0,.6)!important}

/* ---- Abschnitte --------------------------------------------------------- */
.sub-b main>section{background:none!important;border:0!important;position:relative}
.sub-b main>section>.pointer-events-none{display:none}
.sub-b main>section[aria-label="Highlights"]{background:rgba(255,255,255,.02)!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;color:#fff}
.sub-b main>section[aria-label="Highlights"] .marquee-track{font:700 20px/1.2 var(--c);letter-spacing:.04em}
.sub-b main>section[aria-label="Highlights"] .text-accent{color:var(--pen)}
.sub-b .b-hero{padding:clamp(20px,3vw,40px) 0 clamp(40px,5vw,72px)}
.sub-b .b-hero [data-hero-glow]{display:none}
.sub-b .b-hero>.container-page{padding-top:clamp(28px,4vw,56px)!important;padding-bottom:clamp(40px,5vw,80px)!important}
.sub-b .statement-slab{background:none!important;border:0!important;padding-top:20px;padding-bottom:20px}

/* Papier-Aufkleber: jede container-page in einer .b-paper-Sektion ist eine helle Karte */
.sub-b .b-paper{padding:clamp(14px,2vw,26px) 0}
.sub-b .b-paper .container-page,.sub-b .b-stk{background:var(--paper);color:var(--ink);border-radius:3px;box-shadow:0 18px 40px -18px rgba(0,0,0,.8),0 2px 0 rgba(0,0,0,.4);position:relative}
.sub-b .b-paper .container-page{width:calc(100% - 40px);max-width:var(--w);margin-left:auto;margin-right:auto;padding:clamp(30px,4.5vw,64px) clamp(20px,4.5vw,64px)}
@media(max-width:399px){.sub-b .b-paper .container-page{width:calc(100% - 24px);padding:26px 16px}}
.sub-b .b-paper .container-page .container-page{width:auto;padding:0;background:none;box-shadow:none}
.sub-b .b-paper p,.sub-b .b-paper li{max-width:72ch}
.sub-b .b-paper td p,.sub-b .b-paper th p,.sub-b .b-paper .card-ink p{max-width:none}
.sub-b .b-paper .text-accent,.sub-b .b-stk .text-accent{color:#A8401A}
.sub-b .b-paper h1,.sub-b .b-paper h2,.sub-b .b-paper h3{color:var(--ink)}
.sub-b .b-paper .badge-mono{border:0;border-left:3px solid var(--pen);border-radius:0;padding:4px 0 4px 10px;color:var(--ink2);font-size:11px;background:none}
.sub-b .b-paper .underline-thick{background:linear-gradient(transparent 62%,var(--pen) 62%);padding:0 .08em}
.sub-b .underline-thick::after{display:none}
.sub-b .b-paper .card-ink{background:#fff;border:1px solid #D6D1C6;box-shadow:none;border-radius:3px}
.sub-b .b-paper .card-ink:hover{transform:none;box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.sub-b .b-paper .bg-surface-container-lowest,.sub-b .b-paper .bg-surface-bright{background-color:#fff}
.sub-b .b-paper [style*="border: 1.5px solid #1A1715"],.sub-b .b-paper [style*="border:1.5px solid #1A1715"]{border-color:#D6D1C6!important;box-shadow:none!important}
.sub-b .b-paper .bg-ink{background:var(--ink)}

/* Dunkle Flaechen (Hero, Preise, FAQ, Weiterlesen, Abschluss): lose Texte hell, Karten bleiben Papier */
.sub-b .b-flip{color:var(--tx)}
.sub-b .b-flip .text-on-surface,.sub-b .b-flip h1,.sub-b .b-flip h2,.sub-b .b-flip h3{color:var(--tx)}
.sub-b .b-flip .text-on-surface-variant,.sub-b .b-flip .mono-caps{color:var(--tx2)}
.sub-b .b-flip .text-accent{color:var(--pen)}
.sub-b .b-flip a.text-on-surface{color:var(--tx)}
.sub-b .b-flip .badge-mono{border:0;border-left:3px solid var(--pen);border-radius:0;padding:4px 0 4px 10px;color:var(--tx2);background:none}
.sub-b .b-flip .underline-thick{color:var(--pen);display:inline-block;transform:rotate(-2deg) skewX(-9deg)}
.sub-b .b-flip .border-ink{border-color:var(--line)}
.sub-b .b-flip .bg-surface-container-lowest,.sub-b .b-flip .bg-surface-bright{background-color:var(--paper);color:var(--ink)}
.sub-b .b-flip .card-ink,.sub-b .b-flip .b-stk{background:var(--paper);color:var(--ink);border:0;border-radius:3px;box-shadow:0 18px 40px -18px rgba(0,0,0,.8),0 2px 0 rgba(0,0,0,.4)}
.sub-b .b-flip .card-ink:hover{transform:none}
.sub-b .b-flip :is(.card-ink,.b-stk,form) .text-on-surface,.sub-b .b-flip :is(.card-ink,.b-stk,form) h1,.sub-b .b-flip :is(.card-ink,.b-stk,form) h2,.sub-b .b-flip :is(.card-ink,.b-stk,form) h3{color:var(--ink)}
.sub-b .b-flip :is(.card-ink,.b-stk,form) .text-on-surface-variant,.sub-b .b-flip :is(.card-ink,.b-stk,form) .mono-caps{color:var(--ink2)}
.sub-b .b-flip :is(.card-ink,.b-stk,form) .text-accent{color:#A8401A}
.sub-b .b-flip :is(.card-ink,.b-stk,form) .badge-mono{color:var(--ink2);border-left-color:var(--pen)}
.sub-b .b-flip [style*="border: 1.5px solid #1A1715"]:not(.card-ink):not(form){border-color:var(--line)!important;box-shadow:none!important}
.sub-b .b-flip [style*="box-shadow: 3px 3px 0 0 #1A1715"]{box-shadow:none!important}
.sub-b .b-flip .btn-outline{color:var(--tx)}
.sub-b .b-flip :is(.card-ink,.b-stk,form) .btn-outline{color:var(--ink);border:2px solid var(--ink)}
.sub-b .b-flip :is(.card-ink,.b-stk,form) .btn-outline:hover{background:var(--ink);color:var(--pen);border-color:var(--ink)}
.sub-b .b-flip .bg-ink:not(.card-ink){background:var(--glass2)}
.sub-b .b-flip .bg-surface-bright\/20,.sub-b .b-flip .bg-surface-bright\/20{background-color:var(--line)}

/* Hero-Telefon */
.sub-b .b-hero .phone-frame-conic::before{display:none}
.sub-b .b-hero .phone-frame-conic{box-shadow:0 0 0 1px var(--line),0 30px 60px -20px rgba(0,0,0,.9)!important;border:0!important}
.sub-b .b-hero .rounded-sm.bg-surface-container-lowest{background:var(--paper);color:var(--ink)}
.sub-b .b-hero .rounded-sm.bg-surface-container-lowest .mono-caps{color:var(--ink2)}
.sub-b .b-hero .rounded-sm.bg-surface-container-lowest div{color:var(--ink)}
.sub-b .b-hero .bg-ink.text-surface-bright{background:var(--pen);color:#111}
.sub-b .b-hero .bg-ink.text-surface-bright *{color:#111}
.sub-b .b-hero [style*="box-shadow: 3px 3px 0 0"]{box-shadow:0 14px 30px -14px rgba(0,0,0,.8)!important;border:0!important}

/* Breadcrumb */
.sub-b nav[aria-label="Breadcrumb"] ol{color:var(--tx2)}
.sub-b nav[aria-label="Breadcrumb"] a:hover{color:var(--tx)}
.sub-b nav[aria-label="Breadcrumb"] [aria-current]{color:var(--tx)}

/* ---- Tabellen (Vergleich, Preise, Specs) -------------------------------- */
.sub-b .b-paper table{border-collapse:collapse;width:100%}
.sub-b .b-paper th{font-family:var(--c);text-transform:uppercase;letter-spacing:.04em}
.sub-b .b-paper .overflow-x-auto{border:1px solid #D6D1C6;border-radius:3px;background:#fff}
.sub-b .b-paper table th,.sub-b .b-paper table td{border-color:#D6D1C6}
.sub-b .b-paper table thead th{background:var(--ink)!important;color:#fff!important}
.sub-b .b-paper table thead th .text-accent,.sub-b .b-paper table thead th.text-accent{color:var(--pen)!important}
.sub-b .b-paper table .bg-surface-container-low,.sub-b .b-paper table .bg-surface-container{background-color:var(--paper2)}
.sub-b .b-paper table .bg-primary\/10,.sub-b .b-paper table [class*="bg-primary/"]{background-color:#FFF3B0}

/* ---- FAQ ---------------------------------------------------------------- */
.sub-b details.faq{border:0;border-radius:3px}
.sub-b details.faq summary{font:700 22px/1.1 var(--c)!important;text-transform:uppercase;letter-spacing:.01em;cursor:pointer}
.sub-b details.faq summary::-webkit-details-marker{display:none}
.sub-b details.faq .faq-body{color:var(--ink2);font-size:16px}

/* ---- Preise (geteilter Block) ------------------------------------------- */
.sub-b #pricing [data-stagger]{margin-top:20px;gap:34px 22px;align-items:start}
.sub-b #pricing .card-ink{background:var(--paper)!important;color:var(--ink)!important;border:0!important;border-radius:3px!important;box-shadow:0 18px 40px -18px rgba(0,0,0,.8),0 2px 0 rgba(0,0,0,.4)!important;padding:26px 24px!important}
.sub-b #pricing .card-ink:hover{transform:none}
.sub-b #pricing .card-ink:nth-child(2){background:var(--pen)!important}
@media(min-width:768px){.sub-b #pricing .card-ink:nth-child(2){transform:translateY(-8px)}}
.sub-b #pricing .card-ink *{color:var(--ink)!important}
.sub-b #pricing .card-ink p{color:var(--ink2)!important}.sub-b #pricing .card-ink:nth-child(2) p{color:#2A2A20!important}
.sub-b #pricing .card-ink .font-display{font:700 72px/1 var(--c)!important;letter-spacing:0;display:inline-block;transform:skewX(-9deg)}
.sub-b #pricing .badge-mono,.sub-b #pricing .badge-primary{background:transparent!important;border:2px solid var(--ink)!important;color:var(--ink)!important;font:700 13px/1 var(--c)!important;letter-spacing:.08em;padding:5px 8px;border-radius:0}
.sub-b #pricing .btn-outline,.sub-b #pricing .btn-primary{display:flex;justify-content:center;border-radius:3px!important;font:700 17px/1 var(--c)!important;letter-spacing:.06em;text-transform:uppercase;padding:15px 20px!important;box-shadow:none!important}
.sub-b #pricing .btn-outline{background:transparent!important;border:2px solid var(--ink)!important}
.sub-b #pricing .btn-outline:hover{background:var(--ink)!important}.sub-b #pricing .btn-outline:hover{color:var(--pen)!important}
.sub-b #pricing .btn-primary{background:var(--ink)!important;border:0!important;color:var(--pen)!important}
.sub-b #pricing .btn-primary:hover{background:#000!important}
.sub-b #pricing .card-ink .btn-primary,.sub-b #pricing .card-ink .btn-outline:hover{color:var(--pen)!important}
.sub-b #pricing [data-stagger]~div.rounded-sm{background:var(--paper)!important;color:var(--ink);border:0!important;box-shadow:0 18px 40px -18px rgba(0,0,0,.8)!important}
.sub-b #pricing [data-stagger]~div.rounded-sm p{color:var(--ink2)}
.sub-b #pricing [data-stagger]~div.rounded-sm .btn-primary{background:var(--ink)!important;color:var(--pen)!important}

/* ---- Formulare (Kurzformular-Partial und volles Formular) --------------- */
.sub-b form[name="sample-request"]{background:var(--paper)!important;color:var(--ink)!important;border:0!important;border-radius:3px!important;box-shadow:0 18px 40px -18px rgba(0,0,0,.8),0 2px 0 rgba(0,0,0,.4)!important;gap:11px}
.sub-b form[name="sample-request"] .mono-caps{color:var(--ink)}
.sub-b form[name="sample-request"] label>span:first-child{font:700 15px/1.2 var(--c)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.sub-b form[name="sample-request"] label>span:first-child span{font:500 12px var(--b)!important;letter-spacing:0;text-transform:none;color:var(--ink2)!important}
.sub-b form[name="sample-request"] input[type=email],.sub-b form[name="sample-request"] input[type=text],.sub-b form[name="sample-request"] input[type=tel],.sub-b form[name="sample-request"] textarea,.sub-b form[name="sample-request"] select{font:400 16px/1.3 var(--b)!important;background:#fff!important;color:var(--ink)!important;border:2px solid var(--ink)!important;border-radius:2px!important;padding:12px 13px}
.sub-b form[name="sample-request"] input::placeholder,.sub-b form[name="sample-request"] textarea::placeholder{color:#6B6B66}
.sub-b form[name="sample-request"] input:focus,.sub-b form[name="sample-request"] textarea:focus,.sub-b form[name="sample-request"] select:focus{outline:3px solid var(--pen);outline-offset:1px;box-shadow:none}
.sub-b form[name="sample-request"] .btn-primary{display:flex;width:100%;justify-content:center;background:var(--ink)!important;color:var(--pen)!important;border-radius:3px!important}
.sub-b form[name="sample-request"] .btn-primary:hover{background:#000!important}
.sub-b form[name="sample-request"] p,.sub-b form[name="sample-request"] .text-on-surface-variant{color:var(--ink2)}
.sub-b form[name="sample-request"] [data-sf="status"],.sub-b form[name="sample-request"] [role=status]{color:var(--ink)}
.sub-b form[name="sample-request"] .text-accent{color:#A8401A}
.sub-b form[name="sample-request"] .bg-surface-container-lowest{background:#fff}
.sub-b form[name="sample-request"] [style*="border: 1.5px solid #1A1715"]:not(input){border-color:var(--rule)!important}

/* ---- Schritte, Zeitleiste, Sonstiges ------------------------------------ */
.sub-b .step-node{box-shadow:none!important;border-color:var(--ink)!important}
.sub-b .step-node.is-active{box-shadow:0 0 0 4px rgba(255,214,10,.45)!important}
.sub-b .b-paper .bg-primary{background-color:var(--pen);color:#111}
.sub-b .b-paper .bg-primary svg{color:#111}
.sub-b .b-paper .text-surface-bright{color:#fff}
.sub-b .ex-pill{border:1px solid var(--ink);background:#fff;color:var(--ink);font-family:var(--c);font-size:15px;letter-spacing:.08em;text-transform:uppercase;padding:.55rem 1.1rem;border-radius:3px}
.sub-b .ex-pill:hover{background:var(--paper2)}
.sub-b .ex-pill[aria-selected="true"]{background:var(--pen);color:#111;border-color:var(--pen)}
.sub-b .b-flip .ex-pill{border-color:var(--line);background:transparent;color:var(--tx)}
.sub-b .b-flip .ex-pill[aria-selected="true"]{background:var(--pen);color:#111}
.sub-b main a.underline{text-decoration-thickness:1px}

/* ---- Verzeichnis (geteilter Block) -------------------------------------- */
.sub-b #site-directory{background:var(--glass2)!important;border-top:1px solid var(--line)!important}
.sub-b #site-directory h2{font:700 30px/1 var(--c)!important;text-transform:uppercase;color:var(--tx)!important}
.sub-b #site-directory p,.sub-b #site-directory ul{color:var(--tx2)!important}
.sub-b #site-directory a{color:var(--tx2)!important}.sub-b #site-directory a:hover{color:var(--pen)!important}.sub-b #site-directory .font-semibold{color:var(--tx)!important}

/* ---- Footer ------------------------------------------------------------- */
.sub-b footer{background:#0A0D0F!important;color:var(--tx2)}
.sub-b footer.relative>div:first-child{background:var(--glass)!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sub-b footer.relative>div:first-child>.pointer-events-none{display:none}
.sub-b footer.relative>div:first-child .font-display{font:700 clamp(30px,1.2rem + 1.6vw,48px)/1.05 var(--c)!important;text-transform:uppercase;color:var(--pen)!important;transform:skewX(-9deg);display:block}
.sub-b footer.relative>div:first-child .font-mono{color:var(--tx2)}
.sub-b footer.relative>div:first-child a{background:var(--pen)!important;color:#111!important;border:0!important;box-shadow:none!important;border-radius:3px;font:700 17px/1 var(--c)!important;letter-spacing:.06em;text-transform:uppercase;padding:15px 22px}
.sub-b footer .font-display{font-family:var(--c)}
.sub-b footer .text-accent{color:var(--pen)}
.sub-b footer h3.mono-caps{font:500 11px/1 var(--m);letter-spacing:.14em;text-transform:uppercase;color:#8A949B!important;zoom:1}
.sub-b footer a:hover{color:var(--pen)!important}
.sub-b footer [style*="border-top: 1px solid"]{border-top-color:var(--line)!important}
.sub-b footer .rounded-sm.font-mono{border-radius:0}

/* ---- Rechtsseiten (privacy, terms) und Sonderseiten --------------------- */
.sub-b main.b-legal{background:var(--paper);color:var(--ink);border-radius:3px;width:calc(100% - 40px);max-width:880px;margin:clamp(20px,3vw,40px) auto;padding:clamp(26px,5vw,64px)!important;box-shadow:0 18px 40px -18px rgba(0,0,0,.8),0 2px 0 rgba(0,0,0,.4)}
.sub-b main.b-legal h1{color:var(--ink)}
.sub-b main.b-legal h2{color:var(--ink);margin-top:2.2em;font-size:clamp(28px,1.2rem + 1.2vw,40px)!important}
.sub-b main.b-legal p,.sub-b main.b-legal li{max-width:72ch;color:var(--ink2);line-height:1.7}
.sub-b main.b-legal a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.sub-b main.b-legal .text-on-surface-variant{color:var(--ink2)}
.sub-b main.b-legal .text-on-surface{color:var(--ink)}
.sub-b main.b-legal .text-accent{color:#A8401A}
.sub-b main.b-legal table{border-collapse:collapse;width:100%}
.sub-b main.b-legal th,.sub-b main.b-legal td{border:1px solid #D6D1C6;padding:8px 10px;text-align:left}
.sub-b main.b-legal .mono-caps{color:var(--ink2)}
@media(max-width:399px){.sub-b main.b-legal{width:calc(100% - 24px)}}

@media(prefers-reduced-motion:reduce){.sub-b *{transition:none!important;scroll-behavior:auto!important}}

/* Feinschliff */
.sub-b .b-dark>.container-page{padding-top:clamp(48px,6vw,88px)!important;padding-bottom:clamp(48px,6vw,88px)!important}
.sub-b footer a>.font-display,.sub-b footer a .font-display{font:700 22px/1 var(--c)!important;text-transform:uppercase;color:var(--tx);transform:none;display:inline}
.sub-b footer.relative>div:first-child a .font-display{display:inline}
.sub-b main.b-404>.pointer-events-none{display:none}
.sub-b main.b-404 a.card-ink h2{font-size:26px!important;color:var(--ink)}
.sub-b footer.bg-ink .font-display{font:700 22px/1 var(--c)!important;text-transform:uppercase;color:var(--tx)}
.sub-b footer.bg-ink{background:#0A0D0F!important;border-top:1px solid var(--line)!important}
.sub-b footer.bg-ink a,.sub-b footer.bg-ink p,.sub-b footer.bg-ink span:not(.text-accent):not(.font-display){color:var(--tx2)!important}
.sub-b footer.bg-ink .font-display{color:var(--tx)!important}
.sub-b footer.bg-ink .text-accent{color:var(--pen)!important}
.sub-b main.b-legal a.btn-primary,.sub-b main.b-legal a.btn-outline{text-decoration:none;color:#111}