:root{--bg:#050507;--panel:#111118;--panel2:#171722;--text:#f7f7fb;--muted:#a7a7b5;--line:rgba(255,255,255,.12);--accent:#7cf5ff;--accent2:#b58cff;--good:#8effb2;--danger:#ff7c95;--radius:28px;--max:1300px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(124,245,255,.18),transparent 28%),radial-gradient(circle at 10% 20%,rgba(181,140,255,.16),transparent 34%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(var(--max),calc(100% - 36px));margin:16px auto 0;padding:14px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(5,5,7,.72);backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.35)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#050507}nav{display:flex;gap:20px;color:var(--muted);font-size:14px}nav a:hover{color:var(--text)}.hero{position:relative;min-height:760px;width:min(var(--max),calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:80px 0 90px}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;margin:0 0 18px}.hero h1{font-size:clamp(38px,5.6vw,74px);line-height:.98;letter-spacing:-.055em;margin:0 0 20px;max-width:760px}.lead{font-size:clamp(20px,2.2vw,31px);color:#dedee8;max-width:760px}.hero-actions,.footer-links{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:14px 22px;font-weight:800;transition:.2s;cursor:pointer;font:inherit}.btn.primary{background:var(--text);color:#050507;border-color:var(--text)}.btn.ghost{background:rgba(255,255,255,.04)}.btn:hover{transform:translateY(-2px)}.btn.full{width:100%}.trust-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.trust-strip span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:13px;background:rgba(255,255,255,.04)}.device-stage{position:relative;min-height:520px}.screen-card{position:absolute;right:0;top:40px;width:min(470px,100%);height:360px;border-radius:34px;padding:24px;background:linear-gradient(145deg,#1f2030,#09090d);border:1px solid rgba(255,255,255,.18);box-shadow:0 40px 120px rgba(0,0,0,.65),inset 0 0 80px rgba(124,245,255,.06);overflow:hidden}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035),rgba(255,255,255,.035) 1px,transparent 1px,transparent 5px);opacity:.65}.menu-dots{display:flex;gap:8px;position:relative}.menu-dots b{width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px var(--accent)}.pixel-logo{position:relative;margin-top:52px;font-size:70px;font-weight:950;letter-spacing:-.08em}.cover-row{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.cover-row span{height:88px;border-radius:18px;background:linear-gradient(135deg,rgba(124,245,255,.55),rgba(181,140,255,.45));border:1px solid rgba(255,255,255,.16)}.screen-card p{position:relative;color:var(--muted)}.console-box{position:absolute;right:70px;bottom:20px;width:350px;height:120px;border-radius:28px;background:linear-gradient(180deg,#20202a,#0c0c11);border:1px solid var(--line);box-shadow:0 45px 90px rgba(0,0,0,.65)}.console-box span{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);bottom:28px;box-shadow:0 0 20px var(--accent)}.console-box span:nth-child(1){left:34px}.console-box span:nth-child(2){left:58px;background:var(--accent2);box-shadow:0 0 20px var(--accent2)}.console-box span:nth-child(3){right:34px;width:80px;border-radius:999px;background:rgba(255,255,255,.16);box-shadow:none}.section{width:min(var(--max),calc(100% - 36px));margin:0 auto;padding:90px 0}.section-head{max-width:840px;margin:0 auto 44px;text-align:center}.section-head.wide{max-width:980px}.section h2,.emotion-band h2{font-size:clamp(38px,5vw,76px);line-height:1;letter-spacing:-.055em;margin:0 0 20px}.section p,.emotion-band p{color:var(--muted);font-size:18px}.feature-grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.glass-card,.system-card,.order-card,.compare-card,.ui-preview{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 30px 90px rgba(0,0,0,.28);padding:28px}.card-number{color:var(--accent);font-weight:900}.glass-card h3,.system-card h3,.order-card h3{font-size:26px;margin:14px 0 8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.split.reverse{grid-template-columns:.9fr 1.1fr}.compare-card{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-card h3{margin-top:0}.compare-card ul{margin:0;padding-left:18px;color:var(--muted)}.small-note{font-size:14px!important;border-left:3px solid var(--accent);padding-left:14px}.filter-bar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:26px}.filter{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);padding:10px 15px;cursor:pointer}.filter.active{background:var(--text);color:var(--bg)}.system-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.system-card span{display:inline-flex;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.15em}.emotion-band{margin:60px auto;width:min(var(--max),calc(100% - 36px));min-height:430px;border-radius:42px;padding:70px;display:flex;align-items:flex-end;background:linear-gradient(135deg,rgba(124,245,255,.18),rgba(181,140,255,.12)),radial-gradient(circle at 20% 20%,rgba(255,255,255,.22),transparent 8%),#101018;border:1px solid var(--line);overflow:hidden}.emotion-band div{max-width:850px}.ui-preview{min-height:360px}.ui-tabs{display:flex;gap:10px;margin-bottom:30px}.ui-tabs span{border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--muted)}.ui-tabs span:first-child{background:var(--text);color:var(--bg)}.ui-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ui-list b{display:grid;place-items:center;min-height:96px;border-radius:22px;background:linear-gradient(135deg,rgba(124,245,255,.22),rgba(181,140,255,.16));border:1px solid var(--line)}.checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}.configurator{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:rgba(255,255,255,.035)}.configurator h3{margin:10px 0 18px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:34px}.option-card{display:flex;flex-direction:column;gap:6px;min-height:150px;border:1px solid var(--line);border-radius:24px;padding:18px;background:rgba(255,255,255,.04);cursor:pointer}.option-card input{display:none}.option-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 45px rgba(124,245,255,.13)}.option-card strong{font-size:22px}.option-card span{color:var(--text);font-weight:900}.option-card small{color:var(--muted)}.order-card{position:sticky;top:100px}.order-line,.order-total{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:14px 0}.order-line span,.order-total span{color:var(--muted)}.order-total strong{font-size:34px}.customer-form{display:grid;gap:12px;margin-top:20px}.customer-form label{display:grid;gap:6px;color:var(--muted);font-size:14px}.customer-form input,.customer-form select,.admin-input,textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#0d0d13;color:var(--text);padding:13px 14px;font:inherit}.form-row{display:grid;grid-template-columns:110px 1fr;gap:10px}.paypal-wrap{margin-top:18px;color:var(--muted);font-size:13px}.faq-list{max-width:980px;margin:auto;display:grid;gap:12px}details{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.04);padding:18px 22px}summary{cursor:pointer;font-weight:900;font-size:19px}details p{margin-bottom:0}.footer{width:min(var(--max),calc(100% - 36px));margin:40px auto 20px;border:1px solid var(--line);border-radius:28px;padding:26px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);background:rgba(255,255,255,.035)}.thankyou{min-height:100vh;display:grid;place-items:center;padding:20px}.admin-layout{width:min(var(--max),calc(100% - 36px));margin:22px auto;display:grid;grid-template-columns:250px 1fr;gap:18px}.admin-sidebar{border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.04);padding:18px;position:sticky;top:20px;height:max-content}.admin-sidebar a{display:block;padding:11px 12px;border-radius:14px;color:var(--muted)}.admin-sidebar a:hover,.admin-sidebar a.active{background:rgba(255,255,255,.08);color:var(--text)}.admin-content{border:1px solid var(--line);border-radius:26px;padding:24px;background:rgba(255,255,255,.04)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.admin-table th{color:var(--muted);font-size:13px}.admin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.stat{border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(255,255,255,.04)}.stat b{font-size:28px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.login-box{width:min(460px,calc(100% - 36px));margin:12vh auto;border:1px solid var(--line);border-radius:28px;padding:28px;background:rgba(255,255,255,.06)}@media(max-width:980px){nav{display:none}.hero,.split,.checkout-grid,.admin-layout{grid-template-columns:1fr}.hero{padding-top:50px}.device-stage{min-height:420px}.feature-grid.three,.system-grid,.option-grid,.admin-grid{grid-template-columns:1fr 1fr}.order-card{position:static}.emotion-band{padding:34px}}@media(max-width:640px){.hero h1{font-size:40px;line-height:1.04}.feature-grid.three,.system-grid,.option-grid,.compare-card,.form-row,.admin-grid{grid-template-columns:1fr}.footer{flex-direction:column}.screen-card{height:310px}.pixel-logo{font-size:50px}.console-box{right:0;width:260px}.section{padding:60px 0}}
/* Hero Slideshow + Admin Upload Erweiterung */
.hero-slideshow{position:relative;min-height:560px;border-radius:42px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#0b0b10;box-shadow:0 50px 140px rgba(0,0,0,.55)}
.hero-slideshow:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,7,0) 40%,rgba(5,5,7,.78)),radial-gradient(circle at 50% 0%,rgba(124,245,255,.16),transparent 35%);pointer-events:none}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease,transform 5s ease;transform:scale(1.035)}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.02)}
.hero-slide figcaption{position:absolute;left:24px;right:24px;bottom:28px;z-index:2;display:grid;gap:7px;padding:18px 20px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(5,5,7,.5);backdrop-filter:blur(14px)}
.hero-slide figcaption strong{font-size:22px;line-height:1.1}.hero-slide figcaption span{color:var(--muted)}
.hero-slide-dots{position:absolute;z-index:4;right:24px;top:24px;display:flex;gap:9px}.hero-slide-dots button{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.18);padding:0;cursor:pointer}.hero-slide-dots button.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px var(--accent)}
.admin-panel-section{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035);padding:22px;margin:0 0 22px}.admin-panel-section h2{margin-top:0}.drop-zone{display:grid;place-items:center;text-align:center;gap:10px;min-height:220px;border:2px dashed rgba(124,245,255,.45);border-radius:24px;background:rgba(124,245,255,.055);cursor:pointer;padding:24px;transition:.2s}.drop-zone input{display:none}.drop-zone.dragover{background:rgba(124,245,255,.14);border-color:var(--accent);transform:scale(1.01)}.drop-zone strong{font-size:24px}.drop-zone small{color:var(--muted)}.file-preview{display:grid;gap:8px;margin:14px 0}.file-preview div{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.04);color:var(--muted)}.slide-admin-list{display:grid;gap:16px;margin-bottom:18px}.slide-admin-card{display:grid;grid-template-columns:230px 1fr auto;gap:18px;align-items:start;border:1px solid var(--line);border-radius:24px;padding:16px;background:rgba(255,255,255,.035)}.slide-admin-card.dragging{opacity:.55;border-color:var(--accent)}.slide-thumb{height:150px;border-radius:18px;overflow:hidden;background:#0b0b10;border:1px solid var(--line)}.slide-thumb img{width:100%;height:100%;object-fit:cover;display:block}.slide-fields{display:grid;gap:10px}.drag-handle{display:inline-flex;width:max-content;color:var(--accent);font-weight:800;cursor:grab;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.04)}.checkline{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important}.checkline input{width:auto!important}.delete-slide-form{margin:0}@media(max-width:980px){.hero-slideshow{min-height:430px}.slide-admin-card{grid-template-columns:1fr}.slide-thumb{height:220px}}

/* Hero-Umbau v4: rechte Seite als echte Premium-Slideshow statt Geräte-Platzhalter */
.hero-product-slider{min-height:610px;isolation:isolate;background:linear-gradient(145deg,#080a0f,#111827 62%,#090b10);}
.hero-product-slider:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 18%,rgba(124,245,255,.24),transparent 34%),radial-gradient(circle at 82% 30%,rgba(181,140,255,.20),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.055),transparent 32%);z-index:1;pointer-events:none}
.hero-product-slider:after{z-index:3;background:linear-gradient(180deg,rgba(5,5,7,0) 38%,rgba(5,5,7,.82));}
.hero-product-slider .hero-slide{display:flex;align-items:center;justify-content:center;padding:48px 42px 138px;}
.hero-product-slider .hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.hero-product-slider .hero-slide figcaption{z-index:5;left:28px;right:28px;bottom:28px;background:rgba(9,11,17,.68);border-color:rgba(255,255,255,.20);box-shadow:0 24px 80px rgba(0,0,0,.38)}
.hero-product-slider .hero-slide figcaption strong{font-size:26px;letter-spacing:-.03em}.hero-product-slider .hero-slide figcaption span{font-size:15px;line-height:1.45}
.hero-product-slider .hero-slide-dots{z-index:6}.fallback-slide{background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.08),transparent 48%)}
.fallback-slide.theme-cyan{background:radial-gradient(circle at 42% 30%,rgba(124,245,255,.18),transparent 44%),#090b10}.fallback-slide.theme-purple{background:radial-gradient(circle at 62% 26%,rgba(181,140,255,.22),transparent 48%),#090b10}.fallback-slide.theme-amber{background:radial-gradient(circle at 50% 30%,rgba(255,196,87,.17),transparent 48%),#090b10}.fallback-art{position:relative;z-index:2;width:min(520px,92%);min-height:360px;display:grid;place-items:center}.product-shell{width:100%;max-width:470px;min-height:300px;border-radius:34px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.035)),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 5px);box-shadow:0 45px 120px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.14);padding:26px;display:flex;flex-direction:column;justify-content:space-between}.product-leds{display:flex;gap:9px}.product-leds i{width:11px;height:11px;border-radius:99px;background:var(--accent);box-shadow:0 0 18px var(--accent)}.product-leds i:nth-child(2){background:var(--accent2);box-shadow:0 0 18px var(--accent2)}.product-title{font-weight:950;font-size:70px;letter-spacing:-.09em;text-shadow:0 3px #3c3cff;color:#fff}.product-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-slots span{height:80px;border-radius:20px;background:linear-gradient(135deg,rgba(124,245,255,.55),rgba(181,140,255,.35));border:1px solid rgba(255,255,255,.16)}.product-foot{height:10px;width:42%;border-radius:99px;background:rgba(255,255,255,.18);margin:10px auto 0}.ui-art{grid-template-columns:1fr;gap:18px;align-content:center}.ui-window{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:rgba(255,255,255,.065);box-shadow:0 32px 90px rgba(0,0,0,.38);padding:24px;backdrop-filter:blur(10px)}.ui-window.large{min-height:210px}.ui-window.small{width:72%;justify-self:end;min-height:120px}.ui-window b{display:block;font-size:28px;margin-bottom:22px}.ui-window span{display:inline-block;width:30%;height:62px;border-radius:18px;margin:0 8px 10px 0;background:linear-gradient(135deg,rgba(124,245,255,.45),rgba(181,140,255,.28));border:1px solid rgba(255,255,255,.16)}.ui-window.small span{height:18px;width:38%;border-radius:99px}.systems-art{grid-template-columns:repeat(2,1fr);gap:16px;align-content:center}.systems-art span{display:grid;place-items:center;height:82px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);font-weight:900;letter-spacing:-.02em;box-shadow:0 20px 55px rgba(0,0,0,.25)}.systems-art span:nth-child(odd){background:linear-gradient(135deg,rgba(124,245,255,.20),rgba(255,255,255,.05))}.systems-art span:nth-child(even){background:linear-gradient(135deg,rgba(181,140,255,.22),rgba(255,255,255,.05))}
@media(max-width:980px){.hero-product-slider{min-height:500px}.hero-product-slider .hero-slide{padding:38px 24px 130px}.fallback-art{min-height:300px}.product-title{font-size:58px}.product-shell{min-height:260px}.product-slots span{height:65px}}
@media(max-width:640px){.hero-product-slider{min-height:430px;border-radius:30px}.hero-product-slider .hero-slide{padding:28px 18px 132px}.product-title{font-size:48px}.product-slots{gap:9px}.product-slots span{height:52px}.hero-product-slider .hero-slide figcaption{left:16px;right:16px;bottom:18px}.hero-product-slider .hero-slide figcaption strong{font-size:20px}.ui-window b{font-size:21px}.systems-art{gap:10px}.systems-art span{height:58px;font-size:14px}}


/* Hero-Fix v5: Bild-/Slideshow-Bereich links, Text rechts, Fallback immer sichtbar */
.hero{
    grid-template-columns:minmax(440px,.95fr) minmax(0,1.05fr);
    gap:clamp(34px,5vw,78px);
    min-height:720px;
    padding-top:56px;
}
.hero-glow{position:absolute;left:8%;top:12%;width:420px;height:420px;border-radius:999px;background:radial-gradient(circle,rgba(124,245,255,.16),transparent 62%);filter:blur(8px);pointer-events:none;}
.hero-media{grid-column:1;grid-row:1;width:100%;align-self:center;display:block;opacity:1;visibility:visible;}
.hero-copy{grid-column:2;grid-row:1;align-self:center;max-width:650px;justify-self:start;}
.hero-copy .lead{max-width:620px;}
.hero-product-slider{min-height:590px;}
.hero-product-slider .hero-slide{min-height:100%;}
.hero-product-slider .hero-slide img{z-index:2;}
.hero-product-slider .hero-slide:not(.fallback-slide) figcaption{display:grid;}
.hero-fallback-slider .product-shell{transform:perspective(900px) rotateY(-8deg) rotateX(2deg);}
@media(max-width:1100px){
    .hero{grid-template-columns:1fr;min-height:auto;padding-top:44px;}
    .hero-media{grid-column:1;grid-row:2;}
    .hero-copy{grid-column:1;grid-row:1;max-width:860px;}
    .hero-product-slider{min-height:500px;}
}
@media(max-width:640px){
    .hero{width:min(var(--max),calc(100% - 24px));gap:26px;padding-top:34px;}
    .hero-product-slider{min-height:430px;}
    .hero-actions{gap:10px;}
    .trust-strip{margin-top:24px;}
}

/* Systeme & Logo-Verwaltung v6 */
.logo-grid{grid-template-columns:repeat(4,1fr)}
.logo-card{display:flex;flex-direction:column;min-height:330px;position:relative;overflow:hidden}
.logo-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 50% 0%,rgba(124,245,255,.12),transparent 42%);pointer-events:none}
.logo-card>*{position:relative;z-index:1}
.system-logo-wrap{height:92px;display:flex;align-items:center;margin-bottom:18px}
.system-logo{max-width:170px;max-height:72px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.42))}
.system-logo-fallback{width:84px;height:84px;border-radius:24px;display:grid;place-items:center;font-weight:950;font-size:25px;letter-spacing:-.05em;color:#050507;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 20px 55px rgba(124,245,255,.18)}
.core-status{display:inline-flex;width:max-content;max-width:100%;border:1px solid rgba(124,245,255,.28);border-radius:999px;padding:6px 10px;margin:0 0 12px;color:#d8fbff;background:rgba(124,245,255,.07);font-size:12px;font-weight:800}
.logo-source{margin-top:auto;padding-top:16px;display:grid;gap:4px;font-size:12px;color:var(--muted)}
.logo-source a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(124,245,255,.35)}
.logo-source em{font-style:normal;color:rgba(255,255,255,.48)}
.admin-card{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035);padding:18px;margin:0 0 18px}
.admin-card h2{margin:0 0 10px;font-size:22px;letter-spacing:-.02em}.admin-card p{color:var(--muted)}
.info-card{background:linear-gradient(135deg,rgba(124,245,255,.08),rgba(181,140,255,.06));}
.admin-form{display:grid;gap:18px}.system-admin-list{display:grid;gap:16px}
.system-admin-card{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:start}
.system-admin-logo{display:grid;gap:12px}.system-admin-logo img{width:100%;height:120px;object-fit:contain;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px}
.logo-fallback-admin{height:120px;border:1px solid var(--line);border-radius:18px;display:grid;place-items:center;font-weight:950;font-size:30px;background:linear-gradient(135deg,rgba(124,245,255,.2),rgba(181,140,255,.16))}
.drop-mini{display:grid;place-items:center;text-align:center;min-height:86px;border:2px dashed rgba(124,245,255,.35);border-radius:18px;background:rgba(124,245,255,.045);cursor:pointer;padding:12px;color:var(--muted)}
.drop-mini input{display:none}.drop-mini:hover{border-color:var(--accent);background:rgba(124,245,255,.09)}.drop-mini small{color:rgba(255,255,255,.45)}
.system-admin-fields{display:grid;gap:12px}.system-admin-fields label{display:grid;gap:6px;color:var(--muted);font-size:13px}.admin-grid.two{grid-template-columns:repeat(2,1fr)}.admin-grid.three{grid-template-columns:repeat(3,1fr)}
.mini-check{display:flex!important;align-items:center;gap:8px;color:var(--muted);font-size:13px}.mini-check input{width:auto!important}.new-system-card{border-color:rgba(124,245,255,.28)}
@media(max-width:1100px){.logo-grid{grid-template-columns:repeat(3,1fr)}.system-admin-card{grid-template-columns:1fr}.system-admin-logo{grid-template-columns:160px 1fr;align-items:center}.system-admin-logo img,.logo-fallback-admin{height:100px}.admin-grid.three{grid-template-columns:1fr}}
@media(max-width:740px){.logo-grid{grid-template-columns:1fr}.admin-grid.two,.admin-grid.three{grid-template-columns:1fr}.system-admin-logo{grid-template-columns:1fr}}


