/* Halloween-Design (befristet). Gilt nur, wenn <html class="hw"> gesetzt ist (setzt halloween.js im Aktionszeitraum 20.10.–02.11.). Aus: AN=false in halloween.js. */
html.hw body{
  --ink:#FFD6A5;--text:#EDE3F8;--muted:#BDA9D8;--coral:#FF8A1F;--coral-d:#FFA94D;--peach:#3A1E64;--lav:#46257A;--lav-l:#3A1E64;--lav-d:#6B42A8;--line:#6B42A8;--ok:#7BE0A8;--ok-bg:#12382B;
  --hw-bg:#2C1649;--hw-card:#3A1E64;--hw-card2:#46257A;--hw-rand:#6B42A8;--hw-orange:#FF8A1F;--hw-slime:#A6E22E;--hw-on-orange:#1B0B2A;
}
html.hw body{
  color:var(--text);
  background-color:var(--hw-bg)!important;
  background-image:radial-gradient(circle at 88% 120px,rgba(255,160,60,.38) 0,rgba(255,160,60,.14) 150px,transparent 300px),linear-gradient(180deg,#3B1F69 0,#2C1649 520px)!important;
  background-size:100% 700px,100% 100%!important;background-repeat:no-repeat!important;background-attachment:scroll!important;
}
/* Sterne */
html.hw body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.7;
  background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 27% 62%,#ffe9c8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 41% 33%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 58% 80%,#ffe9c8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 73% 24%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 86% 58%,#ffe9c8 50%,transparent 51%),radial-gradient(1px 1px at 93% 90%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 5% 85%,#fff 50%,transparent 51%);}
/* Spinnennetze in den oberen Ecken */
html.hw body::after{content:"";position:absolute;top:0;left:0;right:0;height:190px;z-index:2;pointer-events:none;opacity:.30;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='%23d9c8f2' stroke-width='1'%3E%3Cpath d='M0 0 L120 0 M0 0 L0 120 M0 0 L110 60 M0 0 L60 110 M0 0 L95 95'/%3E%3Cpath d='M30 0 Q22 22 0 30 M55 0 Q40 40 0 55 M82 0 Q60 60 0 82 M108 0 Q80 80 0 108'/%3E%3C/svg%3E") left top/170px 170px no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='%23d9c8f2' stroke-width='1' transform='scale(-1,1)'%3E%3Cpath d='M0 0 L120 0 M0 0 L0 120 M0 0 L110 60 M0 0 L60 110 M0 0 L95 95'/%3E%3Cpath d='M30 0 Q22 22 0 30 M55 0 Q40 40 0 55 M82 0 Q60 60 0 82 M108 0 Q80 80 0 108'/%3E%3C/svg%3E") right top/170px 170px no-repeat;}
html.hw body .hw-leer{display:none}
@media(max-width:700px){html.hw body::after{background-size:110px 110px,110px 110px}}

