/* JUM-Software · 3D-Design (Version 3.0)
 * Deutschland: Grafit, Logo-Rot, Stahl – Code, Software, Bahn.
 * Österreich: Alpen-Nachtblau, Rot-Weiß-Rot, Eis.
 * Alle Regeln gelten nur mit html.theme-3d. Das Land kommt aus html[data-land].
 */
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2")}

/* ---------- Farben: Deutschland (Standard) ---------- */
html.theme-3d{
  color-scheme:dark;
  --space:#0b0e12;
  --hot-rgb:232,30,46;          /* Signalrot für Leuchten und Ränder */
  --tint-rgb:160,176,196;       /* Stahl */
  --panel-rgb:20,25,31;         /* Grafit-Flächen */
  --deep-rgb:92,14,22;          /* dunkles Logo-Rot für Bänder */
  --hot:#ff5d68; --accent:#ff5d68; --tint-ink:#d6dde7;
  --em-a:#ff9a8a; --em-b:#ff4b57; --em-c:#ff2a3a;
  --ink:#eef1f5; --ink-2:#d2d8e0; --muted:#a2acb8; --muted-2:#8d97a4; --line:rgba(255,255,255,.12); --line-2:rgba(255,255,255,.22);
  --bg:#0b0e12; --card:rgba(30,36,44,.55);
  --blue-600:#c4cfdc; --blue-50:rgba(var(--tint-rgb),.12); --blue-100:rgba(var(--tint-rgb),.2);
  --glass:rgba(var(--panel-rgb),.55); --glass-strong:rgba(var(--panel-rgb),.88); --glass-line:rgba(255,255,255,.12); --glass-hi:rgba(255,255,255,.24);
  --ok:#5ee39a;
  --orange:#e3101f; --orange-hover:#ff2b3a; --orange-ink:#ff7a83; --brand-red:#a5000d; --hero-accent:#ff5d68;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --glass-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 30px 70px -32px rgba(0,0,0,.85);
  background:var(--space);
}
/* ---------- Farben: Österreich ---------- */
html.theme-3d[data-land="at"]{
  --space:#07101d;
  --hot-rgb:237,41,57;
  --tint-rgb:150,205,255;
  --panel-rgb:11,22,40;
  --deep-rgb:24,62,112;
  --hot:#ff6b78; --accent:#9fd6ff; --tint-ink:#d3ecff;
  --em-a:#ff4d5e; --em-b:#ffffff; --em-c:#ff4d5e;
  --ink:#eef4fb; --ink-2:#d0deec; --muted:#9fb3c8; --muted-2:#8aa0b6;
  --bg:#07101d; --card:rgba(16,30,52,.55);
  --blue-600:#a9d8ff;
  --hero-accent:#9fd6ff;
}
html.theme-3d body.jsw{background:transparent;color:var(--ink)}
html.theme-3d ::selection{background:rgba(var(--hot-rgb),.45);color:#fff}

/* ---------- Hintergrund: Licht, Raster, WebGL-Szene, Vignette ---------- */
.space-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--space)}
.space-nebula{position:absolute;inset:-10%;transition:background .6s;background:
  radial-gradient(55% 45% at 80% 20%,rgba(232,30,46,.16),transparent 70%),
  radial-gradient(45% 40% at 10% 85%,rgba(160,176,196,.10),transparent 70%),
  radial-gradient(120% 90% at 50% 40%,#1a2028 0%,#0f1318 55%,#07090c 100%)}
html.theme-3d[data-land="at"] .space-nebula{background:
  radial-gradient(60% 45% at 78% 15%,rgba(120,190,255,.18),transparent 70%),
  radial-gradient(45% 40% at 12% 88%,rgba(237,41,57,.12),transparent 70%),
  radial-gradient(120% 90% at 50% 40%,#0f2038 0%,#0a1628 55%,#050b15 100%)}
.space-grid{position:absolute;inset:0;opacity:.9;
  background-image:linear-gradient(rgba(160,176,196,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(160,176,196,.055) 1px,transparent 1px),
    linear-gradient(rgba(160,176,196,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(160,176,196,.07) 1px,transparent 1px);
  background-size:48px 48px,48px 48px,240px 240px,240px 240px;
  -webkit-mask-image:radial-gradient(90% 80% at 60% 35%,#000 20%,transparent 85%);mask-image:radial-gradient(90% 80% at 60% 35%,#000 20%,transparent 85%)}
html.theme-3d[data-land="at"] .space-grid{opacity:.8;
  background-image:radial-gradient(rgba(150,205,255,.16) 1px,transparent 1.6px);background-size:30px 30px}
.space-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;transition:opacity .4s}
.space-vignette{position:absolute;inset:0;background:radial-gradient(130% 100% at 50% 45%,transparent 55%,rgba(0,0,0,.6) 100%)}
.space-cursor{position:fixed;left:0;top:0;z-index:1;width:400px;height:400px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(var(--hot-rgb),.10),rgba(var(--tint-rgb),.05) 40%,transparent 70%);mix-blend-mode:screen;will-change:transform}

/* ---------- Typografie ---------- */
html.theme-3d .eyebrow,html.theme-3d .hero .eyebrow{font-family:var(--f-mono);font-weight:500;letter-spacing:.22em;color:var(--accent)}
html.theme-3d .eyebrow::before{width:28px;height:2px;background:linear-gradient(90deg,var(--orange),var(--accent));box-shadow:0 0 12px rgba(var(--hot-rgb),.8)}
html.theme-3d[data-land="at"] .eyebrow::before{width:30px;height:3px;background:linear-gradient(90deg,#ed2939 0 33.3%,#fff 33.3% 66.6%,#ed2939 66.6%);box-shadow:0 0 12px rgba(var(--hot-rgb),.5)}
html.theme-3d :where(.jsw) :where(h1,h2,h3){color:#fff}
html.theme-3d .sec__title,html.theme-3d .fblock h2,html.theme-3d .einv h2,html.theme-3d .calc__title,html.theme-3d .story__quote{background:linear-gradient(180deg,#fff 30%,var(--tint-ink));-webkit-background-clip:text;background-clip:text;color:transparent}
html.theme-3d .hero h1{background:linear-gradient(180deg,#fff 35%,var(--tint-ink));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 6px 30px rgba(0,0,0,.55))}
html.theme-3d .hero h1 em{background:linear-gradient(90deg,var(--em-a),var(--em-b) 50%,var(--em-c));-webkit-background-clip:text;background-clip:text;color:transparent}
html.theme-3d .sec__lead,html.theme-3d .lead{color:var(--muted)}
html.theme-3d :where(.jsw) :where(a){color:var(--blue-600)}
html.theme-3d .jsw :focus-visible{outline-color:var(--accent);box-shadow:0 0 0 6px rgba(var(--hot-rgb),.22)}

/* ---------- Kopfzeile ---------- */
html.theme-3d .hdr{background:rgba(var(--panel-rgb),.6);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:saturate(1.3) blur(18px);backdrop-filter:saturate(1.3) blur(18px)}
html.theme-3d .hdr::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(var(--hot-rgb),.75) 30%,rgba(var(--hot-rgb),.15) 70%,transparent)}
html.theme-3d[data-land="at"] .hdr::after{height:2px;background:linear-gradient(90deg,transparent 4%,rgba(237,41,57,.85) 20%,rgba(237,41,57,.85) 36%,rgba(255,255,255,.85) 36%,rgba(255,255,255,.85) 64%,rgba(237,41,57,.85) 64%,rgba(237,41,57,.85) 80%,transparent 96%);opacity:.75}
html.theme-3d .hdr.is-scrolled{background:rgba(var(--panel-rgb),.82);box-shadow:0 18px 40px -24px rgba(0,0,0,.9)}
html.theme-3d .brand{color:#fff!important}
html.theme-3d .hdr .brand__img{content:url(../img/logo-jum-software-hell.webp)}
html.theme-3d .brand__tag{color:#fff;border-left-color:rgba(255,255,255,.2)}
html.theme-3d .nav a{color:var(--ink-2)}
html.theme-3d .nav a:hover{background:rgba(255,255,255,.07);color:#fff}
html.theme-3d .nav a[aria-current="page"]{color:#fff;background:linear-gradient(180deg,rgba(var(--hot-rgb),.22),rgba(var(--hot-rgb),.07));box-shadow:inset 0 0 0 1px rgba(var(--hot-rgb),.4)}
html.theme-3d .land{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
html.theme-3d .land button{color:var(--muted)}
html.theme-3d .land button:hover{color:#fff}
html.theme-3d .land button[aria-pressed="true"]{background:#fff;color:var(--space)}
html.theme-3d .menu-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
html.theme-3d .icon-btn--call{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
@media (max-width:1099px){
  html.theme-3d .nav{background:rgba(var(--panel-rgb),.97);border-bottom-color:rgba(255,255,255,.1)}
  html.theme-3d .nav__extra{border-top-color:rgba(255,255,255,.1)}
}

/* ---------- Buttons: Logo-Rot mit weißer Schrift ---------- */
html.theme-3d :is(.btn--cta,.badge--orange,.dock__btn--call,.flow__ico--hot,.inbox__badge,.smock__cta){color:#fff!important}
html.theme-3d .fsteps li::before{color:#fff}
html.theme-3d .btn--cta{box-shadow:0 0 0 1px rgba(255,140,150,.35) inset,0 12px 34px -10px rgba(var(--hot-rgb),.85),0 0 40px -12px rgba(var(--hot-rgb),.7)}
html.theme-3d .btn--cta:hover{background:var(--orange-hover)}
html.theme-3d .btn--dark,html.theme-3d .btn--call,html.theme-3d .btn--line{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.28);color:#fff!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html.theme-3d .btn--dark:hover,html.theme-3d .btn--call:hover,html.theme-3d .btn--line:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.55);color:#fff!important}
html.theme-3d .btn--wa{box-shadow:0 12px 30px -12px rgba(37,211,102,.8),0 0 36px -12px rgba(37,211,102,.7)}

/* ---------- Kopfbereich (Hero) ---------- */
html.theme-3d .hero{background:transparent;isolation:isolate}
html.theme-3d .hero::before{display:none}
html.theme-3d .hero::after{background:radial-gradient(560px circle at var(--mx) var(--my),rgba(var(--hot-rgb),.10),transparent 60%)}
html.theme-3d .hero:not(.hero--page) .hero__in{min-height:calc(100svh - var(--hdr) - 10px);padding-block:56px 110px}
html.theme-3d .hero__lead,html.theme-3d .trust{color:var(--ink-2)}
html.theme-3d .devices{position:relative}
html.theme-3d .devices::after{content:"";position:absolute;left:8%;right:14%;bottom:-6%;height:60px;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--hot-rgb),.32),rgba(var(--tint-rgb),.14) 55%,transparent);filter:blur(10px);z-index:-1}
html.theme-3d .laptop{box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12),0 0 80px -24px rgba(var(--tint-rgb),.45)}
html.theme-3d .phone{box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.16),0 0 60px -16px rgba(var(--hot-rgb),.5)}
@media (prefers-reduced-motion:no-preference){
  html.theme-3d .devices,html.theme-3d .webmock,html.theme-3d .flow__visual .mphone,html.theme-3d .xsell__visual .browser{animation:floaty 9s ease-in-out infinite}
  html.theme-3d .flow__visual .mphone{animation-duration:11s;animation-delay:-3s}
}
@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -14px}}
/* Gleis unter dem Kopfbereich: DE rote Schienen mit Stahlschwellen, AT rot-weiß-rot */
html.theme-3d .hero .track{background:
  linear-gradient(rgba(var(--hot-rgb),.85),rgba(var(--hot-rgb),.85)) 0 1px/100% 2px no-repeat,
  linear-gradient(rgba(var(--hot-rgb),.85),rgba(var(--hot-rgb),.85)) 0 8px/100% 2px no-repeat,
  repeating-linear-gradient(90deg,rgba(var(--tint-rgb),.55) 0 5px,transparent 5px 24px) 0 0/100% 11px no-repeat;box-shadow:0 0 24px rgba(var(--hot-rgb),.4)}
html.theme-3d[data-land="at"] .hero .track{background:
  linear-gradient(rgba(var(--hot-rgb),.85),rgba(var(--hot-rgb),.85)) 0 1px/100% 2px no-repeat,
  linear-gradient(rgba(var(--hot-rgb),.85),rgba(var(--hot-rgb),.85)) 0 8px/100% 2px no-repeat,
  repeating-linear-gradient(90deg,rgba(255,255,255,.6) 0 5px,transparent 5px 24px) 0 0/100% 11px no-repeat}
html.theme-3d .track{box-shadow:0 -8px 30px -12px rgba(var(--hot-rgb),.55)}
html.theme-3d .caption{color:var(--muted)}
html.theme-3d .toast{background:rgba(var(--panel-rgb),.78);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px -16px rgba(0,0,0,.8),0 0 30px -14px rgba(var(--tint-rgb),.45)}
html.theme-3d .toast small{color:var(--muted)}
html.theme-3d .toast__ico{background:rgba(var(--tint-rgb),.16);color:var(--tint-ink)}
html.theme-3d .toast__ico--ok{background:rgba(94,227,154,.16);color:var(--ok)}
html.theme-3d .toast__ico--warn{background:rgba(var(--hot-rgb),.18);color:var(--hot)}

/* Hinweis zum Scrollen */
.scroll-hint{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--f-mono);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(230,236,244,.72);pointer-events:none;z-index:2}
.scroll-hint__mouse{display:block;width:24px;height:38px;border-radius:14px;border:2px solid rgba(230,236,244,.55);position:relative}
.scroll-hint__mouse i{position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--hot)}
@media (prefers-reduced-motion:no-preference){.scroll-hint__mouse i{animation:wheel 1.8s ease-in-out infinite}}
@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@media (max-width:1023px){.scroll-hint{display:none}}

/* ---------- Abschnitte: durchsichtig, darunter läuft die Szene ---------- */
html.theme-3d .sec--white,html.theme-3d .sec--tint{background:transparent}
html.theme-3d .ticker{background:rgba(var(--panel-rgb),.6);border-block:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html.theme-3d .ticker__row span{color:var(--ink-2);font-family:var(--f-mono);font-weight:500;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase}
html.theme-3d .ticker__row .i{color:var(--accent);filter:drop-shadow(0 0 6px rgba(var(--hot-rgb),.6))}

/* ---------- Glas-Karten ---------- */
html.theme-3d :is(.card,.feat,.way,.steps li,.price,.ptable,.terms,.matrix-wrap,.faq details,.cway,.form,.legal,.vs li,.einv,.calc,.inbox,.demo-frame,.shot,.note,.notice,.panel,.cta-band,.xsell,.smock__post){
  background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}
html.theme-3d :is(.feat,.way,.steps li,.price,.cway,.faq details,.inbox,.einv,.calc,.xsell,.cta-band){position:relative}
html.theme-3d :is(.feat,.way,.price,.cway,.steps li)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.11),transparent 45%)}
html.theme-3d .is-tilting::after{opacity:1}
html.theme-3d :is(.feat,.way,.price,.cway,.steps li,.faq details,.inbox):hover{border-color:rgba(var(--hot-rgb),.5);box-shadow:var(--glass-shadow),0 0 0 1px rgba(var(--hot-rgb),.18),0 24px 60px -24px rgba(var(--hot-rgb),.35)}
html.theme-3d .legal,html.theme-3d .form,html.theme-3d .terms,html.theme-3d .matrix-wrap{background:var(--glass-strong)}
html.theme-3d .feat h3,html.theme-3d .steps h3,html.theme-3d .way h3{color:#fff}
html.theme-3d .feat p,html.theme-3d .steps p,html.theme-3d .way__sub{color:var(--muted)}
html.theme-3d .ico{background:linear-gradient(145deg,rgba(var(--tint-rgb),.2),rgba(var(--tint-rgb),.05));border-color:rgba(var(--tint-rgb),.3);color:var(--tint-ink);box-shadow:0 0 24px -8px rgba(var(--tint-rgb),.5)}
html.theme-3d .ico--ok{background:linear-gradient(145deg,rgba(94,227,154,.22),rgba(94,227,154,.05));border-color:rgba(94,227,154,.35);color:var(--ok);box-shadow:0 0 24px -6px rgba(94,227,154,.55)}
html.theme-3d .ico--warn{background:linear-gradient(145deg,rgba(var(--hot-rgb),.26),rgba(var(--hot-rgb),.06));border-color:rgba(var(--hot-rgb),.45);color:var(--hot);box-shadow:0 0 24px -6px rgba(var(--hot-rgb),.6)}
html.theme-3d .feat::before{box-shadow:0 0 14px rgba(var(--hot-rgb),.9)}

/* Häkchen, Listen, Hinweise */
html.theme-3d .checks li{color:var(--ink-2)}
html.theme-3d .checks .i,html.theme-3d .vs__new .i,html.theme-3d .matrix td .i{color:var(--ok)}
html.theme-3d .vs__old{background:rgba(255,255,255,.025);color:var(--muted-2)}
html.theme-3d .vs__old .i{color:var(--muted-2)}
html.theme-3d .vs__new{color:#fff}
html.theme-3d .vs-head span:last-child{color:var(--ok)}
html.theme-3d .note{background:rgba(var(--hot-rgb),.1);border-color:rgba(var(--hot-rgb),.38)}
html.theme-3d .note strong,html.theme-3d .note .i{color:var(--hot)}
html.theme-3d .notice--ok{background:rgba(94,227,154,.1);color:var(--ok);border-color:rgba(94,227,154,.35)}
html.theme-3d .notice--err{background:rgba(255,90,90,.1);color:#ff9b9b;border-color:rgba(255,90,90,.35)}
html.theme-3d .fine,html.theme-3d .vat,html.theme-3d .caption--dark{color:var(--muted-2)}
html.theme-3d .incl li{background:rgba(94,227,154,.08);border-color:rgba(94,227,154,.3);color:var(--ok)}
html.theme-3d .badge--soft,html.theme-3d .badge--navy{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff}

/* Wege, Preise, Tabellen */
html.theme-3d .way--dark{background:linear-gradient(150deg,rgba(var(--deep-rgb),.6),rgba(var(--panel-rgb),.6));border-color:rgba(var(--hot-rgb),.32)}
html.theme-3d[data-land="at"] .way--dark{border-color:rgba(var(--tint-rgb),.32)}
html.theme-3d .way__price strong,html.theme-3d .price__amt strong,html.theme-3d .prow__amt strong{color:#fff;text-shadow:0 0 30px rgba(var(--tint-rgb),.35)}
html.theme-3d .way__price span,html.theme-3d .price__amt span,html.theme-3d .price__for{color:var(--muted)}
html.theme-3d .price h3,html.theme-3d .prow__name{color:#fff}
html.theme-3d .price--top{border:1px solid rgba(var(--hot-rgb),.65);box-shadow:var(--glass-shadow),0 0 0 1px rgba(var(--hot-rgb),.25),0 30px 80px -30px rgba(var(--hot-rgb),.5)}
html.theme-3d .price__maint{background:rgba(94,227,154,.08);border:1px solid rgba(94,227,154,.22)}
html.theme-3d .price__maint s{color:var(--muted-2)}
html.theme-3d .price__maint strong{color:var(--ok)}
html.theme-3d .prow{border-top-color:rgba(255,255,255,.1)}
html.theme-3d .prow__desc{color:var(--ink-2)}
html.theme-3d .prow--hi{background:rgba(var(--tint-rgb),.09);box-shadow:inset 3px 0 0 var(--orange)}
html.theme-3d .prow--setup{background:rgba(var(--hot-rgb),.08)}
html.theme-3d .prow--setup .prow__amt s{color:var(--muted-2)}
html.theme-3d .terms div{border-top-color:rgba(255,255,255,.1)}
html.theme-3d .terms dd{color:var(--ink-2)}
html.theme-3d .matrix th,html.theme-3d .matrix td{border-top-color:rgba(255,255,255,.08)}
html.theme-3d .matrix thead th{background:rgba(255,255,255,.05);color:#fff;font-family:var(--f-mono);font-weight:700}
html.theme-3d .matrix thead th small{color:var(--muted);font-family:var(--f-body)}
html.theme-3d .matrix th[scope="row"]{color:var(--ink-2)}
html.theme-3d .matrix .grp th{background:rgba(255,255,255,.03);color:var(--accent);font-family:var(--f-mono)}
html.theme-3d .matrix td.no{color:rgba(255,255,255,.25)}
html.theme-3d .matrix .col-hi{background:rgba(var(--hot-rgb),.07)}

/* Schritte */
html.theme-3d .steps li::before,html.theme-3d .mini-steps li::before{background:linear-gradient(135deg,var(--brand-red),var(--orange));color:#fff;box-shadow:0 0 24px -4px rgba(var(--hot-rgb),.8);font-family:var(--f-mono)}
html.theme-3d .mini-steps span{color:var(--muted)}
html.theme-3d .fsteps li{background:rgba(255,255,255,.05)}

/* FAQ */
html.theme-3d .faq summary{color:#fff}
html.theme-3d .faq summary .i{color:var(--accent)}
html.theme-3d .faq details > div{color:var(--ink-2)}
html.theme-3d .faq details[open]{border-color:rgba(var(--hot-rgb),.42)}

/* Zahlen-Band, Ablauf, Bänder */
html.theme-3d .stats{background:linear-gradient(90deg,rgba(var(--panel-rgb),.35),rgba(var(--deep-rgb),.4),rgba(var(--panel-rgb),.35));border-block:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html.theme-3d .stats::before{display:none}
html.theme-3d .stat strong{font-family:var(--f-mono);font-weight:700;letter-spacing:-.04em;filter:drop-shadow(0 0 18px rgba(var(--hot-rgb),.35))}
html.theme-3d .flow{background:transparent}
html.theme-3d .flow::before{display:none}
html.theme-3d .flow__ico{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22);box-shadow:0 0 22px -6px rgba(var(--tint-rgb),.6)}
html.theme-3d .flow__ico--hot{background:var(--orange);box-shadow:0 0 26px -4px rgba(var(--hot-rgb),.9)}
html.theme-3d .flow__note{background:rgba(var(--panel-rgb),.8);color:#fff;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html.theme-3d .flow__note small{color:var(--muted)}
html.theme-3d .mphone{box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.14),0 0 70px -20px rgba(var(--hot-rgb),.45)}
html.theme-3d .cta-band,html.theme-3d .xsell{background:linear-gradient(140deg,rgba(var(--panel-rgb),.78),rgba(var(--deep-rgb),.5));border-color:rgba(var(--tint-rgb),.25)}
html.theme-3d .cta-band::before,html.theme-3d .xsell::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(var(--hot-rgb),.85),rgba(var(--tint-rgb),.2) 45%,rgba(var(--hot-rgb),.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}

/* E-Rechnung, Rechner */
html.theme-3d .einv__panel{background:linear-gradient(150deg,rgba(var(--deep-rgb),.55),rgba(var(--panel-rgb),.65));border:1px solid rgba(var(--tint-rgb),.25)}
html.theme-3d .calc__intro > p{color:var(--muted)}
html.theme-3d .calc__alt{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:var(--ink-2)!important}
html.theme-3d .calc__box{background:linear-gradient(160deg,rgba(var(--tint-rgb),.1),rgba(var(--tint-rgb),.03));border-color:rgba(var(--tint-rgb),.25)}
html.theme-3d .calc__n,html.theme-3d .calc__price{color:#fff;font-family:var(--f-mono)}
html.theme-3d .calc__lbl{color:#fff}
html.theme-3d .calc__result{background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
html.theme-3d .calc__pkg{color:var(--accent)}
html.theme-3d .calc__per,html.theme-3d .calc__scale{color:var(--muted)}
html.theme-3d .calc__range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--brand-red),var(--orange) var(--p),rgba(255,255,255,.18) var(--p))}
html.theme-3d .calc__range::-moz-range-track{background:rgba(255,255,255,.18)}
html.theme-3d .calc__range::-webkit-slider-thumb{background:var(--space);box-shadow:0 0 18px rgba(var(--hot-rgb),.8)}

/* Kontakt und Formular */
html.theme-3d .cway{color:#fff!important}
html.theme-3d .cway span{color:var(--muted)}
html.theme-3d .cway strong{color:#fff}
html.theme-3d .field label,html.theme-3d .field .lbl{color:#fff}
html.theme-3d .field input,html.theme-3d .field select,html.theme-3d .field textarea{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);color:#fff}
html.theme-3d .field input::placeholder,html.theme-3d .field textarea::placeholder{color:var(--muted-2)}
html.theme-3d .field select{background-repeat:no-repeat;background-position:right 12px center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23cfd6df' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
html.theme-3d .field select option{background:var(--space);color:#fff}
html.theme-3d .field input:focus,html.theme-3d .field select:focus,html.theme-3d .field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--hot-rgb),.2)}
html.theme-3d .field .err,html.theme-3d .req{color:#ff9b9b}
html.theme-3d .field.invalid input,html.theme-3d .field.invalid select,html.theme-3d .field.invalid textarea{border-color:#ff7b7b}
html.theme-3d .field .consent{color:var(--ink-2)}
html.theme-3d .consent input{accent-color:var(--orange)}

/* Rechtstexte */
html.theme-3d .legal{color:var(--ink-2)}
html.theme-3d .legal h2,html.theme-3d .legal h3{color:#fff}

/* Funktionsseite, Bilder, Demo */
html.theme-3d .shot{background:rgba(255,255,255,.04);padding:8px}
html.theme-3d .shot img{border-radius:calc(var(--r-lg) - 8px)}
html.theme-3d .shot--phone{background:#0b0e12;padding:7px;box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.14),0 0 70px -20px rgba(var(--hot-rgb),.45)}
html.theme-3d .inbox li{border-top-color:rgba(255,255,255,.08)}
html.theme-3d .inbox li p,html.theme-3d .inbox time{color:var(--muted)}
html.theme-3d .inbox__fine{border-top-color:rgba(255,255,255,.08);color:var(--muted-2)}
html.theme-3d .inbox__tag{background:rgba(var(--tint-rgb),.16);color:var(--tint-ink)}
html.theme-3d .inbox__tag--warn{background:rgba(255,170,60,.16);color:#ffc069}
html.theme-3d .inbox__tag--red{background:rgba(255,90,90,.16);color:#ff9b9b}
html.theme-3d .inbox__foto{color:var(--tint-ink)}
html.theme-3d .demo-frame{padding:10px;background:rgba(255,255,255,.05);box-shadow:0 60px 140px -50px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.14),0 0 120px -40px rgba(var(--tint-rgb),.45)}
html.theme-3d .demo-frame iframe{border-radius:calc(var(--r-xl) - 10px);background:#eef0f8}
html.theme-3d .demo-points{color:var(--ink-2)}

/* Digitalisierung */
html.theme-3d .pills li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
html.theme-3d .smock__post{background:rgba(var(--panel-rgb),.85)}
html.theme-3d .smock__head b{color:#fff}
html.theme-3d .smock__head small,html.theme-3d .smock__more,html.theme-3d .smock__act span{color:var(--muted)}
html.theme-3d .smock__txt{color:var(--ink-2)}
html.theme-3d .smock__act{border-top-color:rgba(255,255,255,.1)}
html.theme-3d .browser{box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.14),0 0 80px -24px rgba(var(--tint-rgb),.5)}

/* Fußbereich und Leisten */
html.theme-3d .ftr{background:linear-gradient(180deg,rgba(var(--panel-rgb),.4),rgba(var(--panel-rgb),.95) 40%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html.theme-3d .ftr__bot{border-top-color:rgba(255,255,255,.08)}
html.theme-3d .mbar{background:rgba(var(--panel-rgb),.9);border-top-color:rgba(255,255,255,.1)}
html.theme-3d .dock__btn{box-shadow:0 16px 34px -14px rgba(0,0,0,.8),0 0 30px -8px rgba(255,255,255,.22)}

/* ---------- 3D-Bewegung: Einblenden aus der Tiefe, Kippen ---------- */
@media (prefers-reduced-motion:no-preference){
  html.theme-3d.rv-on .rv{opacity:0;transform:perspective(1100px) translate3d(0,46px,-90px) rotateX(13deg);filter:blur(5px);transition:opacity .9s var(--ease),transform 1.05s var(--ease),filter .9s var(--ease)}
  html.theme-3d.rv-on .rv.in{opacity:1;transform:none;filter:none}
  html.theme-3d .tilt,html.theme-3d.rv-on .rv.in.tilt{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transition:transform .45s var(--ease),border-color .3s,box-shadow .3s,opacity .9s var(--ease),filter .9s var(--ease)}
  html.theme-3d .tilt.is-tilting{--lift:-4px;transition:transform .12s linear,border-color .3s,box-shadow .3s}
  html.theme-3d .feat:hover,html.theme-3d .price:hover,html.theme-3d .way:hover,html.theme-3d .steps li:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px)}
  html.theme-3d.rv-on .vs li .vs__new{transform:translateX(14px)}
  html.theme-3d.rv-on .vs li.in .vs__new{transform:none}
}

/* Handy: Glas etwas leichter, damit es flüssig bleibt */
@media (max-width:760px){
  html.theme-3d :is(.card,.feat,.way,.steps li,.price,.ptable,.terms,.matrix-wrap,.faq details,.cway,.form,.legal,.vs li,.einv,.calc,.inbox,.demo-frame,.shot,.note,.notice,.panel,.cta-band,.xsell,.smock__post){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(var(--panel-rgb),.78)}
  html.theme-3d .hero:not(.hero--page) .hero__in{min-height:0;padding-block:40px 64px}
}
@media (prefers-reduced-motion:reduce){
  .space-cursor{display:none}
}

/* Bildschirm-Inhalte (Handy-App, Beispiel-Webseite) bleiben hell und gut lesbar */
html.theme-3d :is(.mphone__scr,.browser,.wm-phone__scr){--ink:#253037;--ink-2:#34404a;--muted:#4f5b66;--line:#e3e8f2;--line-2:#d3dbea;--blue-600:#2f4bd6;--blue-50:#f1f4ff;color:#253037}
html.theme-3d .mphone__scr :where(h1,h2,h3,b,strong){color:inherit}

/* Handy: kleinere Laufschrift über Überschriften */
@media (max-width:640px){
  html.theme-3d .eyebrow{letter-spacing:.14em;font-size:.75rem}
  html.theme-3d .hero .eyebrow{display:block}
  html.theme-3d .hero .eyebrow::before{display:inline-block;vertical-align:middle;margin-right:.6em}
}

/* Name der Szene unten rechts im Kopfbereich */
.scene-hud{position:absolute;right:calc(max(var(--gut),12px) + 60px);bottom:34px;flex-direction:row-reverse;z-index:2;display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(230,236,244,.6);pointer-events:none}
.scene-hud b{display:grid;place-items:center;min-width:34px;height:22px;padding:0 6px;border:1px solid rgba(var(--hot-rgb),.55);border-radius:6px;color:var(--accent);font-weight:700;letter-spacing:.08em}
.scene-hud::after{content:"";width:48px;height:1px;background:linear-gradient(270deg,var(--accent),transparent)}
.jsw-start .scene-hud,html.no-webgl .scene-hud{display:none}
@media (max-width:1023px){.scene-hud{display:none}}

/* Unterseiten: Text links, rechts Platz für die 3D-Welt */
html.theme-3d .hero--page.hero--solo .hero__in{max-width:calc(var(--wrap) + var(--gut)*2)}
html.theme-3d .hero--page.hero--solo .hero__in > div{max-width:720px}
@media (max-width:420px){html.theme-3d .hero h1{font-size:clamp(1.75rem,8.4vw,2.125rem);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}}