/* v7 RGB Retro Refresh */
:root{
  --rgb-red:#ff5f7a;
  --rgb-green:#76ffb0;
  --rgb-blue:#6fd8ff;
  --rgb-yellow:#ffd86f;
}
body{
  background:
    radial-gradient(circle at 12% 14%, rgba(255,95,122,.18), transparent 22%),
    radial-gradient(circle at 82% 12%, rgba(111,216,255,.18), transparent 24%),
    radial-gradient(circle at 48% 78%, rgba(118,255,176,.12), transparent 26%),
    linear-gradient(135deg, rgba(255,95,122,.06), transparent 18%),
    linear-gradient(225deg, rgba(111,216,255,.07), transparent 18%),
    linear-gradient(180deg, #040406 0%, #070911 48%, #09070d 100%);
  position:relative;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.11;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.16) 0 1px, transparent 1px 4px);
  mix-blend-mode:soft-light;
  z-index:0;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(255,0,80,.04), rgba(0,255,140,.03), rgba(0,170,255,.04));
  mix-blend-mode:screen;
  opacity:.55;
  z-index:0;
}
.site-header,.hero,.section,.emotion-band,.footer,.admin-layout,.login-box{position:relative;z-index:1}
.brand-mark{
  background:linear-gradient(135deg,var(--rgb-red) 0%, var(--rgb-green) 52%, var(--rgb-blue) 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.1), 0 0 28px rgba(111,216,255,.22);
}
nav a{position:relative}
nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue));transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
nav a:hover:after{transform:scaleX(1)}
.eyebrow,.card-number,.logo-source a{color:var(--rgb-blue)}
.hero h1,.section h2,.emotion-band h2{
  text-shadow:0 0 24px rgba(111,216,255,.06), 0 0 42px rgba(255,95,122,.05);
}
.hero-copy .lead{color:#f0eef9}
.btn.primary{
  background:linear-gradient(135deg,#ffffff 0%, #f5fbff 32%, #e7fff4 100%);
  color:#06070b;
  box-shadow:0 12px 40px rgba(111,216,255,.18);
}
.btn.ghost{
  background:linear-gradient(135deg, rgba(255,95,122,.10), rgba(111,216,255,.08));
}
.btn:hover{box-shadow:0 16px 44px rgba(255,95,122,.08),0 18px 50px rgba(111,216,255,.12)}
.trust-strip span,.filter,.ui-tabs span,.core-status{
  background:linear-gradient(135deg, rgba(255,95,122,.08), rgba(111,216,255,.06));
}
.filter.active,.ui-tabs span:first-child{
  background:linear-gradient(135deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue));
  color:#050507;
  border-color:transparent;
}
.glass-card,.system-card,.order-card,.compare-card,.ui-preview,.configurator,.admin-content,.admin-sidebar,.stat,.details,.login-box,.footer{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035)),
    linear-gradient(135deg, rgba(255,95,122,.04), rgba(111,216,255,.03) 55%, rgba(118,255,176,.04));
}
.glass-card:before,.system-card:before,.order-card:before,.compare-card:before,.ui-preview:before,.configurator:before,.admin-content:before,.admin-sidebar:before,.stat:before,.footer:before,.emotion-band:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.035) 0 1px, transparent 1px 5px);
  opacity:.25;
}
.glass-card:after,.system-card:after,.order-card:after,.compare-card:after,.ui-preview:after,.configurator:after,.admin-content:after,.admin-sidebar:after,.stat:after,.footer:after{
  content:"";
  position:absolute;
  inset:auto -15% 70% -15%;
  height:120px;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(255,95,122,.13), rgba(118,255,176,.10), rgba(111,216,255,.14));
  filter:blur(20px);
  opacity:.7;
}
.option-card{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)), linear-gradient(135deg, rgba(255,95,122,.04), rgba(111,216,255,.05));
}
.option-card.selected{
  border-color:transparent;
  box-shadow:0 0 0 1px rgba(255,255,255,.12), inset 0 0 0 1px rgba(255,255,255,.1), 0 0 0 2px rgba(111,216,255,.28), 0 0 50px rgba(111,216,255,.12);
  background:linear-gradient(135deg, rgba(255,95,122,.12), rgba(118,255,176,.08), rgba(111,216,255,.10));
}
.option-card span{color:#ffffff}
.order-total strong,.stat b{background:linear-gradient(90deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.emotion-band{
  background:
    radial-gradient(circle at 18% 20%, rgba(255,95,122,.20), transparent 18%),
    radial-gradient(circle at 48% 18%, rgba(118,255,176,.15), transparent 16%),
    radial-gradient(circle at 84% 22%, rgba(111,216,255,.18), transparent 18%),
    linear-gradient(135deg, rgba(255,95,122,.14), rgba(111,216,255,.12) 55%, rgba(118,255,176,.10)),
    #0e1017;
}
.hero-product-slider:before{
  background:
    radial-gradient(circle at 22% 18%, rgba(255,95,122,.28), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(111,216,255,.26), transparent 30%),
    radial-gradient(circle at 44% 84%, rgba(118,255,176,.18), transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 34%);
}
.system-logo-fallback,.logo-fallback-admin{
  background:linear-gradient(135deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue));
}
.systems-art span:nth-child(3n+1){background:linear-gradient(135deg,rgba(255,95,122,.24),rgba(255,255,255,.05))}
.systems-art span:nth-child(3n+2){background:linear-gradient(135deg,rgba(118,255,176,.20),rgba(255,255,255,.05))}
.systems-art span:nth-child(3n){background:linear-gradient(135deg,rgba(111,216,255,.22),rgba(255,255,255,.05))}
.customer-form input:focus,.customer-form select:focus,.admin-input:focus,textarea:focus{
  outline:none;
  border-color:rgba(111,216,255,.5);
  box-shadow:0 0 0 4px rgba(111,216,255,.08), 0 0 25px rgba(255,95,122,.06);
}
.site-header{
  background:rgba(5,7,12,.76);
  box-shadow:0 20px 70px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.06);
}
@media(max-width:640px){
  body:before{opacity:.08}
  .hero h1,.section h2,.emotion-band h2{text-shadow:none}
}


/* v8 Sichtbarer RGB/CRT-Modus - bewusst kräftiger */
:root{
  --bg:#050008;
  --panel:#120b1e;
  --panel2:#172033;
  --text:#fff9f2;
  --muted:#c8c3d6;
  --line:rgba(255,255,255,.18);
  --accent:#00e5ff;
  --accent2:#ff3df2;
  --rgb-red:#ff3358;
  --rgb-green:#2dff88;
  --rgb-blue:#00b7ff;
  --rgb-yellow:#ffd84a;
}
html{background:#050008;}
body{
  background:
    radial-gradient(circle at 16% 10%, rgba(255,51,88,.35), transparent 27%),
    radial-gradient(circle at 80% 8%, rgba(0,183,255,.34), transparent 29%),
    radial-gradient(circle at 45% 92%, rgba(45,255,136,.22), transparent 35%),
    linear-gradient(115deg, rgba(255,51,88,.11), transparent 26%),
    linear-gradient(245deg, rgba(0,183,255,.13), transparent 27%),
    linear-gradient(180deg,#050008 0%,#091323 45%,#0b0718 100%) !important;
}
body:before{
  content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;z-index:9999!important;
  background:repeating-linear-gradient(0deg, rgba(255,255,255,.16) 0 1px, rgba(0,0,0,0) 1px 4px)!important;
  opacity:.16!important;mix-blend-mode:soft-light!important;
}
body:after{
  content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;z-index:9998!important;
  background:
    linear-gradient(90deg, rgba(255,0,60,.08) 0%, rgba(0,255,120,.055) 50%, rgba(0,170,255,.08) 100%),
    radial-gradient(circle at 50% 50%, transparent 0 58%, rgba(0,0,0,.32) 100%)!important;
  opacity:.9!important;mix-blend-mode:screen!important;
}
.site-header{
  background:linear-gradient(90deg,rgba(255,51,88,.18),rgba(8,10,18,.88) 28%,rgba(0,183,255,.16))!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 18px 70px rgba(0,0,0,.45),0 0 35px rgba(0,183,255,.12), inset 0 -1px rgba(255,255,255,.08)!important;
}
.brand-mark{background:linear-gradient(135deg,var(--rgb-red),var(--rgb-green) 48%,var(--rgb-blue))!important;color:#050008!important;box-shadow:0 0 24px rgba(0,183,255,.45)!important}.brand span:last-child{color:#fff!important}
nav a{color:#ded9ea!important}.eyebrow{color:#65fff0!important;text-shadow:0 0 18px rgba(0,229,255,.65)!important}.hero h1{color:#fff!important;text-shadow:3px 0 rgba(255,51,88,.45),-3px 0 rgba(0,183,255,.45),0 0 36px rgba(255,61,242,.10)!important}.lead{color:#fff0f6!important}
.btn.primary{background:linear-gradient(135deg,var(--rgb-red),var(--rgb-yellow) 42%,var(--rgb-green) 72%,var(--rgb-blue))!important;border:0!important;color:#050008!important;box-shadow:0 0 32px rgba(0,183,255,.25),0 12px 40px rgba(255,51,88,.18)!important}.btn.ghost{background:linear-gradient(135deg,rgba(255,51,88,.18),rgba(0,183,255,.16))!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.trust-strip span{background:linear-gradient(135deg,rgba(255,51,88,.18),rgba(45,255,136,.10),rgba(0,183,255,.16))!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}.hero-product-slider{background:linear-gradient(145deg,#0a0612,#151e32 55%,#160817)!important;border-color:rgba(255,255,255,.24)!important;box-shadow:0 35px 140px rgba(0,0,0,.55),0 0 60px rgba(0,183,255,.16),0 0 70px rgba(255,51,88,.10)!important}.hero-product-slider:before{background:radial-gradient(circle at 22% 20%,rgba(255,51,88,.38),transparent 35%),radial-gradient(circle at 80% 20%,rgba(0,183,255,.40),transparent 34%),radial-gradient(circle at 48% 82%,rgba(45,255,136,.25),transparent 35%)!important}.hero-product-slider .hero-slide figcaption{background:linear-gradient(135deg,rgba(10,6,18,.78),rgba(0,183,255,.12))!important;border-color:rgba(255,255,255,.25)!important}.product-title{text-shadow:4px 0 rgba(255,51,88,.72),-4px 0 rgba(0,183,255,.72)!important}.product-slots span,.ui-window span{background:linear-gradient(135deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue))!important}.menu-dots b,.product-leds i{background:var(--rgb-red)!important;box-shadow:0 0 18px var(--rgb-red)!important}.menu-dots b:nth-child(2),.product-leds i:nth-child(2){background:var(--rgb-green)!important;box-shadow:0 0 18px var(--rgb-green)!important}.menu-dots b:nth-child(3),.product-leds i:nth-child(3){background:var(--rgb-blue)!important;box-shadow:0 0 18px var(--rgb-blue)!important}
.section h2,.emotion-band h2{color:#fff!important;text-shadow:2px 0 rgba(255,51,88,.32),-2px 0 rgba(0,183,255,.32)!important}.section p,.emotion-band p{color:#d7d2e4!important}.glass-card,.system-card,.order-card,.compare-card,.ui-preview,.configurator,details,.admin-content,.admin-sidebar,.stat,.admin-card,.footer{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04)),linear-gradient(135deg,rgba(255,51,88,.11),rgba(45,255,136,.06) 50%,rgba(0,183,255,.10))!important;border-color:rgba(255,255,255,.22)!important;box-shadow:0 30px 90px rgba(0,0,0,.34),0 0 38px rgba(0,183,255,.06)!important}.glass-card h3,.system-card h3,.order-card h3,.compare-card h3,summary{color:#fff!important}.card-number,.system-card span,.core-status{color:#6dfff0!important}.system-logo-fallback,.logo-fallback-admin{background:linear-gradient(135deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue))!important;color:#050008!important}.filter.active,.ui-tabs span:first-child{background:linear-gradient(135deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue))!important;color:#050008!important;border-color:transparent!important}.filter,.ui-tabs span{background:rgba(255,255,255,.07)!important;color:#fff!important}.emotion-band{background:radial-gradient(circle at 15% 18%,rgba(255,51,88,.32),transparent 22%),radial-gradient(circle at 50% 20%,rgba(45,255,136,.18),transparent 20%),radial-gradient(circle at 85% 20%,rgba(0,183,255,.32),transparent 22%),linear-gradient(135deg,#151020,#101b28)!important}.option-card{background:linear-gradient(135deg,rgba(255,51,88,.15),rgba(0,183,255,.10))!important}.option-card.selected{background:linear-gradient(135deg,rgba(255,51,88,.25),rgba(45,255,136,.16),rgba(0,183,255,.22))!important;border-color:rgba(0,229,255,.75)!important;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 45px rgba(0,183,255,.20)!important}.order-total strong,.stat b{background:linear-gradient(90deg,var(--rgb-red),var(--rgb-yellow),var(--rgb-green),var(--rgb-blue))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.customer-form input,.customer-form select,.admin-input,textarea{background:rgba(3,5,10,.72)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}.admin-sidebar a:hover,.admin-sidebar a.active{background:linear-gradient(135deg,rgba(255,51,88,.20),rgba(0,183,255,.16))!important;color:#fff!important}
@media(max-width:640px){body:before{opacity:.11!important}.hero h1{text-shadow:2px 0 rgba(255,51,88,.35),-2px 0 rgba(0,183,255,.35)!important}}


/* v9 Hero headline flicker - Variante A */
.hero-title{
  position:relative;
  display:inline-block;
  isolation:isolate;
}
.hero-title span{
  position:relative;
  z-index:3;
  display:block;
}
.hero-title:before,
.hero-title:after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  mix-blend-mode:screen;
}
.hero-title:before{
  color:rgba(255,90,120,.9);
  transform:translate(.012em,0);
  text-shadow:0 0 8px rgba(255,90,120,.25);
  animation:heroRgbDriftA 5.8s steps(1,end) infinite;
}
.hero-title:after{
  color:rgba(100,220,255,.88);
  transform:translate(-.014em,0);
  text-shadow:0 0 10px rgba(100,220,255,.24);
  animation:heroRgbDriftB 6.6s steps(1,end) infinite;
}
.hero-title-flicker{
  animation:heroTitleFlicker 7.5s linear infinite;
}
@keyframes heroTitleFlicker{
  0%, 18%, 18.6%, 55%, 55.5%, 78%, 100%{opacity:1; filter:brightness(1)}
  18.2%{opacity:.985; filter:brightness(1.05)}
  55.2%{opacity:.992; filter:brightness(1.04)}
  78.3%{opacity:.988; filter:brightness(1.03)}
}
@keyframes heroRgbDriftA{
  0%, 17%, 19%, 54%, 57%, 77%, 100%{transform:translate(.012em,0); opacity:.14; clip-path:inset(0 0 0 0)}
  17.6%{transform:translate(.03em,-.01em); opacity:.24; clip-path:inset(8% 0 58% 0)}
  18.1%{transform:translate(-.015em,.008em); opacity:.28; clip-path:inset(64% 0 6% 0)}
  55.1%{transform:translate(.022em,0); opacity:.22; clip-path:inset(36% 0 30% 0)}
  78.1%{transform:translate(.018em,-.008em); opacity:.22; clip-path:inset(14% 0 66% 0)}
}
@keyframes heroRgbDriftB{
  0%, 17%, 19%, 54%, 57%, 77%, 100%{transform:translate(-.014em,0); opacity:.12; clip-path:inset(0 0 0 0)}
  17.5%{transform:translate(-.03em,.012em); opacity:.22; clip-path:inset(18% 0 48% 0)}
  18.15%{transform:translate(.012em,-.008em); opacity:.24; clip-path:inset(72% 0 4% 0)}
  55.15%{transform:translate(-.02em,0); opacity:.18; clip-path:inset(42% 0 24% 0)}
  78.15%{transform:translate(-.018em,.008em); opacity:.2; clip-path:inset(10% 0 70% 0)}
}
@media (prefers-reduced-motion: reduce){
  .hero-title-flicker, .hero-title:before, .hero-title:after{animation:none !important}
  .hero-title:before, .hero-title:after{display:none}
}


/* v10 Hero headline glitch - deutlich sichtbarer */
.hero-title{
  position:relative !important;
  display:block !important;
  width:fit-content;
  max-width:100%;
  overflow:visible;
  filter:drop-shadow(0 0 18px rgba(111,216,255,.14));
}
.hero-title span{
  position:relative;
  z-index:5;
  display:block;
  animation:heroV10MainFlicker 3.8s linear infinite;
}
.hero-title:before,
.hero-title:after{
  content:attr(data-text) !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  pointer-events:none;
  opacity:.42 !important;
  mix-blend-mode:screen;
  z-index:4;
  white-space:normal;
}
.hero-title:before{
  color:#ff2f64;
  transform:translate(3px,0);
  text-shadow:0 0 16px rgba(255,47,100,.42);
  animation:heroV10Red 2.9s steps(1,end) infinite;
}
.hero-title:after{
  color:#28d7ff;
  transform:translate(-3px,0);
  text-shadow:0 0 16px rgba(40,215,255,.42);
  animation:heroV10Blue 3.3s steps(1,end) infinite;
}
.hero-title span:before{
  content:"";
  position:absolute;
  inset:-4px -8px;
  pointer-events:none;
  z-index:6;
  opacity:.18;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.34) 0 1px, transparent 1px 6px);
  mix-blend-mode:overlay;
  animation:heroV10Scan 1.25s linear infinite;
}
.hero-title span:after{
  content:"";
  position:absolute;
  left:-10px;
  right:-10px;
  height:10px;
  top:18%;
  z-index:7;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.42), rgba(40,215,255,.34), transparent);
  filter:blur(.2px);
  animation:heroV10NoiseBar 4.6s steps(1,end) infinite;
}
@keyframes heroV10MainFlicker{
  0%, 8%, 10%, 31%, 34%, 62%, 64%, 100%{opacity:1; transform:translate(0,0); filter:brightness(1)}
  9%{opacity:.86; transform:translate(1px,0); filter:brightness(1.18)}
  32%{opacity:.92; transform:translate(-1px,0); filter:brightness(1.12)}
  63%{opacity:.88; transform:translate(1px,-1px); filter:brightness(1.2)}
}
@keyframes heroV10Red{
  0%, 7%, 11%, 30%, 35%, 61%, 65%, 100%{transform:translate(3px,0); opacity:.30; clip-path:inset(0 0 0 0)}
  8%{transform:translate(9px,-2px); opacity:.72; clip-path:inset(0 0 72% 0)}
  9%{transform:translate(-7px,2px); opacity:.62; clip-path:inset(42% 0 25% 0)}
  32%{transform:translate(11px,0); opacity:.68; clip-path:inset(18% 0 58% 0)}
  63%{transform:translate(-8px,-1px); opacity:.62; clip-path:inset(68% 0 5% 0)}
}
@keyframes heroV10Blue{
  0%, 7%, 11%, 30%, 35%, 61%, 65%, 100%{transform:translate(-3px,0); opacity:.28; clip-path:inset(0 0 0 0)}
  8%{transform:translate(-10px,2px); opacity:.70; clip-path:inset(72% 0 0 0)}
  9%{transform:translate(8px,-2px); opacity:.58; clip-path:inset(20% 0 52% 0)}
  32%{transform:translate(-12px,1px); opacity:.64; clip-path:inset(58% 0 16% 0)}
  63%{transform:translate(9px,1px); opacity:.60; clip-path:inset(4% 0 74% 0)}
}
@keyframes heroV10Scan{
  from{background-position:0 0}
  to{background-position:0 18px}
}
@keyframes heroV10NoiseBar{
  0%, 7%, 10%, 29%, 33%, 60%, 64%, 100%{opacity:0; transform:translateY(0)}
  8%{opacity:.75; transform:translateY(4px)}
  31%{opacity:.58; transform:translateY(72px)}
  62%{opacity:.65; transform:translateY(142px)}
}
@media(max-width:640px){
  .hero-title:before{transform:translate(2px,0)}
  .hero-title:after{transform:translate(-2px,0)}
  .hero-title span:before{opacity:.12}
}
@media (prefers-reduced-motion: reduce){
  .hero-title,.hero-title span,.hero-title:before,.hero-title:after,.hero-title span:before,.hero-title span:after{animation:none!important}
}


/* v11 Glitch effect on all big section headlines */
.fx-glitch-title{
  position:relative;
  display:inline-block;
  isolation:isolate;
}
.fx-glitch-title .fx-glitch-inner{
  position:relative;
  z-index:3;
  display:block;
}
.fx-glitch-title:before,
.fx-glitch-title:after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  opacity:.2;
  mix-blend-mode:screen;
}
.fx-glitch-title:before{
  color:rgba(255,84,116,.92);
  transform:translate(2px,0);
  text-shadow:0 0 10px rgba(255,84,116,.28);
  animation:titleRgbA 6.5s steps(1,end) infinite;
}
.fx-glitch-title:after{
  color:rgba(100,222,255,.90);
  transform:translate(-2px,0);
  text-shadow:0 0 12px rgba(100,222,255,.26);
  animation:titleRgbB 7.1s steps(1,end) infinite;
}
.fx-glitch-title .fx-glitch-inner:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.10) 0 1px, transparent 1px 4px);
  mix-blend-mode:screen;
  opacity:.16;
  border-radius:.04em;
  animation:titleScanPulse 5.2s linear infinite;
}
.fx-glitch-title .fx-glitch-inner:after{
  content:"";
  position:absolute;
  left:-1%;
  right:-1%;
  top:0;
  height:14%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0));
  box-shadow:0 0 16px rgba(111,216,255,.14);
  animation:titleNoiseBars 6.8s steps(1,end) infinite;
}
@keyframes titleRgbA{
  0%, 16%, 19%, 52%, 56%, 81%, 100%{transform:translate(2px,0); opacity:.16; clip-path:inset(0 0 0 0)}
  16.7%{transform:translate(6px,-1px); opacity:.34; clip-path:inset(10% 0 58% 0)}
  18.1%{transform:translate(-2px,1px); opacity:.28; clip-path:inset(70% 0 4% 0)}
  53.1%{transform:translate(5px,0); opacity:.28; clip-path:inset(34% 0 26% 0)}
  81.4%{transform:translate(4px,-1px); opacity:.26; clip-path:inset(18% 0 62% 0)}
}
@keyframes titleRgbB{
  0%, 16%, 19%, 52%, 56%, 81%, 100%{transform:translate(-2px,0); opacity:.14; clip-path:inset(0 0 0 0)}
  16.9%{transform:translate(-6px,1px); opacity:.30; clip-path:inset(18% 0 44% 0)}
  18.2%{transform:translate(2px,-1px); opacity:.26; clip-path:inset(74% 0 2% 0)}
  53.2%{transform:translate(-5px,0); opacity:.24; clip-path:inset(42% 0 20% 0)}
  81.5%{transform:translate(-4px,1px); opacity:.22; clip-path:inset(8% 0 74% 0)}
}
@keyframes titleScanPulse{
  0%, 15%, 100%{opacity:.12}
  16%, 17%{opacity:.24}
  53%, 54%{opacity:.22}
  82%, 83%{opacity:.20}
}
@keyframes titleNoiseBars{
  0%, 16%, 19%, 52%, 56%, 81%, 100%{opacity:0; transform:translateY(0)}
  16.8%{opacity:.45; transform:translateY(8%)}
  18.15%{opacity:.35; transform:translateY(62%)}
  53.15%{opacity:.32; transform:translateY(38%)}
  81.45%{opacity:.28; transform:translateY(16%)}
}
@media (prefers-reduced-motion: reduce){
  .fx-glitch-title:before, .fx-glitch-title:after, .fx-glitch-title .fx-glitch-inner:before, .fx-glitch-title .fx-glitch-inner:after{animation:none !important; display:none !important}
}