/* Band ganz oben */
.hw-band{position:relative;z-index:36;background:linear-gradient(90deg,#FF8A1F,#E5560F 45%,#6B2FB3);color:#1B0B2A;text-align:center;font-weight:900;font-size:14.5px;padding:8px 12px;letter-spacing:.01em}
.hw-band b{color:#fff}.hw-band .k{display:inline-block;animation:hw-wackel 2.6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes hw-wackel{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
/* Fledermäuse */
.hw-bat{position:fixed;top:92px;left:-70px;width:46px;height:28px;z-index:34;pointer-events:none;opacity:.9;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 40'%3E%3Cpath fill='%23110620' d='M32 8c-2 0-3 3-4 5-3-2-7-4-12-3-3 1-6 3-9 6 4 0 6 1 8 3 1 1 1 3 2 4 2-1 4-1 5 1 1-2 3-3 5-1 1 2 3 4 5 8 2-4 4-6 5-8 2-2 4-1 5 1 1-2 3-2 5-1 1-1 1-3 2-4 2-2 4-3 8-3-3-3-6-5-9-6-5-1-9 1-12 3-1-2-2-5-4-5z'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 0 3px rgba(255,138,31,.55));animation:hw-flug 16s linear infinite}
.hw-bat:nth-of-type(2){top:150px;width:34px;height:21px;animation-duration:22s;animation-delay:-9s}
.hw-bat:nth-of-type(3){top:60px;width:28px;height:17px;animation-duration:28s;animation-delay:-17s}
@keyframes hw-flug{0%{transform:translate(0,0)}25%{transform:translate(30vw,-18px)}50%{transform:translate(62vw,14px)}75%{transform:translate(95vw,-10px)}100%{transform:translate(calc(100vw + 90px),6px)}}
@media(prefers-reduced-motion:reduce){.hw-bat{display:none}.hw-band .k{animation:none}}

/* Kopf und Fuß */
html.hw body .db-kopf{background:rgba(20,9,31,.93);border-bottom:1px solid #5A2F8C;box-shadow:0 4px 24px rgba(255,138,31,.12)}
html.hw body .db-marke,html.hw body .db-nav a{color:#FFE5C7}
html.hw body .db-marke i{color:var(--hw-orange)}
html.hw body .db-nav a[aria-current=page]{color:var(--hw-orange);box-shadow:inset 0 -3px 0 var(--hw-orange)}
html.hw body .db-nav a:hover{color:var(--hw-orange)}
html.hw body .db-korb,html.hw body .db-mobil{background:var(--hw-card2);color:#FFE5C7;border:1px solid var(--hw-rand);box-shadow:none}
html.hw body .db-korb .n{background:var(--hw-orange);color:var(--hw-on-orange)}
html.hw body .db-konto>button{color:#FFE5C7}
html.hw body .db-konto .menue{background:var(--hw-card2);border:1px solid var(--hw-rand)}
html.hw body .db-konto .menue a,html.hw body .db-konto .menue button{color:#FFE5C7}
html.hw body .db-konto .menue a:hover,html.hw body .db-konto .menue button:hover{background:#55308F;color:var(--hw-orange)}
html.hw body .db-fuss{background:#210F3B;color:var(--text);border-top:1px solid #55308F}
html.hw body .db-fuss .marke2,html.hw body .db-fuss li a{color:#FFE5C7}
html.hw body .db-fuss .grad{color:var(--hw-orange)}
html.hw body .db-fuss .slogan,html.hw body .db-fuss h4,html.hw body .db-fuss li.hinweis,html.hw body .db-fuss .klein{color:#BDA9D8}
html.hw body .db-fuss .klein{border-top-color:#55308F}
html.hw body .db-fuss::before{content:"🎃  💀  🕸️  👻  🦇  💀  🎃";display:block;text-align:center;font-size:22px;letter-spacing:.4em;margin:-14px 0 24px;opacity:.9}

/* Überschriften und Text */
html.hw body h1,html.hw body h2{color:var(--ink)}
html.hw body h1{text-shadow:0 0 28px rgba(255,138,31,.35)}
html.hw body .text-slate-800,html.hw body .text-slate-900{color:var(--ink)}
html.hw body .text-slate-700,html.hw body .text-slate-600{color:var(--text)}
html.hw body .text-slate-500,html.hw body .text-slate-400,html.hw body .text-slate-300{color:var(--muted)}
html.hw body .text-pink-400,html.hw body .text-pink-500,html.hw body .text-pink-600,html.hw body .text-pink-700,html.hw body .text-orange-400,html.hw body .text-orange-500{color:var(--hw-orange)}
html.hw body .text-transparent.bg-clip-text{color:var(--hw-orange)!important;-webkit-text-fill-color:var(--hw-orange)!important;background:none!important}
html.hw body a{text-decoration-color:rgba(255,138,31,.6)}
html.hw body .prose-lp h2{color:var(--ink)}html.hw body .prose-lp h3,html.hw body .prose-lp p,html.hw body .prose-lp li{color:var(--text)}
html.hw body .text-red-500,html.hw body .text-red-700{color:#FF9B9B}
html.hw body .text-emerald-600,html.hw body .text-green-600,html.hw body .text-green-500{color:#7BE0A8}
html.hw body .text-amber-700,html.hw body .text-amber-800,html.hw body .text-amber-900,html.hw body .text-amber-500,html.hw body .text-amber-400{color:#FFC76B}
html.hw body .text-blue-500,html.hw body .text-blue-600,html.hw body .text-blue-700,html.hw body .text-blue-800,html.hw body .text-blue-900,html.hw body .text-blue-400{color:#B9B4FF}

/* Flächen */
html.hw body .bg-white,html.hw body .bg-slate-50,html.hw body .bg-slate-100{background:var(--hw-card)!important}
html.hw body .bg-slate-200{background:var(--hw-card2)!important}
html.hw body .bg-pink-50,html.hw body .bg-pink-100,html.hw body .bg-orange-50,html.hw body .from-pink-50,html.hw body .to-orange-50,html.hw body .to-pink-50,html.hw body .from-amber-50,html.hw body .to-indigo-50,html.hw body .bg-gradient-to-r.from-pink-50,html.hw body .bg-gradient-to-br.from-pink-50{background:var(--hw-card2)!important}
html.hw body .bg-amber-50{background:#3A2410!important}
html.hw body .bg-red-50,html.hw body .bg-red-100{background:#3D1430!important}
html.hw body .bg-blue-50,html.hw body .bg-blue-100{background:#231F52!important}
html.hw body .bg-green-50{background:#12382B!important}
html.hw body .border-white,html.hw body .border-slate-100,html.hw body .border-slate-200{border-color:var(--hw-rand)!important}
html.hw body .border-pink-100,html.hw body .border-pink-200,html.hw body .border-pink-300,html.hw body .border-pink-400,html.hw body .border-orange-400{border-color:#8A4A18!important}
html.hw body .border-amber-200,html.hw body .border-red-200,html.hw body .border-blue-100,html.hw body .border-blue-400{border-color:var(--hw-rand)!important}
html.hw body [class*="shadow-"]{box-shadow:0 10px 34px rgba(0,0,0,.45)!important}
html.hw body .bg-slate-900\/60{background:rgba(8,3,14,.78)!important}
html.hw body hr{border-color:var(--hw-rand)}

/* Knöpfe */
html.hw body .bg-pink-500,html.hw body .bg-pink-600,html.hw body .bg-slate-900,html.hw body .bg-orange-500,html.hw body .hover\:bg-pink-500:hover,html.hw body .hover\:bg-pink-600:hover,html.hw body .bg-gradient-to-r.from-pink-500,html.hw body .bg-gradient-to-br.from-pink-400{background:var(--hw-orange)!important;color:var(--hw-on-orange)!important}
html.hw body .bg-pink-500:hover,html.hw body .bg-slate-900:hover,html.hw body .bg-pink-600:hover{background:#FFA94D!important}
html.hw body .bg-pink-500 *,html.hw body .bg-pink-600 *,html.hw body .bg-slate-900 *{color:inherit}
html.hw body .karte .cta,html.hw body button.cta{background:var(--hw-orange)!important;color:var(--hw-on-orange)!important}
html.hw body .karte .cta:hover{background:#FFA94D!important}
html.hw body .karte .cta.ok{background:var(--hw-slime)!important;color:#14230A!important}
html.hw body .bg-emerald-500,html.hw body .bg-green-500{background:var(--hw-slime)!important;color:#14230A!important}
html.hw body .bg-slate-700,html.hw body .bg-slate-800{background:#55308F!important}
html.hw body .text-white{color:#fff}
html.hw body .bg-pink-500 .text-white,html.hw body .bg-slate-900 .text-white{color:var(--hw-on-orange)}

/* Kacheln */
html.hw body .karte{background:var(--hw-card);border-color:var(--hw-rand)}
html.hw body .karte:hover{border-color:var(--hw-orange);box-shadow:0 0 0 1px var(--hw-orange),0 10px 28px rgba(255,138,31,.18)}
html.hw body .karte h3,html.hw body .karte .preis{color:#FFE5C7}
html.hw body .karte .preisLabel{color:var(--muted)}
html.hw body .karte .bildbox{background:#fff;border-radius:12px}
html.hw body #tonie-img{mix-blend-mode:normal;background:#fff;border-radius:16px}

/* Formulare */
html.hw body input:not([type=checkbox]):not([type=radio]),html.hw body select,html.hw body textarea{background:#26123F!important;color:#fff!important;border-color:#8A5CC7!important}
html.hw body input::placeholder,html.hw body textarea::placeholder{color:#A68CC8!important;opacity:1}
html.hw body input:focus,html.hw body select:focus,html.hw body textarea:focus{border-color:var(--hw-orange)!important;box-shadow:0 0 0 3px rgba(255,138,31,.28)!important}
html.hw body :focus-visible{outline:3px solid #FFD166}
html.hw body table th{color:var(--muted)}html.hw body table td{border-color:var(--hw-rand)}

/* Korbleiste, Seitenleiste, Chat */
html.hw body #db-korbleiste button{background:var(--hw-card2);color:#FFE5C7;border-color:var(--hw-orange)}
html.hw body #db-korbleiste .t1{color:#FFE5C7}html.hw body #db-korbleiste .t2{color:var(--muted)}
html.hw body #db-korbleiste .ico,html.hw body #db-korbleiste.voll .pf,html.hw body #db-korbleiste .bar i{background:var(--hw-orange);color:var(--hw-on-orange)}
html.hw body #db-korbleiste .pf,html.hw body #db-korbleiste .bar{background:#55308F;color:#FFE5C7}
html.hw body #sidebar-items,html.hw body #sidebar-items *{border-color:var(--hw-rand)}

/* ===== Startseite (index-b.html, eigenes Gerüst ohne .db) ===== */
html.hw body .oben{background:linear-gradient(180deg,#3B1F69 0%,#321B58 70%,#2C1649 100%)}
html.hw body .kopf{background:transparent}
html.hw body .marke,html.hw body .nav a,html.hw body .nav{color:#FFE5C7}
html.hw body .nav a:hover{color:var(--hw-orange)}
html.hw body .korbknopf{background:var(--hw-card2);color:#FFE5C7;border:1px solid var(--hw-rand);box-shadow:none}
html.hw body .korbknopf .n{background:var(--hw-orange);color:var(--hw-on-orange)}
html.hw body .hero h1{color:#FFD6A5;text-shadow:0 0 34px rgba(255,138,31,.45)}
html.hw body .hero .sub{color:#EDE3F8}
html.hw body .suchtab{background:var(--hw-card2);color:#FFE5C7}
html.hw body .suchleiste{background:var(--hw-card2);border:1px solid var(--hw-rand);box-shadow:0 8px 30px rgba(0,0,0,.45)}
html.hw body .suchleiste input{color:#fff}html.hw body .suchleiste input::placeholder{color:#A68CC8}
html.hw body .suchleiste .lupe,html.hw body .scanknopf,html.hw body .fotoknopf{background:#55308F;color:#FFE5C7}
html.hw body .scanknopf:hover,html.hw body .fotoknopf:hover{background:#6A3FB0}
html.hw body .suchknopf,html.hw body .fotoband .los,html.hw body .cta,html.hw body #scan-sheet .cta{background:var(--hw-orange);color:var(--hw-on-orange)}
html.hw body .suchknopf:hover,html.hw body .fotoband .los:hover,html.hw body .cta:hover{background:#FFA94D}
html.hw body .cta.ok,html.hw body #scan-sheet .cta.ok{background:var(--hw-slime);color:#14230A}
html.hw body .cta.sek{background:#55308F;color:#FFD6A5}
html.hw body .fotoknopf .neu,html.hw body .fotoband .neu,html.hw body .suchknopf+*{background:var(--hw-slime);color:#14230A}
html.hw body .beispiele,html.hw body .beispiele button{color:#BDA9D8}html.hw body .beispiele button{color:var(--hw-orange)}
html.hw body .vorteile{color:#FFE5C7}
html.hw body .kreis{background:#6A3FB0;opacity:.55}html.hw body .bogen,html.hw body .strich{background:#6A3FB0}
html.hw body .zahlenband{background:#321B58;border-bottom:1px solid var(--hw-rand)}
html.hw body .zahlenband .z b{color:var(--hw-orange);text-shadow:0 0 20px rgba(255,138,31,.4)}html.hw body .zahlenband .z span{color:#FFE5C7}
html.hw body .fotoband{background:linear-gradient(90deg,#46257A,#3B1D5C);border-bottom:1px solid var(--hw-rand)}
html.hw body .fotoband .ic{background:#55308F;color:var(--hw-orange);box-shadow:none}html.hw body .fotoband .tx,html.hw body .fotoband .tx span.t{color:#FFE5C7}
html.hw body .schritte{background:#361B5E}
html.hw body .schritt{background:var(--hw-card);border:1px solid var(--hw-rand)}
html.hw body .schritt .nr{background:var(--hw-orange);color:var(--hw-on-orange)}
html.hw body .schritt svg,html.hw body .schritt strong{color:#FFE5C7}html.hw body .schritt .t{color:var(--muted)}
html.hw body .pfeil{color:#A98BE0}
html.hw body .katalog{background:transparent}
html.hw body .blogkopf h2,html.hw body .blogk h3{color:#FFD6A5}html.hw body .blogkopf a{color:var(--hw-orange)}
html.hw body .blogk a{background:var(--hw-card);border-color:var(--hw-rand);color:var(--text)}html.hw body .blogk p{color:var(--muted)}
html.hw body .blogk-tag{background:#55308F;color:#FFD6A5}
html.hw body .allebtn{background:var(--hw-card2);color:#FFE5C7;box-shadow:none;border:1px solid var(--hw-rand)}
html.hw body .allebtn:hover{border-color:var(--hw-orange);color:var(--hw-orange)}
html.hw body .katsub,html.hw body .katzahl{color:var(--muted)}html.hw body .katzahl b{color:#FFE5C7}html.hw body .katzahl a{color:var(--hw-orange)}
html.hw body .werkzeuge .filter button,html.hw body .werkzeuge select,html.hw body .werkzeuge .ansicht button{background:var(--hw-card2);border-color:var(--hw-rand);color:#FFE5C7}
html.hw body .werkzeuge .filter button[aria-pressed=true],html.hw body .werkzeuge .ansicht button[aria-pressed=true]{background:var(--hw-orange);border-color:var(--hw-orange);color:var(--hw-on-orange)}
html.hw body .werkzeuge .sortier{color:var(--muted)}
html.hw body .preis{color:#FFE5C7}
html.hw body .seiten a,html.hw body .seiten span{background:var(--hw-card2);color:#FFE5C7;box-shadow:none;border:1px solid var(--hw-rand)}
html.hw body .seiten span.aktiv{background:var(--hw-orange);color:var(--hw-on-orange)}
html.hw body .leerzustand{background:var(--hw-card2)}html.hw body .leerzustand h3{color:#FFD6A5}html.hw body .leerzustand p{color:var(--muted)}
html.hw body #such-fix{background:var(--hw-card);border-bottom-color:var(--hw-rand)}html.hw body #such-fix label{background:var(--hw-card2)}html.hw body #such-fix input{color:#fff}html.hw body #such-fix .hoch{background:var(--hw-card2);color:#FFE5C7}
html.hw body #korbleiste button{background:var(--hw-card2);color:#FFE5C7;border-color:var(--hw-orange)}
html.hw body #korbleiste .t1{color:#FFE5C7}html.hw body #korbleiste .t2{color:var(--muted)}html.hw body #korbleiste .ico{background:var(--hw-orange);color:var(--hw-on-orange)}
html.hw body #scan-sheet{background:var(--hw-card)}html.hw body #scan-sheet h3{color:#FFD6A5}html.hw body #scan-sheet .sc-zeile .p{color:var(--hw-orange)}
html.hw body #db-toast{background:var(--hw-card2);color:#FFE5C7;border-color:var(--hw-orange)}
html.hw body footer,html.hw body .fuss{background:#210F3B;color:var(--text)}
html.hw body svg[stroke="#3A0F40"]{stroke:#FFD6A5}
html.hw body svg[fill="#3A0F40"]{fill:#FFD6A5}
html.hw body .suchleiste input:not([type=checkbox]):not([type=radio]),html.hw body #such-fix input:not([type=checkbox]):not([type=radio]){background:none!important;border:0!important;box-shadow:none!important}
html.hw body::after{opacity:.2}
html.hw body [class*="bg-white/"],html.hw body [class*="bg-slate-50/"]{background:rgba(34,16,54,.86)!important}
html.hw body [class*="from-white"],html.hw body [class*="to-white"],html.hw body [class*="via-white"]{--tw-gradient-from:#3A1E64!important;--tw-gradient-to:#3A1E64!important;--tw-gradient-stops:#3A1E64,#3A1E64!important}
html.hw body .backdrop-blur,html.hw body .backdrop-blur-sm,html.hw body .backdrop-blur-md{backdrop-filter:blur(6px)}

/* ===== Kasse (cart-checkout-b.js) und Kreativ-Hinweis ===== */
html.hw body #cb-root{background:linear-gradient(180deg,#3B1F69 0,#2C1649 420px);color:var(--text)}
html.hw body .cb-zu{background:var(--hw-card2);border-color:var(--hw-rand);color:#FFE5C7}
html.hw body .cb-titel,html.hw body .cb-karte h2,html.hw body .cb-label,html.hw body .cb-zeile.sum,html.hw body .cb-gross,html.hw body .cb-ablauf b,html.hw body .cb-mini{color:#FFD6A5}
html.hw body .cb-steps li{color:var(--muted)}html.hw body .cb-steps li:not(:last-child)::after{background:#6B42A8}
html.hw body .cb-steps .cb-p,html.hw body .cb-ablauf .z{background:#55308F;color:#FFE5C7}
html.hw body .cb-steps .cb-akt{color:#FFD6A5}html.hw body .cb-steps .cb-akt .cb-p{background:var(--hw-orange);color:var(--hw-on-orange)}
html.hw body .cb-steps .cb-fertig .cb-p,html.hw body .cb-ablauf li.jetzt .z{background:var(--hw-slime);color:#14230A}
html.hw body .cb-karte{background:var(--hw-card);border-color:var(--hw-rand)}
html.hw body .cb-pos,html.hw body .cb-zeile.sum{border-color:var(--hw-rand)}
html.hw body .cb-pos img{background:#fff}
html.hw body .cb-pos .n{color:#EDE3F8}html.hw body .cb-pos .p{color:var(--hw-orange)}
html.hw body .cb-chip{background:#55308F;color:#FFE5C7}html.hw body .cb-chip.w{background:#3A2410;color:#FFC76B}
html.hw body .cb-del{color:var(--muted)}html.hw body .cb-del:hover{background:#3A2410;color:var(--hw-orange)}
html.hw body .cb-in{background:#26123F;border-color:#8A5CC7;color:#fff}
html.hw body .cb-in:focus{outline-color:rgba(255,138,31,.45);border-color:var(--hw-orange)}
html.hw body .cb-hilfe,html.hw body .cb-angaben dt,html.hw body .cb-land small{color:var(--muted)}
html.hw body .cb-err{color:#FF9B9B}
html.hw body .cb-land label{background:#26123F;border-color:#8A5CC7;color:#EDE3F8}
html.hw body .cb-land label:has(input:checked){background:#3A2410;border-color:var(--hw-orange)}
html.hw body .cb-land input,html.hw body .cb-chk input,html.hw body #kp label.kp-ck input{accent-color:var(--hw-orange)}
html.hw body .cb-info{background:#46257A;color:#EDE3F8}html.hw body .cb-info.warn{background:#3A2410;color:#FFD9A0}
html.hw body .cb-btn{background:var(--hw-orange);border-color:var(--hw-orange);color:var(--hw-on-orange)}
html.hw body .cb-btn:hover{background:#FFA94D;border-color:#FFA94D}
html.hw body .cb-btn:disabled{background:#55308F;border-color:#55308F;color:#BDA9D8}
html.hw body .cb-btn.zwei{background:transparent;color:#FFE5C7;border-color:#8A5CC7}html.hw body .cb-btn.zwei:hover{background:#46257A}
html.hw body .cb-link{color:var(--hw-orange)}
html.hw body .cb-ok{background:#12382B;color:#9BF0C0}
@media(max-width:879px){html.hw body .cb-actions{background:#26123F;border-top-color:var(--hw-rand)}}
@media(min-width:880px){html.hw body .cb-actions{background:#2C1649}}
html.hw body .cb-btn:focus-visible,html.hw body .cb-zu:focus-visible,html.hw body .cb-del:focus-visible,html.hw body .cb-link:focus-visible{outline-color:#FFD166}
html.hw body #kp-bg{background:rgba(8,3,14,.8)}
html.hw body #kp{background:var(--hw-card);color:var(--text);border:1px solid var(--hw-rand)}
html.hw body #kp h2,html.hw body #kp .kp-hilfe b,html.hw body #kp label.kp-ck{color:#FFD6A5}
html.hw body #kp .kp-i{background:var(--hw-card2)}html.hw body #kp .kp-hilfe{background:#3A2410;color:#FFE5C7}

/* ===== Foto-Ankauf (.ft) ===== */
html.hw body .ft{color:var(--text)}
html.hw body .ft h1,html.hw body .ft .karte h2{color:#FFD6A5}
html.hw body .ft .lead,html.hw body .ft .klein{color:var(--muted)}
html.hw body .ft .karte{background:var(--hw-card);border-color:var(--hw-rand)}
html.hw body .ft .hinweis{background:#3A2410;border-color:#8A4A18}
html.hw body .ft .karte p,html.hw body .ft .karte li,html.hw body .ft .karte span,html.hw body .ft figcaption,html.hw body .ft .heldenfoto figcaption{color:var(--text)}
html.hw body .ft .karte strong,html.hw body .ft .karte b{color:#FFE5C7}
html.hw body .ft .klein a{color:var(--hw-orange)}
html.hw body .ft .beta{background:var(--hw-slime);color:#14230A}
html.hw body .ft .btn{background:var(--hw-orange);border-color:var(--hw-orange);color:var(--hw-on-orange)}
html.hw body .ft .btn:hover{background:#FFA94D;border-color:#FFA94D}
html.hw body .ft .btn.zwei{background:transparent;color:#FFE5C7;border-color:#8A5CC7}
html.hw body .ft .btn.zwei:hover{background:#46257A}
html.hw body .ft .dreh{border-color:#55308F;border-top-color:var(--hw-orange)}
html.hw body .ft .lade p{color:#FFE5C7}
html.hw body .ft .fehler{background:#3D1430;border-color:#7A2A5E;color:#FFB4C8}
html.hw body .ft ul.tipps li i,html.hw body .ft figcaption i{color:var(--hw-slime)}

/* ===== Rechtstexte, FAQ, Anfrage erweitern ===== */
html.hw body .legal-content h2,html.hw body .legal-content h3{color:#FFD6A5}
html.hw body .legal-content p,html.hw body .legal-content ul,html.hw body .legal-content li,html.hw body .legal-content dd,html.hw body .legal-content dt,html.hw body .faq-answer p{color:var(--text)}
html.hw body .legal-content a{color:var(--hw-orange)}
html.hw body .legal-content strong{color:#FFE5C7}
html.hw body .placeholder{background:#3A2410;color:#FFD9A0}
html.hw body .ae{color:var(--text)}
html.hw body .ae h1,html.hw body .ae .karte h2,html.hw body .ae .stand b,html.hw body .ae .neu .p{color:#FFD6A5}
html.hw body .ae .lead,html.hw body .ae .klein{color:var(--muted)}
html.hw body .ae .karte{background:var(--hw-card);border-color:var(--hw-rand)}
html.hw body .ae .menge button{background:#55308F;color:#FFE5C7}

/* ===== Gruseliger: Totenköpfe, Netze und Spinnen entlang der ganzen Seite ===== */
html.hw .hw-deko{position:absolute;left:0;top:0;width:100%;pointer-events:none;overflow:hidden;z-index:3}
html.hw .hw-deko i{position:absolute;display:block;font-style:normal}
html.hw .hw-web{width:250px;height:250px;opacity:.38;background-repeat:no-repeat;background-size:contain}
html.hw .hw-web.l{left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='%23e6d8fa' stroke-width='1'%3E%3Cpath d='M0 0 L120 0 M0 0 L0 120 M0 0 L110 60 M0 0 L60 110 M0 0 L95 95'/%3E%3Cpath d='M30 0 Q22 22 0 30 M55 0 Q40 40 0 55 M82 0 Q60 60 0 82 M108 0 Q80 80 0 108'/%3E%3C/svg%3E")}
html.hw .hw-web.r{right:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='%23e6d8fa' stroke-width='1' transform='scale(-1,1)'%3E%3Cpath d='M0 0 L120 0 M0 0 L0 120 M0 0 L110 60 M0 0 L60 110 M0 0 L95 95'/%3E%3Cpath d='M30 0 Q22 22 0 30 M55 0 Q40 40 0 55 M82 0 Q60 60 0 82 M108 0 Q80 80 0 108'/%3E%3C/svg%3E")}
html.hw .hw-skull{font-size:64px;line-height:1;opacity:.55;filter:drop-shadow(0 0 12px rgba(255,138,31,.7))}
html.hw .hw-skull.l{left:6px;transform:rotate(-12deg)}html.hw .hw-skull.r{right:6px;transform:rotate(12deg)}html.hw .hw-skull.w{animation:hw-wippen 5s ease-in-out infinite alternate}@keyframes hw-wippen{0%{transform:rotate(-10deg)}100%{transform:rotate(10deg)}}@media(prefers-reduced-motion:reduce){html.hw .hw-skull.w{animation:none}}
html.hw .hw-skull.g{font-size:84px;opacity:.42}
html.hw .hw-spinne{width:2px;background:linear-gradient(#e6d8fa,rgba(230,216,250,.5));transform-origin:50% 0;animation:hw-haengen 4.2s ease-in-out infinite alternate;opacity:.75}
html.hw .hw-spinne::after{content:"🕷️";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);font-size:24px;line-height:1}
@keyframes hw-haengen{0%{transform:scaleY(.82)}100%{transform:scaleY(1.12)}}
@media(max-width:700px){html.hw .hw-web{width:130px;height:130px}html.hw .hw-skull{font-size:38px}html.hw .hw-skull.g{font-size:48px}html.hw .hw-spinne::after{font-size:19px}}
@media(prefers-reduced-motion:reduce){html.hw .hw-spinne{animation:none}}

/* ===== Nebel am unteren Rand und flackerndes Leuchten an den Kacheln ===== */
html.hw .hw-nebel{position:fixed;left:0;right:0;bottom:0;height:290px;z-index:30;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(to top,#000 40%,transparent);mask-image:linear-gradient(to top,#000 40%,transparent)}
html.hw .hw-nebel i{position:absolute;display:block;left:-30%;width:160%;height:300px;filter:blur(14px);will-change:transform}
html.hw .hw-nebel i:nth-child(1){bottom:-40px;opacity:.95;animation:hw-nebeltreiben 42s ease-in-out infinite alternate;
  background:radial-gradient(ellipse 14% 55% at 10% 70%,rgba(235,222,255,.75),transparent),radial-gradient(ellipse 18% 60% at 36% 82%,rgba(205,185,245,.7),transparent),radial-gradient(ellipse 15% 50% at 63% 72%,rgba(235,222,255,.7),transparent),radial-gradient(ellipse 17% 60% at 88% 80%,rgba(205,185,245,.7),transparent)}
html.hw .hw-nebel i:nth-child(2){bottom:-60px;opacity:.85;animation:hw-nebeltreiben 61s ease-in-out infinite alternate-reverse;
  background:radial-gradient(ellipse 16% 55% at 22% 78%,rgba(255,215,170,.55),transparent),radial-gradient(ellipse 20% 60% at 50% 70%,rgba(220,205,250,.65),transparent),radial-gradient(ellipse 15% 55% at 78% 82%,rgba(255,215,170,.5),transparent)}
@keyframes hw-nebeltreiben{from{transform:translateX(-9%)}to{transform:translateX(9%)}}
@media(max-width:700px){html.hw .hw-nebel{height:200px}}
@media(prefers-reduced-motion:reduce){html.hw .hw-nebel i{animation:none}}

html.hw .karte{position:relative}
html.hw .karte::after{content:"";position:absolute;inset:-1px;border-radius:18px;pointer-events:none;opacity:.35;
  box-shadow:0 0 16px 1px rgba(255,138,31,.55),inset 0 0 0 1px rgba(255,160,70,.7);animation:hw-flackern 5.2s linear infinite;will-change:opacity}
html.hw .karte:nth-child(3n)::after{animation-duration:3.7s;animation-delay:-1.1s}
html.hw .karte:nth-child(3n+1)::after{animation-duration:6.4s;animation-delay:-2.9s}
html.hw .karte:nth-child(5n)::after{animation-duration:4.4s;animation-delay:-3.6s}
html.hw .karte:nth-child(7n)::after{animation-duration:7.3s;animation-delay:-.4s}
@keyframes hw-flackern{0%,12%,16%,60%,66%,100%{opacity:.35}13%{opacity:.08}14%{opacity:.7}15%{opacity:.12}20%{opacity:.5}24%{opacity:.3}61%{opacity:.9}62%{opacity:.15}63%{opacity:.8}64%{opacity:.25}65%{opacity:.6}}
html.hw .karte:hover::after{opacity:1;animation:none}
@media(prefers-reduced-motion:reduce){html.hw .karte::after{animation:none;opacity:.4}}
html.hw .schritt{position:relative}
html.hw .schritt::after{content:"";position:absolute;inset:-1px;border-radius:18px;pointer-events:none;opacity:.3;box-shadow:0 0 14px rgba(255,138,31,.5),inset 0 0 0 1px rgba(255,160,70,.55);animation:hw-flackern 6.1s linear infinite}
html.hw .schritt:nth-child(odd)::after{animation-duration:4.9s;animation-delay:-2s}
@media(prefers-reduced-motion:reduce){html.hw .schritt::after{animation:none}}