/* Compact controls, shared by the homepage, calculator and legal pages. */
.hw-tools{z-index:9600;max-width:calc(100vw - 24px)}
.hw-tools .hw-controls-open{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #765365;background:#201522f5;color:#f5e4db;font:600 12px/1.4 'DM Sans',sans-serif;min-height:44px}
.hw-controls-open>span{color:#ffab64;font-size:18px}.hw-controls-open.is-playing{border-color:#e89a58}
.hw-controls[hidden]{display:none!important}
.hw-controls{position:absolute;bottom:calc(100% + 12px);left:0;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid #79505a;border-radius:18px;background:#211723fa;color:#f9ede8;box-shadow:0 18px 55px #0006;backdrop-filter:blur(18px);font:13px/1.5 'DM Sans',sans-serif}
.hw-controls-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:21px}.hw-controls-kicker{font-size:8px;letter-spacing:1.8px;color:#e6a46e}.hw-controls h2{font:600 23px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.7px;margin:5px 0 0}
.hw-tools .hw-controls-close{flex:none;min-height:36px;width:36px;padding:0;border:1px solid #785666;background:#342331;color:#ffe7d6;font-size:24px;line-height:1;border-radius:50%;box-shadow:none}
.hw-control-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hw-control-row>div{min-width:0}.hw-control-row strong{display:block;font-size:12px}.hw-control-row small{display:block;font-size:10px;color:#c0aaba;line-height:1.6;margin-top:3px}
.hw-tools :is(.hw-music-toggle,.hw-effects){min-height:44px;min-width:92px;flex:none;padding:8px 10px;border:1px solid #775364;border-radius:9px;background:#31202f;color:#f4d9c7;font:600 11px/1.4 'DM Sans',sans-serif;box-shadow:none}
.hw-tools :is(.hw-music-toggle,.hw-effects)[aria-pressed="true"]{background:#f6a25c;color:#21121b;border-color:#f6a25c}
.hw-tools button:disabled{opacity:.55;cursor:default}.hw-volume-label{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:11px;color:#d9c4d1}.hw-volume-label output{color:#ffc18b;font-variant-numeric:tabular-nums}
#hw-volume{display:block;width:100%;min-height:38px;margin:2px 0 14px;accent-color:#f6a25c;cursor:pointer;touch-action:pan-y}
.hw-animation-row{border-top:1px solid #79556966;padding-top:16px}.hw-controls-note{font-size:10px;color:#c0aaba;line-height:1.7;margin:17px 0 0}.hw-music-status{font-size:11px;color:#ffcd9f;line-height:1.6;margin:8px 0 0}.hw-music-status:empty{display:none}
.hw-tools :is(button,input):focus-visible{outline:3px solid #ffd59e;outline-offset:4px}
.hw-still,.hw-still *,.hw-still *::before,.hw-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.hw-still :is(.scroll-reveal,.scroll-reveal-child,.proof-item){opacity:1!important;transform:none!important}
@media(max-width:680px){.hw-tools{left:12px;bottom:max(12px,env(safe-area-inset-bottom));gap:7px}.hw-tools .hw-gift{min-height:44px;font-size:10px}.hw-controls{padding:18px}.hw-tools .hw-controls-open{font-size:11px;padding:10px 12px}}

/* Einbindung in das gemeinsame Saisonpaket. */
.halloween :is(.studio-sample,.studio-only){display:none!important}
.halloween .studio-calculator-note{background:#2b1b2c;border-color:#78513f;box-shadow:8px 8px 0 #5a31521f}
.halloween .studio-calculator-note .studio-index{color:#e8ac76}
.halloween .header .logo{width:220px;height:68px;max-width:none;object-fit:contain}
.halloween .back{color:#e9c3a5}
.halloween .fb-consent{--cc-bg:#231a28;--cc-ink:#fff1df;--cc-muted:#cbbbd0;--cc-line:#65506b;--cc-accent:#ffad66;--cc-soft:#322338;border-color:#a66b3d;background:radial-gradient(ellipse at 100% 0,#71391b35,transparent 48%),var(--cc-bg);isolation:isolate}
.halloween .fb-consent::backdrop{background:#100a19bd}.halloween .fb-consent-brand{color:#ffb772}.halloween .fb-consent-actions button{color:#231322}
.halloween .fb-consent-save{color:var(--cc-ink)}
@media(max-width:680px){.halloween .header .logo{width:195px;height:58px}.halloween .hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.halloween .hero-facts>div{flex-direction:column;gap:6px}.halloween .hero-facts strong{white-space:nowrap}}
.legal-page.halloween{--legal-bg:#211725;--legal-ink:#f4e6d8;--legal-muted:#baa6be;--legal-accent:#ffad68;--legal-line:#654454;--legal-soft:#2d1e30;background:#17101d}.halloween .legal-back{color:#e9b994}.halloween .legal-content{box-shadow:none}