/* v12 Ambient game screenshot background */
.ambient-bg{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.ambient-bg-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 50%, rgba(5,7,12,.18), rgba(5,7,12,.55) 56%, rgba(5,7,12,.82) 100%),
    linear-gradient(180deg, rgba(5,7,12,.34), rgba(5,7,12,.70));
}
.ambient-shot{
  position:absolute;
  width:28vw;
  max-width:420px;
  aspect-ratio:4 / 3;
  border-radius:22px;
  background-size:cover;
  background-position:center;
  opacity:.12;
  filter:grayscale(.15) saturate(.95) brightness(.62) contrast(1.06) blur(.2px);
  box-shadow:0 18px 60px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  transform:rotate(var(--rot,0deg)) scale(var(--scale,1));
}
.ambient-shot:before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.14) 0 1px, transparent 1px 4px);
  opacity:.35;
  mix-blend-mode:screen;
}
.ambient-shot:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,95,122,.12), rgba(118,255,176,.05), rgba(111,216,255,.12));
  mix-blend-mode:screen;
}
.ambient-shot.shot-1{left:-3vw; top:9vh; --rot:-8deg; --scale:1.02; background-position:10% 38%;}
.ambient-shot.shot-2{right:2vw; top:10vh; --rot:7deg; --scale:1.04; background-position:56% 36%;}
.ambient-shot.shot-3{left:6vw; top:40vh; --rot:4deg; --scale:1; background-position:30% 58%;}
.ambient-shot.shot-4{right:7vw; top:42vh; --rot:-6deg; --scale:1.03; background-position:68% 52%;}
.ambient-shot.shot-5{left:25vw; bottom:4vh; --rot:-3deg; --scale:1.08; background-position:40% 70%;}
.ambient-shot.shot-6{right:21vw; bottom:6vh; --rot:5deg; --scale:1.01; background-position:70% 28%;}
@media (max-width:1100px){
  .ambient-shot{width:34vw; opacity:.10}
  .ambient-shot.shot-5{left:12vw}
  .ambient-shot.shot-6{right:12vw}
}
@media (max-width:740px){
  .ambient-shot{width:46vw; opacity:.08}
  .ambient-shot.shot-2,.ambient-shot.shot-4,.ambient-shot.shot-6{display:none}
  .ambient-shot.shot-1{top:12vh}
  .ambient-shot.shot-3{top:44vh}
  .ambient-shot.shot-5{left:6vw; bottom:10vh}
}


/* v13 Prominente Qualitäts-/Trust-Badges */
.quality-strip{
  width:min(var(--max),calc(100% - 36px));
  margin:-54px auto 36px;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.quality-item{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:64px 1fr;
  gap:14px;
  align-items:start;
  min-height:156px;
  padding:20px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055)),
    linear-gradient(135deg,rgba(255,95,122,.12),rgba(118,255,176,.07),rgba(111,216,255,.12));
  box-shadow:0 24px 80px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
}
.quality-item:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.06) 0 1px, transparent 1px 5px);
  opacity:.35;
}
.quality-item:after{
  content:"";
  position:absolute;
  left:-20%;
  right:-20%;
  top:-45px;
  height:90px;
  background:linear-gradient(90deg,rgba(255,95,122,.20),rgba(118,255,176,.14),rgba(111,216,255,.22));
  filter:blur(20px);
  opacity:.8;
}
.quality-item > *{position:relative;z-index:1}
.quality-icon{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:18px;
  color:#050507;
  font-weight:950;
  letter-spacing:-.04em;
  background:linear-gradient(135deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue));
  box-shadow:0 0 34px rgba(111,216,255,.18), inset 0 1px rgba(255,255,255,.4);
}
.quality-item strong{
  display:block;
  margin:0 0 7px;
  font-size:18px;
  line-height:1.1;
  letter-spacing:-.02em;
  color:#fff;
}
.quality-item p{
  margin:0;
  color:rgba(242,242,250,.72);
  font-size:14px;
  line-height:1.45;
}
@media(max-width:1180px){
  .quality-strip{grid-template-columns:repeat(3,1fr);margin-top:0}
}
@media(max-width:920px){
  .quality-strip{grid-template-columns:repeat(2,1fr);margin-top:0}
}
@media(max-width:640px){
  .quality-strip{width:min(var(--max),calc(100% - 24px));grid-template-columns:1fr;gap:10px;margin:0 auto 18px}
  .quality-item{min-height:auto;grid-template-columns:52px 1fr;padding:16px;border-radius:20px}
  .quality-icon{width:52px;height:52px;border-radius:16px}
}


