:root{--blue:#1598d2;--blue-deep:#09688f;--blue-soft:#dff3fc;--red:#df3f38;--ink:#0a1017;--ink-2:#15212d;--muted:#62707e;--line:rgba(18,55,83,.13);--paper:#eef5fa;--white:#fff;--green:#1ca767;--radius:28px;--shadow:0 24px 70px -38px rgba(11,48,78,.5);--ease:cubic-bezier(.22,.7,.24,1)}
*{box-sizing:border-box}html{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth}body{width:100%;max-width:100%;margin:0;overflow-x:hidden;overflow-x:clip;color:var(--ink);background:linear-gradient(180deg,#eef5fb,#e7eff6 55%,#f4f8fb);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(60% 48% at 85% 0,rgba(21,152,210,.15),transparent 70%),repeating-linear-gradient(45deg,transparent 0 54px,rgba(21,152,210,.035) 54px 55px);pointer-events:none}a{color:inherit}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 32px));margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;z-index:200;padding:10px 16px;background:#fff;border-radius:12px}.skip:focus{top:16px}.header{position:sticky;top:0;z-index:100;padding:12px 0}.nav-shell{display:flex;align-items:center;gap:24px;padding:9px 16px;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(255,255,255,.73);backdrop-filter:blur(22px) saturate(170%);box-shadow:0 16px 46px -30px rgba(15,45,70,.65)}.brand{display:flex;align-items:center;text-decoration:none;font-weight:850;font-size:1.34rem;letter-spacing:-.04em;white-space:nowrap}.brand-logo{display:block;width:auto;height:58px}.brand-i{color:var(--blue);position:relative}.brand-i:before{content:"";position:absolute;width:.27em;height:.27em;background:var(--red);border-radius:50%;top:-.03em;left:.1em}.nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-left:auto}.nav a{text-decoration:none;font-size:.9rem;font-weight:650;color:#334150}.nav a:hover,.nav a[aria-current=page]{color:var(--blue-deep)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 19px;text-decoration:none;font-weight:780;cursor:pointer;transition:.2s var(--ease)}.nav-cta,.btn-primary{background:linear-gradient(#1ca8e3,#0d739f);color:#fff;box-shadow:0 13px 28px -14px rgba(9,104,143,.85)}.nav-cta:hover,.btn-primary:hover{transform:translateY(-2px)}.btn-dark{background:linear-gradient(#1d2935,#090d12);color:#fff}.btn-soft{background:rgba(255,255,255,.7);border:1px solid var(--line)}.menu{display:none;border:0;background:#fff;border-radius:12px;padding:9px;font-size:1.1rem}.mobile-nav{display:none;padding:10px 4px 2px}.mobile-nav.open{display:grid}.mobile-nav a{padding:11px 8px;text-decoration:none;font-weight:700}
.hero{padding:78px 0 72px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);align-items:center;gap:64px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#344354}.eyebrow:before{content:"";width:22px;height:2px;background:var(--red)}h1,h2,h3{font-family:Sora,Inter,system-ui,sans-serif;line-height:1.08;letter-spacing:-.04em;margin:0}h1{font-size:clamp(3rem,7vw,5.7rem);margin-top:20px}h2{font-size:clamp(2.2rem,5vw,3.8rem)}h3{font-size:1.35rem}.blue{color:var(--blue)}.lead{font-size:clamp(1.08rem,2vw,1.28rem);color:var(--muted);max-width:670px}.actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:28px}.actions>.btn{min-height:48px}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.pill{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.82);font-size:.78rem;font-weight:750;color:#485868}
.terminal-stage{position:relative;display:grid;place-items:center;min-height:500px}.halo{position:absolute;width:420px;max-width:95%;aspect-ratio:1;border-radius:50%;background:conic-gradient(rgba(21,152,210,.42),rgba(21,152,210,.08),rgba(223,63,56,.22),rgba(21,152,210,.42));filter:blur(46px);animation:spin 20s linear infinite}.terminal{position:relative;width:285px;padding:15px 17px 20px;border-radius:30px 30px 42px 42px;background:linear-gradient(155deg,#30393f,#11171b 55%,#050708);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.15),0 55px 85px -38px rgba(4,32,54,.8);animation:float 6s var(--ease) infinite}.terminal-top{display:flex;justify-content:space-between;color:#8c969d;font:600 .52rem ui-monospace,monospace;letter-spacing:.16em;padding:2px 5px 10px}.terminal-screen{height:205px;border:1px solid rgba(21,152,210,.35);border-radius:10px;padding:18px;background:radial-gradient(120% 100% at 50% 0,#1c3344,#09131b);color:#eaf8ff;box-shadow:inset 0 0 40px #0008}.terminal-screen small{display:block;color:#90b8cd;letter-spacing:.12em;text-transform:uppercase}.terminal-screen strong{display:block;font:800 2.25rem ui-monospace,monospace;margin-top:8px}.term-state{margin-top:54px;color:#c1d9e5}.term-ok{display:inline-grid;place-items:center;width:42px;height:42px;border:2px solid var(--green);color:var(--green);border-radius:50%;font-weight:900;float:right}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 13px 0}.keys span{height:24px;display:grid;place-items:center;border-radius:5px;background:linear-gradient(#384147,#15191c);color:#d6dde0;font:.6rem ui-monospace,monospace;box-shadow:0 2px 3px #0008}.keys span:nth-last-child(3){background:#a52e32}.keys span:nth-last-child(2){background:#aa811e}.keys span:last-child{background:#187a43}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-13px)}}
.section{padding:84px 0}.section-sm{padding:48px 0}.section-head{max-width:760px;margin-bottom:36px}.section-head .eyebrow{margin-bottom:15px}.section-head p{color:var(--muted);font-size:1.08rem}.grid-2,.grid-3,.grid-4{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;padding:28px;border:1px solid rgba(255,255,255,.85);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.5));box-shadow:var(--shadow);backdrop-filter:blur(18px)}.card p{color:var(--muted)}.card-link{text-decoration:none;transition:.2s var(--ease)}.card-link:hover{transform:translateY(-4px);border-color:rgba(21,152,210,.35)}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--blue-soft);color:var(--blue-deep);font-weight:900;margin-bottom:20px}.dark{background:linear-gradient(155deg,#14202b,#06090d);color:#fff}.dark p,.dark li{color:#b9c6d2}.dark .eyebrow{background:#ffffff10;border-color:#ffffff18;color:#c6d3dd}.checks{padding:0;list-style:none}.checks li{position:relative;padding-left:25px;margin:9px 0;color:#4e5d6b}.checks li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.dark .checks li{color:#c6d1da}.price{font:800 clamp(2rem,4vw,3.2rem)/1 Sora,system-ui;color:var(--ink)}.price small{font:600 .8rem/1.4 Inter,system-ui;color:var(--muted)}.price-note{font-size:.78rem;color:var(--muted)}.ribbon{position:absolute;top:18px;right:18px;padding:6px 10px;border-radius:999px;background:var(--blue-soft);color:var(--blue-deep);font-size:.7rem;font-weight:800}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.fact{padding:14px;border-radius:16px;background:#fff9;border:1px solid var(--line)}.fact b{display:block}.fact span{font-size:.82rem;color:var(--muted)}
.catalog-card{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden}.device-art{height:265px;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(21,152,210,.19),transparent 55%)}.device-mini{width:118px;height:205px;border-radius:16px 16px 25px 25px;background:linear-gradient(155deg,#313a40,#0b0f12);padding:10px;box-shadow:0 30px 45px -25px #001a2b}.device-mini:before{content:"it-PoS";display:grid;place-items:center;height:85px;border-radius:7px;background:linear-gradient(145deg,#183348,#08131b);color:#8cd8f6;font-size:.72rem;font-weight:800}.device-mini:after{content:"1  2  3\A 4  5  6\A 7  8  9\A ✕  0  ✓";white-space:pre;display:block;text-align:center;color:#d2d9dd;font:700 .66rem/1.75 ui-monospace,monospace;margin-top:10px}.device-mini.desk{height:178px;width:130px;transform:rotate(-2deg)}.terminal-photo{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:18px;mix-blend-mode:multiply}.terminal-photo.hero-photo{height:auto;max-height:470px;padding:0}.terminal-photo.move-3500-photo{justify-self:end;width:78%;height:88%;margin-left:auto;padding:24px 10px 24px 20px;object-position:right center}.terminal-photo.hero-photo.move-3500-photo{width:76%;height:auto;max-height:390px;padding:12px 0 12px 18px}.catalog-body{display:flex;flex-direction:column;height:100%;padding:28px}.catalog-body>p{min-height:5.3em}.catalog-body>.checks{min-height:9.5em}.catalog-body .price{margin-top:auto;font-size:2rem}.catalog-body .actions{margin-top:20px}.compare{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.compare th,.compare td{text-align:left;padding:15px 18px;border-bottom:1px solid #e3ebf1}.compare th{background:#11202b;color:#fff}.compare tr:last-child td{border-bottom:0}.compare td:first-child{font-weight:750}
.price-grid{align-items:stretch}.price-grid .card{display:flex;flex-direction:column;height:100%}.price-grid .card h3{min-height:3.2em}.price-grid .card .price{min-height:3.5rem}.price-grid .card p{margin-top:auto}.download-card{display:flex;flex-direction:column}.download-card .actions{margin-top:auto}
.brand-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.payment-brand{min-height:92px;display:grid;place-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.payment-brand img{display:block;max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain}
.dark .grid-3>.card{display:flex;flex-direction:column;align-items:flex-start;height:100%}.dark .grid-3>.card>p{width:100%}.dark .grid-3>.card>.btn{min-height:48px;margin-top:auto}
.home-split{align-items:stretch}.home-split>.card{display:flex;flex-direction:column;height:100%}.home-split>.card>p{width:100%}.home-split>.card>.actions{margin-top:auto;padding-top:28px}.home-split>.card>.actions .btn{min-height:52px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;padding-top:30px;font-size:.82rem;color:var(--muted)}.breadcrumbs a{color:var(--blue-deep)}.subhero{padding:64px 0 42px}.subhero h1{font-size:clamp(2.7rem,6vw,5rem)}.notice{padding:18px 20px;border-radius:18px;border:1px solid rgba(21,152,210,.28);background:rgba(221,244,253,.65);color:#345264}.notice.warn{border-color:rgba(223,63,56,.28);background:rgba(223,63,56,.06)}.fee-table{width:100%;border-collapse:separate;border-spacing:0 8px}.fee-table td{padding:16px;background:#fff}.fee-table td:first-child{border-radius:14px 0 0 14px}.fee-table td:last-child{border-radius:0 14px 14px 0;text-align:right;font-weight:800;white-space:nowrap}.help-search{width:100%;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#fff;font:inherit}.help-code{display:inline-flex;min-width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(#1ba6df,#0d719b);color:#fff;font:800 1.05rem ui-monospace,monospace}.article{max-width:820px}.article h2{font-size:2rem;margin-top:44px}.article h3{margin-top:30px}.article p,.article li{color:#4e5d6b}.steps{counter-reset:step;padding:0;list-style:none}.steps li{position:relative;padding:0 0 24px 55px;min-height:46px}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:#fff;font-weight:850}.related{margin-top:54px;padding-top:30px;border-top:1px solid var(--line)}
.footer{margin-top:70px;padding:24px 0 32px}.footer-shell{padding:36px;border-radius:32px;background:linear-gradient(155deg,#14202b,#05080b);color:#aab7c3}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:30px}.footer .brand{display:inline-flex;margin:0 0 12px;padding:8px 12px;border-radius:14px;background:#fff}.footer .brand-logo{height:64px}.footer h3{font-size:.9rem;color:#fff;letter-spacing:0}.footer a{display:block;color:#aab7c3;text-decoration:none;margin:7px 0;font-size:.88rem}.footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid #ffffff18;font-size:.78rem}.footer-bottom a{display:inline;margin-left:12px}
@media(max-width:940px){.nav{display:none}.menu{display:block;margin-left:auto}.nav-cta{display:none}.hero-grid{grid-template-columns:1fr}.terminal-stage{min-height:440px}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:940px){.brand-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.wrap{width:min(100% - 22px,1160px)}.hero{padding:48px 0}.hero-grid{gap:20px}.terminal-stage{min-height:420px}.section{padding:62px 0}.grid-2,.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}.card{padding:23px}.facts{grid-template-columns:1fr}.compare{font-size:.86rem}.compare th,.compare td{padding:12px}.fee-table td{display:block}.fee-table td:first-child{border-radius:14px 14px 0 0;padding-bottom:5px}.fee-table td:last-child{border-radius:0 0 14px 14px;text-align:left;padding-top:5px}.footer-shell{padding:26px}.footer-bottom{display:block}.footer-bottom div:last-child{margin-top:12px}.footer-bottom a{margin:0 12px 0 0}h1{font-size:3.1rem}.subhero h1{font-size:2.7rem}}
@media(max-width:640px){.header .brand-logo{height:48px}.footer .brand-logo{height:58px}}
@media(max-width:640px){.brand-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.terminal,.halo{animation:none!important}.btn:hover,.card-link:hover{transform:none}}

/* Neukundenaktion: drei mietfreie Monate innerhalb der 36-monatigen Laufzeit */
.card-link,.catalog-card{position:relative}
.terminal-offers .card-link>.ribbon,.catalog-card .ribbon{left:18px;right:auto;z-index:3}
.terminal-offers .card-link:before,.catalog-card:before{content:"3\A MONATE\A mietfrei · Neukunden";white-space:pre;position:absolute;top:0;right:1.6rem;z-index:4;width:88px;padding:.65rem .4rem 1.2rem;color:#fff;text-align:center;pointer-events:none;overflow:hidden;transform-origin:top center;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.34) 45%,transparent 63%),repeating-linear-gradient(100deg,rgba(255,255,255,.1) 0 8px,rgba(120,20,16,.1) 8px 17px,transparent 17px 34px),linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 46%),linear-gradient(160deg,#ff6a61 0%,#e23b34 48%,#96201a 100%);background-size:250% 250%,200% 100%,auto,auto;backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);box-shadow:0 12px 24px -8px rgba(150,32,26,.65),inset 0 1px 0 rgba(255,255,255,.5);text-shadow:0 1px 2px rgba(90,14,11,.5);font:800 .5rem/1.45 Inter,system-ui;letter-spacing:.08em;animation:flag-sway 4.2s ease-in-out infinite,flag-cloth 4.2s ease-in-out infinite,book-sheen 5s cubic-bezier(.22,.7,.24,1) infinite}
.terminal-offers .card-link:before,.catalog-card:before{font-size:.52rem}.terminal-offers .card-link:before:first-line,.catalog-card:before:first-line{font-size:1.35rem;line-height:1}
@keyframes flag-sway{0%,100%{transform:rotate(-1.1deg) skewY(.45deg)}25%{transform:rotate(.5deg) skewY(-.25deg)}50%{transform:rotate(1.2deg) skewY(-.55deg)}75%{transform:rotate(.15deg) skewY(.2deg)}}
@keyframes flag-cloth{0%,100%{clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 96%)}33%{clip-path:polygon(0 0,100% 0,100% 95%,50% 84%,0 100%)}66%{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 95%)}}
@keyframes book-sheen{0%{background-position:150% 150%,0 0,0 0,0 0}55%,100%{background-position:-60% -60%,38% 0,0 0,0 0}}
.terminal-offers .card-link .price:after,.catalog-card .price:after{display:flex;align-items:flex-start;gap:.5rem;margin-top:.8rem;max-width:21rem;padding:.5rem .7rem;border:1px solid rgba(31,162,224,.3);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(226,242,251,.6));backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);box-shadow:0 6px 16px -8px rgba(14,111,160,.35),inset 0 1px 0 rgba(255,255,255,.85);color:#1e3a4a;font:600 .72rem/1.4 Inter,system-ui;white-space:normal}
.terminal-offers .card-link:nth-child(1) .price:after,.terminal-offers .card-link:nth-child(2) .price:after,.catalog-card:nth-child(1) .price:after,.catalog-card:nth-child(2) .price:after{content:"ⓘ  Ab dem 4. Monat 18,55 € netto/Monat. Laufzeit 36 Monate – die 3 mietfreien Monate sind enthalten."}
.terminal-offers .card-link:nth-child(3) .price:after,.catalog-card:nth-child(3) .price:after{content:"ⓘ  Ab dem 4. Monat 12,95 € netto/Monat. Laufzeit 36 Monate – die 3 mietfreien Monate sind enthalten."}
.terminal-offers .card-link,.catalog-card{border-color:rgba(255,180,176,.7);box-shadow:0 24px 60px -24px rgba(150,32,26,.32),inset 0 1px 0 rgba(255,255,255,.9)}
@media(max-width:640px){.terminal-offers .card-link:before,.catalog-card:before{right:.9rem;width:78px}.terminal-offers .card-link>.ribbon,.catalog-card .ribbon{left:14px}}
@media(prefers-reduced-motion:reduce){.terminal-offers .card-link:before,.catalog-card:before{animation:none!important;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}}

/* Echte Produktabbildungen auch auf der Startseite statt Geräte-Kürzeln */
.terminal-offers .card-link>.icon{width:100%;height:175px;margin:8px 0 20px;border-radius:20px;background-color:rgba(255,255,255,.52);background-repeat:no-repeat;background-position:right center;background-size:contain;font-size:0}
.terminal-offers .card-link:nth-child(1)>.icon{background-image:url('/assets/terminals/move-3500-card.png');background-size:72% auto}
.terminal-offers .card-link:nth-child(2)>.icon{background-image:url('/assets/terminals/move-5000-card.png');background-size:auto 94%}
.terminal-offers .card-link:nth-child(3)>.icon{background-image:url('/assets/terminals/desk-3500-card.png');background-size:auto 94%}
@media(max-width:640px){.terminal-offers .card-link>.icon{height:190px;background-position:right center}.assist-bubble{display:block!important;visibility:visible!important;right:14px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 68px))}}
.top-banner{position:relative;z-index:110;height:40px;overflow:hidden;background:linear-gradient(100deg,#091019,#172a39);color:#eaf5fb;border-bottom:1px solid rgba(255,255,255,.12)}.top-banner-inner{width:max-content;max-width:none;display:flex;align-items:center;gap:28px;padding:10px 0;white-space:nowrap;font-size:.82rem;line-height:1.45;will-change:transform;animation:banner-scroll var(--banner-duration,35s) linear infinite}.top-banner:hover .top-banner-inner,.top-banner:focus-within .top-banner-inner{animation-play-state:paused}.top-banner strong{color:#fff}.top-banner a{flex:none;color:#8bdcff;font-weight:800;text-decoration:none;white-space:nowrap}.top-banner a:hover{text-decoration:underline}@keyframes banner-scroll{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.top-banner{height:auto;overflow-x:auto}.top-banner-inner{animation:none;transform:none;padding:10px 16px}}

/* Bewegte Geometrie und Lichtschimmer */
body:before{opacity:.96;background-image:radial-gradient(64% 50% at 96% -5%,rgba(21,152,210,.3),rgba(21,152,210,.1) 38%,transparent 72%),radial-gradient(62% 48% at -12% 105%,rgba(223,63,56,.18),rgba(223,63,56,.055) 42%,transparent 74%),repeating-linear-gradient(45deg,transparent 0 61px,rgba(21,152,210,.085) 61px 63px),repeating-linear-gradient(-45deg,transparent 0 61px,rgba(76,101,121,.065) 61px 63px),radial-gradient(circle,rgba(21,152,210,.13) 1.2px,transparent 1.8px);background-size:auto,auto,88px 88px,88px 88px,44px 44px;animation:geometry-drift 24s linear infinite}body:after{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;opacity:.72;background:repeating-linear-gradient(112deg,transparent 0 230px,rgba(21,152,210,.075) 232px,rgba(21,152,210,.075) 234px,transparent 238px,transparent 410px,rgba(223,63,56,.045) 412px,rgba(223,63,56,.045) 414px,transparent 418px);background-size:760px 100%;mask-image:radial-gradient(110% 85% at 50% 18%,#000 28%,transparent 84%);animation:line-trace 17s linear infinite}@keyframes geometry-drift{from{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:0 0,0 0,176px 88px,-176px 88px,88px 44px}}@keyframes line-trace{from{background-position:-760px 0}to{background-position:760px 0}}
.nav-cta,.btn{position:relative;overflow:hidden;isolation:isolate}.nav-cta:before,.btn:before{content:"";position:absolute;inset:-70% auto -70% -55%;width:34%;z-index:2;pointer-events:none;opacity:0;transform:translateX(-240%) rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.68),rgba(255,255,255,.08),transparent);filter:blur(.2px)}.btn-soft:before{background:linear-gradient(90deg,transparent,rgba(21,152,210,.03),rgba(255,255,255,.92),rgba(21,152,210,.03),transparent)}.nav-cta:hover:before,.nav-cta:focus-visible:before,.btn:hover:before,.btn:focus-visible:before{animation:button-shimmer .82s var(--ease) both}@keyframes button-shimmer{0%{opacity:0;transform:translateX(-240%) rotate(16deg)}12%{opacity:1}82%{opacity:1}100%{opacity:0;transform:translateX(620%) rotate(16deg)}}
@media(prefers-reduced-motion:reduce){body:before,body:after,.nav-cta:before,.btn:before{animation:none!important}.nav-cta:before,.btn:before{display:none}}
.scroll-top{position:fixed;right:22px;bottom:22px;z-index:125;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(225,241,251,.84));color:var(--blue-deep);box-shadow:0 18px 42px -18px rgba(8,54,83,.75),inset 0 1px 0 #fff;font:900 1.3rem/1 Inter,system-ui;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px) scale(.92);transition:opacity .24s var(--ease),transform .24s var(--ease),visibility .24s}.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-top:hover{color:#fff;background:linear-gradient(#1ca8e3,#0d739f);transform:translateY(-3px) scale(1.04)}.scroll-top:focus-visible{outline:3px solid rgba(21,152,210,.35);outline-offset:3px}@media(max-width:640px){.scroll-top{right:auto;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.scroll-top{transition:none}.scroll-top:hover{transform:none}}

/* Interaktiver Bezahlvorgang im Hero-Terminal */
.terminal-stage .terminal{cursor:pointer}.terminal-screen{position:relative;overflow:hidden}.terminal-screen strong,.term-state,.demo-sub{transition:opacity .22s var(--ease),transform .22s var(--ease)}.term-state{position:absolute;left:18px;right:18px;bottom:38px;margin:0}.demo-sub{position:absolute;left:18px;bottom:16px;color:#7194a8;font:.58rem ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}.term-ok{position:absolute;right:18px;top:92px;float:none;opacity:0;transform:scale(.55);transition:opacity .3s var(--ease),transform .38s var(--ease);background:rgba(28,167,103,.08)}.term-ok.show{opacity:1;transform:scale(1)}.demo-waves{position:absolute;right:16px;top:67px;width:62px;height:62px}.demo-waves span{position:absolute;inset:0;margin:auto;border:2px solid #68d2f7;border-radius:50%;opacity:0}.demo-waves.active span{animation:demo-wave 1.35s var(--ease) infinite}.demo-waves span:nth-child(1){width:20px;height:20px}.demo-waves span:nth-child(2){width:39px;height:39px;animation-delay:.18s}.demo-waves span:nth-child(3){width:58px;height:58px;animation-delay:.36s}@keyframes demo-wave{0%{opacity:0;transform:scale(.45)}42%{opacity:.82}100%{opacity:0;transform:scale(1.12)}}.demo-spinner{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border:3px solid rgba(104,210,247,.23);border-top-color:#68d2f7;border-radius:50%;opacity:0}.demo-spinner.show{opacity:1;animation:spin .75s linear infinite}.demo-paycard{position:absolute;right:-8px;top:112px;width:103px;height:65px;border:1px solid rgba(255,255,255,.18);border-radius:11px;z-index:8;background:linear-gradient(135deg,#314552,#0d1820);box-shadow:0 16px 30px -12px #000,inset 0 1px rgba(255,255,255,.18);opacity:0;transform:translateX(145%) rotate(10deg);transition:transform .6s var(--ease),opacity .35s var(--ease);pointer-events:none}.demo-paycard:before{content:"";position:absolute;left:12px;top:13px;width:20px;height:15px;border-radius:3px;background:linear-gradient(135deg,#f6d98c,#bd9137)}.demo-paycard:after{content:"";position:absolute;left:0;right:0;bottom:13px;height:9px;background:#0007}.demo-paycard.tap{opacity:1;transform:translateX(18%) rotate(-6deg)}.terminal.demo-pressed{animation:none;transform:translateY(-4px) scale(.985)}@media(prefers-reduced-motion:reduce){.demo-waves span,.demo-spinner,.demo-paycard{animation:none!important;transition:none}.demo-paycard{display:none}}

/* Deutlicher Erfolgszustand im Terminal */
.term-ok{right:12px;top:76px;width:66px;height:66px;border:3px solid #32eb88;color:#45f59a;font-size:1.8rem;line-height:1;background:radial-gradient(circle,rgba(69,245,154,.24) 0,rgba(31,202,112,.12) 52%,rgba(11,86,52,.08) 100%);box-shadow:0 0 0 rgba(50,235,136,0),inset 0 0 17px rgba(69,245,154,.16)}
.term-ok.show{opacity:1;animation:success-pop .62s var(--ease) both,success-glow 1.25s .62s ease-in-out infinite alternate}
@keyframes success-pop{0%{transform:scale(.35) rotate(-12deg);opacity:0}58%{transform:scale(1.18) rotate(3deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes success-glow{from{box-shadow:0 0 14px rgba(50,235,136,.58),0 0 28px rgba(50,235,136,.28),inset 0 0 16px rgba(69,245,154,.18)}to{box-shadow:0 0 22px rgba(69,245,154,.95),0 0 48px rgba(50,235,136,.56),0 0 72px rgba(50,235,136,.22),inset 0 0 22px rgba(69,245,154,.3)}}

/* Ehrlicher Bewertungsaufruf ohne erfundene Sterne oder Bewertungszahl */
.review-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:38px}.review-card h2{margin-top:18px}.review-card .actions{margin:0;justify-content:flex-end}.review-note{display:block;margin-top:12px;color:var(--muted);font-size:.86rem}
@media(max-width:760px){.review-card{grid-template-columns:1fr}.review-card .actions{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.term-ok.show{animation:none;transform:scale(1);box-shadow:0 0 20px rgba(69,245,154,.72),inset 0 0 17px rgba(69,245,154,.2)}}

/* Feinabstimmung der Terminal-Interaktion */
.demo-paycard{right:-38px;top:102px;width:118px;height:74px}
.demo-paycard.tap{opacity:1;transform:translateX(0) rotate(-5deg)}
.term-ok.show{opacity:1;animation:success-pop .5s var(--ease) both;box-shadow:0 0 22px rgba(69,245,154,.95),0 0 48px rgba(50,235,136,.52),0 0 70px rgba(50,235,136,.2),inset 0 0 22px rgba(69,245,154,.3)}

/* Interaktive monatliche Kostenindikation */
.cost-calculator{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:24px;padding:28px;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(238,247,252,.68));box-shadow:var(--shadow);backdrop-filter:blur(18px)}.cost-calculator__inputs{display:grid;gap:22px;padding:8px}.calc-field{display:grid;gap:10px}.calc-field>span{display:flex;justify-content:space-between;gap:18px;color:#3e4d5b;font-size:.88rem;font-weight:750}.calc-field strong{color:var(--blue-deep);white-space:nowrap}.calc-field input[type=range]{width:100%;height:8px;border:0;border-radius:999px;appearance:none;background:linear-gradient(90deg,rgba(21,152,210,.24),rgba(223,63,56,.18));cursor:pointer}.calc-field input[type=range]::-webkit-slider-thumb{width:25px;height:25px;border:4px solid #fff;border-radius:50%;appearance:none;background:linear-gradient(#1ca8e3,#0d739f);box-shadow:0 4px 14px rgba(9,104,143,.45)}.calc-field input[type=range]::-moz-range-thumb{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#1598d2;box-shadow:0 4px 14px rgba(9,104,143,.45)}.calc-options{display:grid;grid-template-columns:minmax(210px,1.4fr) repeat(2,minmax(135px,.8fr));gap:10px;align-items:end}.calc-options>label:first-child{display:grid;gap:6px}.calc-options select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}.calc-check{min-height:48px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:.78rem;font-weight:750}.calc-check input{width:18px;height:18px;accent-color:var(--blue-deep)}.cost-calculator__result{display:flex;flex-direction:column;padding:25px;border-radius:22px;background:linear-gradient(150deg,#142431,#071018);color:#fff}.calc-result-label{color:#aebfca;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.calc-result{margin:10px 0 3px;font:800 clamp(1.7rem,3.6vw,2.65rem)/1.1 Sora,system-ui;color:#fff;letter-spacing:-.05em}.calc-result-sub{color:#90a5b3;font-size:.7rem}.calc-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0}.calc-breakdown>div{display:grid;gap:2px;padding:10px;border:1px solid #ffffff16;border-radius:12px;background:#ffffff08}.calc-breakdown span{color:#9fb2bf;font-size:.67rem}.calc-breakdown strong{font-size:.78rem}.cost-calculator__result .btn{margin-top:auto}.calc-disclaimer{max-width:1000px;margin:14px auto 0}.cost-calculator-section .section-head{margin-bottom:26px}@media(max-width:900px){.cost-calculator{grid-template-columns:1fr}.calc-options{grid-template-columns:1fr repeat(2,1fr)}}@media(max-width:600px){.cost-calculator{padding:18px;border-radius:22px}.calc-options{grid-template-columns:1fr}.calc-field>span{font-size:.78rem}.calc-result{font-size:1.75rem}.calc-breakdown{grid-template-columns:1fr 1fr}}

.calc-options{grid-template-columns:minmax(170px,1.4fr) repeat(2,minmax(100px,.65fr))}.calc-check{min-width:0;justify-content:center;padding:9px 10px;font-size:.74rem;white-space:nowrap}@media(max-width:900px){.calc-options{grid-template-columns:1fr repeat(2,minmax(100px,.65fr))}}@media(max-width:600px){.calc-options{grid-template-columns:1fr}.calc-check{justify-content:flex-start}}

/* Kompakte Bonrollenbestellung: Menge zuerst, Kundendaten darunter */
.order-layout.order-layout--stack{grid-template-columns:1fr;gap:24px}.order-summary{padding:24px 28px}.order-summary__intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.order-summary__intro h2{margin:13px 0 7px;font-size:clamp(1.7rem,3.4vw,2.65rem)}.order-summary__intro p{max-width:650px;margin:0}.free-roll-badge{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:12px 16px;border:1px solid rgba(21,152,210,.2);border-radius:16px;background:var(--blue-soft);color:var(--blue-deep)}.free-roll-badge strong{font:850 2rem/1 Sora,system-ui}.free-roll-badge span{font-size:.75rem;font-weight:800;line-height:1.25}.order-summary__controls{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(380px,1.25fr);align-items:center;gap:30px;padding-top:18px}.quantity-label{display:block;margin-bottom:7px;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.order-layout--stack .quantity-stepper{grid-template-columns:44px minmax(100px,150px) 44px;gap:8px;margin:0}.order-layout--stack .quantity-stepper button{border-radius:12px;font-size:1.45rem}.order-layout--stack .quantity-stepper>div{grid-template-columns:auto auto;place-content:center;align-items:baseline;gap:6px;border-radius:12px;padding:6px 10px}.order-layout--stack .quantity-stepper strong{font-size:1.45rem}.order-layout--stack .quantity-stepper span{font-size:.76rem}.order-layout--stack .roll-count{margin:8px 0 0;text-align:left;color:var(--blue-deep);font-size:.8rem}.order-price{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.order-price>div{display:grid;gap:3px;padding:11px 13px;border-right:1px solid var(--line)}.order-price>div:last-child{border-right:0}.order-price span{color:var(--muted);font-size:.68rem;line-height:1.3}.order-price strong{font-size:.88rem;white-space:nowrap}.order-price__total{background:#0e1b25;color:#fff}.order-price__total span{color:#b9c7d1}.order-summary>.price-note{margin:13px 0 0}
@media(max-width:920px){.order-summary__controls{grid-template-columns:1fr}.order-price{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.order-summary{padding:19px}.order-summary__intro{align-items:flex-start}.free-roll-badge{padding:9px 11px}.free-roll-badge strong{font-size:1.55rem}.free-roll-badge span{font-size:.66rem}.order-layout--stack .quantity-stepper{grid-template-columns:42px minmax(90px,1fr) 42px}.order-price{grid-template-columns:repeat(2,minmax(0,1fr))}.order-price>div:nth-child(2){border-right:0}.order-price>div{border-bottom:1px solid var(--line)}.order-price>div:nth-child(n+3){border-bottom:0}.order-layout--stack .roll-count{font-size:.74rem}}

/* Sichere Anfrage- und Bestellformulare */
.form-layout,.order-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:42px;align-items:start}.form-intro{padding-top:24px}.form-card{position:relative;overflow:hidden}.form-card>h2,.order-summary>h2{font-size:clamp(1.65rem,3vw,2.2rem);margin-bottom:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:grid;gap:7px}.field-wide{grid-column:1/-1}.field>span{font-weight:750;color:var(--ink);font-size:.92rem}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(20,53,75,.22);border-radius:13px;background:#fff;color:var(--ink);font:inherit;padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:92px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(21,152,210,.13)}.consent{display:flex;gap:11px;align-items:flex-start;margin:22px 0;color:var(--muted);font-size:.88rem}.consent input{width:19px;height:19px;flex:0 0 auto;margin-top:2px;accent-color:var(--blue)}.submit-btn{width:100%;justify-content:center}.submit-btn.is-loading:after{content:"";width:17px;height:17px;border:2px solid #fff7;border-top-color:#fff;border-radius:50%;margin-left:10px;animation:spin .7s linear infinite}.form-status{min-height:1.6em;margin:13px 0 0;color:var(--muted);font-weight:650}.form-status.error{color:#a52721}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.quantity-stepper{display:grid;grid-template-columns:62px minmax(110px,1fr) 62px;gap:10px;align-items:stretch;margin:25px 0 12px}.quantity-stepper button{border:0;border-radius:16px;background:var(--ink);color:#fff;font-size:2rem;cursor:pointer;transition:transform .18s var(--ease),background .18s}.quantity-stepper button:hover{background:var(--blue);transform:translateY(-2px)}.quantity-stepper button:disabled{opacity:.35;cursor:not-allowed;transform:none}.quantity-stepper>div{display:grid;place-items:center;border:1px solid rgba(20,53,75,.16);border-radius:16px;background:#f5f9fc;padding:8px}.quantity-stepper strong{font-size:2rem;line-height:1}.quantity-stepper span{font-size:.8rem;color:var(--muted);font-weight:700}.roll-count{text-align:center;color:var(--blue);font-weight:800}.order-total td{padding-top:18px;font-size:1.08rem}.send-success{text-align:center;padding:30px 12px 22px}.send-success[hidden]{display:none}.send-success h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:18px auto 12px}.success-mark{display:grid;place-items:center;width:70px;height:70px;margin:12px auto;border:3px solid #28d77e;border-radius:50%;color:#21be6d;font-size:2rem;box-shadow:0 0 28px rgba(40,215,126,.38);animation:success-pop .65s var(--ease) both}.reference{font-weight:800;color:var(--blue)}.mail-flight{position:relative;width:230px;height:110px;margin:0 auto 4px}.mail-flight .envelope{position:absolute;left:76px;bottom:12px;display:grid;place-items:center;width:78px;height:55px;border-radius:8px;background:linear-gradient(145deg,#179ed7,#0879ad);color:#fff;font-size:2.1rem;box-shadow:0 14px 28px rgba(12,110,155,.28);animation:envelope-fly 1.25s .72s var(--ease) both}.mail-flight .paper{position:absolute;left:91px;top:4px;width:48px;height:58px;border-radius:4px;background:repeating-linear-gradient(#fff 0 8px,#c9deea 9px 11px);box-shadow:0 4px 12px #17385422;animation:paper-drop .72s var(--ease) both}@keyframes paper-drop{0%{transform:translateY(-28px);opacity:0}65%{opacity:1}100%{transform:translateY(48px) scale(.72);opacity:.95}}@keyframes envelope-fly{0%{transform:translate(0,0) rotate(0);opacity:1}25%{transform:translate(0,-5px) rotate(-3deg)}100%{transform:translate(150px,-70px) rotate(12deg);opacity:0}}@media(max-width:920px){.form-layout,.order-layout{grid-template-columns:1fr}.form-intro{padding-top:0}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.quantity-stepper{grid-template-columns:56px 1fr 56px}}@media(prefers-reduced-motion:reduce){.mail-flight .paper,.mail-flight .envelope,.success-mark{animation:none}}

/* Aktionsfahne: roter Stoff bewegt sich dauerhaft, Licht nur beim Hover. */
.terminal-offers .card-link:before,.catalog-card:before{background:linear-gradient(160deg,#ff625a 0%,#df3f38 50%,#941f1a 100%);background-size:100% 100%;animation:flag-sway 4.2s ease-in-out infinite,flag-cloth 4.2s ease-in-out infinite}
.terminal-offers .card-link:hover:before,.terminal-offers .card-link:focus-visible:before,.catalog-card:hover:before,.catalog-card:focus-within:before{background-image:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.58) 48%,transparent 64%),linear-gradient(160deg,#ff625a 0%,#df3f38 50%,#941f1a 100%);background-size:260% 100%,100% 100%;animation:flag-sway 4.2s ease-in-out infinite,flag-cloth 4.2s ease-in-out infinite,flag-hover-sheen .85s var(--ease) 1}
@keyframes flag-hover-sheen{from{background-position:150% 0,0 0}to{background-position:-75% 0,0 0}}
.catalog-card{transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}
.catalog-card:hover,.catalog-card:focus-within{transform:translateY(-4px);border-color:rgba(21,152,210,.35);box-shadow:0 28px 64px -28px rgba(9,104,143,.44),inset 0 1px 0 rgba(255,255,255,.95)}

/* Mietfrei-Animation mit echtem Originalpreis je Terminal. */
.promo-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 12px}
.promo-price__old{position:relative;color:#c8322c;font:750 .88rem/1.2 Inter,system-ui;opacity:.9}
.promo-price__old:after{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:2px;background:#c8322c;transform:rotate(-7deg)}
.promo-price__new{color:#10a75e;font:850 clamp(2rem,4vw,3.2rem)/1 Sora,system-ui;text-shadow:0 0 18px rgba(16,167,94,.2)}
.promo-price>small{flex-basis:100%;margin-top:-3px}
.promo-price:after{flex-basis:100%;width:100%}
.promo-price__after{flex-basis:100%;margin-top:4px;color:#344b5a;font:750 .82rem/1.45 Inter,system-ui}
.payment-brand{min-height:108px}.payment-brand img{display:block!important;visibility:visible!important;opacity:1!important;max-height:62px}
.catalog-card .terminal-photo{width:100%;height:100%;margin:0;padding:14px;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.catalog-card .terminal-photo.move-3500-photo{width:100%;height:100%;margin:0;padding:14px;object-position:center}
@media(prefers-reduced-motion:reduce){.terminal-offers .card-link:before,.catalog-card:before,.terminal-offers .card-link:hover:before,.catalog-card:hover:before{animation:none!important}}

/* Fehlercode-Lexikon */
.error-filter-label{display:block;margin:1.5rem 0 .45rem;font-weight:800;color:var(--ink)}
.error-list{display:grid;gap:.85rem}.error-list article{display:grid;grid-template-columns:64px minmax(0,1.15fr) minmax(0,1fr);gap:1.2rem;align-items:start;padding:1.35rem;border:1px solid rgba(14,111,160,.18);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 14px 38px -28px rgba(14,45,65,.45)}
.error-list article>b{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(160deg,#27afe5,#0e6fa0);color:#fff;font:800 1rem/1 ui-monospace,monospace}.error-list h2{font-size:1.25rem;line-height:1.15;margin:.1rem 0 .4rem}.error-list p{margin:0;color:var(--muted);line-height:1.55}.error-list article>p:before{content:"Nächster Schritt";display:block;margin:.15rem 0 .4rem;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0e6fa0}.error-list article.critical{border-color:rgba(226,59,52,.42);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,241,240,.9))}.error-list article.critical>p:before{color:#b42d28}.error-empty{padding:1.5rem;border-radius:18px;background:#fff;text-align:center;font-weight:700}
@media(max-width:760px){.error-list article{grid-template-columns:52px 1fr;gap:.85rem}.error-list article>b{width:48px;height:48px}.error-list article>p{grid-column:2}.error-list h2{font-size:1.1rem}}