/* JG Design – Halloween Special (automatisch aktiv bis 31.10.2026 23:59 Uhr) */
@font-face{font-family:'Creepster';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Creepster-latin.woff2') format('woff2')}

.hw-font{font-family:'Creepster','Britti Sans',system-ui,sans-serif;font-weight:400;letter-spacing:.04em}
.hw-orange{background:linear-gradient(180deg,#FFD08A 0%,#FF8A2B 55%,#E8661A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hw-on .hero-wrap{position:relative;z-index:1}
.hw-banner{position:relative;overflow:hidden;background:linear-gradient(90deg,#170D29 0%,#2A1236 42%,#3B170D 100%);color:#F3E6D6}
.hw-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(255,138,43,0) 0%,#FF8A2B 30%,#FFE2B0 50%,#FF8A2B 70%,rgba(255,138,43,0) 100%);background-size:200% 100%;animation:hwShine 3.5s linear infinite}
@keyframes hwShine{from{background-position:200% 0}to{background-position:0 0}}
.hw-bfog{position:absolute;inset:-20px -10%;pointer-events:none;background:radial-gradient(14% 160% at 12% 50%,rgba(255,150,50,.30),rgba(255,150,50,0) 70%),radial-gradient(30% 120% at 45% 100%,rgba(140,90,240,.28),rgba(140,90,240,0) 70%),radial-gradient(25% 120% at 85% 0%,rgba(255,122,26,.22),rgba(255,122,26,0) 70%);animation:hwBfog 12s ease-in-out infinite alternate}
@keyframes hwBfog{from{transform:translateX(-4%)}to{transform:translateX(5%)}}
.hw-bbat{position:absolute;top:0;left:0;width:24px;pointer-events:none;opacity:.85;z-index:1}
.hw-bbat .hw-wing{transform-origin:32px 13px;animation:hwFlap .18s ease-in-out infinite alternate}
.hw-bb1{animation:hwBb1 14s linear infinite}
.hw-bb2{width:17px;animation:hwBb2 19s linear infinite;animation-delay:-7s}
@keyframes hwBb1{0%{transform:translate(-40px,30px)}25%{transform:translate(25vw,6px)}50%{transform:translate(50vw,26px)}75%{transform:translate(75vw,4px)}100%{transform:translate(105vw,22px)}}
@keyframes hwBb2{0%{transform:translate(105vw,8px) scaleX(-1)}50%{transform:translate(50vw,30px) scaleX(-1)}100%{transform:translate(-40px,10px) scaleX(-1)}}
.hw-bin{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:22px;min-height:44px}
.hw-btitle{display:flex;align-items:center;gap:10px;flex:none;text-decoration:none}
.hw-bpk{display:block;animation:hwWiggle 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,138,43,.7))}
.hw-bflick{filter:drop-shadow(0 2px 0 rgba(42,20,5,.9)) drop-shadow(0 0 12px rgba(255,122,26,.45));animation:hwFlicker 7s ease-in-out infinite}
.hw-mq{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.hw-mq-track{display:flex;width:max-content;animation:hwMq 30s linear infinite}
.hw-mq:hover .hw-mq-track{animation-play-state:paused}
@keyframes hwMq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hw-mqi{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;font-weight:600}
.hw-mqp{padding:3px 8px;border-radius:6px;background:#FF7A1A;color:#1A0E04;font-size:13px;font-weight:800}
.hw-mqsep{width:16px;height:16px;margin:0 18px 0 12px;flex:none;filter:drop-shadow(0 0 5px rgba(255,138,43,.75))}
.hw-bcd{display:flex;align-items:center;gap:5px;flex:none;font-size:12px;color:#B8AECB}
.hw-bcdl{margin-right:4px;font-weight:600}
.hw-bt{display:flex;align-items:baseline;gap:1px;padding:4px 7px;border-radius:7px;background:rgba(10,6,16,.6);border:1px solid #3A2A55}
.hw-bt b{font-size:15px;color:#FFB547;font-variant-numeric:tabular-nums}
.hw-bbtn{flex:none;height:36px;padding:0 16px;border-radius:999px;background:#FF7A1A;color:#1A0E04;font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 0 20px -4px rgba(255,122,26,.7);transition:background .2s ease,transform .2s ease}
.hw-bbtn{position:relative;overflow:hidden}
.hw-bbtn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));transform:skewX(-20deg);animation:hwSweep 4.5s ease-in-out infinite}
@keyframes hwSweep{0%,70%{left:-60%}100%{left:130%}}
.hw-bsec{border-color:rgba(255,138,43,.6)!important;animation:hwTick 1s ease-out infinite}
@keyframes hwTick{0%{box-shadow:0 0 0 0 rgba(255,138,43,.55)}100%{box-shadow:0 0 0 6px rgba(255,138,43,0)}}
.hw-bbtn:hover{background:#FF9A3C;color:#1A0E04;transform:translateY(-1px)}
.hw-bbtn:focus-visible,.hw-btitle:focus-visible{outline:2px solid #FFB547;outline-offset:3px}
@media (max-width:1080px){.hw-bbtn{display:none}}
@media (max-width:760px){.hw-bin{flex-wrap:wrap;gap:8px 12px;padding:9px 14px;justify-content:space-between}.hw-mq{order:3;flex:1 0 100%}.hw-bcdl{display:none}.hw-btitle strong{font-size:22px!important}.hw-bt{padding:3px 5px}.hw-bt b{font-size:13px}}
.hw-on .orb-inner{border-color:rgba(255,138,43,.45)!important;box-shadow:0 14px 30px -14px rgba(0,0,0,.9),0 0 18px -6px rgba(255,122,26,.55)!important}

.hero-bg.hw-kuerbis,.hero-bg.hw-alles{background:radial-gradient(55% 70% at 80% 45%,rgba(255,122,26,.22) 0%,rgba(255,122,26,0) 62%),radial-gradient(40% 50% at 8% 15%,rgba(124,58,237,.16) 0%,rgba(124,58,237,0) 70%),radial-gradient(1px 1px at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0) 0 0/28px 28px,#121720}
.hero-bg.hw-zombie{background:radial-gradient(55% 70% at 80% 45%,rgba(120,200,90,.16) 0%,rgba(120,200,90,0) 62%),radial-gradient(1px 1px at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0) 0 0/28px 28px,#121720}
.hero-bg.hw-spinnen{background:radial-gradient(55% 70% at 80% 45%,rgba(124,58,237,.18) 0%,rgba(124,58,237,0) 62%),radial-gradient(1px 1px at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0) 0 0/28px 28px,#121720}
.hw-kuerbis .ctrl-back,.hw-alles .ctrl-back{background:radial-gradient(closest-side,rgba(255,122,26,.5),rgba(255,122,26,.14) 55%,rgba(255,122,26,0) 100%)!important}
.hw-kuerbis .ctrl-floor,.hw-alles .ctrl-floor{background:radial-gradient(closest-side,rgba(255,138,43,.6),rgba(255,138,43,0) 100%)!important}
.hw-kuerbis .ctrl-glow,.hw-alles .ctrl-glow{background:radial-gradient(circle,rgba(255,122,26,.18) 0%,rgba(255,122,26,.05) 45%,rgba(255,122,26,0) 70%)!important}
.hw-zombie .ctrl-back{background:radial-gradient(closest-side,rgba(120,200,90,.42),rgba(120,200,90,.12) 55%,rgba(120,200,90,0) 100%)!important}
.hw-zombie .ctrl-floor{background:radial-gradient(closest-side,rgba(140,220,100,.5),rgba(140,220,100,0) 100%)!important}
.hw-spinnen .ctrl-back{background:radial-gradient(closest-side,rgba(140,90,240,.42),rgba(140,90,240,.12) 55%,rgba(140,90,240,0) 100%)!important}
.hw-kuerbis .grad,.hw-alles .grad{background:linear-gradient(90deg,#FFB547 0%,#FF7A1A 55%,#E3262F 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hw-zombie .grad{background:linear-gradient(90deg,#B8F07A 0%,#5FAE5A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hw-spinnen .grad{background:linear-gradient(90deg,#C4A6FF 0%,#8B5CF6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Spinnen: Gang (abwechselnde Beinpaare) + blinkende Augen */
.hw-la,.hw-lb{transform-origin:20px 23px;animation:hwGait .26s ease-in-out infinite alternate}
.hw-lb{animation-direction:alternate-reverse}
@keyframes hwGait{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
.hw-eyes{animation:hwBlink 4.2s infinite}
@keyframes hwBlink{0%,92%,100%{opacity:1}94%,97%{opacity:.15}}
.hw-hang .hw-la,.hw-hang .hw-lb{animation-duration:1.4s}

.hw-web{position:absolute;top:0;pointer-events:none;z-index:0}
.hw-hang{position:absolute;top:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;animation:hwSway 5s ease-in-out infinite}
.hw-hang .hw-thread{display:block;width:1px;height:0;background:linear-gradient(180deg,rgba(214,222,240,.1),rgba(214,222,240,.55));animation:hwDrop 11s cubic-bezier(.45,.05,.35,1) infinite;animation-delay:inherit}
.hw-hang .hw-sp{display:block;width:34px;margin-top:-4px}
@keyframes hwDrop{0%{height:0}14%{height:var(--l)}18%{height:calc(var(--l) - 16px)}22%{height:var(--l)}26%{height:calc(var(--l) - 6px)}30%,62%{height:var(--l)}68%{height:calc(var(--l) * .55)}72%{height:calc(var(--l) * .6)}86%,100%{height:0}}
@keyframes hwSway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}

/* Krabbelnde Spinnen über die ganze Seite */
.hw-crawl{position:fixed;left:0;bottom:15%;width:30px;z-index:70;pointer-events:none;animation:hwCrawl 30s linear infinite}
@keyframes hwCrawl{0%{transform:translate(104vw,0) rotate(-90deg)}9%{transform:translate(82vw,-26px) rotate(-104deg)}12%{transform:translate(82vw,-26px) rotate(-55deg)}15%{transform:translate(82vw,-26px) rotate(-120deg)}29%{transform:translate(56vw,22px) rotate(-76deg)}33%{transform:translate(56vw,22px) rotate(-130deg)}36%{transform:translate(56vw,22px) rotate(-92deg)}50%{transform:translate(28vw,-12px) rotate(-98deg)}64%{transform:translate(-8vw,4px) rotate(-90deg)}100%{transform:translate(-8vw,4px) rotate(-90deg)}}
.hw-crawl2{position:fixed;right:18px;top:0;width:24px;z-index:70;pointer-events:none;animation:hwCrawl2 38s linear infinite;animation-delay:6s;transform:translateY(-60px) rotate(180deg)}
@keyframes hwCrawl2{0%{transform:translateY(-60px) rotate(180deg)}26%{transform:translateY(44vh) rotate(172deg)}30%{transform:translateY(44vh) rotate(210deg)}34%{transform:translateY(44vh) rotate(176deg)}58%{transform:translateY(106vh) rotate(184deg)}100%{transform:translateY(106vh) rotate(184deg)}}

/* Mond, Blitz, Glut, Fledermäuse, Kürbisse */
.hw-moon{position:absolute;right:2%;top:-2%;width:30%;aspect-ratio:1;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle at 38% 36%,#FFF1CF 0%,#FFD08A 38%,#FF9A3C 78%,#E8661A 100%);box-shadow:0 0 60px 18px rgba(255,138,43,.28),0 0 140px 40px rgba(255,122,26,.12);opacity:.92;animation:hwMoon 8s ease-in-out infinite}
.hw-moon::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 64% 60%,rgba(176,74,10,.35) 0 7%,transparent 8%),radial-gradient(circle at 30% 68%,rgba(176,74,10,.25) 0 5%,transparent 6%),radial-gradient(circle at 56% 24%,rgba(176,74,10,.22) 0 4%,transparent 5%)}
@keyframes hwMoon{0%,100%{box-shadow:0 0 60px 18px rgba(255,138,43,.28),0 0 140px 40px rgba(255,122,26,.12)}50%{box-shadow:0 0 80px 26px rgba(255,138,43,.36),0 0 170px 60px rgba(255,122,26,.16)}}
.hw-flash{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(60% 50% at 70% 10%,rgba(200,180,255,.55),rgba(200,180,255,0) 70%);mix-blend-mode:screen;animation:hwFlash 13s infinite}
@keyframes hwFlash{0%,88%,100%{opacity:0}89%{opacity:.9}90%{opacity:.1}91%{opacity:.7}93%{opacity:0}}
.hw-ember{position:absolute;bottom:0;width:4px;height:4px;border-radius:50%;background:#FFB547;box-shadow:0 0 8px 2px rgba(255,138,43,.8);z-index:1;pointer-events:none;opacity:0;animation:hwEmber 7s linear infinite}
@keyframes hwEmber{0%{transform:translate(0,0);opacity:0}10%{opacity:1}50%{transform:translate(18px,-45vh)}100%{transform:translate(-14px,-90vh);opacity:0}}
.hw-bat{position:absolute;z-index:3;pointer-events:none;left:0;top:0}
.hw-bat .hw-wing{transform-origin:32px 13px;animation:hwFlap .2s ease-in-out infinite alternate}
@keyframes hwFlap{from{transform:scaleY(1)}to{transform:scaleY(.3)}}
.hw-bat1{width:54px;animation:hwFly1 10s ease-in-out infinite}
.hw-bat2{width:36px;animation:hwFly2 13s ease-in-out infinite;animation-delay:-4s}
.hw-bat3{width:28px;animation:hwFly3 15s ease-in-out infinite;animation-delay:-8s}
@keyframes hwFly1{0%{transform:translate(-60px,140px) rotate(-8deg) scale(.8)}25%{transform:translate(140px,20px) rotate(6deg) scale(1)}50%{transform:translate(330px,90px) rotate(-6deg) scale(1.15)}75%{transform:translate(520px,10px) rotate(8deg) scale(.9)}100%{transform:translate(-60px,140px) rotate(-8deg) scale(.8)}}
@keyframes hwFly2{0%{transform:translate(520px,40px) rotate(8deg)}30%{transform:translate(300px,150px) rotate(-6deg)}60%{transform:translate(80px,0) rotate(5deg)}100%{transform:translate(520px,40px) rotate(8deg)}}
@keyframes hwFly3{0%{transform:translate(200px,-30px)}35%{transform:translate(460px,70px)}70%{transform:translate(30px,90px)}100%{transform:translate(200px,-30px)}}
.hw-hh{position:absolute;left:0;right:0;bottom:-2%;z-index:4;text-align:center;pointer-events:none;font-size:clamp(40px,4.6vw,64px);line-height:1;filter:drop-shadow(0 4px 0 rgba(42,20,5,.9)) drop-shadow(0 0 18px rgba(255,122,26,.4));animation:hwFlicker 6s ease-in-out infinite}
@keyframes hwFlicker{0%,44%,100%{opacity:1}46%{opacity:.5}48%{opacity:1}50%{opacity:.7}52%{opacity:1}}
.hw-hat{animation:hwHat 3.5s ease-in-out infinite;transform-origin:50% 90%}
@keyframes hwHat{0%,100%{transform:rotate(-11deg)}50%{transform:rotate(-6deg) translateY(-3px)}}
.hw-jack{position:absolute;bottom:6%;z-index:3;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.hw-jface{animation:hwCandle 2.4s steps(1) infinite}
@keyframes hwCandle{0%{fill:#FFD25A;opacity:1}20%{opacity:.75}35%{opacity:1}55%{opacity:.85}70%{opacity:1}85%{opacity:.7}}
.hw-jack::before{content:"";position:absolute;left:10%;right:10%;top:30%;bottom:10%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,200,80,.55),rgba(255,140,40,0));filter:blur(14px);z-index:-1;animation:hwGlow 2.4s ease-in-out infinite alternate}
@keyframes hwGlow{from{opacity:.6}to{opacity:1}}

/* Zombie-Hände + Nebel + Erdbrocken */
.hw-ground{position:absolute;left:0;right:0;bottom:0;height:200px;z-index:2;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent 100%);mask-image:linear-gradient(180deg,#000 75%,transparent 100%)}
.hw-fog{position:absolute;bottom:-50px;height:160px;width:70%;border-radius:50%;filter:blur(28px);background:radial-gradient(closest-side,rgba(150,210,130,.24),rgba(150,210,130,0))}
.hw-fog1{left:-10%;animation:hwFog 16s ease-in-out infinite alternate}
.hw-fog2{right:-12%;animation:hwFog 21s ease-in-out infinite alternate-reverse}
.hw-fog3{left:25%;width:50%;animation:hwFog 26s ease-in-out infinite alternate;opacity:.7}
@keyframes hwFog{from{transform:translateX(-8%)}to{transform:translateX(12%)}}
.hw-hand{position:absolute;bottom:0}
.hw-hand .hw-arm{transform-origin:50% 100%;transform:translateY(105%);animation:hwRise 10s ease-in-out infinite;animation-delay:inherit}
@keyframes hwRise{0%{transform:translateY(105%)}8%{transform:translateY(60%) rotate(-2deg)}14%{transform:translateY(18%) rotate(-6deg)}20%{transform:translateY(22%) rotate(4deg)}28%{transform:translateY(14%) rotate(-4deg)}36%{transform:translateY(20%) rotate(5deg)}46%{transform:translateY(16%) rotate(-3deg)}56%{transform:translateY(20%) rotate(2deg)}68%{transform:translateY(105%)}100%{transform:translateY(105%)}}
.hw-dirt{position:absolute;bottom:4px;width:7px;height:6px;border-radius:40%;background:#3B2C1E;opacity:0;animation:hwDirt 10s ease-out infinite;animation-delay:inherit}
@keyframes hwDirt{0%,6%{transform:translate(0,0);opacity:0}8%{opacity:1}16%{transform:translate(var(--dx),-70px) rotate(160deg);opacity:1}24%{transform:translate(calc(var(--dx) * 1.4),0) rotate(300deg);opacity:0}100%{opacity:0}}
.hw-mound{position:absolute;bottom:-6px;height:16px;border-radius:50% 50% 0 0;background:#241C14;box-shadow:0 -2px 0 #2F2419 inset}

/* Halloween-Special-Bereich */
.hw-deals{position:relative;overflow:hidden;background:#121720}
.hw-deals::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 45% at 30% 40%,rgba(255,122,26,.10),rgba(255,122,26,0) 70%),radial-gradient(40% 45% at 80% 60%,rgba(124,58,237,.12),rgba(124,58,237,0) 70%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%)}
.hw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:18px}
.hw-cimg{aspect-ratio:16/10}
.hw-feat{grid-column:span 2;grid-row:span 2}
.hw-feat .hw-cimg{aspect-ratio:auto;flex:1;min-height:300px}
.hw-feat .hw-ctitle{font-size:26px!important}
.hw-feat .hw-cbody{padding:20px 24px 22px!important}
.hw-feat .hw-tag{font-size:20px;padding:8px 18px 8px 16px;top:18px}
.hw-swipe{display:none}
.hw-card{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid #2E2A3E;background:#161B27;color:#EEF1F7;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.hw-card:hover{transform:translateY(-6px);border-color:rgba(255,138,43,.7);box-shadow:0 22px 50px -20px rgba(255,122,26,.55)}
.hw-card:focus-visible{outline:2px solid #FFB547;outline-offset:3px}
.hw-card img{transition:transform .5s ease}
.hw-card:hover img{transform:scale(1.06)}
.hw-tag{position:absolute;top:12px;right:-6px;padding:6px 14px 6px 12px;background:linear-gradient(90deg,#FF8A2B,#E8661A);color:#1A0E04;font-weight:800;font-size:16px;border-radius:8px 0 0 8px;box-shadow:0 8px 18px -6px rgba(0,0,0,.7);transform:rotate(3deg);animation:hwTag 3s ease-in-out infinite}
@keyframes hwTag{0%,100%{transform:rotate(3deg)}50%{transform:rotate(-1deg) scale(1.05)}}
.hw-cweb{position:absolute;left:0;top:0;width:70px;opacity:.8;pointer-events:none;z-index:1}
.hw-cd{display:flex;gap:8px}
.hw-cd>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:62px;height:66px;border-radius:12px;background:#1B1626;border:1px solid #3A2A55}
.hw-cd b{font-size:26px;font-weight:700;color:#FFB547;font-variant-numeric:tabular-nums;line-height:1}
.hw-cd small{font-size:11px;color:#B8AECB;margin-top:5px;letter-spacing:.06em}
.hw-treat{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;padding:22px 26px;border-radius:18px;border:1px dashed rgba(255,138,43,.5);background:linear-gradient(90deg,rgba(124,58,237,.14),rgba(255,122,26,.10))}
.hw-pbtn{width:84px;height:80px;flex:none;border:0;padding:0;background:transparent;cursor:pointer;animation:hwWiggle 2.6s ease-in-out infinite;border-radius:16px}
.hw-pbtn:hover{animation-duration:.6s}
.hw-pbtn:focus-visible{outline:2px solid #FFB547;outline-offset:4px}
@keyframes hwWiggle{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-9deg)}80%{transform:rotate(8deg)}85%{transform:rotate(-6deg)}90%{transform:rotate(4deg)}}
.hw-code{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:12px;background:#120E1A;border:1px solid #FF8A2B;animation:hwPop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes hwPop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.hw-copy{height:38px;padding:0 14px;border-radius:9px;border:0;background:#FF7A1A;color:#1A0E04;font:700 14px 'Britti Sans','Manrope',sans-serif;cursor:pointer}
.hw-copy:hover{background:#FF9A3C}
.hw-nav{height:36px;padding:0 12px;border-radius:999px;display:flex;align-items:center;flex:none;white-space:nowrap;font:600 13px Britti Sans,Manrope,sans-serif;color:#FFD08A;text-decoration:underline;text-underline-offset:3px}.hw-nav:hover{color:#FFFFFF;background:rgba(255,138,43,.12)}
.hw-switch button:focus-visible{outline:2px solid #FFB547;outline-offset:2px}

@media (max-width:1080px){.hw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-feat{grid-row:auto}.hw-feat .hw-cimg{aspect-ratio:16/8;min-height:0;flex:none}}
@media (max-width:980px){.hw-mid{display:none}.hw-web{width:120px!important}.hw-moon{width:34%}.hw-bat3{display:none}}
@media (max-width:640px){
.hw-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:4px 16px 12px;scrollbar-width:none}
.hw-grid::-webkit-scrollbar{display:none}
.hw-grid>a{flex:0 0 82%;scroll-snap-align:start}.hw-grid{scroll-padding-left:16px}.hw-feat .hw-cimg{aspect-ratio:16/10}.hw-feat .hw-ctitle{font-size:20px!important}.hw-feat .hw-cbody{padding:16px 18px 18px!important}.hw-feat .hw-tag{font-size:16px;padding:6px 14px 6px 12px;top:12px}.hw-card:hover{transform:none}.hw-swipe{display:block;margin:-10px 0 0;text-align:center;font-size:13px;color:#8F86A3}
.hw-deals .hw-in{padding:52px 16px 20px!important;gap:22px!important}
.hw-cd>span{min-width:0;flex:1;height:56px}.hw-cd b{font-size:21px}.hw-cd{width:100%}
.hw-treat{padding:18px;gap:14px}.hw-pbtn{width:64px;height:62px}
.hw-hand.hw-far{display:none}.hw-hang.hw-r{display:none}.hw-ground{height:130px}.hw-hand{width:48px!important}
.hw-web{width:90px!important}.hw-hang .hw-sp{width:26px}
.hw-hh{font-size:34px;bottom:-4%}.hw-jack.hw-j2{display:none}.hw-jack{width:52px!important}
.hw-bat1{width:40px}.hw-bat2{width:28px}
.hw-crawl{width:22px;bottom:12%}.hw-crawl2{width:18px;right:8px}
.hw-switch{left:8px!important;right:8px!important;bottom:10px!important;transform:none!important;overflow-x:auto;scrollbar-width:none}
.hw-switch .hw-slabel{display:none}
}
@media (prefers-reduced-motion:reduce){.hw-hang,.hw-hang .hw-thread,.hw-la,.hw-lb,.hw-eyes,.hw-crawl,.hw-crawl2,.hw-bat,.hw-bat .hw-wing,.hw-hh,.hw-hat,.hw-fog,.hw-hand .hw-arm,.hw-dirt,.hw-moon,.hw-flash,.hw-ember,.hw-jface,.hw-jack::before,.hw-tag,.hw-pbtn,.hw-banner::after,.hw-bfog,.hw-bbat,.hw-bpk,.hw-bflick,.hw-bflick,.hw-mq-track,.hw-bbtn::after,.hw-bsec{animation:none!important}.hw-bbat{display:none}.hw-crawl,.hw-crawl2,.hw-ember,.hw-dirt,.hw-flash{display:none}.hw-hang .hw-thread{height:var(--l)}.hw-hand .hw-arm{transform:translateY(25%)}.hw-bat{display:none}}

/* Unterseiten */
.hw-on .pcard{border-color:#3A2A55!important}
.hw-on .pcard:hover{border-color:rgba(255,138,43,.7)!important}
.hw-on .pcard [data-jg-f="badge"]{background:linear-gradient(90deg,#FF8A2B,#E8661A)!important;color:#1A0E04!important;font-weight:800!important;border-color:transparent!important}
.hw-on .pcard [data-jg-f="price"]{color:#FFB547}
.hw-on .pd-card{border-color:rgba(255,138,43,.45)!important;box-shadow:0 24px 60px -30px rgba(255,122,26,.55)}
.hw-on .pd-card span[style*="rgba(33,196,123,0.14)"]{background:rgba(255,122,26,.16)!important;color:#FFB547!important}
.hw-on .fc-price{color:#FFB547!important}
.hw-stripwrap{max-width:1280px;margin:0 auto;padding:18px 24px 0}
.hw-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 18px;border-radius:16px;border:1px dashed rgba(255,138,43,.5);background:linear-gradient(90deg,rgba(124,58,237,.16),rgba(255,122,26,.12))}
.hw-striptxt{flex:1 1 260px;color:#E6DCEF;font-size:15px;line-height:1.5}
.hw-stripcd{font-size:13px;font-weight:600;color:#FFD08A;font-variant-numeric:tabular-nums}
.hw-stripcd b{font-weight:600}
.hw-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:rgba(255,122,26,.14);border:1px solid rgba(255,138,43,.45)}
.hw-offb{padding:2px 8px;border-radius:6px;background:#FF7A1A;color:#1A0E04;font-size:13px;font-weight:800}
.hw-pillrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0}
@media (max-width:640px){.hw-stripwrap{padding:14px 16px 0}.hw-strip{padding:12px 14px;gap:8px 12px}.hw-striptxt{font-size:14px}}