/* v15 Trust icons + retro welcome popup */
.quality-icon svg{width:30px;height:30px;display:block}
body.popup-open{overflow:hidden}
.retro-popup-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:22px;background:rgba(4,6,10,.72);backdrop-filter:blur(10px);opacity:0;transition:opacity .22s ease}
.retro-popup-overlay.is-visible{opacity:1}
.retro-popup-monitor{position:relative;width:min(760px,100%);transform:translateY(16px) scale(.97);transition:transform .22s ease}
.retro-popup-overlay.is-visible .retro-popup-monitor{transform:translateY(0) scale(1)}
.retro-popup-close{position:absolute;right:12px;top:8px;z-index:3;width:40px;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.retro-popup-bezel{position:relative;padding:26px;border-radius:34px;background:linear-gradient(180deg,#20242d,#0d1015);border:1px solid rgba(255,255,255,.15);box-shadow:0 45px 120px rgba(0,0,0,.55), inset 0 2px 0 rgba(255,255,255,.05)}
.retro-popup-screen{position:relative;min-height:340px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 15% 15%, rgba(255,95,122,.18), transparent 26%), radial-gradient(circle at 82% 18%, rgba(111,216,255,.18), transparent 26%), linear-gradient(180deg,#071018,#081320 35%,#0a1821 100%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), inset 0 0 80px rgba(111,216,255,.10)}
.retro-popup-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg, rgba(255,255,255,.085) 0 1px, transparent 1px 4px);opacity:.32;mix-blend-mode:screen}
.retro-popup-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,0,70,.06), rgba(0,255,140,.04), rgba(0,170,255,.06));mix-blend-mode:screen}
.retro-popup-noise{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.12), transparent 10%), radial-gradient(circle at 70% 45%, rgba(255,255,255,.08), transparent 12%), radial-gradient(circle at 40% 70%, rgba(255,255,255,.06), transparent 10%);opacity:.25;animation:popupNoise 6s linear infinite}
.retro-popup-content{position:relative;z-index:2;min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:34px 42px}
.retro-popup-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 14px;background:rgba(255,255,255,.06);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#bcefff}
.retro-popup-content h2{margin:0 0 14px;font-size:clamp(34px,5vw,64px);line-height:.95;letter-spacing:-.05em;color:#fff;text-shadow:0 0 18px rgba(111,216,255,.18), 0 0 28px rgba(255,95,122,.12)}
.retro-popup-content p{max-width:560px;margin:0 0 24px;font-size:clamp(18px,2.3vw,25px);line-height:1.35;color:#eef5ff}
.retro-popup-action{min-width:220px}
.retro-popup-base{width:210px;height:22px;margin:0 auto;background:linear-gradient(180deg,#1a1d22,#07090d);border:1px solid rgba(255,255,255,.12);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 28px 50px rgba(0,0,0,.35)}
.retro-popup-base:after{content:"";display:block;width:120px;height:10px;margin:10px auto 0;border-radius:999px;background:rgba(255,255,255,.08)}
@keyframes popupNoise{0%,100%{transform:translateY(0);opacity:.20}25%{transform:translateY(-2px);opacity:.28}50%{transform:translateY(2px);opacity:.18}75%{transform:translateY(1px);opacity:.24}}
@media(max-width:640px){.retro-popup-overlay{padding:14px}.retro-popup-bezel{padding:16px;border-radius:26px}.retro-popup-screen,.retro-popup-content{min-height:280px}.retro-popup-content{padding:28px 20px}.retro-popup-content p{font-size:18px}.retro-popup-base{width:150px;height:16px}}


/* v16 Navigation-Fix + mobiles Burger-Menü */
.retro-popup-overlay[hidden]{display:none!important;pointer-events:none!important}
.retro-popup-overlay{pointer-events:none}
.retro-popup-overlay.is-visible{pointer-events:auto}
.site-header{z-index:50}
.nav-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:linear-gradient(135deg,rgba(255,95,122,.12),rgba(111,216,255,.10));color:#fff;cursor:pointer;position:relative;z-index:55}
.nav-toggle span{display:block;width:20px;height:2px;border-radius:99px;background:#fff;box-shadow:0 0 12px rgba(111,216,255,.35);transition:transform .2s ease, opacity .2s ease}
.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-open .nav-toggle span:nth-child(2){opacity:0}
.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.site-nav a{cursor:pointer}
@media(max-width:980px){
  .nav-toggle{display:flex}
  .site-header{align-items:center}
  .site-nav{display:none!important;position:absolute;left:0;right:0;top:calc(100% + 10px);padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:rgba(7,9,15,.96);backdrop-filter:blur(18px);box-shadow:0 26px 80px rgba(0,0,0,.45);flex-direction:column;gap:4px;color:#fff;font-size:16px}
  .nav-open .site-nav{display:flex!important}
  .site-nav a{display:flex;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.045)}
  .site-nav a:hover{background:linear-gradient(135deg,rgba(255,95,122,.13),rgba(111,216,255,.12))}
  .site-nav a:after{display:none}
}
@media(min-width:981px){
  .site-nav{display:flex!important}
}


/* v17 übersichtlichere Inhaltsverwaltung */
.content-admin-overview{display:block}
.content-group-form{display:grid;gap:18px}
.content-group-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035)),linear-gradient(135deg,rgba(255,95,122,.08),rgba(111,216,255,.06));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.content-group-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.045) 0 1px,transparent 1px 5px);opacity:.28}
.content-group-card>*{position:relative;z-index:1}
.content-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.10)}
.content-group-kicker{display:inline-flex;margin-bottom:6px;border:1px solid rgba(111,216,255,.22);border-radius:999px;padding:4px 9px;color:#85f4ff;background:rgba(111,216,255,.06);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.content-group-head h3{margin:0 0 5px;font-size:24px;letter-spacing:-.03em;color:#fff}
.content-group-head p{margin:0;color:rgba(242,242,250,.68);max-width:760px}
.content-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.content-field{display:grid;gap:7px;color:var(--muted);font-size:13px}
.content-field.wide{grid-column:1 / -1}
.content-field strong{color:#fff;font-size:14px}
.content-field textarea{min-height:54px;resize:vertical}
.switchline{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 13px;background:rgba(255,255,255,.06);color:#fff;font-weight:800;white-space:nowrap}
.switchline input{width:18px;height:18px;accent-color:#6fd8ff}
.sticky-savebar{position:sticky;bottom:16px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:14px 16px;background:rgba(7,9,15,.86);backdrop-filter:blur(16px);box-shadow:0 24px 80px rgba(0,0,0,.38)}
.sticky-savebar span{color:rgba(242,242,250,.70);font-size:14px}
@media(max-width:820px){.content-group-head{display:grid}.content-field-grid{grid-template-columns:1fr}.sticky-savebar{position:relative;bottom:auto;display:grid}.sticky-savebar .btn{width:100%}}

/* v18 Flexible content blocks */
.custom-content-block .section-head .btn{margin-top:18px}
.content-block-manager .new-block-card{margin:18px 0 24px}
.content-block-admin-list{display:grid;gap:16px;margin:18px 0}
.content-block-admin-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),linear-gradient(135deg,rgba(255,95,122,.065),rgba(111,216,255,.055));box-shadow:0 20px 60px rgba(0,0,0,.20)}
.content-block-admin-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px);opacity:.24}
.content-block-admin-card>*{position:relative;z-index:1}.content-block-admin-card.dragging{opacity:.55;transform:scale(.99)}
.content-block-admin-card .drag-handle{display:inline-flex;margin-bottom:12px;border:1px solid rgba(111,216,255,.22);border-radius:999px;padding:6px 10px;color:#93efff;background:rgba(111,216,255,.06);font-size:12px;font-weight:900;cursor:grab}
.admin-card h3{margin-top:0}.content-field select.admin-input{appearance:auto}.content-field input.admin-input{min-height:47px}
@media(max-width:820px){.content-block-admin-card{padding:14px}}


/* v19 Inhaltsblöcke: sichtbare Aktiv-Schalter + klare Sortierung */
.block-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:16px 18px;border:1px solid rgba(111,216,255,.22);border-radius:22px;background:linear-gradient(135deg,rgba(111,216,255,.09),rgba(255,95,122,.06))}
.block-toolbar small{color:var(--muted)}
.block-card-head{position:relative;z-index:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.content-block-admin-card{transition:border-color .2s ease, opacity .2s ease, transform .2s ease, box-shadow .2s ease}
.content-block-admin-card.is-active{border-color:rgba(118,255,176,.38);box-shadow:0 22px 70px rgba(0,0,0,.22),0 0 0 1px rgba(118,255,176,.10)}
.content-block-admin-card.is-inactive{opacity:.78;border-color:rgba(255,255,255,.10);filter:saturate(.82)}
.block-status{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;letter-spacing:.03em;text-transform:uppercase}
.block-status.on{color:#071009;background:linear-gradient(135deg,#76ffb0,#6fd8ff);box-shadow:0 0 24px rgba(118,255,176,.14)}
.block-status.off{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.active-switch{cursor:pointer;user-select:none;background:linear-gradient(135deg,rgba(118,255,176,.12),rgba(111,216,255,.08));border-color:rgba(118,255,176,.26)}
.active-switch input{cursor:pointer}.active-switch span:before{content:'●';margin-right:8px;color:#76ffb0;text-shadow:0 0 12px rgba(118,255,176,.55)}
.content-block-admin-card.is-inactive .active-switch span:before{color:#ff7c95;text-shadow:0 0 12px rgba(255,124,149,.35)}
.new-active-switch{align-self:end}
.block-move-buttons{display:flex;gap:6px;margin-left:auto}.block-move-buttons button{width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-weight:950;cursor:pointer}.block-move-buttons button:hover{background:rgba(111,216,255,.16)}
.content-block-admin-card .drag-handle{font-size:13px;padding:9px 13px;background:linear-gradient(135deg,rgba(111,216,255,.11),rgba(255,95,122,.08));border-color:rgba(111,216,255,.34)}
@media(max-width:760px){.block-toolbar{align-items:stretch;flex-direction:column}.block-toolbar .btn{width:100%}.block-move-buttons{margin-left:0}.block-card-head{align-items:flex-start}.active-switch{width:max-content}}

/* v20 Sichtbare Bereichssteuerung im Admin */
.section-admin-list{display:grid;gap:10px;margin-top:18px}
.section-admin-row{display:grid;grid-template-columns:52px minmax(180px,1fr) 130px 160px 86px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.045)}
.section-admin-row.is-inactive{opacity:.58;background:rgba(255,255,255,.025)}
.section-admin-row .drag-handle{display:grid;place-items:center;min-height:44px;border-radius:14px;background:rgba(255,255,255,.07);cursor:grab;color:var(--accent);font-weight:900}
.section-admin-row.dragging{opacity:.45;outline:2px dashed var(--accent)}
.section-status{display:inline-flex;justify-content:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;border:1px solid var(--line)}
.section-status.on{color:#baffd0;background:rgba(118,255,176,.10);border-color:rgba(118,255,176,.28)}
.section-status.off{color:#ffbdc9;background:rgba(255,95,122,.10);border-color:rgba(255,95,122,.28)}
.section-order-card{border-color:rgba(111,216,255,.28)}
.content-group-head{align-items:flex-start;gap:16px}
.content-group-head .switchline{white-space:nowrap}
@media(max-width:900px){.section-admin-row{grid-template-columns:42px 1fr;}.section-status,.section-admin-row .switchline,.section-admin-row .block-move-buttons{grid-column:2}.content-group-head{display:grid}.content-group-head .switchline{white-space:normal}}


/* v23 Mini Editor im Admin - sicher auf Basis v20 */
.mini-editor-wrap{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.18);overflow:hidden}
.mini-editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.05)}
.mini-editor-toolbar button,.mini-editor-toolbar label{border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06);color:var(--text);padding:7px 10px;font:inherit;font-size:13px;cursor:pointer}
.mini-editor-toolbar label{display:inline-flex;gap:8px;align-items:center}
.mini-editor-toolbar input[type="color"]{width:34px;height:26px;border:0;background:transparent;padding:0;cursor:pointer}
.mini-editor-area{min-height:120px;padding:13px 14px;background:#0d0d13;color:var(--text);outline:none;line-height:1.55;border-radius:0 0 18px 18px}
.mini-editor-area:focus{box-shadow:inset 0 0 0 2px rgba(124,245,255,.22)}
.mini-editor-area a{color:var(--accent);text-decoration:underline}
.has-mini-editor textarea.mini-editor-source{display:none!important}
.rich-text a,.section p a,.emotion-band p a{color:var(--accent);text-decoration:underline}


/* v25 Ambient screenshots: stronger scroll parallax + zoom */
.ambient-shot{
  will-change:transform,opacity;
  transform:translate3d(var(--ambient-x,0px),var(--ambient-y,0px),0) rotate(calc(var(--rot,0deg) + var(--ambient-rot,0deg))) scale(var(--ambient-scale,var(--scale,1)));
  transition:opacity .18s ease, filter .18s ease;
}
.ambient-bg.is-moving .ambient-shot{
  opacity:.22;
  filter:grayscale(.05) saturate(1.25) brightness(.75) contrast(1.12) blur(0);
}
.ambient-shot.shot-1{--depth:.18}
.ambient-shot.shot-2{--depth:-.12}
.ambient-shot.shot-3{--depth:.10}
.ambient-shot.shot-4{--depth:-.16}
.ambient-shot.shot-5{--depth:.14}
.ambient-shot.shot-6{--depth:-.09}
@media (prefers-reduced-motion: reduce){
  .ambient-shot{transform:rotate(var(--rot,0deg)) scale(var(--scale,1))!important}
}


/* v25 Sichtbarerer Hintergrund-Effekt */
.ambient-shot{opacity:.17}
.ambient-shot.shot-1{--scale:1.08}
.ambient-shot.shot-2{--scale:1.10}
.ambient-shot.shot-3{--scale:1.06}
.ambient-shot.shot-4{--scale:1.11}
.ambient-shot.shot-5{--scale:1.13}
.ambient-shot.shot-6{--scale:1.07}
.ambient-bg-overlay{background:radial-gradient(circle at 50% 50%, rgba(5,7,12,.10), rgba(5,7,12,.48) 56%, rgba(5,7,12,.76) 100%),linear-gradient(180deg, rgba(5,7,12,.26), rgba(5,7,12,.64));}
@media(max-width:740px){.ambient-shot{opacity:.105}.ambient-bg.is-moving .ambient-shot{opacity:.14}}


/* v26 Kaufbereich: Konfigurator und Auswahlbox oben bündig ausrichten */
.checkout-grid{
  align-items:start!important;
}
.checkout-grid > .configurator,
.checkout-grid > .order-card{
  align-self:start!important;
  margin-top:0!important;
}
.checkout-grid > .order-card{
  position:relative!important;
  top:auto!important;
}
@media(min-width:981px){
  .checkout-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:24px;
  }
}


/* v27 Header logo support */
.brand--logo{gap:0}
.site-logo{display:block;height:46px;width:auto;max-width:min(52vw,420px);object-fit:contain;filter:drop-shadow(0 0 10px rgba(111,216,255,.14)) drop-shadow(0 0 18px rgba(255,95,122,.08));}
@media (max-width: 900px){.site-logo{height:40px;max-width:58vw}}
@media (max-width: 640px){.site-logo{height:34px;max-width:62vw}}


/* v28 zentrale Lager-Ampel */
.stock-traffic{
  width:min(var(--max),calc(100% - 36px));
  margin:0 auto 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:left;
  color:#fff;
}
.buy-section .stock-traffic{width:100%;}
.stock-light{
  width:18px;
  height:18px;
  border-radius:50%;
  flex:0 0 auto;
  background:#888;
  box-shadow:0 0 18px rgba(255,255,255,.2);
}
.stock-traffic strong{display:block;font-weight:950;line-height:1.1}.stock-traffic small{display:block;color:rgba(255,255,255,.66);font-size:13px}.stock-traffic--green .stock-light{background:#68ff96;box-shadow:0 0 18px rgba(104,255,150,.75),0 0 42px rgba(104,255,150,.28)}.stock-traffic--yellow .stock-light{background:#ffd75c;box-shadow:0 0 18px rgba(255,215,92,.78),0 0 42px rgba(255,215,92,.28)}.stock-traffic--red .stock-light{background:#ff5f7a;box-shadow:0 0 18px rgba(255,95,122,.78),0 0 42px rgba(255,95,122,.30)}
.order-stock{
  width:100%;
  justify-content:flex-start;
  margin:-4px 0 18px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.045);
}
.admin-stock-preview{
  width:100%;
  justify-content:flex-start;
  align-self:end;
  margin:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.045);
}
@media(max-width:640px){.stock-traffic{justify-content:flex-start}.buy-section .stock-traffic{padding-left:2px}.order-stock{margin-top:0}}


/* v29 Herstellerbestand / Vorbestellung */
.availability-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 auto 24px;max-width:980px}.stock-traffic--preorder .stock-light{background:#78c8ff;box-shadow:0 0 18px rgba(120,200,255,.78),0 0 42px rgba(120,200,255,.28)}.stock-traffic--preorder{border-color:rgba(120,200,255,.28)}.order-card .order-stock + .order-stock{margin-top:10px}.manufacturer-stock-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.manufacturer-stock-number{border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:24px;background:linear-gradient(135deg,rgba(255,95,122,.10),rgba(111,216,255,.09));box-shadow:0 24px 70px rgba(0,0,0,.22)}.manufacturer-stock-number span{display:block;color:var(--muted);font-weight:800;margin-bottom:8px}.manufacturer-stock-number strong{display:block;font-size:clamp(44px,5vw,78px);line-height:.95;letter-spacing:-.06em;background:linear-gradient(90deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.manufacturer-stock-number small{display:block;margin-top:12px;color:rgba(255,255,255,.70)}.manufacturer-stock-number--customer strong{background:linear-gradient(90deg,#78c8ff,#76ffb0);-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:840px){.availability-duo,.manufacturer-stock-grid{grid-template-columns:1fr}}


/* v30 Herstellerbestand Diagnose */
.manufacturer-debug{margin-top:18px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12)}
.manufacturer-debug summary{font-size:16px}
.debug-list{display:grid;gap:10px;margin-top:12px}.debug-item{display:grid;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.18)}.debug-item small{color:var(--muted);word-break:break-all}.debug-item span{color:rgba(255,255,255,.78);font-size:13px}


/* v31 Logo größer + Hero Preisbadge */
.site-header{padding:18px 22px;min-height:86px;}
.site-logo{height:62px;max-width:min(62vw,520px);}
.brand--logo{min-width:min(48vw,540px);}
.hero-price-badge{display:inline-grid;gap:6px;margin:18px 0 24px;padding:16px 22px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:linear-gradient(135deg,rgba(255,95,122,.20),rgba(255,216,111,.20),rgba(118,255,176,.16),rgba(111,216,255,.16));box-shadow:0 20px 70px rgba(0,0,0,.28),0 0 42px rgba(111,216,255,.10);position:relative;overflow:hidden;}
.hero-price-badge:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.08) 0 1px,transparent 1px 5px);opacity:.28;pointer-events:none;}
.hero-price-top,.hero-price-badge strong,.hero-price-badge small{position:relative;z-index:1}
.hero-price-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.hero-price-badge span{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.78)}
.hero-price-compare{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(7,10,16,.26);backdrop-filter:blur(10px)}
.hero-price-compare em{font-size:11px;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.74)}
.hero-price-compare s{font-size:18px;font-weight:900;color:rgba(255,255,255,.90);text-decoration-thickness:2px;text-decoration-color:rgba(255,111,131,.95)}
.hero-price-badge strong{font-size:clamp(38px,4.8vw,68px);line-height:.9;letter-spacing:-.055em;background:linear-gradient(90deg,#ff6f83,#ffd86f,#76ffb0,#44d8ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(255,216,111,.12)}
@media(max-width:900px){.site-header{min-height:74px;padding:14px 16px}.site-logo{height:50px;max-width:58vw}.brand--logo{min-width:auto}.hero-price-badge{margin:16px 0 22px}.hero-price-badge strong{font-size:44px}.hero-price-compare s{font-size:16px}}
@media(max-width:640px){.site-header{min-height:66px}.site-logo{height:42px;max-width:62vw}.hero-price-badge{width:100%;padding:14px 16px;border-radius:20px}.hero-price-top{flex-direction:column;align-items:flex-start;gap:10px}.hero-price-badge strong{font-size:40px}.hero-price-compare{padding:5px 10px}.hero-price-compare s{font-size:15px}}


/* v32 UI image switcher + frontend admin edit links */
.front-admin-edit{position:absolute;right:18px;top:18px;z-index:8;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(124,245,255,.35);border-radius:999px;padding:9px 13px;background:rgba(5,8,12,.78);backdrop-filter:blur(12px);color:#dffbff;font-size:13px;font-weight:850;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.front-admin-edit:hover{transform:translateY(-1px);box-shadow:0 18px 44px rgba(111,216,255,.16)}
.quality-strip,.section,.emotion-band{position:relative}
.ui-preview-switcher{min-height:420px;display:flex;flex-direction:column;gap:22px}
.ui-tabs button{border:1px solid var(--line);border-radius:999px;padding:12px 18px;color:var(--text);background:rgba(255,255,255,.04);font:inherit;font-weight:850;cursor:pointer}
.ui-tabs button.active{background:linear-gradient(135deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue));color:#050507;border-color:transparent}
.ui-image-stage{position:relative;flex:1;min-height:300px;border-radius:24px;overflow:hidden}
.ui-image-panel{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transform:scale(.985);transition:opacity .25s ease,transform .25s ease}
.ui-image-panel.active{opacity:1;pointer-events:auto;transform:scale(1)}
.ui-image-panel img{width:100%;height:100%;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ui-image-panel:after{content:"";position:absolute;inset:0;border-radius:24px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.055) 0 1px,transparent 1px 5px);pointer-events:none;mix-blend-mode:screen}
.ui-classic-fallback{height:100%;display:grid;gap:12px;padding:28px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))}
.ui-classic-fallback b{font-size:34px}.ui-classic-fallback span{display:flex;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(0,0,0,.18)}
.ui-image-admin-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:16px}.ui-image-upload-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:22px;padding:16px;background:rgba(255,255,255,.035)}.ui-image-upload-card img{width:100%;height:160px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.12)}.ui-image-upload-card small{color:var(--muted)}
.content-card-save{margin-top:18px}.content-group-card{scroll-margin-top:120px}
@media(max-width:760px){.ui-image-admin-grid{grid-template-columns:1fr}.front-admin-edit{position:relative;right:auto;top:auto;margin:0 0 14px}.ui-image-stage{min-height:240px}}


