/* FormBude · Halloween Spezial · 27.10.–01.11. */
:root{--navy:#10283b;--navy2:#1d3b50;--blue:#277aaa;--cyan:#b5dff1;--ink:#233b4d;--muted:#657b8b;--paper:#f3f8fb;--line:#dbe7ee;--hw-gold:#d9b67d;--hw-pine:#345e60}
body.halloween{background:#f5f9fc;overflow-x:clip}
.halloween :focus-visible{outline:3px solid #3691bf!important;outline-offset:4px}
.halloween ::selection{background:#c7e7f3;color:#123047}
.halloween :is(.site-header,.header){background:#fffffff2;border-color:#dfeaf1;backdrop-filter:blur(16px)}
.halloween :is(.nav-cta,.button-primary,.primary){background:#246c98;border-color:#246c98;box-shadow:0 5px 18px #194a6b15}
.halloween :is(.nav-cta,.button-primary,.primary):hover{background:#1b567c;box-shadow:0 6px 22px #194a6b28}
.halloween .hero{background:radial-gradient(ellipse at 76% 36%,#45799165,transparent 60%),linear-gradient(125deg,#102638,#183a4f 65%,#1f4658);min-height:650px}
.halloween .hero:after{background:#b8e2ef;opacity:.09;filter:blur(90px)}
.halloween .hero-grid{background-image:linear-gradient(#d8f1ff08 1px,transparent 1px),linear-gradient(90deg,#d8f1ff08 1px,transparent 1px);background-size:54px 54px}
.halloween .hero h1{color:#f5fbff}.halloween :is(.hero h1 span,.section h2 span){color:#b5dcea}
.halloween .hero .eyebrow{color:#dbc497}.halloween .pulse{background:#f0d09b;box-shadow:0 0 0 5px #f0d09b15,0 0 15px #f0d09b44}
.halloween .hero-lead{color:#bfd0db}.halloween .hero-facts strong{color:#e4c68f}.halloween .hero-facts span{color:#a9c0cf}
.halloween :is(.floating-label,.label-top,.label-bottom){background:#153245db;border-color:#cde9f52b;color:#e2f0f8}
.halloween .label-dot{background:#e0c38e;box-shadow:0 0 10px #d6b46c70}.halloween .mini-cube{color:#d6c29e}
.halloween .hero-object{width:min(92%,410px);z-index:3;filter:drop-shadow(0 26px 34px #00000025)}
.halloween .hero-object #faceA stop:first-child{stop-color:#bfdff2}.halloween .hero-object #faceA stop:last-child{stop-color:#75a9ce}
.halloween .hero-object #faceB stop:first-child{stop-color:#5184ad}.halloween .hero-object #faceB stop:last-child{stop-color:#284b6b}
.halloween .hero-object #faceC stop:first-child{stop-color:#e1f3ff}.halloween .hero-object #faceC stop:last-child{stop-color:#a0cbdf}
.halloween .hero-object path[stroke]{stroke:#cbe7f5}.halloween .hero-object .hw-ribbon path[stroke]{stroke:#ffdea6}
.halloween .orbit{border-color:#d2e9f227}.halloween .hero-bottom{color:#a7c1ce;border-color:#e3f4fc1c}
.halloween .art-caption{color:#aec7d5;font-size:8px;letter-spacing:.13em}.halloween .art-caption b{color:#e6c895}
.hw-halo{position:absolute;inset:35px 8% 40px;border:1px solid #d9edf02b;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#caedf018,transparent 70%);box-shadow:inset 0 0 60px #b6d9e806,0 0 0 20px #bcdae903,0 0 0 65px #bcdae902}
.hw-snowbank{position:absolute;bottom:20px;left:1%;width:100%;height:80px;border-radius:50%;background:radial-gradient(ellipse at center,#cfecf421,#cbeaf408 65%,transparent 70%);filter:blur(2px)}
.hw-fir{position:absolute;bottom:64px;color:#31565d;z-index:2;pointer-events:none}.hw-fir-one{width:120px;left:8px;transform:rotate(-5deg)}.hw-fir-two{width:85px;right:12px;bottom:48px;opacity:.7}
.hw-spark{position:absolute;color:#e1c58f;pointer-events:none;animation:hw-sparkle 7s ease-in-out infinite}.hw-spark-one{width:85px;top:34px;left:50px}.hw-spark-two{width:48px;top:32px;right:45px;animation-delay:-3s;opacity:.55}.hw-hero-flake{position:absolute;bottom:70px;right:65px;width:32px;color:#dfedf6;opacity:.4;animation:hw-turn 36s linear infinite}
.hw-promo{position:relative;z-index:6;display:flex;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:7px 20px;background:#e9f2f6;border-bottom:1px solid #cbdfe8;color:#24475d;font-size:11px}
.hw-mini-flake{display:flex;width:23px;color:#6c9bb4}.hw-mini-flake svg{width:100%}.hw-promo-name{font-weight:700;letter-spacing:.02em}.hw-promo-name b{font-variant-numeric:tabular-nums;font-weight:400;color:#567588;margin-left:12px}
.hw-promo button{display:flex;align-items:center;gap:15px;padding:0 0 0 18px;min-height:27px;border:0;border-left:1px solid #bfd4df;background:transparent;color:#274d66;font:inherit;cursor:pointer}.hw-promo button strong{font:700 11px/1.5 monospace;letter-spacing:.09em}.hw-promo button strong span{margin-left:6px;color:#8b6b40}
.halloween :is(.services-section,.proof-strip){background:#fbfdff}.halloween :is(.gallery-section,.calculator-section){background:#edf5f8}
.halloween :is(.service-card,.material-guide-card,.card,.preview-card){border-color:#d4e4ed;box-shadow:0 8px 30px #234a6308}
.halloween .service-card.featured{background:linear-gradient(130deg,#203e50,#214b57);border-color:#375f6b}
.halloween :is(.featured .card-link,.featured .service-number,.featured .service-icon){color:#e2c89e}
.halloween :is(.service-icon,.proof-icon,.number){color:#417996;background:#e3f0f6}.halloween .featured .service-icon{background:#3b6065}
.halloween .proof-strip-inner{background:linear-gradient(120deg,#fff,#edf6fa,#fff);border-color:#d4e5ee}
.halloween .proof-number{color:#233e52}.halloween .proof-stars{color:#bb9456}.halloween .process-section{background:linear-gradient(120deg,#183548,#244a56)}.halloween .step-no{color:#ddc79c}
.halloween .intro-tags span{background:#e9f3f8;border-color:#d4e5ee;color:#4f7489}.halloween .header-note{color:#537a91}
.halloween .price-card{background:linear-gradient(120deg,#1e3b50,#294c5a);border-color:#294e5e}.halloween .price-card .number{color:#e2d3b6;background:#365968}.halloween .price-card .total :is(dt,dd){color:#e8d1a8}
.halloween .viewer{background:radial-gradient(ellipse at 50% 40%,#faffff,#e5f0f6 85%)}.halloween .viewer::before{background-image:linear-gradient(#6ba3bf0c 1px,transparent 1px),linear-gradient(90deg,#6ba3bf0c 1px,transparent 1px)}
.halloween .viewer.night-preview{background:radial-gradient(ellipse at 50% 40%,#213c31,#0b1420)}
.halloween .coupon-card{border-color:#b1cbd6;background:linear-gradient(135deg,#fff,#f4f9fa)}
.halloween .site-footer{background:#102737}.halloween :is(.footer,.site-footer){padding-bottom:65px}
.hw-snowfall{position:fixed;inset:0;z-index:35;pointer-events:none;overflow:hidden;contain:strict}.hw-snowfall i{position:absolute;top:-12px;left:var(--hw-x);width:var(--hw-size);height:var(--hw-size);border-radius:50%;background:#95bdd38c;box-shadow:0 0 2px #fff6;animation:hw-fall var(--hw-time) var(--hw-delay) linear infinite;will-change:transform}.hw-snowfall i:nth-child(3n){background:#e9faffc7;box-shadow:0 0 3px #b4cfdf90}.hw-snowfall i:nth-child(7n){filter:blur(1px)}.hw-snowfall[hidden]{display:none}.hw-snowfall.is-paused i{animation-play-state:paused}
.hw-tools{position:fixed;bottom:17px;left:17px;z-index:40;display:flex;align-items:center;gap:7px}.hw-tools button{min-height:37px;border-radius:9px;cursor:pointer;font:600 10px/1.4 Arial,sans-serif;box-shadow:0 3px 15px #1230440d;backdrop-filter:blur(12px)}.hw-gift{display:flex;align-items:center;gap:7px;background:#17394aee;color:#f5ead4;border:1px solid #658a9c;padding:8px 12px}.hw-gift svg{width:19px;height:19px;color:#b9dce9}.hw-snow-toggle{border:1px solid #bccfd9;background:#ffffffed;color:#4b697f;padding:9px 11px}
.hw-dialog{position:fixed;inset:0;padding:0;border:1px solid #dcebf2;border-radius:22px;background:#f9fcfe;color:#233b4d;width:min(880px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 30px 140px #0c253a55;font-family:'DM Sans',Arial,Helvetica,sans-serif}
.hw-dialog[open]{display:grid;grid-template-columns:.88fr 1fr;animation:hw-arrive .6s cubic-bezier(.16,1,.3,1) both}.hw-dialog::backdrop{background:#0a2337bf;backdrop-filter:blur(7px)}.hw-modal-open{overflow:hidden}
.hw-dialog-scene{position:relative;overflow:hidden;min-height:560px;background:radial-gradient(ellipse at 50% 35%,#4e829b55,transparent 75%),linear-gradient(150deg,#1c3d53,#102e3e 70%);display:grid;place-items:center}
.hw-scene-halo{position:absolute;top:16%;left:5%;width:90%;aspect-ratio:1;border:1px solid #d5eef01b;border-radius:50%;box-shadow:0 0 0 35px #d5eef006,0 0 0 70px #d5eef003}
.hw-scene-spark{position:absolute;top:45px;right:35px;width:68px;color:#d7b573;opacity:.55;animation:hw-sparkle 7s ease-in-out infinite}.hw-globe{position:relative;width:100%;max-width:390px;transform:translateY(6px);filter:drop-shadow(0 15px 22px #071b2866)}.hw-globe svg{display:block;width:100%;height:auto}.hw-scene-label{position:absolute;bottom:34px;left:15px;right:15px;text-align:center;font:8px/1.5 monospace;letter-spacing:.11em;color:#c1d7df}
.hw-close{position:absolute;top:13px;right:13px;z-index:2;display:grid;place-items:center;width:33px;height:33px;border:1px solid #c9dce6;border-radius:50%;background:#f2f8fc;color:#426279;font-size:25px;line-height:1;cursor:pointer}
.hw-dialog-copy{padding:45px 34px 28px}.hw-kicker{display:flex;flex-wrap:wrap;gap:8px 13px;margin:0 0 19px;font:700 9px/1.5 monospace;letter-spacing:.12em;color:#4d7a90}.hw-kicker span{color:#927247;letter-spacing:.04em}
.hw-dialog h2{font:600 clamp(29px,3.4vw,40px)/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-1.5px;margin:0 0 16px;color:#223b51}.hw-dialog h2 em{font-style:normal;color:#4a829d}
.hw-offer-number{margin:0 0 17px;color:#274e65;font:600 36px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-1px}.hw-offer-number span{font:400 12px/1.4 Arial,sans-serif;letter-spacing:0;vertical-align:middle;color:#68818f;margin-left:6px}
.hw-dialog #hw-description{font-size:12px;line-height:1.8;color:#657e8d;margin:0 0 20px;max-width:350px}
.hw-code{display:grid;grid-template-columns:1fr auto;gap:7px;width:100%;padding:14px 16px;background:#eaf3f8;border:1px dashed #9ebbc9;border-radius:10px;text-align:left;cursor:pointer;color:#244e69}.hw-code>span{grid-column:1/-1;color:#6b8998;font:8px/1.4 monospace;letter-spacing:.14em}.hw-code strong{font:700 25px/1.1 monospace;letter-spacing:.13em}.hw-code small{align-self:center;color:#648296;font-size:10px}.hw-code small span{margin-left:5px}
.hw-claim{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 16px;border:1px solid #1e536f;background:#245c7b;color:white;border-radius:10px;font-size:12px;font-weight:700;margin-top:12px;cursor:pointer;box-shadow:0 4px 16px #245c7b18}.hw-claim:hover{background:#194962}.hw-claim>span{color:#e1c795;font-size:18px}
.hw-skip{display:block;border:0;background:none;color:#657f91;font-size:10px;text-decoration:underline;text-underline-offset:4px;margin:18px auto;cursor:pointer}.hw-fine{font-size:8px!important;line-height:1.65;color:#81949f!important;text-align:center;margin:15px 0 0!important}.hw-status{font-size:11px;line-height:1.7;color:#386551;margin:10px 0 0}.hw-status:empty{display:none}
@keyframes hw-fall{from{transform:translate3d(0,-20px,0)}to{transform:translate3d(var(--hw-drift),calc(100dvh + 30px),0)}}@keyframes hw-sparkle{0%,100%{opacity:.25;transform:scale(.92) rotate(-3deg)}50%{opacity:.8;transform:scale(1.04) rotate(3deg)}}@keyframes hw-turn{to{transform:rotate(360deg)}}@keyframes hw-arrive{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.hw-still :is(.hw-spark,.hw-scene-spark,.hw-hero-flake){animation:none!important}
@media(max-width:680px){.halloween .hero{min-height:0}.halloween .hero-object{width:min(92%,350px)}.hw-halo{inset:15px 9% 24px}.hw-fir-one{width:85px;bottom:40px;left:0}.hw-fir-two{width:65px;right:4px;bottom:30px}.hw-spark-one{top:10px;left:38px;width:60px}.hw-spark-two{right:35px;top:22px;width:33px}.hw-hero-flake{width:25px;bottom:50px;right:48px}.hw-snowbank{bottom:20px}.halloween .art-caption{font-size:7px}.hw-promo{gap:9px;min-height:49px;padding:8px 13px;font-size:10px}.hw-mini-flake{width:18px;flex:none}.hw-promo-name{display:flex;flex-direction:column;gap:1px}.hw-promo-name b{margin:0;font-size:9px}.hw-promo button{padding-left:12px;gap:8px;font-size:9px}.hw-promo button strong{font-size:10px;letter-spacing:.05em}.hw-promo button strong span{margin:0}.hw-tools{left:10px;bottom:10px;gap:5px}.hw-tools button{font-size:9px;min-height:35px}.hw-gift{padding:7px 10px}.hw-gift svg{width:17px;height:17px}.hw-snow-toggle{padding:9px 10px}.hw-dialog{width:calc(100vw - 28px);max-width:430px;max-height:calc(100dvh - 28px);border-radius:17px}.hw-dialog[open]{grid-template-columns:1fr}.hw-dialog-scene{height:175px;min-height:175px}.hw-globe{width:180px;transform:translateY(-15px)}.hw-scene-halo{width:170px;top:2px;left:calc(50% - 85px)}.hw-scene-spark{width:45px;top:18px;right:22%;}.hw-scene-label{bottom:12px;font-size:6px;letter-spacing:.09em}.hw-close{background:#ffffffd9;border-color:#d7e9ee}.hw-dialog-copy{padding:23px 25px 20px}.hw-kicker{font-size:8px;margin-bottom:12px}.hw-dialog h2{font-size:32px;margin-bottom:13px;letter-spacing:-1.2px}.hw-offer-number{font-size:31px;margin-bottom:13px}.hw-offer-number span{font-size:11px}.hw-dialog #hw-description{font-size:11px;margin-bottom:16px}.hw-code{padding:12px 14px}.hw-code strong{font-size:22px}.hw-claim{padding:13px 14px}.hw-skip{margin:14px auto}.hw-fine{font-size:7px!important;margin-top:12px!important}}
@media(max-width:360px){.hw-promo button>span{display:none}.hw-dialog-copy{padding:20px}.hw-code strong{font-size:20px}.hw-dialog h2{font-size:29px}}
@media(max-height:700px) and (max-width:680px){.hw-dialog-scene{height:115px;min-height:115px}.hw-globe{width:125px;transform:translateY(-12px)}.hw-scene-label{bottom:7px;font-size:5px}.hw-dialog-copy{padding:18px 24px}.hw-dialog h2{font-size:28px}.hw-kicker{margin-bottom:9px}.hw-offer-number{font-size:27px;margin-bottom:10px}.hw-dialog #hw-description{margin-bottom:12px}.hw-code{padding:10px 12px}.hw-skip{margin:12px auto}}
@media(prefers-reduced-motion:reduce){.hw-snowfall{display:none!important}.hw-spark,.hw-hero-flake,.hw-scene-spark,.hw-dialog{animation:none!important}}
/* Halloween: dunkles Studio, Orange, Spinnen und Netze. */
:root{color-scheme:dark;--navy:#130f17;--navy2:#201722;--blue:#ff8a35;--cyan:#ffb765;--ink:#f5eee7;--muted:#b1a6b6;--paper:#100d13;--line:#392a3b;--white:#1b151f}
body.halloween{background:#100d13;color:#fff0df}
.halloween :focus-visible{outline-color:#ffbd79!important}.halloween ::selection{background:#fb823d;color:#180d13}
.halloween :is(.site-header,.header){background:#151019f2;border-color:#3a2838}
.halloween :is(.brand-logo,.logo){display:block;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;box-sizing:border-box;height:66px;width:auto;max-width:235px;object-fit:contain}
.halloween .navigation{color:#c9bdce}.halloween .navigation>a:not(.nav-cta):hover{color:#ffad63}
.halloween :is(.nav-cta,.button-primary,.primary){background:#ff8738;color:#1a0e12;border-color:#ff8738;box-shadow:0 6px 24px #ff7c1820}
.halloween :is(.nav-cta,.button-primary,.primary):hover{background:#ffad65;box-shadow:0 8px 30px #ff7c183a}
.halloween :is(.nav-cta,.button-primary,.primary) span{color:#24121c}
.halloween :is(.text-link,.back,.footer-email){color:#e7ccbb}.halloween .menu-toggle span{background:#ffaf75}
.halloween .hero{background:radial-gradient(ellipse at 77% 45%,#65312450,transparent 50%),linear-gradient(130deg,#16101d,#1e1321 60%,#24121b)}
.halloween .hero-grid{background-image:linear-gradient(#fa8c4810 1px,transparent 1px),linear-gradient(90deg,#fa8c4810 1px,transparent 1px)}
.halloween .hero:after{background:#fa7922;opacity:.13;filter:blur(110px)}
.halloween .hero h1{color:#fff1df}.halloween :is(.hero h1 span,.section h2 span,h1 span){color:#ffad66}
.halloween :is(.hero .eyebrow,.eyebrow,.process-intro .eyebrow){color:#ffab67}
.halloween .pulse{background:#ff903d;box-shadow:0 0 0 5px #ff903d18,0 0 20px #ff903d60}
.halloween :is(.hero-lead,.process-intro>p:not(.eyebrow),.process-steps p){color:#bfb0c4}
.halloween :is(.hero-facts strong,.step-no,.mini-cube,.text-link span){color:#ffae66}
.halloween :is(.hero-facts span,.hero-bottom,.art-caption){color:#aa96af}
.halloween .hero-bottom{border-color:#ffffff16}.halloween .art-caption{font-size:10px;letter-spacing:2px}.halloween .art-caption b{color:#e9c3a6}
.halloween .hero-object{filter:drop-shadow(0 20px 45px #ff812033);width:min(92%,410px);z-index:3}
.halloween .hero-object #faceA stop:first-child{stop-color:#ffb466}.halloween .hero-object #faceA stop:last-child{stop-color:#e05622}
.halloween .hero-object #faceB stop:first-child{stop-color:#a44727}.halloween .hero-object #faceB stop:last-child{stop-color:#482633}
.halloween .hero-object #faceC stop:first-child{stop-color:#ffe2ab}.halloween .hero-object #faceC stop:last-child{stop-color:#ff9a49}
.halloween .hero-object path[stroke]{stroke:#ffcc91}.halloween .hero-object circle{fill:#ffbb6b}.halloween .hero-object ellipse{fill:#f6822e}
.halloween .orbit{border-color:#ef895b35}.halloween .floating-label{background:#241822db;color:#edc6a5;border-color:#b37a4f50}.halloween .label-dot{background:#ffb270;box-shadow:0 0 12px #ff8a35}
.hw-moon{position:absolute;width:330px;height:330px;top:50%;left:50%;transform:translate(-50%,-53%);border-radius:50%;background:radial-gradient(circle at 36% 32%,#fff4bf,#efa750 62%,#c16135);box-shadow:0 0 0 22px #ffae3d06,0 0 0 70px #ffae3d03,0 0 100px #ff9b2530;opacity:.6}
.hw-hero-spider{position:absolute;inset:0;z-index:2;color:#0c090f;filter:drop-shadow(0 0 1px #e5a865);transform:rotate(-14deg) scale(1.12);pointer-events:none}.hw-hero-spider svg{width:100%;height:100%}
.hw-legs{transform-origin:150px 130px;animation:hw-legs 4s ease-in-out infinite alternate}.hw-legs-b{animation-delay:-2s}
.hw-bat{position:absolute;width:75px;z-index:4;color:#100c16;filter:drop-shadow(0 0 1px #c68655);pointer-events:none}.hw-bat-one{top:45px;left:20px;transform:rotate(-18deg);animation:hw-bat-float 8s ease-in-out infinite}.hw-bat-two{top:68px;right:45px;width:43px;animation:hw-bat-float 7s 1s ease-in-out infinite}.hw-bat-three{bottom:80px;right:0;width:54px;transform:rotate(15deg)}
.halloween :is(.services-section,.proof-strip){background:#100d13}.halloween :is(.gallery-section,.calculator-section){background:#16111b}
.halloween :is(.service-card,.material-guide-card,.proof-strip-inner,.card,.preview-card){background:#1c1621;border:1px solid #3c2b40;box-shadow:0 10px 30px #00000014}
.halloween :is(.service-card,.material-guide-card,.card,.preview-card){position:relative}
.halloween .service-card.featured{background:linear-gradient(135deg,#3b2026,#201522);border-color:#a5623c}
.halloween :is(.service-icon,.proof-icon,.number){background:#47281f;color:#ffae68}
.halloween :is(.service-card p,.material-guide-card p,.material-guide-heading>p:last-child,.material-guide-note,.proof-label,.gallery-meta p,.section-heading>p){color:#b4a5ba}
.halloween :is(.material-guide-top h4,.material-guide-heading h3,.proof-number){color:#f6e6d7}
.halloween :is(.card-link,.featured .card-link,.featured .service-number){color:#ffb57b}.halloween .featured .service-icon{background:#203d5b;color:#ffb57b}
.halloween .service-number{color:#a392ac}.halloween .fine-print{color:#a593ad}.halloween .proof-strip-inner{background:linear-gradient(120deg,#221721,#19131e,#221721)}.halloween .proof-item+.proof-item{border-color:#473140}.halloween .proof-stars{color:#ffac50}
.halloween .gallery-visual{border:1px solid #68402f;background:#241a22}.halloween .gallery-image{filter:sepia(.23) saturate(.9) brightness(.8)}.halloween .visual-index{color:#291a21;background:#ffbf88e6;padding:4px 8px;border-radius:4px}
.halloween .arrow-circle{color:#ffba85;border-color:#735244}.halloween .process-section{background:#211522}.halloween .button-light{background:#f4d6bb;color:#291a21}.halloween .button-light span{color:#8e4724}
.halloween .site-footer{background:#0d0a10}.halloween :is(.footer-bottom,.footer-main>p span){color:#aa98b2}.halloween .footer-bottom a{color:#d9c7df}
.halloween .intro-tags span{background:#2d202a;color:#ddc0b6;border-color:#604135}.halloween .intro .eyebrow span,.halloween .preview-header i{background:#ff963f;box-shadow:0 0 12px #ff963f70}.halloween .header-note{color:#e1a46c}
.halloween :is(.tabs button,.small-button,.delivery-options button,.mode,.color-choice,.radius-controls button){color:#d7c8d8;background:#251b2a;border-color:#50394f}
.halloween :is(.tabs button[aria-selected=true],.delivery-options button[aria-pressed=true],.color-choice[aria-pressed=true]){background:#45291f;color:#ffe6d0;border-color:#ff9b56;box-shadow:inset 0 0 0 1px #ff9b5640}
.halloween .mode button[aria-pressed=true]{color:#ffd0a3;background:#563024}.halloween .color-choice:hover{background:#3b292e;border-color:#bc784d}.halloween .color-choice[aria-pressed=true]::after{background:#ff994c;color:#251020}
.halloween :is(.field input:not([type=range]),.address-form input,.coupon-controls input,select,textarea){background:#120f17;color:#f4e9ef;border-color:#553b54}
.halloween :is(input,textarea)::placeholder{color:#a89aac}.halloween input[type=range],.halloween input[type=checkbox]{accent-color:#ff9e50}
.halloween :is(.dropzone,.standard-info,.express,.address-summary){background:#211925;border-color:#63432e}.halloween .dropzone:hover,.halloween .dropzone.drag-over{background:#35231f;border-color:#ff9b56}
.halloween .secondary{background:#2e202b;color:#ffbe88;border-color:#674339}.halloween :is(.status.good,.discount-row dt,.discount-row dd){color:#c1e5a7}.halloween .status.bad{color:#ff979a}.halloween .error{color:#ffc6c6;background:#4d202e}.halloween .notice{color:#fbd3a2;background:#3d2920;border-color:#9b663e}
.halloween .price-card{background:linear-gradient(130deg,#3a2023,#211725);border-color:#805234}.halloween .price-card .number{color:#ffc486;background:#593323}.halloween .price-card :is(.breakdown dt,.price-note,.weight-line,.tax-note){color:#ddc9db}.halloween .price-card .total :is(dt,dd){color:#ffb769}.halloween .tag{border-color:#855132;color:#ffc085}
.halloween .preview-card{position:relative}.halloween .viewer{background:radial-gradient(ellipse at 50% 40%,#342332,#170f20 85%)}.halloween .viewer::before{background-image:linear-gradient(#ff9c4010 1px,transparent 1px),linear-gradient(90deg,#ff9c4010 1px,transparent 1px)}
.halloween .viewer-placeholder{background:#21152ee8}.halloween :is(.viewer-placeholder strong,.how-note strong){color:#ffbd87}.halloween .viewer-badge{background:#1d1424db;border-color:#644738;color:#ecc6aa}.halloween .plate-info{color:#d0af9a}.halloween .coupon-card{background:#221823;border-color:#805234}
.halloween .distance-info{color:#ffd2ad;background:#382523;border-color:#895637}.halloween .viewer.night-preview{background:radial-gradient(ellipse at 50% 40%,#213c31,#0b1420)}
.halloween :is(.cookie-banner,.cookie-settings){background:#231a28;color:#ffefdc;border-color:#71503b}.halloween :is(.cookie-banner p,.cookie-settings p){color:#cbbbd0}.halloween .cookie-actions button{background:#342333;color:#ffe1c3;border-color:#826047}.halloween .cookie-actions .cookie-primary{background:#ff9346;color:#21111d;border-color:#ff9346}
.hw-promo{background:#251622;border-color:#6c3b3259;color:#e8c7ad}.hw-mini-flake{color:#e0a163}.hw-promo-name b{color:#dfbba5}.hw-promo button{border-color:#725044;color:#e8c7ad}.hw-promo button strong{color:#ffd1a7}.hw-promo button strong span{color:#ff963e}
.hw-gift{border-color:#b96c36;background:#2d1922eb;color:#ffd6ac}.hw-gift svg{color:#ff9548}.hw-effects{border:1px solid #584156;background:#1a131fe8;color:#bcabbf;padding:9px 11px}
.hw-dialog{background:#1b1321;color:#f7e7d8;border-color:#9c613e;box-shadow:0 30px 140px #0009,0 0 80px #ff76201b}.hw-dialog::backdrop{background:#09060dea;backdrop-filter:blur(9px)}
.hw-dialog-scene{background:radial-gradient(ellipse at 50% 35%,#67352660,transparent 75%),#170f1c;border-right:1px solid #76472e45}
.hw-dialog-moon{position:absolute;top:85px;left:50%;transform:translateX(-50%);width:220px;height:220px;background:radial-gradient(circle at 35% 30%,#ffe9a7,#eaa34f 70%,#b65f36);border-radius:50%;box-shadow:0 0 80px #ff95262b}
.hw-dialog-web{position:absolute;top:0;left:0;width:190px;color:#d1b0a4;opacity:.35}.hw-dialog-spider{position:absolute;inset:35px -15px 100px;color:#100b14;filter:drop-shadow(0 0 1px #ff9c4f)}.hw-dialog-spider svg{width:100%;height:100%}.hw-dialog-bat{width:65px;position:absolute;top:45px;right:20px;transform:rotate(15deg);color:#100a14}.hw-scene-label{color:#ae8c9c}
.hw-close{background:#2b1c2c;border-color:#6a4b52;color:#e9cfba}.hw-kicker{color:#e1a675}.hw-kicker span{color:#e2b994}.hw-dialog h2{color:#fff0df}.hw-dialog h2 em{color:#ff9b52}.hw-offer-number{color:#ffb16c}.hw-offer-number span{color:#ccb4c6}.hw-dialog #hw-description{color:#baa6c1}
.hw-code{background:#2b1b29;border-color:#ac683f;color:#ffbd7d}.hw-code>span{color:#be9ea9}.hw-code small{color:#d7b3ac}.hw-claim{background:#ff913c;color:#211019;border-color:#ffb36b;box-shadow:0 4px 30px #ff8c1920}.hw-claim:hover{background:#ffb56d}.hw-claim>span{color:#211019}.hw-skip{color:#c7b4cd}.hw-fine{color:#a88fb0!important}.hw-status{color:#d5e4b2}
.hw-decor{position:fixed;inset:0;pointer-events:none;z-index:25;overflow:hidden}.hw-web{position:absolute;top:0;width:clamp(110px,15vw,235px);color:#b4a1b4;opacity:.28}.hw-web-left{left:0}.hw-web-right{right:0;transform:scaleX(-1)}
.hw-hanger{position:absolute;top:0;width:64px;color:#0b090e;filter:drop-shadow(0 1px 1px #9e674b);transform-origin:top center;animation:hw-hang 9s ease-in-out infinite}.hw-hanger i{height:115px;width:1px;background:linear-gradient(#d9bec470,#d9bec420);display:block;margin:auto}.hw-hanger svg{display:block;width:100%;margin-top:-3px}.hw-hanger-left{left:10px;animation-delay:-4s}.hw-hanger-right{right:18px;width:80px}.hw-hanger-right i{height:220px}
.hw-fog{position:absolute;left:-30%;right:-30%;bottom:-30px;height:140px;background:radial-gradient(ellipse at 20% 100%,#b38fbd16,transparent 65%),radial-gradient(ellipse at 70% 100%,#9b758c18,transparent 60%);filter:blur(20px);animation:hw-fog 30s ease-in-out infinite alternate}
.hw-scare{position:fixed;inset:0;z-index:9500;pointer-events:none;display:none;place-items:center;background:radial-gradient(ellipse,#2e0e1bb8,#06040ced);overflow:hidden}.hw-scare.is-active{display:grid;animation:hw-scare-bg 1.4s ease-out both}.hw-scare-creature{color:#07050b;width:min(95vw,950px);filter:drop-shadow(0 0 5px #fca453);animation:hw-lunge 1.4s cubic-bezier(.2,.8,.2,1) both}.hw-scare-creature svg{width:100%;height:100%;max-height:95vh}.hw-scare span{position:absolute;bottom:12%;color:#ffc188;font:bold clamp(14px,3vw,25px)/1 monospace;letter-spacing:.2em;text-shadow:0 0 20px #ff6247;animation:hw-lunge 1.4s ease-out both}
@keyframes hw-legs{from{transform:rotate(-3deg)}to{transform:rotate(4deg)}}@keyframes hw-hang{0%,100%{transform:translateY(-12px) rotate(-3deg)}50%{transform:translateY(28px) rotate(4deg)}}@keyframes hw-fog{from{transform:translateX(-6%)}to{transform:translateX(9%)}}@keyframes hw-bat-float{0%,100%{translate:0 0}50%{translate:8px -13px}}@keyframes hw-lunge{0%{opacity:0;transform:scale(.12) rotate(-18deg)}15%{opacity:1;transform:scale(1.14) rotate(6deg)}65%{opacity:1;transform:scale(1.2) rotate(-3deg)}100%{opacity:0;transform:scale(1.6) rotate(-10deg)}}@keyframes hw-scare-bg{0%,100%{opacity:0}15%,70%{opacity:1}}
.hw-still :is(.hw-hanger,.hw-fog,.hw-bat,.hw-legs,.hero-object){animation:none!important}.hw-still .hw-scare{display:none!important}
@media(max-width:680px){.halloween .navigation{background:#201625;border-color:#54354b}.halloween .art-caption{font-size:9px}.hw-moon{width:255px;height:255px}.hw-hero-spider{inset:-10px 0 0}.hw-bat-one{top:12px;left:15px;width:55px}.hw-bat-two{top:35px;right:38px;width:34px}.hw-web{width:120px;opacity:.2}.hw-hanger-left{width:34px;left:-5px}.hw-hanger-left i{height:130px}.hw-hanger-right{width:40px;right:-6px}.hw-hanger-right i{height:70px}.hw-dialog-scene{border-right:0;border-bottom:1px solid #76472e45}.hw-dialog-moon{width:130px;height:130px;top:25px}.hw-dialog-spider{inset:-25px 18% -45px;transform:rotate(-12deg)}.hw-dialog-web{width:130px}.hw-dialog-bat{width:55px;right:20%;top:15px}.hw-effects{padding:9px 10px}}
@media(max-height:700px) and (max-width:680px){.hw-dialog-moon{width:90px;height:90px;top:14px}.hw-dialog-spider{inset:-25px 22% -35px}}
@media(prefers-reduced-motion:reduce){.hw-decor *,.hw-bat,.hw-hero-spider *,.hw-dialog *,.hw-dialog{animation:none!important}.hw-scare{display:none!important}}
/* Sichtbare Spinnen vor dem Druckwürfel; alle Spinnen funktionieren auch per Tastatur. */
.hw-spider{appearance:none;display:block;padding:0;border:0;background:transparent;color:inherit;cursor:default;line-height:0;min-height:0;border-radius:0;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.hw-spider svg{display:block;width:100%;height:100%}
.halloween .hw-hero-spider{z-index:5;inset:-64px 7% 75px;color:#0c090f;transform:translateY(-12px) rotate(-12deg) scale(1.02);filter:drop-shadow(0 0 1px #e5a865);pointer-events:auto}
.hw-hanger .hw-spider{width:100%;height:auto;color:#0b090e}
.hw-hanger .hw-spider svg{height:auto}.hw-dialog-spider{z-index:2;color:#100b14}.hw-dialog-moon{top:65px}.hw-dialog-spider{inset:5px -10px 135px}
.hw-easter-hint{font-size:9px;line-height:1.6;color:#ac92af;text-align:center;margin:10px 0 0;letter-spacing:.01em}
.hw-prize .hw-code strong{font-size:18px;letter-spacing:.05em}.hw-prize .hw-dialog-moon{box-shadow:0 0 80px #ffb14a44}.hw-prize .hw-offer-number{color:#ffd18d}
/* Kürbisse mit warm leuchtenden Gesichtern. */
.hw-pumpkin{position:absolute;pointer-events:none;filter:drop-shadow(0 12px 16px #0005)}.hw-pumpkin svg{display:block;width:100%;height:auto}
.hw-pumpkin-hero{z-index:6;bottom:-30px;left:6%;width:100px;transform:rotate(-8deg)}.hw-pumpkin-hero-small{z-index:6;bottom:-24px;right:2%;width:66px;transform:rotate(9deg)}
.hw-pumpkin-dialog{bottom:54px;left:calc(50% - 42px);width:84px;z-index:3;filter:drop-shadow(0 0 15px #f98e2625)}
.hw-pumpkin-face{filter:drop-shadow(0 0 4px #ffac46);animation:hw-lantern 6s ease-in-out infinite}
.halloween :is(.site-footer,.footer){position:relative}.hw-pumpkin-patch{position:absolute;bottom:3px;right:3%;display:flex;align-items:flex-end;gap:1px;pointer-events:none}.hw-pumpkin-patch span{display:block;width:54px;filter:drop-shadow(0 0 12px #ff9b2018)}.hw-pumpkin-patch span:nth-child(2){width:74px}.hw-pumpkin-patch span:nth-child(3){width:42px;transform:rotate(10deg)}.hw-pumpkin-patch svg{display:block;width:100%;height:auto}
/* Besucher kreuzen die Bildschirmränder, ohne eine flächige Klicksperre zu bilden. */
.hw-roamers{position:fixed;inset:0;z-index:38;pointer-events:none;overflow:hidden}
.hw-roamer{position:absolute;display:block;box-sizing:border-box;width:66px;height:66px;padding:0;margin:0;color:#0b090e;filter:drop-shadow(0 0 1px #df925c);animation-duration:var(--hw-roam-time,17s);animation-timing-function:linear;animation-fill-mode:both;will-change:transform}
.hw-roamer-spider{pointer-events:auto}.hw-roamer-bat{width:74px;height:42px;pointer-events:none;color:#160e1c}.hw-roamer>svg{width:100%;height:100%;transform:rotate(var(--hw-facing,0deg))}
.hw-roamer-bat>svg{animation:hw-wing .45s ease-in-out infinite alternate;transform-origin:50% 45%}
.hw-route-bottom-right{left:-90px;bottom:78px;--hw-facing:-90deg;animation-name:hw-travel-right}
.hw-route-top-left{right:-90px;top:153px;--hw-facing:90deg;animation-name:hw-travel-left}
.hw-route-left-down{left:7px;top:-90px;--hw-facing:0deg;animation-name:hw-travel-down}
.hw-route-right-up{right:9px;bottom:-90px;--hw-facing:180deg;animation-name:hw-travel-up}
.hw-roamer-spider:hover,.hw-roamer-spider:focus-visible{animation-play-state:paused}
@keyframes hw-travel-right{from{transform:translateX(0)}to{transform:translateX(calc(100vw + 180px))}}
@keyframes hw-travel-left{from{transform:translateX(0)}to{transform:translateX(calc(-100vw - 180px))}}
@keyframes hw-travel-down{from{transform:translateY(0)}to{transform:translateY(calc(100dvh + 180px))}}
@keyframes hw-travel-up{from{transform:translateY(0)}to{transform:translateY(calc(-100dvh - 180px))}}
@keyframes hw-wing{from{transform:rotate(var(--hw-facing,0deg)) scaleY(.55)}to{transform:rotate(var(--hw-facing,0deg)) scaleY(1)}}
@keyframes hw-lantern{0%,100%{opacity:.78}50%{opacity:1}}
.hw-still .hw-pumpkin-face{animation:none!important}.hw-still .hw-roamers{display:none}
@media(max-width:680px){.halloween .hw-hero-spider{inset:-35px 7% 65px;transform:translateY(-5px) rotate(-12deg)}.hw-pumpkin-hero{width:73px;left:8%;bottom:12px}.hw-pumpkin-hero-small{width:48px;right:7%;bottom:8px}.hw-pumpkin-dialog{width:45px;bottom:5px;left:calc(50% - 22px)}.hw-dialog-spider{inset:-38px 18% -12px}.hw-dialog-moon{top:16px}.hw-easter-hint{font-size:8px;margin-top:9px}.hw-prize .hw-code strong{font-size:15px;letter-spacing:.03em}.hw-roamer{width:48px;height:48px}.hw-roamer-bat{width:56px;height:32px}.hw-route-left-down{left:1px}.hw-route-right-up{right:1px}.hw-route-top-left{top:135px}.hw-pumpkin-patch{right:12px}.hw-pumpkin-patch span{width:38px}.hw-pumpkin-patch span:nth-child(2){width:48px}.hw-pumpkin-patch span:nth-child(3){width:30px}}
@media(max-height:700px) and (max-width:680px){.hw-dialog-spider{inset:-30px 22% -10px}.hw-dialog-moon{top:7px}.hw-pumpkin-dialog{width:36px;bottom:1px}.hw-easter-hint{font-size:7px;margin-top:7px}}
@media(prefers-reduced-motion:reduce){.hw-roamers{display:none}.hw-pumpkin-face{animation:none!important}}
/* Gelenke und Flügel werden passend zur tatsächlichen Wegstrecke bewegt. */
.hw-articulated .hw-legs{animation:none!important;transform:none!important}
.hw-bat-rig{overflow:visible}.hw-bat-rig .hw-wing-membrane{stroke:currentColor;stroke-width:.6;stroke-linejoin:round}
.hw-roamer-curved{left:0;top:0;right:auto;bottom:auto;animation:none!important;transform-origin:50% 50%;transition:none!important}
.hw-roamer-curved>svg,.hw-roamer-bat.hw-roamer-curved>svg{transform:none;animation:none!important}
.hw-roamer-curved.hw-roamer-bat{width:82px;height:44px}
@media(max-width:680px){.hw-roamer-curved.hw-roamer-bat{width:62px;height:36px}}
/* Geister bleiben seltene Randbesucher und sehr dezente Hintergrundmotive. */
.halloween :is(.services-section,.preview-column){position:relative}
.hw-ghost-mark{position:absolute;width:72px;right:3%;top:35px;color:#a8a5c9;opacity:.09;pointer-events:none;z-index:0}
.hw-ghost-mark svg{display:block;width:100%;height:auto}
.preview-column>.hw-ghost-mark{width:46px;right:6px;top:2px;opacity:.13}
.hw-ghost-footer{left:5%;right:auto;top:auto;bottom:7px;width:36px;opacity:.14}
.hw-peeker{position:absolute;display:block;width:95px;height:125px;color:#c5c9e1;opacity:0;pointer-events:none;filter:drop-shadow(0 0 15px #d2dcf522);animation-duration:9s;animation-timing-function:ease-in-out;animation-fill-mode:both;transform-origin:50% 70%}
.hw-peeker svg{display:block;width:100%;height:100%}.hw-peeker-left{left:-2px;animation-name:hw-peek-left}.hw-peeker-right{right:-2px;animation-name:hw-peek-right}
@keyframes hw-peek-left{0%,100%{opacity:0;transform:translate(-100%,8px) rotate(-14deg)}25%,65%{opacity:.55;transform:translate(-35%,0) rotate(9deg)}45%{opacity:.62;transform:translate(-32%,-5px) rotate(12deg)}}
@keyframes hw-peek-right{0%,100%{opacity:0;transform:translate(100%,8px) rotate(14deg)}25%,65%{opacity:.55;transform:translate(35%,0) rotate(-9deg)}45%{opacity:.62;transform:translate(32%,-5px) rotate(-12deg)}}
.hw-still .hw-peeker{display:none}
@media(max-width:680px){.hw-ghost-mark{width:48px;right:5px;top:18px;opacity:.07}.hw-ghost-footer{width:28px;top:auto;bottom:9px;left:10px}.hw-peeker{width:65px;height:87px;opacity:.4}}
@media(prefers-reduced-motion:reduce){.hw-peeker{display:none}}

@media(max-width:680px){.hw-pumpkin-dialog{left:auto;right:14px;bottom:9px;width:40px}}
@media(max-height:700px) and (max-width:680px){.hw-pumpkin-dialog{width:32px;bottom:4px}}

/* Das transparente Saisonlogo steht direkt im Header, ohne weiße Logokarte. */
.halloween .site-footer .brand-logo{height:52px;width:auto;max-width:215px;background:transparent;padding:0;border-radius:0;box-shadow:none}
@media(max-width:680px){.halloween :is(.brand-logo,.logo){height:54px;max-width:190px}.halloween .site-footer .brand-logo{height:48px;max-width:190px}}