:root{color-scheme:dark;--blue:#00b9ff;--text:#eff7ff;--muted:#aec1d1;--line:#214254;--panel:#07131e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 5%,#063054 0,transparent 38%),#020810;color:var(--text);font:15px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}header{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--line);gap:22px}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:900;line-height:1.1}.brand-logo{display:block;width:82px;height:82px;flex-shrink:0;background:url(logo.png) center/contain no-repeat}.brand b,em{color:var(--blue)}.brand small{font-size:10px;letter-spacing:4px;display:block;margin-top:5px}nav{display:flex;gap:25px}nav a{padding:12px 0}nav .active{border-bottom:2px solid var(--blue)}main{max-width:1200px;margin:auto;padding:0 20px 45px}.hero{display:flex;min-height:285px;align-items:center;justify-content:space-between;overflow:hidden;gap:20px}.hero h1{font-size:clamp(30px,3.8vw,46px);line-height:1.08;margin:20px 0 12px;letter-spacing:-1.2px}em{font-style:normal}.hero p{color:#c5d7e6;font-size:17px}.hero-controller{width:420px;height:245px;flex-shrink:0;background-image:url(entwurf.png);background-size:1024px 1536px;background-position:-378px -77px;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 85%,transparent),linear-gradient(180deg,#000 55%,transparent 84%);mask-composite:intersect;-webkit-mask-composite:source-in}.benefits{display:flex;justify-content:space-between;padding:13px 0 23px;gap:12px;font-size:13px}.benefits span{padding-right:12px;color:#c4eaff}.layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(270px,1fr);gap:18px;align-items:start}.panel{background:linear-gradient(140deg,#091924,#050e16);border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 12px 35px #0003}.step{padding:3px 0 23px;margin-bottom:20px;border-bottom:1px solid #1b3443}.step h2{display:flex;align-items:center;gap:13px;font-size:20px;margin:0 0 12px}.step h2 i{font-style:normal;display:grid;place-items:center;background:var(--blue);color:#02101c;border-radius:50%;width:35px;height:35px;font-weight:800}.step>p{color:var(--muted);margin:4px 0 17px}.models{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choice{position:relative;display:flex;gap:12px;align-items:center;border:1px solid #264150;border-radius:9px;padding:15px;background:#091724;cursor:pointer}.choice:has(input:checked){border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#031b2c}.choice:has(input:focus-visible){outline:3px solid white;outline-offset:3px}.model{display:flex;flex-direction:column;text-align:center;padding:12px 6px;gap:3px;min-height:147px}.model input{position:absolute;top:8px;right:8px}.model small{font-size:12px;color:#d2e0ec}.model-art{display:block;width:112px;height:70px;background:none center/contain no-repeat}.model-art.other,.model-art.nintendo{background:none;height:52px}.model-art.other:after,.model-art.nintendo:after{content:'?';font-size:42px;color:var(--blue)}.services{display:grid;gap:9px}.services .choice span{flex:1}.services strong{font-size:14px}.services b{white-space:nowrap}.services small{display:block;color:var(--muted);font-size:12px;margin-top:4px}input[type=radio],input[type=checkbox]{accent-color:var(--blue);width:17px;height:17px;flex-shrink:0}mark{background:var(--blue);padding:2px 5px;border-radius:3px;color:#00111b;font-size:10px;white-space:nowrap}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:block;font-size:13px;font-weight:600;margin-top:12px}.field input,.field select,.field textarea,select{display:block;width:100%;margin-top:6px;background:#e6eff7;color:#142d43;font-size:16px;border:1px solid #c6dce8;border-radius:6px;padding:12px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.wide{grid-column:1/-1}textarea{min-height:110px;resize:vertical}.muted,small{color:var(--muted)}.muted{font-size:12px}.send-self{border:1px solid var(--blue);border-radius:8px;padding:14px;background:#041e30}.send-self p{font-size:12px;color:var(--muted);margin:7px 0 0}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px}.final-step{border:0;margin:0;padding-bottom:0}.final-step>p{font-size:13px}.primary,button{cursor:pointer;font:inherit}.primary{width:100%;border:0;border-radius:6px;background:linear-gradient(100deg,#00bfff,#007eff);color:white;font-weight:800;padding:16px;margin-top:18px}.primary:disabled{opacity:.5;cursor:not-allowed}button:not(.primary){padding:10px 16px;border:1px solid #264559;background:#0c2031;color:white;border-radius:6px}aside{display:grid;gap:15px}aside h2{font-size:17px;margin:0 0 17px}.summary{position:sticky;top:16px}.summary>div{display:flex;justify-content:space-between;margin:15px 0;gap:12px;font-size:13px}.summary .total{padding-top:16px;border-top:1px solid var(--line);font-size:22px;color:var(--blue)}.summary small{font-size:11px}.process ol{padding-left:23px;margin:0}.process li{padding:0 0 16px 6px;color:var(--blue)}.process li strong{color:var(--text);font-size:14px}.process li p{color:var(--muted);font-size:12px;margin:4px 0}.address p{font-size:13px;line-height:1.7}footer{padding:25px;text-align:center;font-size:12px;color:var(--muted);border-top:1px solid #173146}footer a{margin-left:20px}.notice{padding:14px 20px;margin:0 0 18px;border:1px solid #256889;background:#0a2b3d;border-radius:8px}.error{border-color:#e88e92;color:#ffc9cd}.trap{position:absolute;left:-9999px}.preview-result{margin-top:20px}.receipt{max-width:850px;margin:35px auto}.receipt h1{font-size:29px}.receipt .number{font-size:19px;color:var(--blue);overflow-wrap:anywhere}.receipt a.primary{display:inline-block;width:auto;margin:10px 10px 10px 0}.barcode{background:white;max-width:100%;padding:15px}.print-only{display:none}[hidden]{display:none!important}@media(max-width:900px){.models{grid-template-columns:repeat(3,1fr)}nav{gap:15px}.hero-controller{width:350px}.brand{font-size:18px}}@media(max-width:700px){header{padding:10px 15px}.brand-logo{width:65px;height:65px}.brand{font-size:18px}nav{display:none}main{padding:0 13px 25px}.hero{display:block;min-height:0}.hero h1{font-size:35px}.hero p{font-size:15px}.hero-controller{width:100%;height:210px;background-position:-380px -80px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 85%,transparent),linear-gradient(180deg,#000 60%,transparent 88%);mask-composite:intersect;-webkit-mask-composite:source-in}.benefits{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:10px}.layout{grid-template-columns:1fr}.panel{padding:16px}.models{grid-template-columns:repeat(2,1fr)}.model{min-height:137px}.services .choice{padding:13px 10px;gap:8px}.services b{font-size:13px}.services strong{font-size:13px}.services mark{display:block;width:max-content;margin-top:3px}.step h2{font-size:18px}.fields{gap:10px}.summary .total{font-size:23px}.receipt{margin:18px 13px}}@media print{body{background:white;color:black}header,footer,.no-print{display:none}.receipt{max-width:100%;margin:0}.panel{background:white;color:black;border:0;box-shadow:none}.receipt .number{color:black}.print-only{display:block}.barcode{width:100%}a{color:black}.muted{color:#444}}

/* Customer guidance and mobile request overview */
section[id],div[id]{scroll-margin-top:24px}.skip-link{position:fixed;top:-100px;left:16px;z-index:10;padding:12px;background:white;color:#03101b}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.hero-actions{display:flex;align-items:center;gap:22px;margin:20px 0 24px}.hero-actions .primary{display:inline-block;width:auto;margin:0;padding:13px 22px;font-size:14px}.secondary-link{font-size:13px;color:#d5eaff}.content-section{margin:26px 0 34px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-heading>p{max-width:310px;color:var(--muted);font-size:13px}.content-section h2{font-size:27px;line-height:1.2;margin:5px 0 16px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:bold;margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{display:flex;flex-direction:column;align-items:start;padding:23px}.service-kicker{font-size:11px;color:var(--blue);text-transform:uppercase;letter-spacing:1px}.service-card h3{font-size:20px;margin:10px 0 5px}.service-card p{font-size:13px;color:var(--muted);flex:1;margin:8px 0 19px}.service-card>strong{font-size:29px;line-height:1.3}.service-card .quote-price{font-size:22px}.service-card>a{margin-top:18px;color:var(--blue);font-size:13px;font-weight:bold}.featured{border-color:#008ac3;background:linear-gradient(140deg,#082b40,#07131e)}.packing{display:grid;grid-template-columns:1fr 1.6fr;gap:32px;margin-top:34px}.packing>div>p:last-child{font-size:14px;color:var(--muted)}.packing ol{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0;padding-left:20px}.packing li{padding-left:4px;color:var(--blue)}.packing li strong{display:block;color:var(--text);font-size:14px}.packing li span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.faq{max-width:850px;margin:38px auto}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-size:15px;font-weight:600}.faq details p{color:var(--muted);font-size:14px;margin:14px 0 5px;max-width:740px}.contact-whatsapp{display:inline-block;margin-top:4px;color:var(--blue);font-weight:bold;font-size:13px}.mobile-total{display:none}.choice:has(input:disabled){opacity:.5;cursor:not-allowed}.summary{overflow-wrap:anywhere}
@media(max-width:900px){nav{gap:12px;font-size:13px}.section-heading{display:block}.section-heading>p{max-width:none}.service-card{padding:17px}.service-card h3{font-size:18px}.packing{grid-template-columns:1fr}}
@media(max-width:700px){header{flex-wrap:wrap;gap:8px}nav{display:flex;width:100%;justify-content:space-between;gap:6px;font-size:12px}nav a{padding:8px 0}.hero-actions{gap:14px}.hero-actions .primary{padding:12px 15px;font-size:13px}.service-grid{grid-template-columns:1fr}.service-card{padding:20px}.service-card p{margin-bottom:10px}.service-card>strong{font-size:26px}.content-section h2{font-size:23px}.packing{gap:12px}.packing ol{grid-template-columns:1fr;gap:16px}.mobile-total{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:0;left:0;right:0;z-index:5;padding:11px 16px calc(11px + env(safe-area-inset-bottom));background:#061522f5;border-top:1px solid #196486;box-shadow:0 -8px 25px #0005}.mobile-total span{font-size:11px}.mobile-total strong{display:block;color:var(--blue);font-size:20px;line-height:1.2}.mobile-total small{display:block;font-size:10px}.mobile-total a{font-size:13px;font-weight:bold;background:var(--blue);color:#02101c;padding:12px 16px;border-radius:6px}body{padding-bottom:90px}.faq{margin:30px 0}.hero-controller{height:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.mobile-total,.skip-link{display:none!important}body{padding-bottom:0}}

.cleaning-title{font-size:17px;margin:24px 0 12px}.cleaning-addon{padding:14px;border:1px solid var(--line);border-radius:8px;margin-top:14px}.cleaning-addon small{display:block;margin-top:5px}.summary #minimum-note{font-size:11px;line-height:1.5}.model-art.joycon,.model-art.switch-pro,.model-art.xbox-elite{background:none;display:grid;place-items:center;color:var(--blue);font-weight:bold;font-size:13px}.model-art.joycon:after{content:'Joy-Con'}.model-art.switch-pro:after{content:'Switch Pro'}.model-art.xbox-elite:after{content:'Elite'}

.service-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 22px}.mode-card{position:relative;display:flex;flex-direction:column;padding:17px 12px;border:1px solid var(--line);border-radius:9px;cursor:pointer;background:#091724;gap:6px}.mode-card input{position:absolute;right:8px;top:8px}.mode-card strong{font-size:13px;padding-right:18px}.mode-card small{font-size:11px}.mode-card:has(input:checked){border-color:var(--blue);background:#031f32;box-shadow:inset 0 0 0 1px var(--blue)}.mode-card:has(input:focus-visible){outline:3px solid white;outline-offset:3px}.option-title{font-size:15px;margin:12px 0}.option-title span{font-size:10px;color:var(--muted);font-weight:normal;margin-left:8px}.optional-panel{margin-top:20px;padding:14px 16px;background:#071b28;border:1px solid #214354;border-radius:9px}.optional-panel .field{margin-top:4px}.optional-panel .field>select{margin-top:6px}.optional-panel h3{margin:0 0 10px}.model-art.joycon,.model-art.switch-pro,.model-art.xbox-elite,.model-art.edge{background-size:contain;background-position:center;background-repeat:no-repeat;width:112px;height:66px}.model-art.joycon{background-image:url(models/joycon-cutout.png)}.model-art.switch-pro{background-image:url(models/switch-pro-cutout.png)}.model-art.xbox-elite{background-image:url(models/elite-cutout.png)}.model-art.edge{background-image:url(models/edge.png)}.model-art.joycon:after,.model-art.switch-pro:after,.model-art.xbox-elite:after{content:none}.model{min-height:155px}.models{grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.models{grid-template-columns:repeat(2,1fr)}.service-modes{grid-template-columns:1fr}.mode-card{padding:12px 14px}.mode-card strong{font-size:14px}.mode-card small{font-size:12px}.model-art.joycon,.model-art.switch-pro,.model-art.xbox-elite,.model-art.edge{width:106px}}

/* Einheitliche freigestellte Produktbilder */
.models .model-art:not(.other){display:block;width:112px;height:70px;background-size:contain;background-position:center;background-repeat:no-repeat}
.models .model-art.ps5{background-image:url(models/ps5.png)}
.models .model-art.ps4{background-image:url(models/ps4.png)}
.models .model-art.xbox-series{background-image:url(models/xbox-series-cutout.png)}
.models .model-art.xbox-one{background-image:url(models/xbox-one-cutout.png)}

.payment-panel{border:1px solid var(--line);border-radius:10px;padding:20px;margin:24px 0;background:#061927}.payment-panel h2{margin-top:0}.payment-panel .primary{max-width:100%;overflow-wrap:anywhere}.bank-payment{margin-top:22px}.bank-payment dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;margin:15px 0}.bank-payment dt{color:var(--muted)}.bank-payment dd{margin:0;overflow-wrap:anywhere}.payment-code{font-family:monospace;font-size:16px}.payment-confirmed{color:#72eab3}@media(max-width:600px){.bank-payment dl{grid-template-columns:1fr;gap:5px}.bank-payment dd{margin-bottom:12px}.payment-panel{padding:15px}}