/* v33 Admin jump target optimization */
.admin-jump-target{display:block;position:relative;top:-140px;height:0;visibility:hidden;pointer-events:none}
.content-group-card,.content-block-admin-card,.admin-panel-section{scroll-margin-top:150px}
html{scroll-padding-top:150px}
@media(max-width:760px){.admin-jump-target{top:-110px}.content-group-card,.content-block-admin-card,.admin-panel-section{scroll-margin-top:120px}html{scroll-padding-top:120px}}


/* v34 Mobile compact layout + horizontal stability */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
}
body{
  touch-action:pan-y;
}
main,.site-header,.hero,.section,.quality-strip,.emotion-band,.footer{
  max-width:100%;
}
img,video,svg,canvas{max-width:100%;height:auto}

@media(max-width:760px){
  :root{--radius:22px}
  .site-header{
    width:calc(100% - 28px);
    margin:12px auto 0;
    min-height:62px;
    padding:10px 12px;
    gap:10px;
  }
  .site-logo{height:34px;max-width:58vw}
  .nav-toggle{width:50px;height:50px;flex:0 0 50px}
  .hero{
    width:calc(100% - 28px)!important;
    padding:38px 0 38px!important;
    gap:22px!important;
    min-height:auto!important;
  }
  .hero h1{
    font-size:clamp(34px,10.8vw,44px)!important;
    line-height:1.02!important;
    margin-bottom:16px!important;
    letter-spacing:-.06em!important;
  }
  .eyebrow{font-size:11px;margin-bottom:12px;letter-spacing:.18em}
  .lead{font-size:21px!important;line-height:1.45!important;margin:0 0 14px!important}
  .hero-price-badge{margin:12px 0 18px!important;padding:12px 16px!important;border-radius:18px!important}
  .hero-price-badge strong{font-size:38px!important}
  .hero-actions{gap:10px!important}
  .hero-actions .btn{flex:1 1 170px;padding:13px 16px!important}
  .trust-strip{margin-top:20px!important;gap:8px!important}
  .trust-strip span{font-size:13px;padding:8px 11px}
  .hero-product-slider{min-height:360px!important;border-radius:26px!important}
  .hero-product-slider .hero-slide{padding:18px 14px 64px!important}
  .hero-product-slider .hero-slide figcaption{display:none!important}
  .hero-slide-dots{top:16px;right:16px;bottom:auto!important}

  .quality-strip{
    width:calc(100% - 28px)!important;
    margin:0 auto 22px!important;
    gap:10px!important;
  }
  .quality-item{
    min-height:auto!important;
    grid-template-columns:54px 1fr!important;
    gap:12px!important;
    padding:16px!important;
    border-radius:22px!important;
  }
  .quality-icon{width:54px!important;height:54px!important;border-radius:16px!important}
  .quality-icon svg{width:25px;height:25px}
  .quality-item strong{font-size:20px!important;line-height:1.15!important;margin-bottom:5px!important}
  .quality-item p{font-size:16px!important;line-height:1.35!important}

  .section{
    width:calc(100% - 28px)!important;
    padding:42px 0!important;
  }
  .section-head{margin-bottom:24px!important}
  .section h2,.emotion-band h2{
    font-size:clamp(34px,10vw,44px)!important;
    line-height:1.03!important;
    margin-bottom:16px!important;
  }
  .section p,.emotion-band p{font-size:18px!important;line-height:1.55!important}
  .glass-card,.system-card,.order-card,.compare-card,.ui-preview,.configurator,details{
    border-radius:24px!important;
    padding:20px!important;
  }
  .glass-card h3,.system-card h3,.order-card h3{font-size:25px!important;margin:10px 0 8px!important}
  .feature-grid.three{gap:14px!important}
  .card-number{font-size:18px!important}

  .filter-bar{gap:8px!important;margin-bottom:18px!important}
  .filter{padding:9px 13px!important;font-size:14px!important}
  .system-grid{grid-template-columns:1fr!important;gap:14px!important}
  .system-card.logo-card{min-height:auto!important;padding:20px!important}
  .system-logo-wrap{height:auto!important;margin-bottom:12px!important}
  .system-logo-fallback{width:78px!important;height:78px!important;border-radius:22px!important;font-size:24px!important}
  .system-logo{max-width:130px!important;max-height:58px!important}
  .system-card span{font-size:11px!important;letter-spacing:.16em!important}
  .core-status{font-size:13px!important;padding:5px 9px!important;margin-bottom:10px!important}
  .logo-source{display:none!important}

  .emotion-band{
    width:calc(100% - 28px)!important;
    margin:22px auto!important;
    min-height:auto!important;
    padding:30px 22px!important;
    border-radius:30px!important;
    align-items:flex-start!important;
  }
  .emotion-band div{max-width:100%!important}

  .split,.split.reverse{
    grid-template-columns:1fr!important;
    gap:22px!important;
    align-items:start!important;
  }
  .split.reverse > *{min-width:0!important;width:100%!important}
  .ui-preview-switcher{
    min-height:auto!important;
    gap:14px!important;
    overflow:hidden!important;
  }
  .ui-tabs{gap:8px!important;margin-bottom:8px!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:none}
  .ui-tabs::-webkit-scrollbar{display:none}
  .ui-tabs button{white-space:nowrap;padding:10px 14px!important;font-size:15px!important}
  .ui-image-stage{
    min-height:220px!important;
    max-height:320px!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .ui-image-panel{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .ui-list{grid-template-columns:1fr 1fr!important;gap:10px!important;height:100%}
  .ui-list b{min-height:72px!important;font-size:18px!important;border-radius:18px!important}
  .ui-classic-fallback{padding:16px!important;gap:8px!important}
  .ui-classic-fallback b{font-size:24px!important}
  .ui-classic-fallback span{padding:8px 10px!important}

  .availability-duo{width:calc(100% - 28px)!important;margin:0 auto 18px!important;gap:12px!important}
  .stock-traffic{padding:12px 14px!important;border-radius:18px!important;gap:10px!important}
  .stock-traffic strong{font-size:19px!important}
  .stock-traffic span{font-size:15px!important}
  .checkout-grid{grid-template-columns:1fr!important;gap:16px!important;width:100%!important;overflow:hidden!important}
  .configurator{padding:22px 18px!important;border-radius:26px!important}
  .configurator h3{font-size:22px!important;margin:8px 0 14px!important}
  .option-grid{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:24px!important}
  .option-card{min-height:116px!important;padding:18px!important;border-radius:22px!important}
  .option-card strong{font-size:25px!important}
  .order-card{position:static!important;padding:22px 18px!important;max-width:100%!important;overflow:hidden!important}
  .order-line,.order-total{gap:10px!important;align-items:flex-start!important}
  .order-line b,.order-total strong{text-align:right;min-width:0;overflow-wrap:anywhere}
  .order-total strong{font-size:32px!important}
  .customer-form{gap:10px!important}
  .customer-form input,.customer-form select,.admin-input,textarea{border-radius:14px!important;padding:12px!important}

  .front-admin-edit{
    position:relative!important;
    inset:auto!important;
    margin:0 0 12px!important;
    width:max-content;
    max-width:100%;
    padding:8px 12px!important;
    font-size:13px!important;
  }
  .footer{width:calc(100% - 28px)!important;margin:24px auto 16px!important;padding:18px!important;border-radius:22px!important}
}

@media(max-width:420px){
  .hero h1{font-size:36px!important}
  .lead{font-size:19px!important}
  .section h2,.emotion-band h2{font-size:34px!important}
  .hero-product-slider{min-height:320px!important}
  .system-card.logo-card{padding:18px!important}
  .quality-item{grid-template-columns:48px 1fr!important;padding:14px!important}
  .quality-icon{width:48px!important;height:48px!important}
  .option-card{min-height:106px!important}
}


/* v35 Floating buy CTA */
.floating-buy-cta{
  position:fixed;
  right:max(18px, env(safe-area-inset-right));
  bottom:max(18px, env(safe-area-inset-bottom));
  z-index:55;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 20px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:
    linear-gradient(135deg, rgba(255,95,122,.82), rgba(255,216,111,.80) 34%, rgba(118,255,176,.84) 66%, rgba(111,216,255,.82)),
    rgba(10,12,18,.62);
  color:#050507;
  font-weight:950;
  font-size:16px;
  letter-spacing:-.015em;
  box-shadow:0 18px 55px rgba(0,0,0,.36), 0 0 28px rgba(111,216,255,.18), inset 0 1px rgba(255,255,255,.24);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transform:translateZ(0);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.floating-buy-cta:hover{transform:translateY(-2px);box-shadow:0 22px 65px rgba(0,0,0,.42),0 0 38px rgba(118,255,176,.2)}
.floating-buy-cta__dot{
  width:13px;
  height:13px;
  border-radius:50%;
  background:#050507;
  box-shadow:0 0 0 5px rgba(5,5,7,.12), inset 0 0 0 2px rgba(255,255,255,.18);
  flex:0 0 auto;
}
@media(max-width:740px){
  .floating-buy-cta{
    left:50%;
    right:auto;
    bottom:max(14px, env(safe-area-inset-bottom));
    transform:translateX(-50%) translateZ(0);
    width:min(360px, calc(100% - 32px));
    justify-content:center;
    padding:15px 18px;
    font-size:17px;
    background:
      linear-gradient(135deg, rgba(255,95,122,.90), rgba(255,216,111,.88) 34%, rgba(118,255,176,.92) 66%, rgba(111,216,255,.90)),
      rgba(10,12,18,.68);
  }
  .floating-buy-cta:hover{transform:translateX(-50%) translateY(-2px)}
  .footer{padding-bottom:92px}
}
@media(max-width:380px){
  .floating-buy-cta{font-size:16px;width:calc(100% - 24px)}
}


/* v36 Floating CTA transparenter + Hide/Show Verhalten */
.floating-buy-cta{
  background:
    linear-gradient(135deg, rgba(255,95,122,.62), rgba(255,216,111,.55) 34%, rgba(118,255,176,.62) 66%, rgba(111,216,255,.55)),
    rgba(8,12,18,.38) !important;
  border-color:rgba(255,255,255,.30) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.32),0 0 28px rgba(111,216,255,.15),inset 0 1px rgba(255,255,255,.28) !important;
  backdrop-filter:blur(18px) saturate(1.35) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.35) !important;
}
.floating-buy-cta.is-hidden{
  opacity:0;
  pointer-events:none;
  transform:translateY(18px) scale(.96);
}
@media(max-width:740px){
  .floating-buy-cta{
    background:
      linear-gradient(135deg, rgba(255,95,122,.64), rgba(255,216,111,.56) 34%, rgba(118,255,176,.64) 66%, rgba(111,216,255,.56)),
      rgba(8,12,18,.36) !important;
  }
  .floating-buy-cta.is-hidden{transform:translateX(-50%) translateY(22px) scale(.96)}
}


/* v37 Mobile Header: Logo mittig und größer */
@media(max-width:760px){
  .site-header{
    position:sticky;
    justify-content:center!important;
    min-height:78px!important;
    padding:12px 72px 12px 72px!important;
  }
  .brand--logo{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:calc(100% - 104px);
    max-width:420px;
    justify-content:center;
    z-index:52;
  }
  .brand--logo .site-logo{
    height:46px!important;
    max-width:100%!important;
    width:auto;
    object-fit:contain;
  }
  .nav-toggle{
    position:absolute!important;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:54px!important;
    height:54px!important;
    flex:0 0 54px!important;
    z-index:56;
    background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(111,216,255,.14));
    box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 26px rgba(111,216,255,.12);
  }
  .site-nav{
    top:calc(100% + 10px)!important;
  }
}
@media(max-width:420px){
  .site-header{
    min-height:74px!important;
    padding-left:60px!important;
    padding-right:68px!important;
  }
  .brand--logo{
    width:calc(100% - 94px);
  }
  .brand--logo .site-logo{
    height:42px!important;
  }
  .nav-toggle{
    width:50px!important;
    height:50px!important;
    flex-basis:50px!important;
  }
}


/* v38 Systeme kompakter: Desktop Load-more, Mobile Akkordeon */
.system-accordion-toggle{display:none}
.system-card-body{display:block}
.system-load-more-wrap{display:flex;justify-content:center;margin-top:28px}.system-load-more[hidden]{display:none!important}.system-load-more{min-width:240px;background:linear-gradient(135deg,rgba(255,95,122,.16),rgba(118,255,176,.10),rgba(111,216,255,.14));backdrop-filter:blur(14px)}
.system-card.is-load-hidden,.system-card.is-filter-hidden{display:none!important}
@media(max-width:740px){
  #systeme{padding-top:44px;padding-bottom:44px}
  #systeme .section-head{margin-bottom:22px}
  #systeme .filter-bar{gap:8px;margin-bottom:18px}
  #systeme .filter{padding:9px 12px;font-size:15px}
  .system-grid.logo-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .system-card.logo-card{min-height:auto!important;padding:0!important;border-radius:22px!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.032)),linear-gradient(135deg,rgba(255,95,122,.06),rgba(111,216,255,.045))!important}
  .system-card.logo-card:before{opacity:.45}
  .system-accordion-toggle{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:64px 1fr 34px;align-items:center;gap:14px;padding:14px 16px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
  .system-accordion-logo{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue));box-shadow:0 12px 35px rgba(111,216,255,.12);overflow:hidden;flex:0 0 auto}
  .system-accordion-logo img{max-width:48px;max-height:48px;object-fit:contain}.system-accordion-logo em{font-style:normal;font-weight:950;color:#020305;font-size:21px;letter-spacing:-.04em}
  .system-accordion-title{display:grid;gap:2px;min-width:0}.system-accordion-title strong{font-size:22px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-accordion-title small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.08em}
  .system-accordion-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.055);color:var(--accent);font-weight:900;font-size:22px;line-height:1;transition:.2s}
  .system-card.accordion-open .system-accordion-icon{transform:rotate(45deg);background:linear-gradient(135deg,rgba(255,95,122,.18),rgba(111,216,255,.16))}
  .system-card-body{display:none;padding:0 16px 16px;position:relative;z-index:2}.system-card.accordion-open .system-card-body{display:block}
  .system-card-body .system-logo-wrap{display:none}.system-card-body>span{font-size:12px;letter-spacing:.14em}.system-card-body h3{font-size:24px;margin:8px 0 6px}.system-card-body p{font-size:16px!important;line-height:1.48;margin:10px 0 0}.core-status{font-size:12px;padding:6px 10px}.logo-source{padding-top:10px}
  .system-load-more-wrap{display:none!important}
}


/* v39 Mobile Systembereich: ein einziges Akkordeon mit kompakter Liste */
.systems-master-toggle{display:none}
@media(max-width:740px){
  #systeme .filter-bar{margin-bottom:14px!important}
  .systems-master-toggle{
    width:100%;
    display:grid;
    grid-template-columns:1fr auto;
    gap:4px 14px;
    align-items:center;
    text-align:left;
    margin:0 0 14px;
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:24px;
    color:#fff;
    background:linear-gradient(135deg,rgba(255,95,122,.16),rgba(118,255,176,.09),rgba(111,216,255,.14));
    box-shadow:0 18px 50px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.06);
    backdrop-filter:blur(16px);
    font:inherit;
    cursor:pointer;
  }
  .systems-master-toggle span{font-size:20px;font-weight:950;letter-spacing:-.02em;line-height:1.1}
  .systems-master-toggle small{grid-column:1;color:#d5d0df;font-size:13px;font-weight:800;letter-spacing:.02em}
  .systems-master-toggle em{grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:var(--accent);font-style:normal;font-weight:950;font-size:28px;line-height:1}
  .systems-master-toggle.is-open{border-color:rgba(111,216,255,.46);box-shadow:0 18px 55px rgba(111,216,255,.10), inset 0 1px rgba(255,255,255,.06)}
  .system-grid.logo-grid.systems-mobile-collapsed{display:none!important}
  .system-grid.logo-grid.systems-mobile-list-open{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .system-card.logo-card{border-radius:18px!important;min-height:auto!important;padding:0!important;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),linear-gradient(135deg,rgba(255,95,122,.05),rgba(111,216,255,.04))!important;box-shadow:0 16px 42px rgba(0,0,0,.18)!important}
  .system-accordion-toggle{display:none!important}
  .system-card-body{display:grid!important;grid-template-columns:48px 1fr;grid-template-areas:"logo title" "logo meta" "logo text";gap:2px 12px;align-items:center;padding:12px 14px!important;position:relative;z-index:2}
  .system-card-body .system-logo-wrap{grid-area:logo;display:flex!important;width:48px;height:48px;margin:0!important;align-items:center;justify-content:center}
  .system-logo{max-width:44px!important;max-height:44px!important}.system-logo-fallback{width:48px!important;height:48px!important;border-radius:14px!important;font-size:17px!important}
  .system-card-body>span{grid-area:meta;font-size:10px!important;letter-spacing:.14em!important;line-height:1.1;color:#83fff2!important;opacity:.95}
  .system-card-body h3{grid-area:title;font-size:19px!important;line-height:1.05;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff!important}
  .system-card-body .core-status{grid-area:meta;justify-self:start;margin:15px 0 0 0!important;font-size:10px!important;padding:3px 8px!important;display:none!important}
  .system-card-body p{grid-area:text;font-size:13px!important;line-height:1.25!important;margin:3px 0 0!important;color:#d9d4e5!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .logo-source{display:none!important}
}


/* v40 language switch + official core notes */
.lang-switch{display:inline-flex;align-items:center;gap:3px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px;background:rgba(255,255,255,.055);margin-left:4px}
.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;border-radius:999px;font-size:12px;font-weight:900;color:var(--muted)}
.lang-switch a.active{background:linear-gradient(135deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue));color:#050507}
.core-source-note{font-size:14px!important;margin-top:14px;color:rgba(255,255,255,.68)!important}.core-source-note a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(124,245,255,.4)}
@media(max-width:740px){.site-nav .lang-switch{justify-content:center;margin:10px auto 0}.lang-switch a{height:34px;min-width:44px}}


