/* LAIMS Landing Page
   Schrift: Archivo (Überschriften), Geist (Text), beide SIL OFL, selbst gehostet
   Bewegung: nur transform und opacity; alles reduziert unter prefers-reduced-motion
   Die alte Seite /oem nutzt weiter tailwind.css und ist von dieser Datei unabhängig. */

@font-face{font-family:"Archivo";src:url("/static/fonts/archivo/archivo-latin-wght.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist";src:url("/static/fonts/geist/geist-latin-wght.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --navy:#0a0f1e; --navy-2:#0f172a; --navy-3:#1a2540;
  --lime:#a3e635; --lime-hi:#bdf63a; --lime-ink:#3f6212;
  --ultra:#3a2ee0;
  --paper:#ffffff; --mist:#eef1f6; --line:#e2e8f0;
  --ink:#0a0f1e; --slate:#475569; --fog:#cbd3e1;
  --f-d:"Archivo","Helvetica Neue",Arial,system-ui,sans-serif;
  --f-t:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.2,1);
  --pad:clamp(20px,4.4vw,72px);
  --hdr:76px;
  --r-card:14px; --r-chip:999px;
  --focus:#fff;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--hdr)}
body{margin:0;background:var(--navy);color:var(--ink);font:400 1rem/1.5 var(--f-t);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--lime);color:var(--navy);font-weight:600;padding:12px 18px;text-decoration:none}
.skip:focus{top:16px}

/* ---------- Buttons ---------- */
.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:14px;height:56px;padding:0 26px;font:600 1.0625rem/1 var(--f-t);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;overflow:hidden;transition:transform .28s var(--ease-out);-webkit-tap-highlight-color:transparent}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;opacity:0;transition:opacity .22s linear}
.btn::after{content:"";position:absolute;inset:0;border:2px solid transparent;pointer-events:none}
.btn:hover{transform:translateY(-3px)}
.btn:hover::before{opacity:.3}
.btn:active{transform:translateY(0) scale(.97);transition-duration:.08s}
.btn .arw{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:square;stroke-linejoin:miter;transition:transform .32s var(--ease-out)}
.btn:hover .arw{transform:translateX(6px)}
.btn--sm{height:46px;padding:0 20px;font-size:.9688rem}
.btn--xl{height:68px;padding:0 34px;font-size:1.1875rem}
.btn--lime{background:var(--lime);color:var(--navy)}
.btn--ghost{color:#fff}
.btn--ghost::after{border-color:#fff}
.btn--ghost:hover::before{opacity:.16}
.btn--navy{background:var(--navy);color:#fff}
.btn--navy:hover::before{opacity:.14}
.btn--line{color:var(--navy)}
.btn--line::after{border-color:var(--navy)}
.btn--line::before{background:var(--navy)}
.btn--line:hover::before{opacity:.1}

/* ---------- Pills (Produkt-Rezept bg-100 / text-700) ---------- */
.pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-chip);font:600 .75rem/1 var(--f-t);white-space:nowrap}
.pill--blue{background:#dbeafe;color:#1d4ed8}
.pill--emerald{background:#d1fae5;color:#047857}
.pill--orange{background:#ffedd5;color:#9a3412}
.pill--indigo{background:#e0e7ff;color:#4338ca}
.pill--teal{background:#ccfbf1;color:#0f766e}
.pill--amber{background:#fef3c7;color:#92400e}
.pill--lime{background:#ecfccb;color:#3f6212}
.ex{display:inline-block;font:600 .6875rem/1 var(--f-t);letter-spacing:.06em;text-transform:uppercase;color:var(--navy);background:var(--lime);padding:5px 7px}

/* ---------- Marker (Text invertiert, während die Fläche hereinfährt) ---------- */
.mark{position:relative;display:inline-block;white-space:nowrap}
.mark__wipe{position:absolute;top:0;bottom:-.1em;left:-.12em;right:-.12em;overflow:hidden;pointer-events:none}
.mark__ink{display:block;height:100%;padding:0 .12em;background:var(--lime);color:var(--navy)}
.mark__ink::before{content:attr(data-t)}
.mark--navy .mark__ink{background:var(--navy);color:var(--lime)}
.js [data-rv] .mark[data-mark] .mark__wipe{transform:translateX(-101%)}
.js [data-rv] .mark[data-mark] .mark__ink{transform:translateX(101%)}
.js [data-rv].is-in .mark[data-mark] .mark__wipe,
.js [data-rv].is-in .mark[data-mark] .mark__ink{transform:none;transition:transform .65s var(--ease-io) .38s}

/* ---------- Header ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--hdr);display:flex;align-items:center;gap:clamp(20px,3vw,48px);padding:0 var(--pad);color:#fff;transition:transform .5s var(--ease-out);animation:hdrIn .6s var(--ease-out) both}
.hdr::before{content:"";position:absolute;inset:0;background:var(--navy);opacity:0;transition:opacity .3s linear}
.hdr.is-solid::before{opacity:.97}
.hdr.is-hidden{transform:translateY(-102%)}
.hdr>*{position:relative}
.hdr__logo{display:flex;align-items:center;min-height:44px;flex:none;transition:transform .4s var(--ease-out);transform-origin:0 50%}
.hdr__logo img{width:148px;height:auto}
.hdr.is-solid .hdr__logo{transform:scale(.9)}
.hdr__nav{display:flex;gap:clamp(18px,2.2vw,36px);margin-right:auto}
.hdr__nav a,.hdr__login{position:relative;font-weight:500;font-size:1rem;text-decoration:none;padding:10px 0;white-space:nowrap}
.hdr__nav a::after,.hdr__login::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease-out)}
.hdr__nav a:hover::after,.hdr__login:hover::after,.hdr__nav a:focus-visible::after{transform:scaleX(1)}
.hdr__act{display:flex;align-items:center;gap:24px}
.hdr__menu{display:none;width:46px;height:46px;margin-left:auto;align-items:center;justify-content:center}
.hdr__menu-ico{display:grid;gap:7px;width:26px}
.hdr__menu-ico i{display:block;height:3px;background:#fff;transition:transform .3s var(--ease-out)}
.hdr__menu[aria-expanded="true"] .hdr__menu-ico i:first-child{transform:translateY(5px) rotate(45deg)}
.hdr__menu[aria-expanded="true"] .hdr__menu-ico i:last-child{transform:translateY(-5px) rotate(-45deg)}
.hdr__bar{position:absolute!important;left:0;right:0;bottom:0;height:3px;background:var(--lime);transform-origin:0 50%;transform:scaleX(var(--p,0));opacity:0;transition:opacity .3s}
.hdr.is-solid .hdr__bar{opacity:1}
@keyframes hdrIn{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}

.mnav{position:fixed;inset:0;z-index:55;background:var(--navy);color:#fff;padding:calc(var(--hdr) + 24px) var(--pad) 32px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overscroll-behavior:contain;animation:fade .25s both}
.mnav[hidden]{display:none}
.mnav nav{display:grid;gap:4px}
.mnav nav a{font:700 2.25rem/1.15 var(--f-d);letter-spacing:-.02em;text-decoration:none;padding:8px 0}

/* ---------- Hero-Bühne ---------- */
.hero{background:var(--paper)}
.stage{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--navy);color:#fff;overflow:hidden}
.stage__media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.stage__video{position:absolute;left:0;top:-7%;width:100%;height:114%;object-fit:cover;object-position:60% 50%;filter:grayscale(.92) contrast(1.14);animation:mediaIn 1.2s var(--ease-out) both;will-change:transform}
.stage__tint{position:absolute;inset:0;background:
  linear-gradient(0deg,rgba(10,15,30,.94) 0%,rgba(10,15,30,.2) 34%,rgba(10,15,30,0) 55%,rgba(10,15,30,.55) 100%),
  linear-gradient(90deg,rgba(10,15,30,.93) 0%,rgba(10,15,30,.82) 36%,rgba(13,22,52,.5) 70%,rgba(13,22,52,.42) 100%)}
.stage__glow{position:absolute;left:0;top:0;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;background:radial-gradient(closest-side,rgba(163,230,53,.26),rgba(163,230,53,.08) 55%,rgba(163,230,53,0));transform:translate3d(78vw,58vh,0);will-change:transform;pointer-events:none}
@keyframes mediaIn{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}

.stage__body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--hdr) + 28px) var(--pad) clamp(28px,5vh,56px);will-change:transform}
.kicker{display:flex;align-items:center;gap:12px;font:600 .9375rem/1 var(--f-t);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:clamp(18px,2.6vh,28px)}
.kicker i,.eyebrow i{display:block;width:12px;height:12px;background:var(--lime);flex:none}
.h1{font:700 clamp(2.6rem,5.7vw,6.1rem)/1 var(--f-d);letter-spacing:-.03em;color:#fff;margin-bottom:clamp(20px,3.2vh,34px)}
.ln{display:block;overflow:hidden;padding:.05em .14em .16em;margin:-.05em -.14em -.16em}
.ln__in{display:block}
.lede{max-width:39em;font-size:clamp(1.0625rem,1.45vw,1.3125rem);line-height:1.5;color:#e7ebf3;margin-bottom:clamp(24px,3.8vh,40px)}
.cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:clamp(20px,3vh,30px)}
.trust{display:flex;flex-wrap:wrap;gap:10px 28px;font-weight:500;font-size:1rem;color:#fff}
.trust li{display:flex;align-items:center;gap:10px}
.trust li::before{content:"";width:9px;height:9px;background:var(--lime);flex:none}

.stage__pause{position:absolute;right:var(--pad);top:calc(var(--hdr) + 18px);display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 10px;font-size:.875rem;font-weight:500;color:#fff;background:rgba(10,15,30,.55);transition:transform .25s var(--ease-out)}
.stage__pause:hover{transform:translateY(-2px)}
.stage__pause:active{transform:scale(.96)}
.stage__pause svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6}
.stage__pause .ico-play{display:none;fill:currentColor;stroke:none}
.stage__pause[aria-pressed="true"] .ico-play{display:block}
.stage__pause[aria-pressed="true"] .ico-pause{display:none}

/* Lade-Choreografie (reines CSS, fertig nach ca. 1,2 s) */
.a{animation:rise .7s var(--ease-out) both}
.a-ln{animation:lineUp .8s var(--ease-out) both}
.a1{animation-delay:.08s}.a2{animation-delay:.14s}.a3{animation-delay:.24s}.a4{animation-delay:.4s}.a5{animation-delay:.48s}.a6{animation-delay:.56s}
.a-up{animation:barUp .7s var(--ease-out) .45s both}
.mark--hero .mark__wipe{animation:wipeA .55s var(--ease-io) .62s both}
.mark--hero .mark__ink{animation:wipeB .55s var(--ease-io) .62s both}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes lineUp{from{transform:translateY(112%)}to{transform:none}}
@keyframes barUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes wipeA{from{transform:translateX(-101%)}to{transform:none}}
@keyframes wipeB{from{transform:translateX(101%)}to{transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}

/* ---------- Auftragsticker ---------- */
.ticker{position:relative;display:grid;grid-template-columns:minmax(372px,27vw) 1fr;background:var(--navy);padding-right:104px;min-height:112px}
.ticker__order{position:relative;background:var(--paper);color:var(--ink);padding:16px 22px 16px var(--pad);display:grid;grid-template-columns:1fr auto;align-content:center;column-gap:12px;row-gap:3px}
.ticker__eyebrow{grid-column:1/-1;font:600 .6875rem/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-bottom:4px}
.ticker__nr{font:700 1.3125rem/1 var(--f-d);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ticker__badge{grid-row:2/4;grid-column:2;align-self:center;display:block}
.ticker__cust{font-size:.8438rem;font-weight:500;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticker__rail{position:relative;min-width:0}
.ticker__now{display:none}
.ticker__steps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));height:100%}
.ticker__steps li{display:block;min-width:0}
.st{position:relative;display:flex;flex-direction:column;justify-content:center;gap:9px;width:100%;height:100%;padding:0 clamp(6px,.85vw,14px);text-align:left;color:#fff}
.st:focus-visible{outline-offset:-4px}
.st__n{position:relative;display:block;width:26px;height:16px;font:600 .75rem/16px var(--f-t);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#aab4c8}
.st__n b{font-weight:600;display:block;transition:opacity .3s,transform .3s var(--ease-out)}
.st__n svg{position:absolute;left:-2px;top:-2px;width:20px;height:20px;fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:square;opacity:0;transform:scale(.4);transition:opacity .3s,transform .4s var(--ease-out)}
.st.is-done .st__n b{opacity:0;transform:translateY(-6px)}
.st.is-done .st__n svg{opacity:1;transform:none}
.st__l{display:block;font:600 clamp(.75rem,.93vw,.9063rem)/1.18 var(--f-t);letter-spacing:-.015em;hyphens:manual;overflow-wrap:normal;color:#dfe5ef;transition:transform .3s var(--ease-out)}
.st:hover .st__l{transform:translateX(3px)}
.st:active .st__l{transform:translateX(0) scale(.97)}
/* Lime-Marker fährt von Station zu Station, der Text darunter invertiert */
.ticker__cursor{position:absolute;top:0;bottom:0;left:0;width:12.5%;overflow:hidden;pointer-events:none;transform:translateX(calc(var(--i) * 100%));transition:transform .6s var(--ease-io)}
.ticker__cursor-in{position:absolute;top:0;bottom:0;left:0;width:800%;background:var(--lime);transform:translateX(calc(var(--i) * -12.5%));transition:transform .6s var(--ease-io)}
.ticker__cursor-in .st{color:var(--navy)}
.ticker__cursor-in .st__n{color:var(--navy)}
.ticker__cursor-in .st__n b{opacity:1!important;transform:none!important}
.ticker__cursor-in .st__n svg{display:none}
.ticker__cursor-in .st__l{color:var(--navy);font-weight:700}
.ticker__bar{position:absolute;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.14)}
.ticker__bar span{display:block;height:100%;background:var(--lime);transform-origin:0 50%;transform:scaleX(var(--p));transition:transform .6s var(--ease-io)}

/* ---------- Zahlenreihe ---------- */
.facts{background:var(--paper);color:var(--ink);padding:clamp(48px,7vw,104px) var(--pad);--focus:var(--navy)}
.facts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,56px)}
.fact{display:block;min-width:0}
.fact__n{display:block;font:700 clamp(4.5rem,10vw,9.5rem)/.88 var(--f-d);letter-spacing:-.045em;font-variant-numeric:tabular-nums lining-nums;color:var(--navy);margin-bottom:clamp(16px,2vw,28px)}
.fact__l{display:block;font-size:clamp(.9688rem,1.2vw,1.125rem);line-height:1.6;color:var(--ink);max-width:19em}
.mk{position:relative;display:inline-block;isolation:isolate;font:700 clamp(1.125rem,1.55vw,1.4375rem)/1.25 var(--f-d);letter-spacing:-.01em;padding:1px 7px;margin-right:4px;color:var(--navy)}
.mk::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--lime);transform-origin:0 50%}
.js .fact[data-rv] .fact__n{opacity:0;transform:translateY(46px)}
.js .fact[data-rv] .fact__l{opacity:0}
.js .fact[data-rv] .mk::before{transform:scaleX(0)}
.js .fact[data-rv].is-in .fact__n{opacity:1;transform:none;transition:opacity .5s linear calc(var(--d) * 90ms),transform .9s var(--ease-out) calc(var(--d) * 90ms)}
.js .fact[data-rv].is-in .fact__l{opacity:1;transition:opacity .5s linear calc(var(--d) * 90ms + 250ms)}
.js .fact[data-rv].is-in .mk::before{transform:none;transition:transform .6s var(--ease-io) calc(var(--d) * 90ms + 420ms)}

/* ---------- Kunden (#kunden): Namen mit Land statt Logos, als Raster mit feinen Linien ---------- */
.kunden{background:var(--paper);color:var(--ink);padding:0 var(--pad) clamp(56px,7vw,104px);--focus:var(--navy)}
.kunden__h{margin:0 0 clamp(18px,2vw,28px);padding-top:clamp(28px,3vw,44px);border-top:1px solid var(--line);font:600 .8125rem/1.3 var(--f-t);letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.kunden__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--line);border:1px solid var(--line)}
.kunde{display:grid;align-content:center;gap:6px;min-width:0;min-height:clamp(92px,8vw,116px);padding:16px clamp(14px,1.4vw,22px);background:var(--paper)}
.kunde b{font:700 clamp(1rem,1.25vw,1.1875rem)/1.2 var(--f-d);letter-spacing:-.01em;color:var(--navy);overflow-wrap:anywhere}
.kunde span{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}
.kunde--more b{font:500 .9375rem/1.3 var(--f-t);letter-spacing:0;color:var(--slate)}
.js .kunde[data-rv]{opacity:0;transform:translateY(14px)}
.js .kunde[data-rv].is-in{opacity:1;transform:none;transition:opacity .5s linear calc(var(--d) * 50ms),transform .8s var(--ease-out) calc(var(--d) * 50ms)}

/* ---------- Feature: Farbblöcke ---------- */
.feature{background:var(--navy)}
.blocks{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
.blk{position:relative;min-width:0;overflow:hidden;padding:clamp(28px,3.6vw,60px)}
.blk--photo{grid-column:1/8;min-height:clamp(600px,82vh,780px);background:#2a2f33;padding:0;color:#fff}
.blk--navy{grid-column:8/13;background:var(--navy-2);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.blk--lime{grid-column:1/5;background:var(--lime);color:var(--navy);--focus:var(--navy)}
.blk--ultra{grid-column:5/9;background:var(--ultra);color:#fff}
.blk--paper{grid-column:9/13;background:var(--paper);color:var(--ink);--focus:var(--navy)}
.blk--lime,.blk--ultra,.blk--paper{display:flex;flex-direction:column;justify-content:space-between;gap:36px;min-height:clamp(380px,34vw,480px)}

.blk__img{position:absolute;left:0;right:0;top:-8%;height:116%;will-change:transform}
.blk__img picture,.blk__img img{width:100%;height:100%}
.blk__img img{object-fit:cover;object-position:22% 40%}
.js .blk--photo[data-rv] .blk__img img{opacity:0;transform:scale(1.14)}
.js .blk--photo[data-rv].is-in .blk__img img{opacity:1;transform:none;transition:opacity .7s linear,transform 1.5s var(--ease-out)}

.eyebrow{display:flex;align-items:center;gap:12px;font:600 .9375rem/1 var(--f-t);letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px}
.h2{font:700 clamp(2.2rem,4vw,4rem)/1.02 var(--f-d);letter-spacing:-.025em;margin-bottom:26px}
.h2--xl{font-size:clamp(2.5rem,5.2vw,5.5rem);line-height:1;letter-spacing:-.03em}
.blk__text{font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.55;color:#e1e6f0;max-width:30em;margin-bottom:36px}
.h3{font:700 clamp(1.625rem,2.35vw,2.375rem)/1.06 var(--f-d);letter-spacing:-.02em;max-width:13em}

.js .blk[data-rv]>.eyebrow,.js .blk[data-rv]>.h2,.js .blk[data-rv]>.blk__text,.js .blk[data-rv]>.btn,.js .blk[data-rv]>.h3,.js .blk[data-rv]>.viz{opacity:0;transform:translateY(34px)}
.js .blk[data-rv].is-in>*{opacity:1;transform:none;transition:opacity .55s linear,transform .9s var(--ease-out)}
.js .blk[data-rv].is-in>*:nth-child(2){transition-delay:.09s}
.js .blk[data-rv].is-in>*:nth-child(3){transition-delay:.18s}
.js .blk[data-rv].is-in>*:nth-child(4){transition-delay:.27s}
.js .blk[data-rv].is-in>.btn:hover{transition:transform .28s var(--ease-out);transform:translateY(-3px)}
.js .blk[data-rv].is-in>.btn:active{transform:scale(.97)}

/* Produktfragment: Variantenmatrix + Rechenweg */
.calc{position:absolute;right:clamp(18px,2.6vw,44px);bottom:clamp(18px,2.6vw,44px);width:min(470px,calc(100% - 36px));background:#fff;color:#0f172a;border-radius:var(--r-card);box-shadow:0 40px 90px -30px rgba(5,8,18,.75),0 2px 0 rgba(255,255,255,.4) inset;font:400 .8438rem/1.35 var(--f-t);padding:18px 18px 16px;will-change:transform}
.js .blk--photo[data-rv] .calc{opacity:0;transform:translate3d(40px,70px,0) rotate(2.5deg)}
.js .blk--photo[data-rv].is-in .calc{opacity:1;transform:none;transition:opacity .5s linear .25s,transform 1.1s var(--ease-out) .25s}
.calc__hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.calc__title{font:700 1.1875rem/1.2 var(--f-d);letter-spacing:-.01em;margin-top:9px}
.calc__sub{color:#64748b;font-size:.8125rem;margin-top:2px}
.mx{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e5e7eb;border-radius:10px;font-variant-numeric:tabular-nums;overflow:hidden}
.mx th,.mx td{padding:6px 4px;text-align:center;font-weight:400}
.mx thead th{font-size:.75rem;color:#64748b;background:#f9fafb;padding:7px 4px}
.mx th:first-child{text-align:left;padding-left:12px;white-space:nowrap}
.mx tbody th{font-weight:500}
.mx tbody td,.mx tbody th{border-top:1px solid #f1f5f9}
.mx tfoot th,.mx tfoot td{border-top:2px solid #e5e7eb;font-weight:700;padding:8px 4px}
.mx tfoot th{padding-left:12px}
.mx__sum{padding-right:12px!important;text-align:right!important;font-weight:600!important}
.mx__sum--all{color:#3f6212}
.sw{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:7px;vertical-align:-1px;background:#1e293b}
.sw--white{background:#fff;box-shadow:inset 0 0 0 1px #94a3b8}
.cell{display:inline-block;min-width:34px;padding:4px 0;border:1px solid #bef264;background:#f7fee7;border-radius:6px;font-weight:500}
.js [data-calc] .cell{opacity:0;transform:scale(.6)}
.js .is-in [data-calc] .cell{opacity:1;transform:none;transition:opacity .25s linear calc(var(--c,0) * 55ms + 700ms),transform .5s var(--ease-out) calc(var(--c,0) * 55ms + 700ms)}
.path{margin-top:12px;background:#f9fafb;border-radius:10px;padding:12px 12px 10px}
.path__hd{display:flex;justify-content:space-between;font-weight:600;font-size:.8125rem;margin-bottom:6px}
.path__hd span{font-weight:500;color:#64748b}
.path__rows li{display:grid;grid-template-columns:1fr auto 84px;gap:10px;padding:3px 0;font-variant-numeric:tabular-nums}
.path__rows .q{color:#64748b}
.path__rows .v{text-align:right;font-weight:500}
.js [data-calc] .path__rows li{opacity:0;transform:translateX(-12px)}
.js .is-in [data-calc] .path__rows li{opacity:1;transform:none;transition:opacity .3s linear,transform .5s var(--ease-out)}
.js .is-in [data-calc] .path__rows li:nth-child(1){transition-delay:1.3s}
.js .is-in [data-calc] .path__rows li:nth-child(2){transition-delay:1.42s}
.js .is-in [data-calc] .path__rows li:nth-child(3){transition-delay:1.54s}
.path__total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid #0f172a;margin-top:7px;padding-top:8px;font-weight:600}
.path__total strong{font:700 1.5rem/1 var(--f-d);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.hint{display:flex;align-items:center;gap:9px;margin-top:12px;padding:9px 12px;background:var(--lime);color:var(--navy);font-weight:500;font-size:.8125rem;border-radius:8px;transform-origin:0 50%}
.hint b{font-weight:700}
.hint svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4}
.js [data-calc] .hint{opacity:0;transform:translateY(10px) scale(.96)}
.js .is-in [data-calc] .hint{opacity:1;transform:none;transition:opacity .3s linear 2.1s,transform .6s var(--ease-out) 2.1s}

/* Kachel-Visualisierungen */
.viz{position:relative;min-height:150px}
.nr{height:72px;overflow:hidden;background:#fff;border-radius:var(--r-card);box-shadow:0 18px 40px -22px rgba(10,15,30,.6)}
.nr__row{height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;transition:transform .7s var(--ease-io)}
.nr__no{font:700 clamp(1.5rem,2.2vw,2.125rem)/1 var(--f-d);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--navy)}
[data-flip].is-b .nr__row{transform:translateY(-100%)}
.viz--nr::after{content:"";position:absolute;left:20px;top:72px;width:3px;height:44px;background:var(--navy);opacity:.9}
.viz--nr::before{content:"gleiche Nummer, neues Kürzel";position:absolute;left:36px;top:92px;font:600 .875rem/1.2 var(--f-t);color:var(--navy)}

.viz--ver{min-height:170px}
.ver{position:absolute;left:0;top:0;width:min(280px,82%);height:104px;background:#fff;color:var(--navy);border-radius:var(--r-card);padding:16px 18px;font:700 1.125rem/1 var(--f-d);box-shadow:0 18px 40px -20px rgba(5,8,18,.7);transition:transform .6s var(--ease-out)}
.ver::after{content:"";position:absolute;left:18px;right:18px;top:48px;height:8px;border-radius:4px;background:#e2e8f0;box-shadow:0 18px 0 #e2e8f0;clip-path:inset(0 0 -40px 0)}
.ver i{font:600 .75rem/1 var(--f-t);font-style:normal;background:var(--lime);color:var(--navy);padding:4px 7px;margin-left:8px;vertical-align:2px}
.ver--1{transform:translate(0,0) rotate(-5deg);opacity:.62}
.ver--2{transform:translate(26px,26px) rotate(-1.5deg);opacity:.85}
.ver--3{transform:translate(54px,54px) rotate(2deg)}
.blk--ultra:hover .ver--1{transform:translate(-6px,-8px) rotate(-9deg)}
.blk--ultra:hover .ver--3{transform:translate(70px,60px) rotate(5deg)}
.js .blk--ultra[data-rv] .ver{opacity:0;transform:translate(54px,-40px) rotate(8deg)}
.js .blk--ultra[data-rv].is-in .ver--1{opacity:.62;transform:translate(0,0) rotate(-5deg);transition:opacity .4s linear .25s,transform .9s var(--ease-out) .25s}
.js .blk--ultra[data-rv].is-in .ver--2{opacity:.85;transform:translate(26px,26px) rotate(-1.5deg);transition:opacity .4s linear .42s,transform .9s var(--ease-out) .42s}
.js .blk--ultra[data-rv].is-in .ver--3{opacity:1;transform:translate(54px,54px) rotate(2deg);transition:opacity .4s linear .6s,transform .9s var(--ease-out) .6s}
.js .blk--ultra[data-rv].is-in:hover .ver--1{transform:translate(-6px,-8px) rotate(-9deg);transition:transform .6s var(--ease-out)}
.js .blk--ultra[data-rv].is-in:hover .ver--3{transform:translate(70px,60px) rotate(5deg);transition:transform .6s var(--ease-out)}

.db{background:#f7fee7;border:1px solid #d9f99d;border-radius:var(--r-card);padding:16px 18px 18px;font-size:.875rem}
.db__hd{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:12px}
.db__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.db__grid span{display:block;font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase;color:#475569;margin-bottom:4px}
.db__grid b{font:700 1.375rem/1 var(--f-d);font-variant-numeric:tabular-nums;white-space:nowrap}
.db__grid small{font:500 .8125rem/1 var(--f-t);color:#475569}
.db__ok{color:#3f6212}
.db__bar{height:12px;background:#e2e8f0;overflow:hidden}
.db__bar span{display:block;height:100%;background:var(--lime);transform-origin:0 50%;transform:scaleX(.705)}
.js .blk--paper[data-rv] .db__bar span{transform:scaleX(0)}
.js .blk--paper[data-rv].is-in .db__bar span{transform:scaleX(.705);transition:transform 1.2s var(--ease-io) .45s}

/* ---------- CTA ---------- */
.cta{background:var(--lime);color:var(--navy);--focus:var(--navy)}
.mq{background:var(--navy);color:#fff;overflow:hidden;padding:clamp(14px,1.6vw,22px) 0;border-top:3px solid var(--lime)}
.mq__track{display:flex;align-items:center;gap:clamp(22px,3vw,44px);width:max-content;animation:mq 32s linear infinite;will-change:transform}
.mq:hover .mq__track{animation-play-state:paused}
.mq span{font:700 clamp(1.75rem,3.6vw,3.25rem)/1 var(--f-d);letter-spacing:-.02em;white-space:nowrap}
.mq span:nth-of-type(even){color:#aab4c8}
.mq i{display:block;width:clamp(14px,1.6vw,22px);height:clamp(14px,1.6vw,22px);background:var(--lime);flex:none}
.mq__track>:last-child{margin-right:clamp(22px,3vw,44px)}
@keyframes mq{to{transform:translateX(-50%)}}

.cta__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
.cta__body{grid-column:1/9;padding:clamp(56px,8vw,128px) var(--pad)}
.cta__text{font-size:clamp(1.125rem,1.5vw,1.375rem);line-height:1.5;max-width:28em;margin-bottom:36px;color:var(--navy)}
.cta .cta-row{margin-bottom:0}
.cta__photo{grid-column:9/13;position:relative;overflow:hidden;min-height:340px}
.cta__img{position:absolute;left:0;right:0;top:-8%;height:116%;will-change:transform}
.cta__img img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.js .cta__body[data-rv]>*{opacity:0;transform:translateY(34px)}
.js .cta__body[data-rv].is-in>*{opacity:1;transform:none;transition:opacity .55s linear,transform .9s var(--ease-out)}
.js .cta__body[data-rv].is-in>*:nth-child(2){transition-delay:.1s}
.js .cta__body[data-rv].is-in>*:nth-child(3){transition-delay:.2s}
.js .cta__photo[data-rv] .cta__img img{opacity:0;transform:scale(1.16)}
.js .cta__photo[data-rv].is-in .cta__img img{opacity:1;transform:none;transition:opacity .7s linear,transform 1.5s var(--ease-out)}

.ftr{background:var(--navy);color:#dfe5ef;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px var(--pad);padding-right:calc(var(--pad) + 84px);font-size:.9375rem;--focus:#fff}
.ftr img{width:112px;height:auto}

/* ---------- Chat-Launcher ---------- */
.chat{position:fixed;right:20px;bottom:20px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}
.chat>*{pointer-events:auto}
.chat__btn{width:64px;height:64px;border-radius:50%;background:var(--lime);color:var(--navy);display:grid;place-items:center;box-shadow:0 14px 34px -10px rgba(5,8,18,.7),0 0 0 3px var(--navy);transition:transform .3s var(--ease-out);animation:pop .5s var(--ease-out) .9s both;--focus:#fff}
.chat__btn:focus-visible{outline-offset:6px}
.chat__btn:hover{transform:translateY(-3px) scale(1.06)}
.chat__btn:active{transform:scale(.94)}
.chat__btn svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linejoin:miter}
.chat__bubble{position:relative;display:flex;align-items:flex-start;gap:6px;max-width:250px;background:#fff;color:var(--ink);padding:13px 8px 13px 16px;font-size:.9375rem;font-weight:500;line-height:1.35;box-shadow:0 18px 44px -14px rgba(5,8,18,.6);transform-origin:100% 100%;opacity:0;transform:translateY(10px) scale(.9);visibility:hidden;transition:opacity .25s linear,transform .45s var(--ease-out),visibility 0s .45s;--focus:var(--navy)}
.chat__bubble::after{content:"";position:absolute;right:24px;bottom:-7px;width:16px;height:16px;background:#fff;transform:rotate(45deg)}
.chat.is-open .chat__bubble{opacity:1;transform:none;visibility:visible;transition:opacity .25s linear,transform .45s var(--ease-out),visibility 0s}
.chat__x{flex:none;width:28px;height:28px;display:grid;place-items:center;margin-top:-4px;color:var(--slate);transition:transform .2s var(--ease-out)}
.chat__x:hover{transform:scale(1.15)}
.chat__x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6}
@keyframes pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}

/* ---------- Responsiv ---------- */
@media (max-width:1439px){
  .hdr__nav{gap:clamp(14px,1.3vw,36px)}
  .hdr__nav a,.hdr__login{font-size:.9375rem}
}
@media (max-width:1279px){
  .hdr__nav{display:none}
  .hdr__act{margin-left:auto}
  .hdr__menu{display:flex;margin-left:0}
}
@media (max-width:1179px){
  .ticker{grid-template-columns:1fr;padding-right:0;min-height:0}
  .ticker__order{grid-template-columns:auto 1fr auto;align-items:center;column-gap:14px;padding:12px var(--pad)}
  .ticker__eyebrow{display:none}
  .ticker__nr{font-size:1.125rem}
  .ticker__badge{grid-row:auto;grid-column:auto}
  .ticker__rail{padding:12px 96px 14px var(--pad)}
  .ticker__now{display:block;font-size:.9375rem;font-weight:600;color:#fff;margin-bottom:8px;white-space:nowrap}
  .ticker__now b{display:inline-block;font-variant-numeric:tabular-nums;color:var(--navy);background:var(--lime);padding:2px 6px;margin-right:6px}
  .ticker__steps{gap:5px;height:auto}
  .ticker__cursor,.ticker__bar{display:none}
  .st{height:28px;padding:0;display:block}
  .st::before,.st::after{content:"";position:absolute;left:0;right:0;top:10px;height:8px;background:rgba(255,255,255,.22)}
  .st::after{background:var(--lime);opacity:0;transition:opacity .35s linear}
  .st.is-done::after{opacity:.5}
  .st.is-now::after{opacity:1}
  .st__n,.st__l{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}
@media (max-width:1099px){
  .blk--photo{grid-column:1/-1;min-height:clamp(560px,70vw,720px)}
  .blk--navy{grid-column:1/-1;padding-top:clamp(44px,7vw,72px);padding-bottom:clamp(44px,7vw,72px)}
  .blk--lime{grid-column:1/7}
  .blk--ultra{grid-column:7/13}
  .blk--paper{grid-column:1/-1;min-height:0}
  .blk--paper .viz{max-width:460px}
  .cta__body{grid-column:1/-1}
  .cta__photo{grid-column:1/-1;height:46vw;min-height:240px}
}
@media (max-width:899px){
  :root{--hdr:64px}
  .hdr__nav,.hdr__act{display:none}
  .hdr__menu{display:flex;margin-left:auto}
  .hdr__logo img{width:124px}
  .facts__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}
  .kunden__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kunde{min-height:76px;padding:14px}
  .stage__pause{padding:0;width:40px;justify-content:center;top:calc(var(--hdr) + 8px)}
  .stage__pause span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}
@media (max-width:699px){
  .h1{font-size:clamp(2.25rem,10vw,3.1rem);line-height:1.02}
  .stage__body{padding-top:calc(var(--hdr) + 20px);padding-bottom:22px;justify-content:flex-end}
  .kicker{font-size:.8125rem;letter-spacing:.12em;margin-bottom:14px}
  .lede{font-size:1rem;line-height:1.45;margin-bottom:20px}
  .cta-row{gap:10px;margin-bottom:16px}
  .cta-row .btn{flex:1 1 100%}
  .btn--xl{height:58px;font-size:1.0625rem;padding:0 22px}
  .trust{gap:6px 18px;font-size:.875rem}
  .ticker__cust span{display:none}
  .ticker__order{padding-top:10px;padding-bottom:10px}
  .ticker__rail{padding-top:10px;padding-right:92px}
  .chat{right:14px;bottom:14px}
  .chat__btn{width:58px;height:58px}
  .blk--photo{min-height:0;display:flex;flex-direction:column;background:var(--navy-2)}
  .blk__img{position:relative;top:0;height:auto;aspect-ratio:4/3.4;overflow:hidden}
  .blk__img img{object-position:40% 30%}
  .calc{position:relative;right:auto;bottom:auto;width:auto;margin:-72px 14px 22px}
  .blk--lime,.blk--ultra{grid-column:1/-1;min-height:340px}
  .ftr{flex-direction:column;align-items:flex-start;gap:10px;padding-right:92px}
  .mnav nav a{font-size:2rem}
}

/* ---------- Weniger Bewegung ---------- */
/* Menü im Querformat: zwei Spalten, kleinere Schrift */
@media (max-height:520px){
  .mnav{padding-top:calc(var(--hdr) + 8px);gap:16px}
  .mnav nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
  .mnav nav a{font-size:1.375rem;padding:6px 0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .a,.a-ln,.a-up,.hdr,.chat__btn,.stage__video{animation:fade .4s linear both!important}
  .mark--hero .mark__wipe,.mark--hero .mark__ink{animation:none!important}
  .mq__track{animation:none!important}
  .stage__glow{display:none}
  /* Nur Bewegung abschalten: Einblendungen werden reine Überblendungen. Transformationen fürs Layout
     (z. B. Zentrierung von T-Shirt, Motiv und Schriftzug in der Demo) bleiben erhalten. */
  .js [data-rv] *,.js [data-rv] *::before,.js [data-rv]{transition-property:opacity!important}
  .js [data-rv] .db__bar span{transform:scaleX(.705)!important}
  .js [data-rv] .ver--1{transform:translate(0,0) rotate(-5deg)!important}
  .js [data-rv] .ver--2{transform:translate(26px,26px) rotate(-1.5deg)!important}
  .js [data-rv] .ver--3{transform:translate(54px,54px) rotate(2deg)!important}
  .js [data-rv].is-in *,.js [data-rv].is-in *::before{transition:opacity .4s linear!important}
  .btn,.btn .arw,.st__l,.hdr,.hdr__logo,.ticker__cursor,.ticker__cursor-in,.ticker__bar span,.nr__row,.chat__btn,.chat__bubble{transition-duration:.01ms!important}
  .btn:hover,.chat__btn:hover,.stage__pause:hover{transform:none}
}

/* =====================================================
   Abschnitte der Seite (über den Hero hinaus)
   ===================================================== */
.sec{position:relative;padding:clamp(64px,9vw,136px) var(--pad)}
.sec--paper{background:var(--paper);color:var(--ink);--focus:var(--navy)}
.sec--mist{background:var(--mist);color:var(--ink);--focus:var(--navy)}
.sec--navy{background:var(--navy);color:#fff}
.sec--navy2{background:var(--navy-2);color:#fff}
.sec--lime{background:var(--lime);color:var(--navy);--focus:var(--navy)}
.sec__hd{max-width:62rem;margin-bottom:clamp(36px,5vw,72px)}
.sec__hd .h2{margin-bottom:22px}
.sec__lead{font-size:clamp(1.0625rem,1.4vw,1.3125rem);line-height:1.55;max-width:40em}
.sec--navy .sec__lead,.sec--navy2 .sec__lead{color:#dfe5ef}
.sec__foot{margin-top:clamp(28px,3.4vw,48px);font-size:1.0625rem;color:var(--slate);max-width:46em}
.sec--navy .sec__foot{color:#c3cad9}
.h2--md{font-size:clamp(1.9rem,3.2vw,3.1rem)}
.hl{color:var(--lime)}

.btn--block{display:flex;width:100%}
.tick{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:square}
.plain{font-size:.9375rem;color:var(--slate)}
.sec--navy .plain,.sec--navy2 .plain{color:#aab4c8}

/* gestaffeltes Einblenden für beliebige Gruppen */
.js .rvg[data-rv]>*{opacity:0;transform:translateY(34px)}
.js .rvg[data-rv].is-in>*{opacity:1;transform:none;transition:opacity .55s linear,transform .9s var(--ease-out)}
.js .rvg[data-rv].is-in>*:nth-child(2){transition-delay:.08s}
.js .rvg[data-rv].is-in>*:nth-child(3){transition-delay:.16s}
.js .rvg[data-rv].is-in>*:nth-child(4){transition-delay:.24s}
.js .rvg[data-rv].is-in>*:nth-child(5){transition-delay:.32s}
.js .rvg[data-rv].is-in>*:nth-child(n+6){transition-delay:.4s}

/* ---------- Formularbausteine, Wappen und Preisblock (Demo) ---------- */
.crest__v{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;transition:opacity .4s linear}
.crest__t{font-family:var(--f-d);font-weight:800;font-size:31px;letter-spacing:-.6px}
[data-tech="siebdruck"] .crest__v--siebdruck,[data-tech="dtf"] .crest__v--dtf,[data-tech="stickerei"] .crest__v--stickerei{opacity:1}
.crest__v--siebdruck rect{fill:var(--acc)}
.crest__v--siebdruck .crest__star{fill:var(--fab)}
.crest__v--stickerei{filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.35)) drop-shadow(0 3px 3px rgba(0,0,0,.25))}
.crest__v--dtf{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}

.fld{border:0;margin:0;padding:0;min-width:0}
.lbl{display:block;padding:0;margin-bottom:10px;font:600 .8125rem/1 var(--f-t);letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.lbl b{font-weight:600;color:var(--ink);letter-spacing:.02em;text-transform:none;font-size:.9375rem;margin-left:6px}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:2px solid var(--navy)}
.seg label{position:relative;display:block;cursor:pointer}
.seg label+label{border-left:2px solid var(--navy)}
.seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.seg span{display:grid;place-items:center;height:50px;padding:0 8px;font-weight:600;font-size:1rem;white-space:nowrap;transition:background-color .2s linear,color .2s linear}
.seg label:hover span{background:var(--mist)}
.seg input:checked+span{background:var(--navy);color:#fff}
.seg input:focus-visible+span{outline:3px solid var(--navy);outline-offset:3px}
.swatches{display:flex;flex-wrap:wrap;gap:10px}
.swatches label{position:relative;display:block;width:44px;height:44px;cursor:pointer}
.swatches input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.swatches span{position:absolute;inset:5px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(10,15,30,.25);transition:transform .25s var(--ease-out)}
.swatches label:hover span{transform:scale(1.1)}
.swatches input:checked+span{box-shadow:inset 0 0 0 1px rgba(10,15,30,.25),0 0 0 3px #fff,0 0 0 6px var(--navy)}
.swatches input:focus-visible+span{outline:3px solid var(--navy);outline-offset:8px}

.out__lbl{display:flex;justify-content:space-between;align-items:center;font:600 .8125rem/1 var(--f-t);letter-spacing:.1em;text-transform:uppercase;color:#c3cad9}
.out__lbl small{font:500 .8125rem/1 var(--f-t);letter-spacing:0;text-transform:none;color:#aab4c8}
.out__net{border:1px solid var(--lime);color:var(--lime);padding:4px 8px;letter-spacing:.04em;text-transform:none;font-weight:600}
.out__price{font:700 clamp(3.2rem,5vw,4.75rem)/1 var(--f-d);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--lime);margin:14px 0 18px;white-space:nowrap}
.out__path{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-variant-numeric:tabular-nums}
.out__path span{background:#1a2540;padding:8px 10px;min-width:0}
.out__path small{display:block;font-size:.75rem;color:#aab4c8;margin-bottom:3px}
.out__path b{font-weight:600;font-size:.9688rem;white-space:nowrap}
.out__path i{font-style:normal;color:#aab4c8;font-weight:600}
.out__setup{font-size:.875rem;color:#c3cad9;margin-top:10px;min-height:1.4em}
.out__total{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-top:2px solid rgba(255,255,255,.16);margin-top:18px;padding-top:16px}
.out__sum{font:700 clamp(1.5rem,2.2vw,2rem)/1 var(--f-d);font-variant-numeric:tabular-nums;white-space:nowrap}
.out__next{display:flex;align-items:center;gap:10px;background:var(--lime);color:var(--navy);font-weight:600;font-size:.9375rem;line-height:1.3;padding:11px 14px;margin:18px 0 auto}
.out__next[hidden]{display:none}
.out__next svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.6}

/* ---------- Auftrag zum Durchspielen (#kalkulator) ----------
   Ab 1180 px passt die Demo in eine Ansicht: Schrittleiste, darunter Bühne, Schritt und Preisübersicht
   in fester Höhe (--dm-h). Reicht der Platz einmal nicht, scrollt nur der Schritt. */
.dm{--k:#fff;--fab:#2a3650;--acc:#a3e635;--dm-h:clamp(500px,calc(100vh - 150px),540px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(300px,.8fr);grid-template-rows:auto var(--dm-h);grid-template-areas:"nav nav nav" "stage panel out";background:#fff;color:var(--ink);box-shadow:0 44px 90px -44px rgba(10,15,30,.6)}
.dm[data-colour="weiss"]{--k:#17224a;--fab:#f2f2ef;--acc:#84cc16}
.dm[data-colour="schwarz"]{--fab:#232327}
.dm[data-colour="lime"]{--fab:#6da32b;--acc:#d9ff6b}
.dm[data-colour="grau"]{--k:#17224a;--fab:#8d939d;--acc:#d9ff6b}
.dm[data-colour="royalblau"]{--fab:#3f70e0}
.js .dm[data-rv]{opacity:0;transform:translateY(60px)}
.js .dm[data-rv].is-in{opacity:1;transform:none;transition:opacity .6s linear,transform 1.1s var(--ease-out)}
.dm [hidden]{display:none!important}

/* Schrittleiste mit Kennzeichnung links */
.dm__nav{grid-area:nav;display:grid;grid-template-columns:auto minmax(0,1fr);border-bottom:1px solid var(--line)}
.dm__badge{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px clamp(14px,1.4vw,20px);background:var(--navy);color:#fff;font:700 .9375rem/1.1 var(--f-d)}
.dm__badge small{font:600 .6875rem/1 var(--f-t);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.dm__nav ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}
.dm-step{position:relative;display:flex;align-items:center;gap:9px;width:100%;height:100%;min-height:54px;padding:8px clamp(8px,1vw,14px);text-align:left;transition:background-color .2s linear;-webkit-tap-highlight-color:transparent}
.dm-step::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#84cc16;transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease-out)}
.dm-step[aria-current]::after{transform:none}
.dm-step:hover{background:rgba(10,15,30,.04)}
.dm-step:focus-visible{outline:3px solid var(--navy);outline-offset:-3px}
.dm-step i{position:relative;flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e2e8f0;color:#475569;font-style:normal;transition:background-color .25s linear,color .25s linear}
.dm-step i>*{grid-area:1/1;transition:opacity .2s linear}
.dm-step i b{font:700 .8125rem/1 var(--f-t)}
.dm-step i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.dm-step__ok{opacity:0}
.dm-step.is-done i{background:#ecfccb;color:#3f6212}
.dm-step.is-done i>:first-child{opacity:0}
.dm-step.is-done .dm-step__ok{opacity:1}
.dm-step[aria-current] i{background:#84cc16;color:var(--navy)}
.dm-step>span{display:block;min-width:0;font:600 .8125rem/1.2 var(--f-t);color:var(--slate)}
.dm-step[aria-current]>span{color:var(--ink)}

/* Bühne mit Editor */
.dm__stage{grid-area:stage;position:relative;min-height:0;overflow:hidden;background:radial-gradient(120% 80% at 50% 30%,#fff 0%,#eef2f6 55%,#e1e7ef 100%)}
.dm__stage .ex{position:absolute;left:14px;top:14px;z-index:3}
.dm-tools,.dm-views{position:absolute;z-index:3;display:flex;gap:6px;opacity:0;transform:translateY(-6px);transition:opacity .3s linear,transform .45s var(--ease-out);pointer-events:none}
.dm-tools{left:14px;top:44px}
.dm-views{right:14px;top:12px}
.dm-tools .ui-btn{height:28px;padding:0 9px;font-size:.75rem;background:#fff}
.dm-tools .ui-btn--lime{background:#84cc16}
.dm-views span{background:#84cc16;border-radius:8px;padding:5px 9px;font-size:.75rem;font-weight:600;color:#0a0f1e}
.dm[data-step="veredelung"] .dm-tools,.dm[data-step="veredelung"] .dm-views{opacity:1;transform:none}
.dm[data-step="veredelung"][data-type=""] .dm-tools,.dm[data-step="veredelung"][data-type=""] .dm-views{opacity:0;transform:translateY(-6px)}
.dm-garment{position:absolute;left:50%;top:51%;width:min(118%,470px);aspect-ratio:1;transform:translate(-50%,-50%);container-type:inline-size}
.dm-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.955);transition:opacity .42s linear,transform .7s var(--ease-out);filter:drop-shadow(0 14px 18px rgba(10,15,30,.16))}
.dm-img.is-on{opacity:1;transform:none}
.dm-layer{position:absolute;inset:0;transform:translate3d(calc((var(--x) - 50) * 1%),calc((var(--y) - 50) * 1%),0);transition:transform .6s var(--ease-out);pointer-events:none}
.dm-motif{position:absolute;left:50%;top:50%;width:24%;aspect-ratio:120/132;transform:translate(-50%,-50%) scale(var(--s,1));transition:transform .6s var(--ease-out);outline:0}
.dm.is-drag .dm-layer{transition:none}
.dm[data-step="veredelung"] .dm-motif{pointer-events:auto;cursor:grab;touch-action:none}
.dm.is-drag .dm-motif{cursor:grabbing}
.dm-crest{position:absolute;inset:0}
.dm-motif .edit__box{position:absolute;inset:-9%;border:calc(2px / var(--s,1)) dashed #84cc16;opacity:0;transition:opacity .3s linear}
.dm-motif .edit__box i{position:absolute;width:calc(11px / var(--s,1));height:calc(11px / var(--s,1));background:#fff;border:calc(2px / var(--s,1)) solid #84cc16;border-radius:50%;transform:translate(-50%,-50%)}
.dm-motif .edit__box i:nth-child(1){left:0;top:0}.dm-motif .edit__box i:nth-child(2){left:100%;top:0}.dm-motif .edit__box i:nth-child(3){left:0;top:100%}.dm-motif .edit__box i:nth-child(4){left:100%;top:100%}
.dm[data-step="veredelung"] .dm-motif .edit__box{opacity:1}
.dm-motif:focus-visible .edit__box{outline:calc(3px / var(--s,1)) solid var(--navy);outline-offset:calc(3px / var(--s,1))}
.dm-word{position:absolute;left:50%;top:114%;transform:translateX(-50%);white-space:nowrap;font:700 4.6cqw/1 var(--f-t);letter-spacing:.02em;color:var(--k);pointer-events:none}
.dm-cap{position:absolute;left:14px;right:14px;bottom:12px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;font-size:.8125rem;font-weight:500;color:var(--slate)}
/* Leere Bühne bis zur Produktwahl; das Motiv kommt erst mit der Motivwahl aufs Textil */
.dm-empty{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:14px;padding:56px 24px;text-align:center;transition:opacity .3s linear}
.dm-empty__ic{width:76px;height:76px;fill:rgba(255,255,255,.7);stroke:#94a3b8;stroke-width:1.5;stroke-linejoin:round;stroke-dasharray:4 3}
.dm-empty p{display:grid;gap:4px;max-width:28ch;font-size:.8125rem;line-height:1.45;color:var(--slate)}
.dm-empty b{font-size:.9375rem;font-weight:600;color:var(--ink)}
.dm:not([data-type=""]) .dm-empty{opacity:0;pointer-events:none}
.dm[data-type=""] .dm-garment{visibility:hidden}
.dm[data-motif=""] .dm-layer{display:none}
.dm:not([data-motif=""]) .dm-crest{animation:fade .45s linear both}

/* Schritt */
.dm__panel{grid-area:panel;display:flex;flex-direction:column;min-width:0;min-height:0;padding:18px clamp(18px,1.8vw,26px) 16px;border-left:1px solid var(--line);overflow-y:auto;scrollbar-width:thin}
.dm-pane{display:grid;gap:12px;align-content:start;min-width:0}
.dm-pane[data-pane="1"]{gap:10px}
.dm-pane+.dm-pane{margin-top:32px;padding-top:24px;border-top:2px solid var(--navy)}
.js .dm-pane{display:none}
.js .dm-pane+.dm-pane{margin-top:0;padding-top:0;border-top:0}
.js .dm-pane.is-on{display:grid;animation:rise .45s var(--ease-out) both}
.dm-head{display:grid;gap:3px}
.dm-title{font:700 1.3125rem/1.15 var(--f-d);letter-spacing:-.02em;outline:0}
.dm-lead{font-size:.875rem;line-height:1.45;color:#475569}
.dm .fld .lbl,.dm-field .lbl{margin:0 0 6px;font-size:.6875rem}
.dm .lbl b{font-size:.8125rem}
.seg--s span{height:38px;font-size:.875rem}
.dm-help{margin-top:6px;font-size:.8125rem;line-height:1.4;color:var(--slate)}
.dm-field{display:grid;align-content:start;min-width:0}
.dm-field--row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}
.dm-field--row .lbl{margin:0}
.dm-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px}
.dm-num__f{position:relative;display:flex;align-items:center}
.dm-num__f input,.dm-field>input,.dm-field>select{width:100%;height:38px;padding:0 10px;border:1.5px solid #cbd5e1;border-radius:0;background:#fff;font:500 .9063rem/1 var(--f-t);color:var(--ink);font-variant-numeric:tabular-nums}
.dm-num__f input{padding-right:28px;text-align:right}
.dm-num__f i{position:absolute;right:10px;font-style:normal;font-size:.8125rem;color:var(--slate);pointer-events:none}
.dm input:focus-visible,.dm select:focus-visible{outline:3px solid var(--navy);outline-offset:1px;border-color:var(--navy)}

.dm-cards{display:grid;gap:6px}
.dm-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;border:1.5px solid #cbd5e1;cursor:pointer;transition:border-color .2s linear,background-color .2s linear}
.dm-card input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.dm-card b{display:block;font-weight:600;font-size:.9375rem}
.dm-card small{display:block;margin-top:1px;font-size:.75rem;color:var(--slate)}
.dm-card em{font-style:normal;font-weight:600;font-size:.8125rem;white-space:nowrap}
.dm-card:hover{background:var(--mist)}
.dm-card:has(input:checked){border-color:var(--navy);background:#f7fee7;box-shadow:inset 4px 0 0 #84cc16}
.dm-card:has(input:focus-visible){outline:3px solid var(--navy);outline-offset:2px}

/* Produkte (Schritt 2) und Motive (Schritt 3) als Karten; Motive erst mit Textil wählbar */
.dm-arts,.dm-mots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.dm-sups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.dm-sup,.dm-art,.dm-mot{position:relative;display:grid;align-content:start;gap:1px;min-width:0;padding:7px 10px;border:1.5px solid #cbd5e1;cursor:pointer;transition:border-color .2s linear,background-color .2s linear,opacity .2s linear}
.dm-sup input,.dm-art input,.dm-mot input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.dm-sup b,.dm-art b,.dm-mot b{font-weight:600;font-size:.9375rem;line-height:1.25}
.dm-sup small,.dm-art small,.dm-mot small{font-size:.75rem;line-height:1.35;color:var(--slate)}
.dm-art em{font-style:normal;font-weight:600;font-size:.8125rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.dm-sup:hover,.dm-art:hover,.dm-mot:hover{background:var(--mist)}
.dm-sup:has(input:checked),.dm-art:has(input:checked),.dm-mot:has(input:checked){border-color:var(--navy);background:#f7fee7;box-shadow:inset 4px 0 0 #84cc16}
.dm-sup:has(input:focus-visible),.dm-art:has(input:focus-visible),.dm-mot:has(input:focus-visible){outline:3px solid var(--navy);outline-offset:2px}
.dm-mot{padding-right:38px}
.dm-mot__ic{position:absolute;right:9px;top:8px;display:grid;place-items:end center;width:24px;height:26px;font-style:normal;pointer-events:none}
.dm-mot__ic svg{display:block;fill:#94a3b8;transition:fill .2s linear}
.dm-mot__ic--klein svg{width:10px;height:11px}
.dm-mot__ic--mittel svg{width:16px;height:17px}
.dm-mot__ic--gross svg{width:24px;height:26px}
.dm-mot small span{display:block}
.dm-mot:has(input:checked) .dm-mot__ic svg{fill:var(--navy)}
.dm-mot:has(input:disabled){opacity:.45;cursor:not-allowed}
.dm-mot:has(input:disabled):hover{background:none}
.dm-mot input:disabled{cursor:not-allowed}
.dm-note{margin-top:0}
.dm-note.is-warn{color:#b91c1c;font-weight:600}
/* Lieferant: Buchstabe statt Logo; Produkt: Strichzeichnung oben rechts */
.dm-sup{grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;align-content:center}
.dm-sup__logo{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font:700 .875rem/1 var(--f-d);font-style:normal;transition:background-color .2s linear,color .2s linear}
.dm-sup:has(input:checked) .dm-sup__logo{background:#84cc16;color:var(--navy)}
.dm-art{padding-right:44px}
.dm-art__ic{position:absolute;right:8px;top:8px;width:28px;height:28px;color:#94a3b8;font-style:normal;pointer-events:none;transition:color .2s linear}
.dm-art__ic svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.dm-art:has(input:checked) .dm-art__ic{color:var(--navy)}

/* Teilschritte (Schritt 2 und 3): Nummer wie in der Schrittleiste, darunter der offene Teil. Erledigte Teilschritte
   in Schritt 2 stehen als Zeile mit Auswahl und „Ändern“ (ganze Zeile klickbar), kommende grau */
.dm-subs{display:grid;margin:0;padding:0;list-style:none}
.dm-sub{position:relative;min-width:0;padding-bottom:12px}
.dm-sub:last-child{padding-bottom:0}
.dm-sub:not(:last-child)::before{content:"";position:absolute;left:12px;top:30px;bottom:4px;width:2px;border-radius:1px;background:#e2e8f0;transition:background-color .25s linear}
.dm-sub.is-done:not(:last-child)::before{background:#bef264}
.dm-sub__hd{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:26px}
.dm-sub__n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e2e8f0;color:#475569;font-style:normal;transition:background-color .25s linear,color .25s linear}
.dm-sub__n>*{grid-area:1/1;transition:opacity .2s linear}
.dm-sub__n b{font:700 .8125rem/1 var(--f-t)}
.dm-sub__n svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;opacity:0}
.dm-sub.is-open .dm-sub__n{background:#84cc16;color:var(--navy)}
.dm-sub.is-done .dm-sub__n{background:#ecfccb;color:#3f6212}
.dm-sub.is-done .dm-sub__n b{opacity:0}
.dm-sub.is-done .dm-sub__n svg{opacity:1}
.dm-sub__t{flex:none;margin:0;font:600 .9375rem/1.2 var(--f-t);color:var(--ink)}
.dm-sub.is-next .dm-sub__t{color:#94a3b8}
.dm-sub__val{flex:1;min-width:0;overflow:hidden;font-size:.875rem;color:#334155;white-space:nowrap;text-overflow:ellipsis}
.dm-sub__edit{flex:none;margin-left:auto;cursor:pointer}
.dm-sub__edit::after{content:"";position:absolute;inset:-4px -6px}
.dm-sub.is-done .dm-sub__hd:hover .dm-sub__t{color:var(--navy)}
.dm-sub__bd{display:grid;gap:10px;min-width:0;padding:8px 0 0 36px}
.js .dm-sub__bd:not([hidden]){animation:dm-open .3s var(--ease-out) both}
@keyframes dm-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.dm-sub__help{margin:0;font-size:.8125rem;line-height:1.4;color:var(--slate)}

.swatches--s{gap:6px}
.swatches--s label{width:36px;height:36px}
.swatches--s span{inset:4px}
.dm-fld-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.dm-fld-row>.swatches{flex:none}
.dm .dm-fld-row .lbl{margin:0}
.dm-mx-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dm-mx{width:100%;border-collapse:collapse;font-size:.875rem;font-variant-numeric:tabular-nums}
.dm-mx thead th{padding:0 2px 6px;font-weight:500;font-size:.6875rem;color:var(--slate);text-align:center;white-space:nowrap}
.dm-mx thead th:first-child{text-align:left}
.dm-mx tbody th{padding:6px 6px 6px 0;border-top:1px solid var(--line);font-weight:600;text-align:left;white-space:nowrap}
.dm-mx tbody th>*{vertical-align:middle}
.dm-mx td{padding:5px 2px;border-top:1px solid var(--line);text-align:center;white-space:nowrap}
.dm-mx input{width:44px;height:34px;border:1.5px solid #cbd5e1;border-radius:0;text-align:center;font:600 .9063rem/1 var(--f-t);color:var(--ink);-moz-appearance:textfield;appearance:textfield}
.dm-mx input::-webkit-inner-spin-button,.dm-mx input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.dm-mx__sum{font-weight:700}
.dm-sw{display:inline-block;width:20px;height:20px;margin-right:6px;color:var(--c,#cbd5e1)}
.dm-sw svg{display:none;width:100%;height:100%;fill:currentColor;stroke:rgba(10,15,30,.55);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.dm[data-type="tshirt"] .dm-sw [data-i="tshirt"],.dm[data-type="polo"] .dm-sw [data-i="polo"],.dm[data-type="hoodie"] .dm-sw [data-i="hoodie"]{display:block}
.dm-line{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:.8125rem;color:var(--slate)}
.dm-line b{margin-left:6px;font-size:.9375rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.dm-why{display:flex;align-items:flex-start;gap:8px;padding:7px 10px;border-left:3px solid #84cc16;background:#f9fafb;font-size:.8125rem;line-height:1.4;font-variant-numeric:tabular-nums}
.dm-why i{flex:none;display:grid;place-items:center;width:16px;height:16px;margin-top:1px;border-radius:50%;background:var(--navy);color:#fff;font:700 .625rem/1 var(--f-t);font-style:normal}

.dm-hint{display:grid;gap:2px;padding:8px 12px;border-left:3px solid #9333ea;background:#faf5ff;font-size:.8125rem;line-height:1.45;color:#475569;font-variant-numeric:tabular-nums}
.dm-hint__main{font-weight:600;color:#7e22ce}

.dm-extras{display:grid;gap:6px}
.dm-extras li{display:grid;grid-template-columns:minmax(0,1fr) 116px;align-items:center;gap:12px;padding:7px 10px;border:1.5px solid var(--line);transition:border-color .2s linear,background-color .2s linear}
.dm-extras li:has(input:checked){border-color:var(--navy);background:#f7fee7}
.dm-extras .dm-num__f input{height:34px}
.dm-check{display:flex;align-items:flex-start;gap:10px;min-width:0;cursor:pointer}
.dm-check input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--navy)}
.dm-check b{display:block;font-weight:600;font-size:.9375rem}
.dm-check small{display:block;font-size:.75rem;color:var(--slate)}

.dm-status{padding:9px 12px;border-left:4px solid #16a34a;background:#f0fdf4;font-size:.875rem}
.dm-status.is-block{border-left-color:#dc2626;background:#fef2f2}
.dm-status__t{font-weight:700}
.dm-status ul{display:grid;gap:3px;margin-top:4px}
.dm-link{font-size:.8125rem;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:2px}
.dm-review{display:grid;margin:0}
.dm-review div{padding:7px 0;border-top:1px solid var(--line)}
.dm-review dt{display:flex;justify-content:space-between;gap:12px;font-weight:600;font-size:.875rem}
.dm-review dd{margin:2px 0 0;font-size:.8125rem;line-height:1.4;color:#334155}
.dm-saved{padding:14px 16px;background:var(--navy);color:#fff;outline:0;animation:rise .45s var(--ease-out) both}
.dm-saved__t{display:flex;align-items:center;gap:10px;margin-bottom:12px;font:700 1.125rem/1.2 var(--f-d)}
.dm-saved__t svg{flex:none;width:24px;height:24px;fill:none;stroke:var(--lime);stroke-width:3}
.dm-saved .lbl{margin-bottom:8px;font-size:.6875rem;color:#aab4c8}
.dm-next{display:grid;gap:8px;counter-reset:n}
.dm-next li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-size:.8125rem;line-height:1.45;color:#dfe5ef;counter-increment:n}
.dm-next li::before{content:counter(n);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1a2540;color:var(--lime);font-weight:700;font-size:.6875rem}
.dm-next b{color:#fff}
.dm-next .tag{margin-left:8px;height:18px;padding:0 5px;background:var(--lime);color:var(--navy);font-size:.6875rem}

.dm__foot{display:none}
.js .dm__foot{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px}
.dm__foot .btn{height:42px}
.dm__foot .btn[disabled]{opacity:.35;pointer-events:none}
.dm__foot .btn.is-blocked{opacity:.55}

/* Preisübersicht */
.dm__out{grid-area:out;display:flex;flex-direction:column;min-height:0;padding:18px clamp(18px,1.8vw,26px);background:var(--navy);color:#fff;--focus:#fff}
.dm-ctx{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:.8125rem;color:#c3cad9}
.dm__out .out__price{display:flex;align-items:baseline;flex-wrap:wrap;margin:16px 0 12px;font-size:clamp(2.5rem,3.4vw,3.25rem)}
.dm__out .out__price small{margin-left:10px;font:500 .875rem/1 var(--f-t);letter-spacing:0;color:#aab4c8}
.dm__out .out__path{gap:6px}
.dm__out .out__path span{padding:6px 8px}
.dm__out .out__path small{font-size:.6875rem;margin-bottom:2px}
.dm__out .out__path b{font-size:.875rem}
.dm-sums{display:grid;gap:5px;margin:14px 0 0;font-size:.875rem}
.dm-sums div{display:flex;justify-content:space-between;gap:12px}
.dm-sums dt{color:#c3cad9}
.dm-sums dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.dm__out .out__total{margin:12px 0;padding-top:12px}
.dm__out .out__sum{font-size:clamp(1.375rem,1.9vw,1.75rem)}
.dm__out .out__next{margin:0 0 12px;padding:9px 12px;font-size:.8125rem}
.dm__out>.btn{margin-top:auto;height:48px}
.dm__out .is-empty{color:#5b6680}
@media (min-width:900px) and (max-height:680px){
  .dm-pane,.dm-pane[data-pane="1"]{gap:8px}
  .dm-sub{padding-bottom:8px}
  .dm-sub__bd{gap:8px;padding-top:6px}
  .dm-card{padding:4px 12px}
  .dm-help{margin-top:4px}
  .dm__panel{padding-top:14px;padding-bottom:12px}
  .js .dm__foot{padding-top:8px}
}
.kalk__note{margin-top:18px;font-size:.9375rem;font-weight:500}
.dm-after{display:grid;gap:12px;margin-top:18px}
.dm-after .kalk__note{margin:0}
.dm-assume{background:#fff;border:1px solid var(--line)}
.dm-assume summary{display:flex;align-items:center;gap:10px;padding:14px 18px;list-style:none;cursor:pointer;font-weight:600}
.dm-assume summary::-webkit-details-marker{display:none}
.dm-assume summary::after{content:"";width:9px;height:9px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .3s var(--ease-out)}
.dm-assume[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.dm-assume summary:hover{background:var(--mist)}
.dm-assume summary:focus-visible{outline:3px solid var(--navy);outline-offset:-3px}
.dm-assume__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,3vw,48px);align-items:start;padding:6px 18px 22px}
.dm-assume .checks{margin:0;font-size:.9375rem}
.dm-assume .checks li{font-weight:400;line-height:1.5}
.dm-assume .checks .tick{color:var(--lime-ink)}
.dm-assume__tbl{overflow-x:auto}
.dm-atbl{width:100%;border-collapse:collapse;font-size:.875rem;font-variant-numeric:tabular-nums}
.dm-atbl caption{padding-bottom:10px;text-align:left;font-weight:600}
.dm-atbl th,.dm-atbl td{padding:8px;border-top:1px solid var(--line);text-align:right;white-space:nowrap}
.dm-atbl thead th{border-top:0;font-weight:500;font-size:.75rem;color:var(--slate)}
.dm-atbl th:first-child,.dm-atbl th:last-child{text-align:left}
.dm-atbl td:last-child{min-width:10em;text-align:left;white-space:normal}
.dm-atbl tr.is-on{background:#f7fee7}
.dm-atbl tr.is-on th{font-weight:700}
.dm-atbl td.is-hit{background:#84cc16;color:var(--navy);font-weight:700}

/* ---------- Was ist LAIMS ---------- */
.def{max-width:68rem;margin-bottom:clamp(40px,6vw,88px)}
.def .eyebrow{margin-bottom:26px}
.statement{font:700 clamp(1.75rem,3.5vw,3.25rem)/1.12 var(--f-d);letter-spacing:-.02em}
.statement__lead{margin-top:clamp(18px,2.2vw,30px);font-size:clamp(1.125rem,1.55vw,1.4375rem);line-height:1.55;color:#334155;max-width:40em}
.cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.cell3{padding:clamp(28px,3.2vw,52px);min-height:clamp(300px,26vw,380px);display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.cell3:nth-child(1){background:var(--navy);color:#fff}
.cell3:nth-child(2){background:var(--lime);color:var(--navy)}
.cell3:nth-child(3){background:var(--mist);color:var(--ink)}
.cell3 h3{font:700 clamp(1.625rem,2.4vw,2.5rem)/1.06 var(--f-d);letter-spacing:-.02em;max-width:9em}
.cell3 p{font-size:1.0625rem;line-height:1.55;max-width:26em}
.cell3:nth-child(1) p{color:#dfe5ef}
.js .cells[data-rv] .cell3{opacity:0;transform:translateY(46px)}
.js .cells[data-rv].is-in .cell3{opacity:1;transform:none;transition:opacity .55s linear,transform 1s var(--ease-out)}
.js .cells[data-rv].is-in .cell3:nth-child(2){transition-delay:.12s}
.js .cells[data-rv].is-in .cell3:nth-child(3){transition-delay:.24s}

/* Aufbau wie ein Betriebssystem: Kunden, Team, Kern; Lieferanten und Buchhaltung docken seitlich an.
   Beim Einblenden baut sich der Stapel vom Kern nach oben auf. */
.os{margin:0 0 clamp(44px,6vw,88px)}
.os__hd h3{margin-bottom:18px;font:700 clamp(1.375rem,2vw,1.875rem)/1.1 var(--f-d);letter-spacing:-.02em}
.os__grid{--gap:clamp(10px,1.2vw,16px);display:grid;grid-template-columns:minmax(150px,.75fr) minmax(0,3fr) minmax(150px,.75fr);grid-template-areas:". kunden ." ". team ." "lieferanten kern buchhaltung";gap:10px var(--gap)}
.os__layer--kunden{grid-area:kunden}
.os__layer--team{grid-area:team}
.os__layer--kern{grid-area:kern}
.os__side--lieferanten{grid-area:lieferanten}
.os__side--buchhaltung{grid-area:buchhaltung}
.os__layer{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);align-items:center;gap:10px 20px;padding:16px 20px;border:1.5px solid var(--line);background:#fff}
.os__layer--team{background:var(--mist);border-color:var(--mist)}
.os__layer--kern{padding:22px 20px;background:var(--navy);border-color:var(--navy);color:#fff}
.os__k{font:600 .75rem/1.25 var(--f-t);letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.os__layer--kern .os__k{color:#aab4c8}
.os__layer--kern .os__k b{display:block;margin-bottom:5px;font:700 1.625rem/1 var(--f-d);letter-spacing:-.01em;text-transform:none;color:var(--lime)}
.os ul{display:flex;flex-wrap:wrap;gap:8px}
.os li{padding:7px 11px;border:1.5px solid var(--line);background:#fff;font-size:.875rem;font-weight:500;line-height:1.25}
.os__layer--team li{border-color:#d5dce8}
.os__layer--kern li{background:#1a2540;border-color:#1a2540;color:#fff}
.os li.is-hot{background:var(--lime);border-color:var(--lime);color:var(--navy);font-weight:700}
.os__side{position:relative;display:grid;align-content:center;gap:10px;padding:14px 16px;border:1.5px dashed #94a3b8;background:#fff}
.os__side ul{flex-direction:column;gap:6px}
.os__side li{padding:6px 9px;font-size:.8125rem}
.os__side::after{content:"";position:absolute;top:50%;width:var(--gap);height:2px;background:#94a3b8}
.os__side--lieferanten::after{left:100%}
.os__side--buchhaltung::after{right:100%}
.os__note{margin-top:14px;font-size:.875rem;line-height:1.5;color:var(--slate)}
.js .os[data-rv] .os__layer,.js .os[data-rv] .os__side{opacity:0;transform:translateY(24px)}
.js .os[data-rv].is-in .os__layer,.js .os[data-rv].is-in .os__side{opacity:1;transform:none;transition:opacity .5s linear,transform .8s var(--ease-out)}
.js .os[data-rv].is-in .os__layer--team{transition-delay:.14s}
.js .os[data-rv].is-in .os__layer--kunden{transition-delay:.28s}
.js .os[data-rv].is-in .os__side{transition-delay:.42s}

/* ---------- Tour ---------- */
.tour__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,28px)}
.tour__tab{position:relative;display:block;width:100%;text-align:left;padding:18px 0 4px;border-top:3px solid rgba(255,255,255,.18);font:700 clamp(1.0625rem,1.5vw,1.4375rem)/1.15 var(--f-d);letter-spacing:-.01em;color:#aab4c8;transition:color .25s linear}
.tour__tab::before{content:"";position:absolute;left:0;right:0;top:-3px;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:0 50%}
.tour__tab:hover{color:#fff}
.tour__tab[aria-selected="true"]{color:#fff}
.tour__tab[aria-selected="true"]::before{transform:scaleX(1)}
.tour.is-auto .tour__tab[aria-selected="true"]::before{animation:tabfill var(--dur,9s) linear both}
.tour.is-hold .tour__tab[aria-selected="true"]::before{animation-play-state:paused}
@keyframes tabfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tour__panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,76px);align-items:start;padding-top:clamp(32px,4.4vw,64px)}
.tour__panel+.tour__panel{margin-top:clamp(40px,5vw,72px);border-top:1px solid rgba(255,255,255,.14)}
.js .tour__panel+.tour__panel{margin-top:0;border-top:0}
.js .tour__panel[hidden]{display:none}
.js .tour__panel.is-in .tour__txt>*{animation:rise .6s var(--ease-out) both}
.js .tour__panel.is-in .tour__txt>*:nth-child(2){animation-delay:.06s}
.js .tour__panel.is-in .tour__txt>*:nth-child(3){animation-delay:.12s}
.js .tour__panel.is-in .tour__txt>*:nth-child(4){animation-delay:.18s}
.js .tour__panel.is-in .frag{animation:fragIn .8s var(--ease-out) .08s both}
@keyframes fragIn{from{opacity:0;transform:translate3d(36px,24px,0) rotate(1.2deg)}to{opacity:1;transform:none}}
.tour__txt h3{font:700 clamp(1.75rem,2.7vw,2.75rem)/1.06 var(--f-d);letter-spacing:-.02em;margin-bottom:20px}
.tour__txt>p{font-size:1.0625rem;line-height:1.6;color:#dfe5ef;margin-bottom:24px;max-width:34em}
.checks{display:grid;gap:12px;margin-bottom:24px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-weight:500;line-height:1.4}
.checks .tick{color:var(--lime);margin-top:1px}
.plan-remark,.tour__txt>p.plan-remark{display:inline-block;font:600 .8125rem/1 var(--f-t);letter-spacing:.04em;color:var(--navy);background:var(--lime);padding:6px 9px;margin:0;max-width:none}
.tour figure{margin:0;min-width:0}
.tour figcaption{font-size:.9375rem;color:#aab4c8;margin-top:14px}

/* Produktansichten (vereinfachte, originalgetreue Ausschnitte) */
.frag{background:#fff;color:#0f172a;border-radius:var(--r-card);box-shadow:0 40px 90px -30px rgba(0,0,0,.7);font:400 .8438rem/1.4 var(--f-t);padding:18px;overflow:hidden}
.frag__hd{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.frag__title{font:700 1.125rem/1.2 var(--f-d);letter-spacing:-.01em}
.frag__sub{color:#64748b;font-size:.8125rem}
.frag__ok{color:#3f6212;font-weight:500;font-size:.8125rem;white-space:nowrap}
.ui-steps{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}
.ui-steps li{display:flex;align-items:center;gap:7px;font-size:.8125rem;color:#64748b;white-space:nowrap}
.ui-steps li i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f1f5f9;font-style:normal;font-weight:600;font-size:.75rem;color:#64748b}
.ui-steps li.is-done i{background:#ecfccb;color:#3f6212}
.ui-steps li.is-now{color:#0f172a;font-weight:600}
.ui-steps li.is-now i{background:#84cc16;color:#0a0f1e}
.ui-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.ui-row b{font-weight:600}
.ui-btns{display:flex;gap:8px}
.ui-btn{display:inline-flex;align-items:center;height:30px;padding:0 11px;border:1px solid #e2e8f0;border-radius:8px;font-weight:500;font-size:.8125rem;white-space:nowrap}
.ui-btn--lime{background:#84cc16;border-color:#84cc16;color:#0a0f1e;font-weight:600}
.ui-btn--blue{background:#2563eb;border-color:#2563eb;color:#fff}
.frag .mx tbody td{vertical-align:top}
.nb{display:block;margin:3px auto 0;width:max-content;font-size:.625rem;font-weight:600;line-height:1;padding:2px 4px;border-radius:4px;background:#ffedd5;color:#9a3412}
.sw--royal{background:#2f5fd0}
.ui-hints{margin-top:12px;background:#f9fafb;border-radius:10px;padding:12px;display:grid;gap:4px}
.ui-hints p:first-child{display:flex;justify-content:space-between;font-weight:600;margin-bottom:4px}
.ui-hints p:first-child span{font-variant-numeric:tabular-nums}
.ui-hints p{color:#475569}
.ui-hints p:first-child{color:#0f172a}
.ui-tabs{display:flex;gap:4px 18px;flex-wrap:wrap;border-bottom:1px solid #e2e8f0;margin-bottom:14px}
.ui-tabs li{padding:0 0 9px;font-weight:500;color:#64748b;white-space:nowrap;font-size:.8125rem}
.ui-tabs li.is-now{color:#4d7c0f;box-shadow:inset 0 -2px 0 #84cc16}
.motif{border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin-top:10px}
.motif__hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.motif__hd p:first-child{font-weight:600}
.motif__hd small{display:block;font-weight:400;color:#64748b;font-size:.8125rem;margin-top:2px}
.motif__files{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.file{background:#f9fafb;border-radius:8px;padding:9px 10px}
.file small{display:block;color:#64748b;font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}
.file span{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill--purple{background:#f3e8ff;color:#7e22ce}
.pill--gray{background:#f1f5f9;color:#475569}
.pill--sq{border-radius:5px;height:20px;padding:0 6px;font-size:.6875rem;letter-spacing:.03em;text-transform:uppercase}
.ui-list{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.ui-list th{text-align:left;font-weight:500;font-size:.75rem;color:#64748b;padding:0 8px 8px 0;white-space:nowrap}
.ui-list td{padding:10px 8px 10px 0;border-top:1px solid #f1f5f9;vertical-align:middle}
.ui-list td:first-child{font-weight:600;white-space:nowrap}
.ui-list tr.is-lead td{background:#f7fee7}
.ui-list tr.is-lead td:first-child{box-shadow:inset 3px 0 0 #84cc16;padding-left:9px}
.ui-list .pill+.pill{margin-left:4px}
.money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.money div{border:1px solid #e5e7eb;border-radius:10px;padding:11px 12px}
.money small{display:block;color:#64748b;font-size:.75rem;margin-bottom:5px}
.money b{display:block;font:700 1.25rem/1 var(--f-d);font-variant-numeric:tabular-nums;white-space:nowrap}
.money span{display:block;font-size:.75rem;color:#64748b;margin-top:5px}
.money div.is-hot{border-color:#fcd34d;background:#fffbeb}

/* ---------- LAIMS Commerce (Startseite #commerce, Unterseite /commerce) ---------- */
.cm .eyebrow{color:#fff}
.cm-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.4vw,56px);margin:0 0 clamp(40px,5vw,72px);padding:0;list-style:none}
.cm-step{position:relative;display:flex;flex-direction:column;gap:16px;min-width:0}
.cm-step:not(:last-child)::after{content:"";position:absolute;top:50%;right:calc(clamp(28px,3.4vw,56px) / -2 - 9px);width:18px;height:18px;border-top:3px solid var(--lime);border-right:3px solid var(--lime);transform:rotate(45deg)}
.cm-step__k{display:flex;align-items:center;gap:10px;font:600 .8125rem/1 var(--f-t);letter-spacing:.1em;text-transform:uppercase;color:#c3cad9}
.cm-step__k b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lime);color:var(--navy);font:700 .875rem/1 var(--f-t);letter-spacing:0}
.cm-step__t{font-size:.9688rem;line-height:1.5;color:#dfe5ef}
.cm-step>div{flex:1}
.cm-web{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-card);background:#fff;color:#0f172a;box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
.cm-web__bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#eef1f6;font-size:.75rem;color:#64748b}
.cm-web__bar i{width:9px;height:9px;border-radius:50%;background:#cbd5e1}
.cm-web__bar span{margin-left:8px;padding:3px 10px;border-radius:6px;background:#fff}
.cm-web__body{display:grid;gap:8px;padding:18px}
.cm-web__h{font:700 1.125rem/1.2 var(--f-d)}
.cm-web__h small{display:block;margin-top:4px;font:400 .8125rem/1.35 var(--f-t);color:#64748b}
.cm-web__price{display:flex;align-items:baseline;gap:8px;margin-top:4px}
.cm-web__price b{font:700 2rem/1 var(--f-d);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cm-web__price span{font-size:.8125rem;color:#64748b}
.cm-web__sizes{display:flex;flex-wrap:wrap;gap:6px}
.cm-web__sizes span{display:grid;justify-items:center;gap:2px;min-width:42px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:8px;font-size:.6875rem;font-weight:600;color:#64748b}
.cm-web__sizes b{font:700 .9375rem/1 var(--f-t);color:#0f172a;font-variant-numeric:tabular-nums}
.cm-web__meta{font-size:.75rem;color:#64748b}
.cm-web__btn{justify-self:start;margin-top:4px;padding:9px 14px;background:var(--navy);color:#fff;font-size:.8125rem;font-weight:600}
.cm-app{padding:16px}
.cm-app__h{margin-bottom:6px;font-weight:600;font-size:.8125rem}
.cm-set{display:grid;margin:2px 0 0}
.cm-set div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid #eef1f6;font-size:.8125rem}
.cm-set dt{color:#64748b}
.cm-set dd{margin:0;font-weight:600;color:#0f172a;overflow-wrap:anywhere}
.cm-mx th,.cm-mx td{padding:6px 6px 6px 0;text-align:center}
.cm-mx th:first-child,.cm-mx td:first-child{text-align:left}
.cm-mx td:last-child{font-weight:700}
.cm-app__files{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.cm-app__files span{padding:5px 9px;border-radius:8px;background:#f1f5f9;font-size:.75rem;font-weight:500}
.cm-nums{position:relative;display:grid;align-content:center;gap:12px;padding:18px;border-radius:var(--r-card);background:#1a2540}
.cm-nums::before{content:"";position:absolute;left:44px;top:34px;bottom:34px;width:2px;background:rgba(163,230,53,.5)}
.cm-nums p{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:var(--navy)}
.cm-nums .pill{justify-self:start}
.cm-nums b{font:700 1.0625rem/1 var(--f-d);font-variant-numeric:tabular-nums;color:#fff}
.cm-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}
.cm-feat{display:grid;gap:10px;align-content:start;padding:clamp(20px,2vw,28px);background:#1a2540;border-top:3px solid var(--lime)}
.cm-feat h3{font:700 clamp(1.1875rem,1.5vw,1.375rem)/1.15 var(--f-d);letter-spacing:-.01em;color:#fff}
.cm-feat p{font-size:.9375rem;line-height:1.5;color:#c3cad9}
.cm-feats--detail .cm-feat{background:var(--mist);border-top-color:var(--navy);scroll-margin-top:calc(var(--hdr) + 16px)}
.cm-feats--detail .cm-feat h3{color:var(--ink)}
.cm-feats--detail .cm-feat p{color:#334155}
.cm-feat__more{display:grid;gap:7px;margin-top:4px}
.cm-feat__more li{display:flex;gap:9px;font-size:.9063rem;line-height:1.45;color:#1e293b}
.cm-feat__more .tick{width:17px;height:17px;margin-top:2px;color:var(--lime-ink)}
.js .cm-flow[data-rv] .cm-step,.js .cm-feats[data-rv] .cm-feat{opacity:0;transform:translateY(30px)}
.js .cm-flow[data-rv].is-in .cm-step,.js .cm-feats[data-rv].is-in .cm-feat{opacity:1;transform:none;transition:opacity .5s linear,transform .9s var(--ease-out)}
.js .cm-flow[data-rv].is-in .cm-step:nth-child(2),.js .cm-feats[data-rv].is-in .cm-feat:nth-child(3n+2){transition-delay:.12s}
.js .cm-flow[data-rv].is-in .cm-step:nth-child(3),.js .cm-feats[data-rv].is-in .cm-feat:nth-child(3n+3){transition-delay:.24s}
.cm-price{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:clamp(36px,4vw,56px);padding-top:clamp(24px,3vw,36px);border-top:1px solid rgba(255,255,255,.16)}
.cm-price__n{font-size:1.0625rem;color:#dfe5ef}
.cm-price__n b{margin-right:6px;font:700 clamp(2rem,3vw,2.75rem)/1 var(--f-d);letter-spacing:-.02em;color:var(--lime)}
.cm-price__note{margin-top:8px;font-size:.9375rem;color:#aab4c8;max-width:40em}
.cm-price__act{display:flex;flex-wrap:wrap;gap:12px}
.cm-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin:clamp(36px,4vw,56px) 0 0}
.cm-faq dt{margin-bottom:8px;font:700 1.125rem/1.25 var(--f-d);color:#fff}
.cm-faq dd{margin:0;font-size:.9375rem;line-height:1.55;color:#c3cad9}
.cm-steps{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,72px);align-items:start}
.cm-steps__list{display:grid;gap:0;margin:8px 0 0;padding:0;list-style:none;counter-reset:st}
.cm-steps__list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 16px;padding:18px 0;border-top:2px solid var(--navy);counter-increment:st}
.cm-steps__list li::before{content:counter(st);grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;background:var(--navy);color:var(--lime);font:700 1.125rem/1 var(--f-d)}
.cm-steps__list b{font:700 1.25rem/1.2 var(--f-d)}
.cm-steps__list span{line-height:1.5;color:#334155}
.cm-tech{padding:clamp(22px,2.4vw,32px);background:#fff;border:2px solid var(--navy)}
.cm-tech h3{margin-bottom:16px;font:700 1.375rem/1.15 var(--f-d)}
.cm-tech .checks{margin:0}
.cm-tech .checks li{font-weight:400;line-height:1.5}
.cm-tech .checks .tick{color:var(--lime-ink)}
/* Eigene Website anbinden (Projekt) */
.cm-site{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:clamp(12px,1.4vw,20px);padding:clamp(20px,2vw,28px);border:1px solid rgba(255,255,255,.2)}
.cm-site>div{flex:1 1 32em;display:grid;gap:10px;justify-items:start}
.cm-site__tag{padding:5px 10px;border:1px solid var(--lime);color:var(--lime);font:600 .75rem/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase}
.cm-site h3{font:700 clamp(1.1875rem,1.5vw,1.375rem)/1.15 var(--f-d);letter-spacing:-.01em;color:#fff}
.cm-site__d{max-width:46em;font-size:.9375rem;line-height:1.5;color:#c3cad9}
.cm-site--light{border:2px solid var(--navy);scroll-margin-top:calc(var(--hdr) + 16px)}
.cm-site--light .cm-site__tag{border-color:var(--navy);color:var(--navy)}
.cm-site--light h3{color:var(--ink)}
.cm-site--light .cm-site__d{color:#334155}
.js .cm-site[data-rv]{opacity:0;transform:translateY(30px)}
.js .cm-site[data-rv].is-in{opacity:1;transform:none;transition:opacity .5s linear,transform .9s var(--ease-out)}
/* ---------- Partner (Unterseiten /partner und /oem) ---------- */
.cm-feats--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cm-feats--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pt-tracks-sec{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}
.pt-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.pt-track{display:grid;align-content:start;gap:12px;padding:clamp(24px,2.6vw,36px);border:2px solid var(--navy);color:var(--ink);text-decoration:none;transition:background-color .2s linear}
.pt-track:hover{background:var(--mist)}
.pt-track__tag{justify-self:start;padding:5px 10px;background:var(--navy);color:var(--lime);font:600 .75rem/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase}
.pt-track__h{font:700 clamp(1.5rem,2.2vw,2rem)/1.1 var(--f-d);letter-spacing:-.015em}
.pt-track__d{max-width:34em;font-size:1rem;line-height:1.55;color:#334155}
.pt-track__cta{display:inline-flex;align-items:center;gap:10px;margin-top:6px;font-weight:600}
.pt-track__cta .arw{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;transition:transform .3s var(--ease-out)}
.pt-track:hover .pt-track__cta .arw{transform:translateX(4px)}
.pt-teaser{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
.pt-teaser>div{flex:1 1 36em}
.pt-teaser .h2{margin-bottom:14px}
.pt-contact__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,88px);align-items:start}
.pt-contact .checks{margin-bottom:0}
.pt-contact .sec__lead{margin-bottom:24px}
.pform{display:grid;gap:16px;padding:clamp(22px,2.6vw,36px);background:#fff;color:var(--ink)}
.field select{display:block;width:100%;font:inherit;color:inherit;background:#fff;border:2px solid #94a3b8;border-radius:0;padding:11px 12px}
.field select:focus-visible{outline:3px solid var(--lime);outline-offset:0;border-color:var(--navy)}
.pform__ok{background:#f7fee7;border-left:4px solid var(--lime-ink);color:#365314;padding:12px 14px;font-size:.9375rem;line-height:1.45}
.pform__ok:focus{outline:none}
.phero--split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,5vw,80px);align-items:center}
.pt-sub{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(20px,2.6vw,32px)}
.pt-sub a{padding:8px 14px;border:1px solid rgba(255,255,255,.24);color:#dfe5ef;font-size:.9375rem;font-weight:500;text-decoration:none}
.pt-sub a:hover{border-color:var(--lime);color:#fff}
.pt-flow{display:grid;gap:30px;margin:0;padding:0;list-style:none}
.pt-flow li{position:relative;display:grid;gap:4px;padding:18px 20px;border:1px solid rgba(255,255,255,.18);background:#1a2540}
.pt-flow li:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-22px;width:14px;height:14px;margin-left:-7px;border-right:3px solid var(--lime);border-bottom:3px solid var(--lime);transform:rotate(45deg)}
.pt-flow b{font:700 1.125rem/1.2 var(--f-d);color:#fff}
.pt-flow span{font-size:.875rem;color:#aab4c8}
.pt-flow li.is-hot{background:var(--lime);border-color:var(--lime)}
.pt-flow li.is-hot b{font-size:1.375rem;color:var(--navy)}
.pt-flow li.is-hot span{color:#1a2e05}
.pt-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,80px);align-items:start}
.pt-p{max-width:38em;font-size:1.0625rem;line-height:1.6;color:#334155}
.pt-p+.pt-p{margin-top:14px}
.pt-panel{padding:clamp(24px,2.8vw,40px);background:var(--navy);color:#fff}
.pt-panel h3{margin-bottom:12px;font:700 1.375rem/1.15 var(--f-d);color:var(--lime)}
.pt-panel p{margin-bottom:20px;line-height:1.55;color:#dfe5ef}
.pt-panel .checks{margin-bottom:0}
.pt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}
.pt-card{display:grid;align-content:start;gap:10px;padding:clamp(22px,2.4vw,32px);background:#fff;border-top:3px solid var(--navy)}
.pt-card h3{font:700 clamp(1.1875rem,1.5vw,1.375rem)/1.15 var(--f-d)}
.pt-card p{font-size:.9688rem;line-height:1.5;color:#334155}
.pt-more{margin-top:clamp(20px,2.4vw,32px)}
a.pt-link{color:var(--ink)}
.cm-feat .pt-model__tag{font-weight:600;color:var(--lime)}
.cm-feat .pt-model__fit{font-size:.875rem;color:#aab4c8}
.pt-model__fit b{color:#dfe5ef}
.pt-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.pt-box{padding:clamp(24px,2.6vw,36px);background:var(--mist)}
.pt-box__h{margin-bottom:12px;font:700 clamp(1.375rem,2vw,1.75rem)/1.15 var(--f-d)}
.pt-box>p{margin-bottom:20px;line-height:1.55;color:#334155}
.pt-box .checks{margin-bottom:0}
.pt-box .checks .tick{color:var(--lime-ink)}
.pt-quote{margin:clamp(20px,3vw,40px) 0 0;padding:clamp(28px,3.4vw,48px);background:var(--navy)}
.pt-quote p{max-width:30em;font:700 clamp(1.375rem,2.4vw,2rem)/1.25 var(--f-d);letter-spacing:-.01em;color:#fff}
.pt-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.pt-chips li{padding:18px 20px;background:#fff;border-left:3px solid var(--lime-ink);font-weight:600;line-height:1.35}
.pt-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.pt-facts div{padding:18px 20px;background:var(--mist)}
.pt-facts dt{margin-bottom:6px;font:600 .75rem/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--lime-ink)}
.pt-facts dd{margin:0;font-weight:600;line-height:1.4}
.pt-goal{display:grid;gap:6px;margin-top:12px;padding:18px 20px;background:var(--navy);color:#dfe5ef;line-height:1.45}
.pt-goal b{font:600 .75rem/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.pt-cycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.4vw,56px);margin:0;padding:0;list-style:none;counter-reset:cy}
.pt-cycle li{position:relative;display:grid;align-content:start;gap:10px;padding:clamp(22px,2.4vw,32px);background:#1a2540;border-top:3px solid var(--lime);counter-increment:cy}
.pt-cycle li::before{content:counter(cy);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--navy);font:700 1rem/1 var(--f-t)}
.pt-cycle li:not(:last-child)::after{content:"";position:absolute;top:50%;right:calc(clamp(28px,3.4vw,56px) / -2 - 9px);width:18px;height:18px;border-top:3px solid var(--lime);border-right:3px solid var(--lime);transform:rotate(45deg)}
.pt-cycle h3{font:700 clamp(1.1875rem,1.5vw,1.375rem)/1.15 var(--f-d);color:#fff}
.pt-cycle p{font-size:.9375rem;line-height:1.5;color:#c3cad9}
.pt-cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pt-card--mist{background:var(--mist)}
.pt-duo--gap{margin-top:clamp(14px,2vw,24px)}
.pt-note{max-width:48em;margin-top:clamp(16px,2vw,24px);font-size:.9375rem;line-height:1.5;color:#aab4c8}
.js .pt-rv[data-rv]{opacity:0;transform:translateY(30px)}
.js .pt-rv[data-rv].is-in{opacity:1;transform:none;transition:opacity .5s linear,transform .9s var(--ease-out)}
.phero .eyebrow{color:#fff}
.phero__cta{margin:clamp(24px,3vw,36px) 0 0}
.addon__toggle,.cmp__toggle{display:none}
.addon__link{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;color:var(--lime)}
.addon__link .arw{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;transition:transform .3s var(--ease-out)}
.addon__link:hover .arw{transform:translateX(4px)}

/* ---------- Verfahren ---------- */
.vf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,88px);align-items:start}
.vf__pics{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(8px,1vw,16px)}
.vf__pics figure{margin:0;overflow:hidden;position:relative}
.vf__pics figure:nth-child(1){grid-column:1/7;aspect-ratio:16/9}
.vf__pics figure:nth-child(2){grid-column:1/4;aspect-ratio:1}
.vf__pics figure:nth-child(3){grid-column:4/7;aspect-ratio:1}
.vf__pics img{width:100%;height:100%;object-fit:cover}
.js .vf__pics[data-rv] img{opacity:0;transform:scale(1.14)}
.js .vf__pics[data-rv].is-in img{opacity:1;transform:none;transition:opacity .7s linear,transform 1.5s var(--ease-out)}
.js .vf__pics[data-rv].is-in figure:nth-child(2) img{transition-delay:.12s}
.js .vf__pics[data-rv].is-in figure:nth-child(3) img{transition-delay:.24s}
.vf__list{display:grid}
.vf__list li{display:grid;grid-template-columns:minmax(0,13.5rem) minmax(0,1fr);gap:8px 28px;padding:22px 0;border-top:2px solid var(--navy)}
.vf__list li:last-child{border-bottom:2px solid var(--navy)}
.vf__list h3{font:700 clamp(1.375rem,1.9vw,1.75rem)/1.1 var(--f-d);letter-spacing:-.02em}
.vf__list p{line-height:1.55;color:#334155}

/* ---------- Kennzeichnung (Paket, Zusatzmodul, neu) ---------- */
.tag{display:inline-flex;align-items:center;height:22px;padding:0 7px;font:600 .6875rem/1 var(--f-t);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:var(--navy);color:#fff;vertical-align:middle}
.tag--new{background:var(--lime);color:var(--navy)}
.tag--addon{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}

/* ---------- Alle Funktionen ---------- */
.fn__legend{display:flex;flex-wrap:wrap;gap:10px 24px;margin:28px 0 0;padding:0;list-style:none;font-size:.9375rem;color:var(--slate)}
.fn__legend li{display:flex;align-items:center;gap:8px}
.fn__grid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.fn__nav{position:sticky;top:calc(var(--hdr) + 24px)}
.fn__nav ol{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.fn__nav a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px 11px 0;border-bottom:1px solid rgba(10,15,30,.14);color:var(--ink);text-decoration:none;font:600 .9375rem/1.25 var(--f-t);transition:background-color .2s linear,color .2s linear,padding .35s var(--ease-out)}
.fn__nav a b{font:700 .9375rem/1 var(--f-d);color:var(--slate);font-variant-numeric:tabular-nums;transition:color .2s linear}
.fn__nav a small{font-size:.8125rem;color:var(--slate);font-variant-numeric:tabular-nums}
.fn__nav a:hover{padding-left:8px}
.fn__nav a.is-on{background:var(--navy);color:#fff;padding-left:12px}
.fn__nav a.is-on b{color:var(--lime)}
.fn__nav a.is-on small{color:#aab4c8}
.fn__areas{display:grid;gap:clamp(16px,1.6vw,24px);min-width:0}
.fn-area{background:#fff;scroll-margin-top:calc(var(--hdr) + 16px)}
.fn-area summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"nr title count" "nr lead lead";gap:6px 20px;align-items:center;padding:clamp(22px,2.4vw,34px) clamp(22px,2.6vw,40px) 20px;list-style:none;cursor:default}
.fn-area summary::-webkit-details-marker{display:none}
.fn-area__nr{grid-area:nr;align-self:start;display:grid;place-items:center;width:56px;height:56px;background:var(--navy);color:var(--lime);font:700 1.375rem/1 var(--f-d);font-variant-numeric:tabular-nums}
.fn-area__title{grid-area:title;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;font:700 clamp(1.5rem,2.2vw,2.125rem)/1.05 var(--f-d);letter-spacing:-.02em}
.fn-area__lead{grid-area:lead;color:var(--slate);font-size:1.0625rem;line-height:1.5}
.fn-area__count{grid-area:count;font:600 .8125rem/1 var(--f-t);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);white-space:nowrap}
.fn-area__ic{display:none}
.fn-list{list-style:none;margin:0;padding:0 clamp(22px,2.6vw,40px) clamp(22px,2.6vw,36px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,48px)}
.fn-list li{padding:16px 0 18px;border-top:1px solid var(--line)}
.fn-list h3{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 6px;font:700 1.0625rem/1.3 var(--f-t);letter-spacing:-.01em}
.fn-list p{margin:0;line-height:1.55;color:#334155;font-size:.96875rem}
.fn-area__note{margin:0 clamp(22px,2.6vw,40px) clamp(22px,2.6vw,36px);padding:14px 16px;background:var(--mist);border-left:3px solid var(--navy);font-size:.9375rem;line-height:1.5;color:#334155}
.fn__foot{margin:8px 0 0;font-size:1rem;color:var(--slate)}
.fn__cta{margin-top:8px}
.fn>.fn__legend{margin:0 0 clamp(28px,3vw,44px)}
.js .fn-area[data-rv]{opacity:0;transform:translateY(40px)}
.js .fn-area[data-rv].is-in{opacity:1;transform:none;transition:opacity .5s linear,transform .9s var(--ease-out)}

/* ---------- Funktionen auf einen Blick (Startseite) ---------- */
.fo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.2vw,18px)}
.fo__card{position:relative;display:flex;flex-direction:column;gap:12px;background:#fff;padding:clamp(22px,2vw,30px);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.fo__card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(10,15,30,.45)}
.fo__card:focus-within{outline:3px solid var(--navy);outline-offset:3px}
.fo__nr{display:grid;place-items:center;width:40px;height:40px;background:var(--navy);color:var(--lime);font:700 1rem/1 var(--f-d);font-variant-numeric:tabular-nums}
.fo__title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:700 clamp(1.25rem,1.6vw,1.5rem)/1.1 var(--f-d);letter-spacing:-.02em}
.fo__title a{color:inherit;text-decoration:none}
.fo__title a::after{content:"";position:absolute;inset:0}
.fo__title a:focus-visible{outline:0}
.fo__lead{color:var(--slate);font-size:.9688rem;line-height:1.5}
.fo__top{display:grid;gap:8px;margin-top:2px}
.fo__top li{display:flex;gap:9px;align-items:flex-start;font-weight:500;font-size:.9688rem;line-height:1.35}
.fo__top .tick{width:18px;height:18px;color:var(--lime-ink);margin-top:1px}
.fo__top .tag{margin-left:6px;height:19px;padding:0 5px;font-size:.625rem}
.fo__more{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-weight:600;font-size:.9375rem}
.fo__more .arw{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;transition:transform .32s var(--ease-out)}
.fo__card:hover .fo__more .arw{transform:translateX(5px)}
.fo__cta{margin:clamp(28px,3.4vw,48px) 0 0}
.js .fo[data-rv] .fo__card{opacity:0;transform:translateY(34px)}
.js .fo[data-rv].is-in .fo__card{opacity:1;transform:none;transition:opacity .5s linear,transform .9s var(--ease-out),box-shadow .35s var(--ease-out)}
.js .fo[data-rv].is-in .fo__card:hover{transform:translateY(-4px)}
.js .fo[data-rv].is-in .fo__card:nth-child(4n+2){transition-delay:.06s,.06s,0s}
.js .fo[data-rv].is-in .fo__card:nth-child(4n+3){transition-delay:.12s,.12s,0s}
.js .fo[data-rv].is-in .fo__card:nth-child(4n+4){transition-delay:.18s,.18s,0s}

/* ---------- Kopf einer Unterseite ---------- */
.phero{background:var(--navy);color:#fff;padding:calc(var(--hdr) + clamp(44px,6vw,96px)) var(--pad) clamp(48px,6vw,88px)}
.phero__crumb{margin-bottom:clamp(20px,2.4vw,32px)}
.phero__crumb a{display:inline-flex;align-items:center;gap:8px;color:#c3cad9;font-weight:500;text-decoration:none}
.phero__crumb a::before{content:"←";font-weight:600}
.phero__crumb a:hover{color:#fff}
.phero__h{max-width:16em}
.phero__lead{font-size:clamp(1.0625rem,1.4vw,1.3125rem);line-height:1.55;max-width:40em;color:#dfe5ef}
.phero--404{min-height:72vh;display:flex;flex-direction:column;justify-content:center}
/* Rechtstexte (/datenschutz) */
.legal{max-width:46rem}
.legal section+section{margin-top:clamp(28px,3vw,40px)}
.legal h2{margin-bottom:12px;font:700 clamp(1.25rem,1.8vw,1.5rem)/1.2 var(--f-d);letter-spacing:-.01em}
.legal p{line-height:1.65;color:#1e293b}
.legal p+p{margin-top:12px}
.legal a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}

/* ---------- Vergleich ---------- */
.cmp-wins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-bottom:clamp(40px,5vw,72px)}
.cmp-wins li{display:grid;gap:10px;align-content:start;padding:clamp(20px,2vw,28px);background:var(--mist);border-top:4px solid var(--lime)}
.cmp-wins .tick{width:26px;height:26px;color:var(--lime-ink)}
.cmp-wins h3{font:700 clamp(1.25rem,1.6vw,1.5rem)/1.1 var(--f-d);letter-spacing:-.02em}
.cmp-wins p{font-size:.9688rem;line-height:1.5;color:#334155}
.js .cmp-wins[data-rv] li{opacity:0;transform:translateY(30px)}
.js .cmp-wins[data-rv].is-in li{opacity:1;transform:none;transition:opacity .5s linear,transform .9s var(--ease-out)}
.js .cmp-wins[data-rv].is-in li:nth-child(2){transition-delay:.08s}
.js .cmp-wins[data-rv].is-in li:nth-child(3){transition-delay:.16s}
.js .cmp-wins[data-rv].is-in li:nth-child(4){transition-delay:.24s}
.rt{display:flex;align-items:center;gap:7px;margin-bottom:8px;font:600 .75rem/1 var(--f-t);letter-spacing:.06em;text-transform:uppercase}
.rt svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rt .rt__half{fill:currentColor;stroke:none}
.rt--gut{color:var(--lime-ink)}
.rt--gut svg{stroke-width:2.4}
.rt--teil{color:#b45309}
.rt--kaum{color:#64748b}
.cmp .is-laims .rt--gut{color:var(--lime)}
.cmp .is-laims .rt--teil{color:#fcd34d}
.cmp__t{display:block}
.cmp{width:100%;border-collapse:collapse;table-layout:fixed}
.cmp caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:20px clamp(12px,1.6vw,26px) 22px;line-height:1.5;font-size:.9688rem}
.cmp thead th{font:700 clamp(1.0625rem,1.5vw,1.375rem)/1.15 var(--f-d);letter-spacing:-.01em;padding-bottom:18px;vertical-align:bottom}
.cmp thead th:first-child{width:17%}
.cmp tbody th{font:700 1.0625rem/1.25 var(--f-d);padding-left:0}
.cmp tbody tr{border-top:2px solid var(--navy)}
.cmp tbody tr:last-child{border-bottom:2px solid var(--navy)}
.cmp td{color:#334155}
.cmp .is-laims{background:var(--navy);color:#fff}
.cmp thead .is-laims{color:var(--lime);box-shadow:inset 0 5px 0 var(--lime)}
.cmp tbody .is-laims{color:#e8ecf4}
.cmp tbody tr:last-child .is-laims{box-shadow:inset 0 -5px 0 var(--lime)}

/* ---------- Über ---------- */
.ueber{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,104px);align-items:start}
.ueber__txt p{font-size:clamp(1.0625rem,1.35vw,1.25rem);line-height:1.6;color:#dfe5ef}
.pfacts h3{font:600 .875rem/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:#aab4c8;margin-bottom:8px}
.pfacts dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,56px)}
.pfacts div{padding:22px 0;border-top:1px solid rgba(255,255,255,.18)}
.pfacts dt{font:700 clamp(1.25rem,1.6vw,1.5rem)/1.15 var(--f-d);letter-spacing:-.015em;color:#fff;margin-bottom:8px}
.pfacts dd{margin:0;line-height:1.55;color:#c3cad9}

/* ---------- Preise ---------- */
.bill{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-bottom:clamp(28px,3.4vw,48px)}
.bill__seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;border:2px solid var(--navy)}
.bill__seg button{height:50px;padding:0 24px;font-weight:600;transition:background-color .2s linear,color .2s linear}
.bill__seg button+button{border-left:2px solid var(--navy)}
.bill__seg button:hover{background:var(--mist)}
.bill__seg button[aria-pressed="true"]{background:var(--navy);color:#fff}
.bill p{font-size:.9688rem;color:var(--slate);max-width:30em}
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid var(--navy)}
.plans__api{display:contents}
.plan{position:relative;display:flex;flex-direction:column;padding:clamp(22px,2.2vw,34px);min-width:0;background:#fff}
.plan+.plan,.plans__api+.plan{border-left:2px solid var(--navy)}
.plan--rec{background:#f4fbdf}
.plan__tag{position:absolute;left:0;right:0;top:0;transform:translateY(-100%);background:var(--navy);color:var(--lime);font:600 .8125rem/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase;padding:9px clamp(22px,2.2vw,34px)}
.plan__name{font:700 clamp(1.75rem,2.3vw,2.25rem)/1 var(--f-d);letter-spacing:-.02em;margin-bottom:10px}
.plan__desc{font-size:.9375rem;line-height:1.5;color:#334155;min-height:4.5em;margin-bottom:18px}
.plan__price{font:700 clamp(2.6rem,3.6vw,3.6rem)/1 var(--f-d);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.plan__cur{font-size:.5em;letter-spacing:0}
.plan__price--text{font-size:clamp(1.5rem,2vw,1.875rem);letter-spacing:-.02em;line-height:1.15;white-space:normal;min-height:1em;padding:.55em 0 .2em}
.plan__suffix{font-size:.875rem;color:var(--slate);margin:8px 0 20px;min-height:2.6em}
.plan .btn{height:54px;font-size:1rem;padding:0 16px;margin-bottom:22px}
.plan__body{border-top:1px solid rgba(10,15,30,.16);padding-top:18px}
.plan__label{font:600 .8125rem/1.2 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin:16px 0 10px}
.plan__label:first-child{margin-top:0}
.plan__list{display:grid;gap:9px}
.plan__list li{display:flex;gap:10px;align-items:flex-start;font-size:.9375rem;line-height:1.4}
.plan__tick{width:18px;height:18px;flex:none;margin-top:1px;fill:none;stroke:#4d7c0f;stroke-width:3;stroke-linecap:square}
.plan__text{font-size:.9375rem;line-height:1.5;color:#334155}
.plans__foot{margin-top:22px;display:grid;gap:8px;font-size:.9375rem;color:var(--slate);max-width:60em}
.plans__foot p:first-child{font-weight:500;color:var(--ink)}
.plans__foot a{color:var(--navy);font-weight:600;text-underline-offset:3px}

/* ---------- Zusatzmodule ---------- */
.addons{margin-top:clamp(56px,7vw,104px);scroll-margin-top:var(--hdr)}
.addons__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.6vw,24px)}
.addon{display:grid;grid-template-rows:auto 1fr;border:2px solid var(--navy);background:#fff}
.addon__head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"plan plan" "name price";gap:12px 20px;align-items:end;padding:clamp(22px,2.4vw,32px) clamp(22px,2.4vw,32px) 0}
.addon__plan{grid-area:plan;justify-self:start;margin:0;padding:6px 8px;background:var(--mist);color:var(--navy);font:600 .75rem/1 var(--f-t);letter-spacing:.08em;text-transform:uppercase}
.addon h3{grid-area:name;margin:0;font:700 clamp(1.375rem,1.9vw,1.75rem)/1.1 var(--f-d);letter-spacing:-.02em}
.addon__price{grid-area:price;margin:0;text-align:right}
.addon__price b{font:700 clamp(1.625rem,2.2vw,2rem)/1 var(--f-d);font-variant-numeric:tabular-nums;white-space:nowrap}
.addon__price small{display:block;max-width:15em;margin:6px 0 0 auto;font-size:.8125rem;line-height:1.35;color:var(--slate)}
.addon__body{margin-top:18px;padding:18px clamp(22px,2.4vw,32px) clamp(22px,2.4vw,30px);border-top:1px solid var(--line)}
.addon__label{margin:0 0 12px;font:600 .75rem/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.addon__list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.addon__list li{display:flex;gap:10px;line-height:1.5;color:#1e293b}
.addon__list .tick{width:18px;height:18px;margin-top:3px;color:var(--lime-ink)}
.addon__who{margin:16px 0 0;font-size:.9375rem;line-height:1.5;color:var(--slate)}
.addon__who b{color:var(--ink)}
.addon--wide{grid-column:1/-1;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto}
.addon--wide .addon__head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(26px,3vw,44px)}
.addon--wide h3{font-size:clamp(1.75rem,2.8vw,2.5rem)}
.addon--wide .addon__price{text-align:left}
.addon--wide .addon__price small{max-width:28em;margin-left:0}
.addon--wide .addon__who{margin:0}
.addon--wide .btn{margin-top:6px}
.addon--wide .addon__body{align-self:stretch;margin:0;padding:clamp(26px,3vw,44px);border-top:0;border-left:1px solid var(--line)}
.addon--dark{background:var(--navy);border-color:var(--navy);color:#fff;--focus:#fff}
.addon--dark .addon__plan{background:var(--lime);color:var(--navy)}
.addon--dark .addon__price b{color:var(--lime)}
.addon--dark .addon__price small,.addon--dark .addon__who{color:#c3cad9}
.addon--dark .addon__who b{color:#fff}
.addon--dark .addon__body{border-color:rgba(255,255,255,.16)}
.addon--dark .addon__label{color:#aab4c8}
.addon--dark .addon__list li{color:#e7ecf4}
.addon--dark .addon__list .tick{color:var(--lime)}
.js .addon[data-rv]{opacity:0;transform:translateY(40px)}
.js .addon[data-rv].is-in{opacity:1;transform:none;transition:opacity .5s linear,transform .9s var(--ease-out)}

/* ---------- FAQ ---------- */
.faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,88px);align-items:start}
.faq__hd{position:sticky;top:calc(var(--hdr) + 24px)}
.faq__hd p{margin-top:20px;color:#c3cad9;line-height:1.55;max-width:22em}
.faq__hd a{color:var(--lime);font-weight:600}
.faq__grp+.faq__grp{margin-top:clamp(36px,4vw,56px)}
.faq__grp h3{font:600 .875rem/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:#aab4c8;padding-bottom:14px;border-bottom:2px solid rgba(255,255,255,.3)}
.faq details{border-bottom:1px solid rgba(255,255,255,.18)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font:700 clamp(1.125rem,1.5vw,1.375rem)/1.25 var(--f-d);letter-spacing:-.01em;transition:color .2s linear}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--lime)}
.faq summary i{position:relative;flex:none;width:30px;height:30px;background:rgba(255,255,255,.1);transition:background-color .2s linear,transform .35s var(--ease-out)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:8px;right:8px;top:14px;height:2px;background:currentColor}
.faq summary i::after{transform:rotate(90deg);transition:transform .35s var(--ease-out)}
.faq details[open] summary i{background:var(--lime);color:var(--navy);transform:rotate(180deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq details p{padding:0 50px 26px 0;line-height:1.6;color:#dfe5ef;max-width:44em}
.faq details[open] p{animation:rise .45s var(--ease-out) both}

/* ---------- Fuß ---------- */
.foot{background:var(--navy);color:#c3cad9;padding:clamp(48px,6vw,88px) var(--pad) 28px;--focus:#fff}
.foot__grid{display:grid;grid-template-columns:minmax(0,5fr) repeat(4,minmax(0,2fr));gap:36px clamp(20px,3vw,48px);padding-bottom:clamp(36px,5vw,64px)}
.foot__brand img{width:150px;height:auto;margin-bottom:20px}
.foot__brand p{max-width:26em;line-height:1.55}
.foot h2{font:600 .8125rem/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.foot li+li{margin-top:10px}
.foot a,.foot__link{display:inline-block;min-height:24px;padding:2px 0;color:#c3cad9;text-decoration:none;font-size:.9688rem;transition:color .2s linear}
.foot a:hover,.foot__link:hover{color:var(--lime)}
.foot__legal{border-top:1px solid rgba(255,255,255,.16);padding-top:22px;padding-right:84px;font-size:.875rem;color:#aab4c8}

/* ---------- Dialog ---------- */
.dlg{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;background:#fff;color:var(--ink);overflow:auto;overscroll-behavior:contain;--focus:var(--navy)}
.dlg::backdrop{background:rgba(10,15,30,.72)}
.dlg[open]{animation:dlgIn .35s var(--ease-out) both}
@keyframes dlgIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.dlg__hd{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:var(--navy);color:#fff;padding:24px clamp(20px,4vw,32px);--focus:#fff}
.dlg__hd h2{font:700 1.875rem/1 var(--f-d);letter-spacing:-.02em}
.dlg__hd p{margin-top:10px;color:#dfe5ef;line-height:1.5;font-size:.9688rem}
.dlg__x{flex:none;width:44px;height:44px;display:grid;place-items:center;margin:-8px -8px 0 0}
.dlg__x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6}
.dlg__body{padding:22px clamp(20px,4vw,32px) 28px;display:grid;gap:16px}
.dlg__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field label{display:block;font-weight:600;font-size:.9375rem;margin-bottom:6px}
.field input,.field textarea{display:block;width:100%;font:inherit;color:inherit;background:#fff;border:2px solid #94a3b8;border-radius:0;padding:11px 12px;transition:border-color .2s linear}
.field textarea{resize:vertical;min-height:96px}
.field input:focus-visible,.field textarea:focus-visible{outline:3px solid var(--lime);outline-offset:0;border-color:var(--navy)}
.field [aria-invalid="true"]{border-color:#b91c1c}
.field__err{color:#b91c1c;font-size:.875rem;font-weight:500;margin-top:6px}
.field__err:empty{display:none}
.dlg__note{font-size:.875rem;color:var(--slate);line-height:1.5}
.dlg__note a{color:var(--ink)}
.dlg__msg{background:#fef2f2;border-left:4px solid #b91c1c;color:#7f1d1d;padding:12px 14px;font-size:.9375rem;line-height:1.45}
.dlg__msg:empty{display:none}
.dlg__act{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.dlg__act .btn{height:54px;font-size:1rem}
.dlg__done{padding:36px clamp(20px,4vw,32px) 32px;text-align:left}
.dlg__done h3{font:700 1.75rem/1.05 var(--f-d);letter-spacing:-.02em;margin-bottom:12px}
.dlg__done p{line-height:1.55;margin-bottom:24px}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* ---------- Responsiv (Abschnitte) ---------- */
@media (max-width:1179px){
  .dm{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto var(--dm-h) auto;grid-template-areas:"nav nav" "stage panel" "out out"}
  .dm__nav ol{grid-template-columns:repeat(5,minmax(124px,1fr));overflow-x:auto;scrollbar-width:thin}
  .fo{grid-template-columns:repeat(3,minmax(0,1fr))}
  .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan:nth-child(n){border-left:0}
  .plans .plan{border-top:2px solid var(--navy);margin-top:-2px}
  .plans__api .plan:nth-child(even),.plans>.plan:nth-child(even){border-left:2px solid var(--navy)}
  .plan__tag{position:static;transform:none;margin:calc(clamp(22px,2.2vw,34px) * -1) calc(clamp(22px,2.2vw,34px) * -1) 18px}
  .foot__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .foot__brand{grid-column:1/-1}
}
@media (max-width:1099px){
  .cm-flow{grid-template-columns:minmax(0,1fr);max-width:560px}
  .cm-step:not(:last-child)::after{top:auto;bottom:-24px;right:auto;left:50%;transform:translateX(-50%) rotate(135deg)}
  .cm-feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cm-faq{grid-template-columns:minmax(0,1fr)}
  .cm-steps{grid-template-columns:minmax(0,1fr)}
  .phero--split{grid-template-columns:minmax(0,1fr)}
  .pt-flow{max-width:32rem}
  .pt-contact__grid{grid-template-columns:minmax(0,1fr)}
  .pt-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pt-cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pt-cycle{grid-template-columns:minmax(0,1fr);max-width:560px}
  .pt-cycle li:not(:last-child)::after{top:auto;bottom:-24px;right:auto;left:50%;transform:translateX(-50%) rotate(135deg)}
  .cmp-wins{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tour__panel{grid-template-columns:1fr}
  .vf,.ueber,.faq{grid-template-columns:1fr}
  .faq__hd{position:static}
  .cells{grid-template-columns:1fr}
  .cell3{min-height:0}
  .fn__grid{grid-template-columns:minmax(0,230px) minmax(0,1fr)}
  .fn-list{grid-template-columns:1fr}
  .addon--wide{grid-template-columns:1fr}
  .addon--wide .addon__body{border-left:0;border-top:1px solid var(--line)}
  .addon--dark .addon__body{border-top-color:rgba(255,255,255,.16)}
}
@media (max-width:899px){
  .os__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"kunden kunden" "team team" "kern kern" "lieferanten buchhaltung"}
  .os__layer{grid-template-columns:minmax(0,1fr);padding:14px 16px}
  .os__side::after{top:auto;bottom:100%;left:50%;right:auto;width:2px;height:10px}
  .pt-tracks,.pt-split,.pt-duo,.pt-cards{grid-template-columns:minmax(0,1fr)}
  .dm{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"nav" "stage" "panel" "out"}
  .dm__stage{height:340px}
  .dm__panel{border-left:0;overflow:visible}
  .dm-assume__body{grid-template-columns:minmax(0,1fr)}
  .fo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tour__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cmp,.cmp thead,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:auto}
  .cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .cmp thead th:first-child{width:auto}
  .cmp tbody tr{padding:8px 0 4px}
  .cmp tbody th{padding:16px 0 6px;font-size:1.25rem}
  .cmp td{padding:10px 0 12px}
  .cmp td::before{content:attr(data-col);display:block;font:600 .8125rem/1 var(--f-t);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:6px}
  .cmp .is-laims{padding:14px 16px 16px;margin:6px 0 14px}
  .cmp .is-laims::before{color:var(--lime)}
  .cmp tbody tr:last-child .is-laims{box-shadow:none}
  .js .cmp__toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;margin-bottom:8px;padding:12px 16px;border:2px solid var(--navy);background:#fff;color:var(--ink);font:600 1rem/1.25 var(--f-t);text-align:left;cursor:pointer}
  .js .cmp.is-laims-only td:not(.is-laims){display:none}
  .js .addon__toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:12px clamp(20px,2.4vw,32px);border:0;border-top:1px solid var(--line);background:none;color:inherit;font:600 1rem/1.25 var(--f-t);text-align:left;cursor:pointer}
  .js .addon--dark .addon__toggle{border-top-color:rgba(255,255,255,.16)}
  .js .addon.is-closed .addon__body{display:none}
  .js .tg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;transition:transform .3s var(--ease-out)}
  .js [aria-expanded="true"]>.tg{transform:rotate(180deg)}
  .pfacts dl{grid-template-columns:1fr}
  .addons__grid{grid-template-columns:1fr}
  .fn__grid{grid-template-columns:1fr}
  .fn__nav{display:none}
  .fn-area summary{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"nr title ic" "nr count ic" "lead lead lead";gap:4px 14px;padding:18px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .fn-area__nr{align-self:center;width:44px;height:44px;font-size:1.125rem}
  .fn-area__title{font-size:1.3125rem;gap:6px 10px}
  .fn-area__count{font-size:.75rem}
  .fn-area__lead{display:none;margin-top:10px;font-size:1rem}
  .fn-area[open] .fn-area__lead{display:block}
  .fn-area__ic{grid-area:ic;display:block;position:relative;width:30px;height:30px;background:var(--mist);color:var(--navy);transition:background-color .2s linear,transform .35s var(--ease-out)}
  .fn-area__ic::before,.fn-area__ic::after{content:"";position:absolute;left:8px;right:8px;top:14px;height:2px;background:currentColor}
  .fn-area__ic::after{transform:rotate(90deg);transition:transform .35s var(--ease-out)}
  .fn-area[open] .fn-area__ic{background:var(--lime);transform:rotate(180deg)}
  .fn-area[open] .fn-area__ic::after{transform:rotate(0)}
  .fn-list{padding:0 18px 18px}
  .fn-area__note{margin:0 18px 18px}
}
@media (max-width:699px){
  .cm-feats{grid-template-columns:minmax(0,1fr)}
  .cm-price__act .btn{flex:1 1 100%}
  .cm-site .btn{flex:1 1 100%}
  .pt-facts,.pt-chips{grid-template-columns:minmax(0,1fr)}
  .pt-teaser .btn{flex:1 1 100%}
  .dm__stage{height:300px}
  .dm-garment{width:min(100%,340px)}
  .dm__nav{grid-template-columns:minmax(0,1fr)}
  .dm__badge{flex-direction:row;align-items:baseline;gap:8px;padding:8px 14px;font-size:.875rem}
  .dm__nav ol{grid-template-columns:repeat(5,max-content)}
  .dm-step{min-height:48px;padding:8px 12px}
  .dm-step>span{white-space:nowrap}
  .dm-mx input{width:38px}
  .dm-mx tbody th span{display:none}
  .dm-extras li{grid-template-columns:minmax(0,1fr) 100px}
  /* Keine Schrift unter 12 px */
  .ex,.dm__badge small,.dm .fld .lbl,.dm-field .lbl,.dm__out .out__path small,.tag,.fo__top .tag{font-size:.75rem}
  .dm-next .tag{height:20px;font-size:.75rem}
  .dm-mots{grid-template-columns:minmax(0,1fr)}
  .dm-sub__bd{padding-left:0}
  .dm-sub:not(:last-child)::before{display:none}
  .dm-sub__hd{flex-wrap:wrap;row-gap:2px}
  .dm-sub__val{order:3;flex-basis:100%;padding-left:36px;white-space:normal}
  .dm-sups,.dm-arts{grid-template-columns:minmax(0,1fr)}
  .dm-art{grid-template-columns:auto minmax(0,1fr);column-gap:5px;padding:8px 12px 8px 50px}
  .dm-art b{grid-column:1/-1}
  .dm-art small::after{content:" ·"}
  .dm-art__ic{left:12px;right:auto;top:50%;transform:translateY(-50%)}
  .dm-mot{padding:8px 12px 8px 50px}
  .dm-mot__ic{left:14px;right:auto;top:50%;transform:translateY(-50%);place-items:center}
  .dm-mot small span{display:inline}
  .dm-mot small span+span:not(.sr)::before{content:" · "}
  .cmp-wins{grid-template-columns:minmax(0,1fr)}
  .fo{grid-template-columns:1fr}
  .seg span{height:46px;font-size:.9375rem}
  .plans{grid-template-columns:1fr}
  .plans .plan:nth-child(n){border-left:0}
  .plan__desc,.plan__suffix{min-height:0}
  .vf__list li{grid-template-columns:1fr}
  .tour__tabs{grid-template-columns:1fr;gap:0}
  .tour__tab{padding:14px 0}
  .frag{padding:14px;font-size:.8125rem}
  .frag .mx th,.frag .mx td{padding:5px 2px}
  .frag .hide-s{display:none}
  .motif__files,.money{grid-template-columns:1fr}
  .dlg__row{grid-template-columns:1fr}
  .dlg__act .btn{flex:1 1 100%}
  .foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq details p{padding-right:0}
  .bill__seg{width:100%}
  .addon__head{grid-template-columns:1fr;grid-template-areas:"plan" "name" "price";gap:10px}
  .addon__price{text-align:left}
  .addon__price small{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .tour.is-auto .tour__tab[aria-selected="true"]::before{animation:none}
  .js .tour__panel.is-in .tour__txt>*,.js .tour__panel.is-in .frag,.faq details[open] p,.dlg[open]{animation:fade .3s linear both}
  .dm-img,.dm-layer,.dm-motif,.dm-step::after,.seg span,.swatches span{transition-duration:.01ms}
  .js .dm-pane.is-on,.dm-saved,.js .dm-sub__bd:not([hidden]){animation:fade .3s linear both}
}