/* v41 language admin controls */
.translation-label{display:block;margin-top:10px;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.translation-field{border-color:rgba(124,245,255,.24)!important;background:rgba(7,14,20,.78)!important}
.language-settings-card{border-color:rgba(124,245,255,.32)}
.language-settings-card .small-note{margin-top:12px}


/* v42 Floating buy CTA: stronger hover glow + motion */
.floating-buy-cta{
  overflow:hidden;
  isolation:isolate;
  will-change:transform, box-shadow, filter;
}
.floating-buy-cta::before{
  content:"";
  position:absolute;
  inset:-140% -40%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 50%, rgba(255,95,122,.72), transparent 24%),
    radial-gradient(circle at 48% 50%, rgba(255,216,111,.58), transparent 26%),
    radial-gradient(circle at 70% 50%, rgba(118,255,176,.68), transparent 25%),
    radial-gradient(circle at 92% 50%, rgba(111,216,255,.70), transparent 25%);
  opacity:.42;
  transform:translateX(-18%) rotate(0deg);
  transition:opacity .22s ease, transform .35s ease;
}
.floating-buy-cta::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.38) 36%, rgba(255,255,255,.08) 48%, transparent 64%);
  transform:translateX(-130%) skewX(-18deg);
  transition:transform .55s ease;
  mix-blend-mode:screen;
}
.floating-buy-cta > span{position:relative;z-index:1}
.floating-buy-cta:hover,
.floating-buy-cta:focus-visible{
  transform:translateY(-7px) scale(1.045);
  filter:saturate(1.45) brightness(1.08);
  box-shadow:
    0 28px 85px rgba(0,0,0,.52),
    0 0 24px rgba(255,95,122,.38),
    0 0 48px rgba(118,255,176,.42),
    0 0 80px rgba(111,216,255,.34),
    inset 0 1px rgba(255,255,255,.38) !important;
  border-color:rgba(255,255,255,.56) !important;
}
.floating-buy-cta:hover::before,
.floating-buy-cta:focus-visible::before{
  opacity:.78;
  transform:translateX(8%) rotate(7deg);
  animation:floatingCtaEnergy 1.2s ease-in-out infinite alternate;
}
.floating-buy-cta:hover::after,
.floating-buy-cta:focus-visible::after{
  transform:translateX(130%) skewX(-18deg);
}
.floating-buy-cta:hover .floating-buy-cta__dot,
.floating-buy-cta:focus-visible .floating-buy-cta__dot{
  background:#081018;
  box-shadow:
    0 0 0 7px rgba(5,5,7,.18),
    0 0 18px rgba(111,216,255,.55),
    0 0 32px rgba(118,255,176,.45),
    inset 0 0 0 2px rgba(255,255,255,.28);
  animation:floatingCtaDot .85s ease-in-out infinite alternate;
}
@keyframes floatingCtaEnergy{
  from{filter:hue-rotate(0deg) saturate(1.1)}
  to{filter:hue-rotate(14deg) saturate(1.55)}
}
@keyframes floatingCtaDot{
  from{transform:scale(1)}
  to{transform:scale(1.18)}
}
@media(max-width:740px){
  .floating-buy-cta:hover,
  .floating-buy-cta:focus-visible{
    transform:translateX(-50%) translateY(-7px) scale(1.035);
  }
  .floating-buy-cta:active{
    transform:translateX(-50%) translateY(-3px) scale(.99);
  }
}
@media(prefers-reduced-motion:reduce){
  .floating-buy-cta:hover::before,
  .floating-buy-cta:focus-visible::before,
  .floating-buy-cta:hover .floating-buy-cta__dot,
  .floating-buy-cta:focus-visible .floating-buy-cta__dot{animation:none!important}
  .floating-buy-cta::after{display:none}
}


/* v43 Checkout country + EU shipping */
.shipping-line{
  color:#fff;
}
.shipping-line span{
  color:#ffd86f!important;
}
.shipping-line b{
  color:#fff;
  font-weight:950;
}
.customer-form select#country-select{
  appearance:none;
  background-image:linear-gradient(135deg,rgba(255,95,122,.06),rgba(111,216,255,.08)), linear-gradient(45deg,transparent 50%,rgba(255,255,255,.75) 50%), linear-gradient(135deg,rgba(255,255,255,.75) 50%,transparent 50%);
  background-position:0 0, calc(100% - 22px) 55%, calc(100% - 15px) 55%;
  background-size:auto,7px 7px,7px 7px;
  background-repeat:no-repeat;
  padding-right:44px;
}


/* v44 Checkout fixes: shipping line hidden by default + active cards restored */
#shipping-line[hidden]{
  display:none!important;
}
.option-card.selected,
.option-card:has(input:checked){
  border-color:var(--accent)!important;
  box-shadow:0 0 0 1px var(--accent),0 0 45px rgba(124,245,255,.18), inset 0 0 0 1px rgba(255,255,255,.10)!important;
}
.option-card.selected strong,
.option-card:has(input:checked) strong{
  color:#fff;
}
.option-card.selected::before,
.option-card:has(input:checked)::before{
  opacity:.38!important;
}


/* v46 Legal admin/page */
.legal-admin-form{display:grid;gap:22px}
.legal-card{scroll-margin-top:150px}
.legal-content{max-width:980px;margin:0 auto;padding:clamp(24px,4vw,48px)}
.legal-content h1{font-size:clamp(36px,5vw,68px);line-height:1;margin:0 0 24px;letter-spacing:-.04em}
.legal-text{color:#e9e9f3;font-size:18px;line-height:1.7}
.legal-text p{color:#e1e1eb;margin:0 0 1.1em}
.legal-text a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(124,245,255,.35)}
.legal-text ul,.legal-text ol{color:#e1e1eb;margin:0 0 1.1em;padding-left:1.4em}
@media(max-width:640px){.legal-content{padding:22px}.legal-text{font-size:16px;line-height:1.65}}


/* v47 Core links + Kleinunternehmer Hinweis */
.core-source-note a{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:800}
.core-source-note a:hover{color:#fff;text-shadow:0 0 18px rgba(124,245,255,.45)}
.tax-note{display:inline-flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(0,0,0,.18);color:rgba(255,255,255,.78)!important;font-size:13px!important;line-height:1.35}
.tax-note:before{content:'§';display:inline-grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:999px;background:linear-gradient(135deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue));color:#050507;font-weight:950;font-size:13px;line-height:1}
.hero-price-badge small{display:block;margin-top:6px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.25;letter-spacing:0;text-transform:none;font-weight:700}
.order-tax-note{display:flex;margin:12px 0 16px;width:100%}
.paypal-wrap .tax-note{margin-bottom:12px}
@media(max-width:640px){.tax-note{font-size:12px!important;padding:9px 12px}.hero-price-badge small{font-size:11px}}


/* v54 PayPal diagnostics */
.paypal-test-ok{border-color:rgba(118,255,176,.45)!important;box-shadow:0 0 40px rgba(118,255,176,.10)}
.paypal-test-error{border-color:rgba(255,95,122,.55)!important;box-shadow:0 0 40px rgba(255,95,122,.12)}
.admin-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}


/* v56 customer order status */
.status-card{max-width:920px;margin:auto}
.status-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0 28px}
.status-progress span{border:1px solid var(--line);border-radius:18px;padding:12px 10px;text-align:center;color:var(--muted);background:rgba(255,255,255,.04);font-weight:800;font-size:14px}
.status-progress span.done,.status-progress span.current{color:#061018;background:linear-gradient(135deg,var(--rgb-red),var(--rgb-green),var(--rgb-blue));border-color:transparent;box-shadow:0 0 28px rgba(111,216,255,.16)}
.status-progress span.current{outline:2px solid rgba(255,255,255,.24)}
@media(max-width:740px){.status-progress{grid-template-columns:1fr;gap:7px}.status-progress span{text-align:left;padding:10px 14px}.order-status-page .glass-card{padding:22px}}


/* v65 Schnellanleitung */
.quickstart-section{position:relative;overflow:hidden}
.quickstart-head{max-width:980px;margin-inline:auto;text-align:center}
.quickstart-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px}
.quickstart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1320px;margin:38px auto 0}
.quickstart-card{position:relative;padding:28px;border:1px solid rgba(124,235,255,.24);border-radius:28px;background:linear-gradient(135deg,rgba(255,110,120,.14),rgba(70,255,180,.10),rgba(80,180,255,.12));box-shadow:0 18px 70px rgba(0,0,0,.24);backdrop-filter:blur(14px);min-height:260px}
.quickstart-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0));pointer-events:none}
.quickstart-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;margin-bottom:18px;background:linear-gradient(135deg,#ff796d,#64ff95,#49d6ff);color:#061018;font-weight:900;letter-spacing:.04em}
.quickstart-card h3{position:relative;margin:0 0 14px;font-size:clamp(1.25rem,2vw,1.75rem)}
.quickstart-copy{position:relative;color:rgba(255,255,255,.82);font-size:1.02rem;line-height:1.65}
.quickstart-copy p{margin:0 0 12px}.quickstart-copy p:last-child{margin-bottom:0}
.quickstart-copy ul,.quickstart-copy ol{margin:12px 0 0 1.2em;padding:0}.quickstart-copy li{margin:7px 0}
.quickstart-print-page{background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;line-height:1.55;padding:32px}.quickstart-print-wrap{max-width:980px;margin:0 auto}.quickstart-print-header{border-bottom:3px solid #111;margin-bottom:24px;padding-bottom:16px}.quickstart-print-header h1{font-size:34px;margin:0 0 8px}.quickstart-print-card{break-inside:avoid;border-bottom:1px solid #ddd;padding:18px 0}.quickstart-print-card h2{font-size:21px;margin:0 0 8px}.quickstart-print-number{display:inline-block;font-weight:900;margin-right:8px}.print-actions{margin:0 0 24px;display:flex;gap:10px}.print-actions .btn{border:1px solid #111;border-radius:999px;padding:10px 16px;text-decoration:none;color:#111;background:#fff;font-weight:700}
@media (max-width: 980px){.quickstart-grid{grid-template-columns:1fr 1fr}.quickstart-card{min-height:auto}}
@media (max-width: 640px){.quickstart-grid{grid-template-columns:1fr;gap:14px;margin-top:24px}.quickstart-card{padding:20px;border-radius:22px}.quickstart-number{width:42px;height:42px;border-radius:14px;margin-bottom:14px}.quickstart-copy{font-size:.95rem}.quickstart-actions .btn{width:100%;justify-content:center}}
@media print{body{background:#fff!important;color:#111!important}.site-header,.ambient-bg,.front-admin-edit,.floating-buy-button,.no-print,.site-footer,.hero,.paypal-wrap{display:none!important}.quickstart-section{display:block!important}.quickstart-grid{display:block!important;margin:0!important}.quickstart-card{break-inside:avoid;background:#fff!important;color:#111!important;border:1px solid #ccc!important;box-shadow:none!important;padding:16px!important;margin:0 0 12px!important}.quickstart-card h3,.quickstart-copy{color:#111!important}.quickstart-number{background:#111!important;color:#fff!important}.section{padding:0!important}.quickstart-head{text-align:left!important}.quickstart-head h2,.quickstart-head p{color:#111!important}}


/* v66: Lesbare Schnellanleitung / echte Druckansicht */
body.quickstart-print-page{
  background:#f4f6f8!important;
  color:#111!important;
  font-family:Arial,Helvetica,sans-serif!important;
  line-height:1.62!important;
  padding:0!important;
  min-height:100vh;
}
body.quickstart-print-page:before,
body.quickstart-print-page:after{
  display:none!important;
  content:none!important;
}
.quickstart-print-page .quickstart-print-wrap{
  width:min(1040px,calc(100% - 40px));
  margin:34px auto 60px!important;
  padding:36px 42px;
  background:#fff;
  color:#111!important;
  border:1px solid #d9dfe7;
  border-radius:22px;
  box-shadow:0 18px 50px rgba(12,22,35,.10);
}
.quickstart-print-page .print-actions{
  position:sticky;
  top:14px;
  z-index:20;
  display:flex;
  gap:10px;
  justify-content:flex-start;
  margin:0 0 30px!important;
  padding:10px;
  background:rgba(255,255,255,.92);
  border:1px solid #e2e7ee;
  border-radius:999px;
  width:max-content;
  max-width:100%;
  backdrop-filter:blur(10px);
}
.quickstart-print-page .print-actions .btn{
  background:#111!important;
  color:#fff!important;
  border:1px solid #111!important;
  border-radius:999px;
  padding:10px 18px;
  font-weight:800;
  text-decoration:none;
  box-shadow:none!important;
}
.quickstart-print-page .print-actions .btn:nth-child(2){
  background:linear-gradient(135deg,#ff7b63,#f4d261,#56eca0,#56cfff)!important;
  color:#071014!important;
  border:none!important;
}
.quickstart-print-page .quickstart-print-header{
  border-bottom:4px solid #111!important;
  margin:0 0 26px!important;
  padding:0 0 22px!important;
  color:#111!important;
}
.quickstart-print-page .quickstart-print-header p{
  margin:0 0 8px!important;
  color:#0b7985!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.quickstart-print-page .quickstart-print-header h1{
  margin:0 0 14px!important;
  color:#111!important;
  font-size:clamp(30px,5vw,46px)!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}
.quickstart-print-page .quickstart-print-header div,
.quickstart-print-page .quickstart-print-header div *{
  color:#222!important;
  font-size:18px!important;
}
.quickstart-print-page .quickstart-print-card{
  break-inside:avoid;
  page-break-inside:avoid;
  border:1px solid #dce3ea!important;
  border-left:7px solid #1bbcd0!important;
  border-radius:16px;
  background:#fff!important;
  color:#111!important;
  margin:0 0 18px!important;
  padding:20px 22px!important;
  box-shadow:none!important;
}
.quickstart-print-page .quickstart-print-card h2{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0 0 12px!important;
  color:#111!important;
  font-size:24px!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
}
.quickstart-print-page .quickstart-print-number{
  flex:0 0 auto;
  display:inline-grid!important;
  place-items:center;
  min-width:42px;
  height:34px;
  margin:0!important;
  border-radius:10px;
  background:#111!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
}
.quickstart-print-page .quickstart-print-card div,
.quickstart-print-page .quickstart-print-card div *{
  color:#1b1f25!important;
  font-size:17px!important;
  line-height:1.65!important;
}
.quickstart-print-page .quickstart-print-card p{margin:0 0 12px!important;}
.quickstart-print-page .quickstart-print-card p:last-child{margin-bottom:0!important;}
.quickstart-print-page .quickstart-print-card ul,
.quickstart-print-page .quickstart-print-card ol{
  margin:10px 0 0 1.35em!important;
  padding:0!important;
}
.quickstart-print-page .quickstart-print-card li{margin:6px 0!important;}
.quickstart-print-page .quickstart-print-card strong,
.quickstart-print-page .quickstart-print-card b{color:#000!important;font-weight:900!important;}
.quickstart-print-page .quickstart-print-card a{color:#006d80!important;text-decoration:underline!important;}
@media(max-width:720px){
  .quickstart-print-page .quickstart-print-wrap{width:calc(100% - 22px);margin:14px auto 34px!important;padding:22px 16px;border-radius:16px;}
  .quickstart-print-page .print-actions{position:static;width:100%;justify-content:center;border-radius:18px;}
  .quickstart-print-page .print-actions .btn{flex:1;min-width:0;text-align:center;}
  .quickstart-print-page .quickstart-print-card{padding:16px!important;border-radius:14px;}
  .quickstart-print-page .quickstart-print-card h2{font-size:20px!important;}
  .quickstart-print-page .quickstart-print-card div,
  .quickstart-print-page .quickstart-print-card div *{font-size:16px!important;}
}
@media print{
  @page{size:A4;margin:14mm;}
  body.quickstart-print-page{background:#fff!important;color:#000!important;padding:0!important;}
  body.quickstart-print-page:before,body.quickstart-print-page:after{display:none!important;}
  .quickstart-print-page .no-print,.quickstart-print-page .print-actions{display:none!important;}
  .quickstart-print-page .quickstart-print-wrap{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  .quickstart-print-page .quickstart-print-header{border-bottom:2pt solid #000!important;margin-bottom:14pt!important;padding-bottom:10pt!important;}
  .quickstart-print-page .quickstart-print-header h1{font-size:25pt!important;color:#000!important;}
  .quickstart-print-page .quickstart-print-header p{color:#000!important;font-size:9pt!important;}
  .quickstart-print-page .quickstart-print-header div,
  .quickstart-print-page .quickstart-print-header div *{color:#000!important;font-size:11pt!important;}
  .quickstart-print-page .quickstart-print-card{
    border:0!important;
    border-top:1pt solid #999!important;
    border-left:0!important;
    border-radius:0!important;
    margin:0!important;
    padding:11pt 0!important;
    background:#fff!important;
    color:#000!important;
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .quickstart-print-page .quickstart-print-card h2{font-size:15pt!important;color:#000!important;margin-bottom:6pt!important;}
  .quickstart-print-page .quickstart-print-number{background:#000!important;color:#fff!important;height:20pt;min-width:28pt;font-size:9pt!important;border-radius:4pt;}
  .quickstart-print-page .quickstart-print-card div,
  .quickstart-print-page .quickstart-print-card div *{font-size:10.5pt!important;line-height:1.45!important;color:#000!important;}
}


/* v67 Hintergrundgrafiken robuster sichtbar machen */
.ambient-shot{
  opacity:.23!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.ambient-bg.is-moving .ambient-shot{opacity:.28!important;}
.ambient-bg-overlay{
  background:
    radial-gradient(circle at 50% 50%, rgba(5,7,12,.04), rgba(5,7,12,.36) 56%, rgba(5,7,12,.64) 100%),
    linear-gradient(180deg, rgba(5,7,12,.18), rgba(5,7,12,.52))!important;
}
@media(max-width:740px){
  .ambient-shot{opacity:.17!important;}
  .ambient-bg.is-moving .ambient-shot{opacity:.22!important;}
}


/* v68: Hintergrundgrafiken wieder mit sichtbarem Scroll-Parallax und Zoom */
.ambient-bg.ambient-motion-ready .ambient-shot{
  will-change:transform,opacity,filter,background-position!important;
  transform:translate3d(var(--ambient-x,0px),var(--ambient-y,0px),0) rotate(calc(var(--rot,0deg) + var(--ambient-rot,0deg))) scale(var(--ambient-scale,var(--scale,1)))!important;
  background-position:var(--ambient-bg-x,50%) var(--ambient-bg-y,50%)!important;
  transition:opacity .22s ease, filter .22s ease, transform .08s linear, background-position .08s linear!important;
}
.ambient-bg.ambient-motion-ready .ambient-shot:nth-of-type(2n){animation:ambientBgDriftA 14s ease-in-out infinite alternate;}
.ambient-bg.ambient-motion-ready .ambient-shot:nth-of-type(2n+1){animation:ambientBgDriftB 17s ease-in-out infinite alternate;}
.ambient-bg.ambient-motion-ready.is-moving .ambient-shot{
  opacity:.31!important;
  filter:grayscale(.02) saturate(1.34) brightness(.82) contrast(1.16) blur(0)!important;
}
@keyframes ambientBgDriftA{
  0%{background-size:105% auto;}
  100%{background-size:116% auto;}
}
@keyframes ambientBgDriftB{
  0%{background-size:108% auto;}
  100%{background-size:120% auto;}
}
@media(max-width:740px){
  .ambient-bg.ambient-motion-ready.is-moving .ambient-shot{opacity:.25!important;}
}
@media (prefers-reduced-motion: reduce){
  .ambient-bg.ambient-motion-ready .ambient-shot{animation:none!important;transition:none!important;}
}


/* v69: Performance-freundliche statische Hintergrund-Collage ohne Scroll-Animation */
.ambient-bg{
  position:fixed!important;
  inset:0!important;
  overflow:hidden!important;
  contain:layout paint style!important;
  transform:none!important;
}
.ambient-bg-overlay{
  background:
    radial-gradient(circle at 22% 18%, rgba(255,95,122,.10), transparent 32%),
    radial-gradient(circle at 78% 12%, rgba(111,216,255,.12), transparent 36%),
    radial-gradient(circle at 50% 88%, rgba(80,255,160,.08), transparent 34%),
    linear-gradient(180deg, rgba(5,7,12,.30), rgba(5,7,12,.66) 52%, rgba(5,7,12,.82))!important;
  z-index:2!important;
}
.ambient-shot{
  display:block!important;
  position:absolute!important;
  left:var(--x,0)!important;
  top:var(--y,0)!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--w,30vw)!important;
  max-width:560px!important;
  min-width:230px!important;
  aspect-ratio:4 / 3!important;
  opacity:var(--op,.15)!important;
  transform:rotate(var(--rot,0deg)) scale(var(--scale,1))!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:grayscale(.08) saturate(1.10) brightness(.66) contrast(1.08) blur(.1px)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 22px 80px rgba(0,0,0,.35)!important;
  z-index:1!important;
}
.ambient-shot:before{
  opacity:.22!important;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.13) 0 1px, transparent 1px 4px)!important;
}
.ambient-shot:after{
  opacity:.62!important;
  background:linear-gradient(135deg, rgba(255,95,122,.12), rgba(118,255,176,.06), rgba(111,216,255,.14))!important;
}
.ambient-bg.is-moving .ambient-shot,
.ambient-bg.ambient-motion-ready.is-moving .ambient-shot{
  opacity:var(--op,.15)!important;
  filter:grayscale(.08) saturate(1.10) brightness(.66) contrast(1.08) blur(.1px)!important;
  transform:rotate(var(--rot,0deg)) scale(var(--scale,1))!important;
}
.ambient-bg.ambient-motion-ready .ambient-shot{
  animation:none!important;
  transition:none!important;
  will-change:auto!important;
  background-position:center!important;
}
@media(max-width:1100px){
  .ambient-shot{min-width:210px!important;width:36vw!important;opacity:calc(var(--op,.15) * .92)!important;}
}
@media(max-width:740px){
  .ambient-shot{min-width:190px!important;width:54vw!important;opacity:calc(var(--op,.15) * .76)!important;}
  .ambient-shot:nth-of-type(n+10){display:none!important;}
  .ambient-bg-overlay{background:linear-gradient(180deg, rgba(5,7,12,.38), rgba(5,7,12,.76))!important;}
}

/* v70 footer admin link */
.footer-links .footer-admin-link{font-size:12px;opacity:.55;padding-top:6px}
.footer-links .footer-admin-link:hover{opacity:1}


/* v72 Admin: Bestellung löschen + Garantiehinweis */
.inline-delete-form{display:inline-flex;margin:0 0 0 8px;vertical-align:middle}
.order-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.danger-btn{border-color:rgba(255,95,122,.55)!important;color:#ffd7de!important;background:rgba(255,95,122,.08)!important}
.danger-btn:hover{background:rgba(255,95,122,.18)!important;box-shadow:0 0 24px rgba(255,95,122,.18)}
.warranty-card{margin-top:18px}.warranty-card .order-line{margin-top:8px}.warranty-card p{margin:14px 0 0;color:rgba(255,255,255,.72);line-height:1.55}


/* v73 Admin-Bestellliste: kompakte Aktionsspalte */
.admin-table th:last-child,
.admin-table td.order-actions{
  width:150px;
  min-width:150px;
  text-align:right;
  vertical-align:middle!important;
}
.order-actions{
  padding-right:18px!important;
}
.order-action-stack{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  width:128px;
  margin-left:auto;
}
.order-action-stack .inline-delete-form{
  display:block!important;
  margin:0!important;
}
.admin-action-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:42px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.035));
  color:#fff;
  font-weight:900;
  font-size:15px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.admin-action-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(124,245,255,.42);
  background:linear-gradient(135deg,rgba(124,245,255,.18),rgba(255,255,255,.06));
  box-shadow:0 16px 36px rgba(0,0,0,.24),0 0 24px rgba(124,245,255,.09);
}
.admin-action-delete{
  color:#ffdbe1;
  border-color:rgba(255,124,149,.28);
  background:linear-gradient(135deg,rgba(255,124,149,.16),rgba(255,255,255,.035));
}
.admin-action-delete:hover{
  border-color:rgba(255,124,149,.55);
  background:linear-gradient(135deg,rgba(255,124,149,.24),rgba(255,255,255,.05));
  box-shadow:0 16px 36px rgba(0,0,0,.24),0 0 24px rgba(255,124,149,.10);
}
@media(max-width:900px){
  .admin-table td.order-actions{width:auto;min-width:0;text-align:left;padding:14px!important}
  .order-action-stack{width:100%;flex-direction:row;margin-left:0}
  .admin-action-btn{min-height:40px;font-size:14px}
}


/* v74 Admin-Bestellungen: saubere kompakte Aktionsspalte */
.orders-table{
  table-layout:auto;
}
.orders-table th.actions-head,
.orders-table td.order-actions{
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  padding:12px 10px!important;
  text-align:center!important;
  vertical-align:middle!important;
  overflow:visible!important;
}
.orders-table th.actions-head{
  color:rgba(255,255,255,.68)!important;
}
.orders-table td.order-actions{
  display:table-cell!important;
}
.orders-table .order-action-stack{
  width:92px!important;
  min-width:92px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
}
.orders-table .inline-delete-form{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.orders-table .admin-action-btn{
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
}
.orders-table .admin-action-open{
  background:linear-gradient(135deg,rgba(124,245,255,.12),rgba(255,255,255,.04))!important;
  border-color:rgba(124,245,255,.25)!important;
}
.orders-table .admin-action-delete{
  background:linear-gradient(135deg,rgba(255,124,149,.13),rgba(255,255,255,.035))!important;
  border-color:rgba(255,124,149,.32)!important;
  color:#ffdce2!important;
}
.admin-content{
  overflow-x:auto;
}
@media(max-width:900px){
  .orders-table th.actions-head,
  .orders-table td.order-actions{width:100%!important;max-width:none!important;text-align:left!important;padding:12px!important}
  .orders-table .order-action-stack{width:100%!important;flex-direction:row!important;margin:0!important;gap:8px!important}
  .orders-table .admin-action-btn{height:38px!important;min-height:38px!important;font-size:14px!important}
}


/* v75 Admin orders: responsive order cards instead of cramped table */
.admin-layout{align-items:start!important;gap:18px!important;}
.admin-sidebar,.admin-content{align-self:start!important;margin-top:0!important;}
.admin-content{overflow-x:visible!important;}
.orders-table{display:none!important;}
.orders-list{display:grid;gap:12px;margin-top:18px;}
.orders-list-head{display:grid;grid-template-columns:minmax(130px,1.05fr) minmax(150px,1.15fr) minmax(130px,1fr) 110px 95px 88px minmax(135px,1fr) 104px;gap:12px;align-items:center;padding:0 16px 8px;color:rgba(255,255,255,.58);font-weight:900;font-size:12px;letter-spacing:.04em;text-transform:uppercase;}
.order-list-row{display:grid;grid-template-columns:minmax(130px,1.05fr) minmax(150px,1.15fr) minmax(130px,1fr) 110px 95px 88px minmax(135px,1fr) 104px;gap:12px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035));box-shadow:0 16px 42px rgba(0,0,0,.18);}
.order-list-row:nth-child(odd){background:linear-gradient(135deg,rgba(255,95,122,.13),rgba(255,255,255,.045),rgba(0,183,255,.07));}
.order-list-row:nth-child(even){background:linear-gradient(135deg,rgba(0,183,255,.12),rgba(255,255,255,.04),rgba(45,255,136,.055));}
.order-cell{min-width:0;display:grid;gap:3px;color:#fff;font-size:14px;line-height:1.28;}
.order-cell strong{font-size:14px;font-weight:950;line-height:1.25;overflow-wrap:anywhere;}
.order-cell small{color:rgba(255,255,255,.70);font-size:12px;line-height:1.35;overflow-wrap:anywhere;}
.order-cell-main strong{font-size:13px;letter-spacing:.015em;}
.order-cell-price strong{font-size:15px;white-space:nowrap;}
.order-cell-mail{gap:4px;}
.admin-status-pill{display:inline-flex;width:max-content;max-width:100%;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;border:1px solid rgba(124,245,255,.22);background:rgba(124,245,255,.09);color:#fff;font-size:12px;font-weight:900;line-height:1.15;text-align:center;}
.admin-status-pill.payment{border-color:rgba(118,255,176,.25);background:rgba(118,255,176,.09);}
.orders-list .order-actions{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;min-width:0!important;width:auto!important;text-align:center!important;}
.orders-list .order-action-stack{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:96px!important;min-width:96px!important;margin:0!important;}
.orders-list .inline-delete-form{display:block!important;width:100%!important;margin:0!important;padding:0!important;}
.orders-list .admin-action-btn{height:34px!important;min-height:34px!important;width:100%!important;border-radius:12px!important;padding:0 10px!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important;}
@media(max-width:1180px){
  .orders-list-head{display:none!important;}
  .order-list-row{grid-template-columns:1fr 1fr 1fr;gap:12px 16px;padding:16px 18px;}
  .order-cell:before{content:attr(data-label);color:rgba(124,245,255,.72);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;}
  .orders-list .order-actions{justify-content:flex-start!important;}
  .orders-list .order-action-stack{grid-template-columns:1fr 1fr!important;width:220px!important;max-width:100%!important;}
}
@media(max-width:720px){
  .admin-layout{width:calc(100% - 22px)!important;margin:12px auto!important;gap:12px!important;}
  .admin-content{padding:18px!important;border-radius:22px!important;}
  .order-list-row{grid-template-columns:1fr;gap:10px;padding:15px;}
  .orders-list .order-action-stack{width:100%!important;grid-template-columns:1fr 1fr!important;}
  .orders-list .admin-action-btn{height:40px!important;min-height:40px!important;}
}


/* v76 Admin alignment, order overview polish and invoice pages */
.admin-layout{align-items:start!important;margin-top:22px!important;}
.admin-sidebar,.admin-content{align-self:start!important;margin-top:0!important;}
.admin-content{padding-top:24px!important;}
.orders-list-head{grid-template-columns:minmax(132px,1.05fr) minmax(145px,1.1fr) minmax(125px,.9fr) 108px 92px 86px minmax(120px,.9fr) 128px!important;}
.order-list-row{grid-template-columns:minmax(132px,1.05fr) minmax(145px,1.1fr) minmax(125px,.9fr) 108px 92px 86px minmax(120px,.9fr) 128px!important;}
.order-list-row:nth-of-type(odd){background:linear-gradient(135deg,rgba(255,95,122,.16),rgba(255,255,255,.055),rgba(0,183,255,.08))!important;}
.order-list-row:nth-of-type(even){background:linear-gradient(135deg,rgba(0,183,255,.15),rgba(255,255,255,.045),rgba(45,255,136,.075))!important;}
.orders-list .order-action-stack{width:118px!important;min-width:118px!important;gap:6px!important;}
.orders-list .admin-action-btn{height:30px!important;min-height:30px!important;border-radius:10px!important;font-size:12px!important;padding:0 8px!important;}
.admin-action-invoice{background:rgba(124,245,255,.10)!important;border:1px solid rgba(124,245,255,.40)!important;color:#eaffff!important;}
.admin-link-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.admin-link-actions strong{width:100%;}
.admin-link-actions .admin-action-btn{display:inline-flex;width:auto;min-width:150px;height:34px;border-radius:12px;}
@media(max-width:1180px){
  .admin-layout{grid-template-columns:220px 1fr!important;width:calc(100% - 26px)!important;}
  .admin-content{padding:20px!important;}
}
@media(max-width:980px){
  .orders-list-head{display:none!important;}
  .order-list-row{grid-template-columns:1fr 1fr 1fr!important;}
  .orders-list .order-action-stack{grid-template-columns:repeat(3,1fr)!important;width:100%!important;min-width:0!important;}
}
@media(max-width:680px){
  .admin-layout{grid-template-columns:1fr!important;}
  .order-list-row{grid-template-columns:1fr!important;}
  .orders-list .order-action-stack{grid-template-columns:1fr!important;}
  .orders-list .admin-action-btn{height:38px!important;}
}
.invoice-body{background:#eef2f6!important;color:#151922!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
.invoice-page{width:min(980px,calc(100% - 32px));margin:28px auto 60px;}
.invoice-toolbar{display:flex;justify-content:flex-end;gap:10px;margin:0 0 18px;}
.invoice-button{border:0;border-radius:999px;background:#111827;color:#fff;padding:12px 18px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.invoice-button.muted{background:#fff;color:#111827;border:1px solid #cbd5e1;}
.invoice-sheet{background:#fff;border:1px solid #d7dee8;border-radius:22px;padding:42px;box-shadow:0 24px 70px rgba(15,23,42,.12);}
.invoice-header{display:flex;justify-content:space-between;gap:32px;border-bottom:3px solid #111827;padding-bottom:24px;margin-bottom:28px;}
.invoice-kicker{margin:0 0 8px;color:#0ea5e9;text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:13px;}
.invoice-sheet h1{margin:0;font-size:42px;line-height:1;color:#111827;}
.invoice-seller{text-align:right;color:#334155;line-height:1.55;}
.invoice-logo{display:block;max-width:220px;max-height:74px;width:auto;height:auto;object-fit:contain;margin:0 0 18px auto;}
.invoice-seller strong{font-size:18px;color:#334155;}
.invoice-seller a{color:#0f766e;text-decoration:underline;}
.invoice-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 28px;}
.invoice-meta div,.invoice-tax-note,.invoice-footer-note{border:1px solid #dbe3ee;border-radius:16px;background:#f8fafc;padding:16px;}
.invoice-meta span{display:block;color:#64748b;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
.invoice-meta strong{display:block;margin-top:5px;color:#111827;}
.invoice-addresses{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px;}
.invoice-addresses h2{font-size:17px;margin:0 0 8px;color:#111827;}
.invoice-addresses p{margin:0;color:#334155;line-height:1.65;}
.invoice-table{width:100%;border-collapse:collapse;margin:12px 0 24px;}
.invoice-table th{background:#111827;color:#fff;text-align:left;padding:14px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;}
.invoice-table th:first-child{border-top-left-radius:12px;}
.invoice-table th:last-child{border-top-right-radius:12px;text-align:right;}
.invoice-table td{border-bottom:1px solid #dbe3ee;padding:16px 14px;color:#111827;vertical-align:top;}
.invoice-table td:last-child,.invoice-table tfoot td:last-child{text-align:right;font-weight:900;}
.invoice-table small{color:#64748b;}
.invoice-table tfoot td{font-weight:900;background:#f8fafc;border-bottom:2px solid #111827;}
.invoice-tax-note{margin-top:18px;color:#334155;line-height:1.55;}
.invoice-footer-note{margin-top:14px;color:#64748b;font-size:13px;}
@media(max-width:720px){.invoice-sheet{padding:24px;border-radius:18px}.invoice-header,.invoice-addresses{display:block}.invoice-seller{text-align:left;margin-top:20px}.invoice-logo{margin-left:0;margin-right:auto;max-width:190px}.invoice-meta{grid-template-columns:1fr}.invoice-sheet h1{font-size:32px}.invoice-table{font-size:14px}.invoice-table th,.invoice-table td{padding:10px 8px}}
@media print{.no-print{display:none!important}.invoice-body{background:#fff!important}.invoice-page{width:100%;margin:0}.invoice-sheet{box-shadow:none;border:0;border-radius:0;padding:0}.invoice-button{display:none!important}@page{size:A4;margin:16mm}}

/* v78 – Hero-Layout verfeinert */
@media (min-width:1101px){
  .hero{
    grid-template-columns:minmax(500px,1.02fr) minmax(0,0.98fr)!important;
    align-items:start!important;
    gap:clamp(34px,4vw,58px)!important;
    min-height:auto!important;
    padding-top:48px!important;
    padding-bottom:72px!important;
  }
  .hero-media,
  .hero-copy{
    align-self:start!important;
  }
  .hero-media{
    max-width:100%;
    margin-top:0!important;
  }
  .hero-copy{
    max-width:640px!important;
    padding-top:0!important;
  }
  .hero-copy .eyebrow{
    margin-bottom:16px!important;
  }
  .hero-copy .lead{
    max-width:620px!important;
    margin:0 0 18px!important;
  }
  .hero-price-badge{
    display:grid!important;
    width:min(100%,460px);
    margin:16px 0 20px!important;
  }
  .hero-actions{
    width:min(100%,460px);
    margin-top:0!important;
  }
  .hero-actions .btn{
    flex:1 1 0;
  }
  .trust-strip{
    max-width:640px;
    margin-top:24px!important;
  }
  .hero-product-slider{
    min-height:560px!important;
  }
}

@media (min-width:1101px) and (max-width:1320px){
  .hero h1{
    font-size:clamp(54px,5.2vw,72px)!important;
  }
  .lead{
    font-size:clamp(19px,1.95vw,29px)!important;
  }
}

/* v79 – Hero nach Skizze: oben Bild + Text, darunter Angebot + Aktionen */
@media (min-width:1101px){
  .hero{
    display:grid!important;
    grid-template-columns:minmax(520px,1fr) minmax(0,1.06fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    gap:24px 42px!important;
    min-height:auto!important;
    padding-top:42px!important;
    padding-bottom:60px!important;
  }
  .hero-media{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    min-height:480px!important;
    height:100%!important;
    margin:0!important;
  }
  .hero-copy{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    max-width:680px!important;
    padding:0!important;
  }
  .hero-offer{
    grid-column:1!important;
    grid-row:2!important;
    align-self:start!important;
    width:100%;
  }
  .hero-cta-panel{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    width:100%;
    max-width:680px;
  }
  .hero-copy .eyebrow{margin:0 0 14px!important;}
  .hero h1{margin-bottom:18px!important;}
  .hero-copy .lead{margin:0!important;max-width:680px!important;}
  .hero-offer .hero-price-badge{
    width:100%!important;
    margin:0!important;
    min-height:0!important;
    padding:18px 26px!important;
  }
  .hero-offer .hero-price-badge strong{
    font-size:clamp(52px,5vw,78px)!important;
  }
  .hero-price-top{align-items:center!important;}
  .hero-price-compare{
    flex-shrink:0;
    background:rgba(5,8,14,.42)!important;
    border-color:rgba(255,255,255,.24)!important;
    box-shadow:0 0 24px rgba(255,111,131,.12);
  }
  .hero-price-compare em{color:#fff!important;}
  .hero-price-compare s{color:#fff!important;}
  .hero-cta-panel .hero-actions{
    width:100%!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:14px!important;
  }
  .hero-cta-panel .hero-actions .btn{
    width:100%;
    padding:17px 22px!important;
  }
  .hero-cta-panel .trust-strip{
    display:flex!important;
    max-width:100%!important;
    margin-top:16px!important;
    gap:10px!important;
  }
  .hero-cta-panel .trust-strip span{
    white-space:normal;
  }
}

@media (min-width:1101px) and (max-width:1320px){
  .hero{grid-template-columns:minmax(470px,.98fr) minmax(0,1.02fr)!important;gap:22px 34px!important;}
  .hero-media{min-height:430px!important;}
  .hero h1{font-size:clamp(50px,4.9vw,68px)!important;}
  .hero-copy .lead{font-size:clamp(20px,2vw,28px)!important;line-height:1.42!important;}
  .hero-offer .hero-price-badge strong{font-size:clamp(46px,4.8vw,64px)!important;}
}

@media (max-width:1100px){
  .hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  .hero-copy{grid-column:1!important;grid-row:1!important;}
  .hero-media{grid-column:1!important;grid-row:2!important;}
  .hero-offer{grid-column:1!important;grid-row:3!important;}
  .hero-cta-panel{grid-column:1!important;grid-row:4!important;}
  .hero-offer .hero-price-badge{width:100%!important;margin:0!important;}
  .hero-cta-panel .hero-actions{width:100%!important;margin-top:0!important;}
}

@media (max-width:640px){
  .hero-offer .hero-price-badge{margin-top:0!important;}
  .hero-price-compare{display:inline-flex!important;}
  .hero-cta-panel .hero-actions{display:flex!important;}
}

/* v80 – Preis bisher sichtbar + mehr Abstand zu Vorteilskacheln */
.hero-offer .hero-price-badge .hero-price-compare{
  position:relative!important;
  z-index:3!important;
  display:inline-flex!important;
  width:max-content!important;
  align-items:center!important;
  gap:10px!important;
  margin:4px 0 2px!important;
  padding:7px 13px!important;
  border-radius:999px!important;
  background:rgba(6,10,16,.54)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 0 24px rgba(255,111,131,.18), inset 0 0 16px rgba(255,255,255,.04)!important;
  backdrop-filter:blur(10px)!important;
}
.hero-offer .hero-price-badge .hero-price-compare em{
  display:inline-block!important;
  font-style:normal!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#ffd9df!important;
}
.hero-offer .hero-price-badge .hero-price-compare s{
  display:inline-block!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#fff!important;
  text-decoration-thickness:3px!important;
  text-decoration-color:#ff6f83!important;
}
.hero-offer .hero-price-badge strong{margin-top:0!important;}
.quality-strip{margin-top:clamp(34px,4vw,64px)!important;}
@media(max-width:1100px){.quality-strip{margin-top:28px!important}}
@media(max-width:640px){.hero-offer .hero-price-badge .hero-price-compare s{font-size:18px!important}.quality-strip{margin-top:24px!important}}


/* v81 – vorerst nur bewährte MiSTer Oberfläche */
.fixed-interface-note{
  margin-top:18px;
  padding:18px 20px;
  border:1px solid rgba(124,245,255,.26);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(124,245,255,.10),rgba(118,255,176,.08),rgba(255,95,122,.06));
  box-shadow:0 18px 55px rgba(0,0,0,.18);
}
.fixed-interface-note__label{
  display:block;
  margin-bottom:6px;
  color:var(--accent);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.15em;
}
.fixed-interface-note strong{display:block;font-size:24px;line-height:1.12;margin-bottom:8px;color:#fff}
.fixed-interface-note p{margin:0;color:rgba(255,255,255,.72);font-size:15px;line-height:1.45}
@media(max-width:640px){.fixed-interface-note{padding:15px 16px;border-radius:18px}.fixed-interface-note strong{font-size:20px}}

/* v82 – Frontend-Menü dauerhaft sticky auf Desktop und Mobile */
.site-header{
  position:sticky!important;
  top:12px!important;
  z-index:9999!important;
  transform:translateZ(0);
  will-change:transform;
}
@media(max-width:760px){
  .site-header{
    position:sticky!important;
    top:8px!important;
    margin-top:8px!important;
  }
  .site-nav{
    max-height:calc(100vh - 104px);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
}
#produkt,#systeme,#warum,#schnellanleitung,#faq,#kaufen{
  scroll-margin-top:120px;
}
@media(max-width:760px){
  #produkt,#systeme,#warum,#schnellanleitung,#faq,#kaufen{
    scroll-margin-top:108px;
  }
}

/* v83 – Frontend-Menü wirklich fixiert */
.site-header{
  position:fixed!important;
  top:16px!important;
  left:50%!important;
  right:auto!important;
  width:min(var(--max),calc(100% - 36px))!important;
  margin:0!important;
  transform:translateX(-50%) translateZ(0)!important;
  z-index:99999!important;
}
.site-header + main{
  padding-top:112px!important;
}
@media(max-width:760px){
  .site-header{
    top:8px!important;
    width:calc(100% - 28px)!important;
    min-height:62px!important;
    padding:10px 12px!important;
  }
  .site-header + main{
    padding-top:84px!important;
  }
  .site-nav{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(100% + 10px)!important;
    max-height:calc(100vh - 96px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
  }
}
html{
  scroll-padding-top:132px!important;
}
@media(max-width:760px){
  html{scroll-padding-top:104px!important;}
}
#produkt,#systeme,#warum,#schnellanleitung,#faq,#kaufen{
  scroll-margin-top:132px!important;
}
@media(max-width:760px){
  #produkt,#systeme,#warum,#schnellanleitung,#faq,#kaufen{
    scroll-margin-top:104px!important;
  }
}

/* v84 – Menü-Button "Kaufen" auffälliger mit leichtem Glitch-Look */
.site-nav .nav-buy{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:12px 20px!important;
  min-width:118px;
  border-radius:999px;
  border:1px solid rgba(124,245,255,.34)!important;
  background:linear-gradient(135deg,rgba(255,95,122,.18),rgba(255,205,92,.12),rgba(111,216,255,.18))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset, 0 0 26px rgba(111,216,255,.14), 0 0 36px rgba(255,95,122,.10);
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:.01em;
  overflow:hidden;
  isolation:isolate;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  text-shadow:1.6px 0 rgba(255,95,122,.78), -1.6px 0 rgba(111,216,255,.78);
}
.site-nav .nav-buy span{
  position:relative;
  z-index:2;
}
.site-nav .nav-buy::before,
.site-nav .nav-buy::after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font:inherit;
  font-weight:900;
  letter-spacing:.01em;
  opacity:0;
  pointer-events:none;
}
.site-nav .nav-buy::before{
  color:rgba(255,95,122,.98);
  clip-path:inset(0 0 52% 0);
  transform:translate(-2px,-1px);
}
.site-nav .nav-buy::after{
  color:rgba(111,216,255,.98);
  clip-path:inset(52% 0 0 0);
  transform:translate(2px,1px);
}
.site-nav .nav-buy:focus-visible,
.site-nav .nav-buy:hover{
  transform:translateY(-1px) scale(1.02);
  border-color:rgba(124,245,255,.58)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.09) inset, 0 0 18px rgba(111,216,255,.20), 0 0 36px rgba(111,216,255,.18), 0 0 52px rgba(255,95,122,.14);
}
.site-nav .nav-buy:hover::before,
.site-nav .nav-buy:hover::after,
.site-nav .nav-buy:focus-visible::before,
.site-nav .nav-buy:focus-visible::after{
  opacity:.95;
  animation:navBuyGlitchSlices .28s steps(2,end) infinite;
}
.site-nav .nav-buy::selection{background:transparent}
.site-nav .nav-buy::marker{display:none}
.site-nav .nav-buy > span,
.site-nav .nav-buy::before,
.site-nav .nav-buy::after{
  white-space:nowrap;
}
.site-nav .nav-buy::selection{background:transparent}
.site-nav .nav-buy::after{
  text-shadow:none;
}
.site-nav .nav-buy:active{
  transform:translateY(0) scale(.995);
}
.site-nav .nav-buy:focus-visible{
  outline:none;
}
.site-nav .nav-buy .sr-only{display:none}
.site-nav .nav-buy::selection{color:inherit}
.site-nav .nav-buy::before,
.site-nav .nav-buy::after,
.site-nav .nav-buy > span{
  will-change:transform,opacity;
}
.site-nav .nav-buy::after,
.site-nav .nav-buy::before{
  mix-blend-mode:screen;
}
.site-nav .nav-buy:where(:not(:hover,:focus-visible)){
  animation:navBuyIdlePulse 3.2s ease-in-out infinite;
}
.site-nav .nav-buy::selection{background:transparent!important}
.site-nav .nav-buy:after{
  box-shadow:none;
}
.site-nav .nav-buy:before,
.site-nav .nav-buy:after{
  z-index:1;
}
.site-nav .nav-buy::selection{background:transparent}
.site-nav .nav-buy::after{filter:blur(.15px)}
.site-nav .nav-buy::before{filter:blur(.15px)}
.site-nav .nav-buy::after,
.site-nav .nav-buy::before{transition:opacity .14s ease}
.site-nav .nav-buy::selection{background:transparent}
.site-nav .nav-buy::before,
.site-nav .nav-buy::after{font-size:inherit;line-height:inherit}
.site-nav .nav-buy:focus-visible,
.site-nav .nav-buy:hover{
  animation:navBuyHoverPulse .9s ease-in-out infinite alternate;
}
.site-nav .nav-buy::selection{background:transparent}
.site-nav .nav-buy::selection{color:inherit}
.site-nav .nav-buy{
  margin-left:6px;
}
@keyframes navBuyIdlePulse{
  0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.05) inset, 0 0 18px rgba(111,216,255,.11), 0 0 26px rgba(255,95,122,.08)}
  50%{box-shadow:0 0 0 1px rgba(255,255,255,.06) inset, 0 0 24px rgba(111,216,255,.16), 0 0 36px rgba(255,95,122,.12)}
}
@keyframes navBuyHoverPulse{
  from{box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 0 22px rgba(111,216,255,.20), 0 0 34px rgba(111,216,255,.18), 0 0 44px rgba(255,95,122,.12)}
  to{box-shadow:0 0 0 1px rgba(255,255,255,.12) inset, 0 0 28px rgba(111,216,255,.26), 0 0 44px rgba(111,216,255,.22), 0 0 58px rgba(255,95,122,.18)}
}
@keyframes navBuyGlitchSlices{
  0%{transform:translate(0,0)}
  25%{transform:translate(-2px,-1px)}
  50%{transform:translate(2px,1px)}
  75%{transform:translate(-1px,1px)}
  100%{transform:translate(1px,-1px)}
}
@media(max-width:980px){
  .site-nav .nav-buy{
    width:100%;
    min-width:0;
    margin-left:0;
    padding:15px 18px!important;
  }
}


/* v85 – Navigation vertikal sauber auf Logo und Kaufen-Button ausrichten */
.site-header{
  align-items:center!important;
}
.site-header .brand,
.site-header .brand--logo{
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
}
.site-header .site-logo{
  display:block!important;
}
.site-nav{
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  gap:22px;
  line-height:1!important;
}
.site-nav > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px;
  line-height:1!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.site-nav > a:not(.nav-buy){
  padding-left:0!important;
  padding-right:0!important;
  transform:translateY(1px);
}
.site-nav .nav-buy{
  min-height:58px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  transform:none!important;
}
.site-nav .nav-buy:hover,
.site-nav .nav-buy:focus-visible{
  transform:translateY(-1px) scale(1.02)!important;
}
.site-nav .lang-switch{
  align-self:center!important;
}
@media(max-width:980px){
  .site-nav{
    align-items:stretch!important;
    gap:6px!important;
    line-height:1.2!important;
  }
  .site-nav > a{
    min-height:52px!important;
    justify-content:flex-start!important;
    padding-left:16px!important;
    padding-right:16px!important;
    transform:none!important;
  }
  .site-nav .nav-buy{
    justify-content:center!important;
    min-height:56px!important;
  }
}


/* v86 – Mobile-Menü zuverlässig wieder zuklappbar machen */
@media(max-width:980px){
  body:not(.nav-open) .site-nav{
    display:none!important;
    opacity:0!important;
    pointer-events:none!important;
    visibility:hidden!important;
  }
  body.nav-open .site-nav{
    display:flex!important;
    opacity:1!important;
    pointer-events:auto!important;
    visibility:visible!important;
  }
  .nav-toggle{
    z-index:100002!important;
    pointer-events:auto!important;
  }
  .site-header{
    z-index:100001!important;
  }
}

/* v88 – Admin Sicherheit */
.security-card{margin-bottom:18px}
.security-form{display:grid;gap:18px;margin-top:18px}
.security-form label{display:grid;gap:8px;color:var(--muted)}
.security-form label strong{color:#fff}
.notice{border:1px solid var(--line);border-radius:18px;padding:13px 15px;margin:16px 0;background:rgba(255,255,255,.045);font-weight:800}
.notice.success{border-color:rgba(142,255,178,.38);background:rgba(142,255,178,.10);color:#d9ffe6}
.notice.error{border-color:rgba(255,124,149,.42);background:rgba(255,124,149,.10);color:#ffd8df}