.bonus-page{--bonus-section-gap:clamp(24px, 3.2vw, 44px);--bonus-group-gap:clamp(18px, 2.4vw, 32px);padding-block:18px var(--bonus-section-gap)}.bonus-page>.section{margin-top:var(--bonus-section-gap)}.bonus-page>.bonus-jumps+.section{margin-top:clamp(18px,2vw,28px)}.bonus-page>.bonus-details,.bonus-page>.bonus-promos+.section{margin-top:var(--bonus-group-gap)}.bonus-hero{isolation:isolate;background:#18235c;border:1px solid #7184e794;border-radius:24px;align-items:center;min-height:386px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #080b2160}.bonus-hero>img{z-index:-1;object-fit:cover;width:66%;height:100%;position:absolute;inset:0 0 0 auto;mask-image:linear-gradient(90deg,#0000,#000 36%)}.bonus-hero-copy{width:min(66%,660px);padding:clamp(24px,4.2vw,58px)}.bonus-hero h1{letter-spacing:-.06em;text-wrap:balance;font-size:clamp(34px,4.5vw,64px);font-weight:880;line-height:1.02}.bonus-amount{flex-wrap:wrap;align-items:baseline;gap:3px 10px;margin:16px 0 8px;font-weight:760;display:flex}.bonus-amount strong{color:var(--accent);letter-spacing:-.04em;font-size:clamp(26px,3.3vw,46px);line-height:1.12}.bonus-hero-copy>p:not(.bonus-amount){color:#e0e7ff;max-width:48ch}.bonus-hero .hero-actions{gap:10px}.bonus-jumps{border:1px solid var(--line);background:var(--panel-deep);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;padding:8px;display:grid}.bonus-jumps .button{border-radius:10px;gap:7px}.bonus-jumps svg{color:#c1cef4;flex:none}.bonus-page :is(#willkommensbonus,#freispiele,#cashback,#bonuscode,#weitere-aktionen,#spiel-des-monats,#fragen){scroll-margin-block-start:12px}.bonus-section .section-head p{max-width:72ch}.bonus-deposits{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.7vw,20px);display:grid}.bonus-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px);display:grid}.bonus-tile{border:1px solid var(--line);background:var(--panel-deep);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.bonus-tile>img{aspect-ratio:12/5;object-fit:cover;width:100%;height:auto}.bonus-tile-copy{flex-direction:column;flex:1;align-items:flex-start;padding:clamp(12px,2vw,24px);display:flex}.bonus-tile h3{letter-spacing:-.025em;font-size:clamp(17px,2.1vw,26px);line-height:1.18}.deposit-rate{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:1px 8px;margin:5px 0 12px;display:flex}.deposit-rate strong{color:var(--accent);font-size:clamp(21px,2.6vw,34px);line-height:1.17}.bonus-tile-copy>.button{margin-top:auto}.bonus-deposits .bonus-tile:first-child{background:linear-gradient(165deg, #343145, var(--panel-deep) 68%);border-color:#9d8b4d}.bonus-deposits .bonus-tile-copy{border-top:1px solid #ffffff15}.bonus-panel p,.bonus-promo-copy p{color:var(--muted);text-wrap:pretty;margin:10px 0 16px}.cashback-art{isolation:isolate;background:#1d2644;position:relative}.cashback-art img{object-fit:cover;object-position:center 37%;width:100%;height:clamp(144px,17vw,235px)}.cashback-art:after{content:"";background:linear-gradient(#0000 22%,#0c122950 53%,#0c1229f5);position:absolute;inset:0}.cashback-art h3{z-index:1;color:#fff;text-wrap:balance;padding:12px clamp(14px,2vw,24px);position:absolute;bottom:0}.bonus-points,.bonus-rules ul{color:var(--muted);margin:12px 0 18px;padding:0;list-style:none}.bonus-points li,.bonus-rules li{border-bottom:1px solid var(--line);padding:8px 0 8px 18px;position:relative}.bonus-points li:before,.bonus-rules li:before{content:"";background:#a6b7ed;border-radius:50%;width:5px;height:5px;position:absolute;top:1.12em;left:1px}.bonus-points li:first-child,.bonus-rules li:first-child{padding-top:3px}.bonus-points li:first-child:before,.bonus-rules li:first-child:before{top:.8em}.bonus-rules strong{color:var(--text)}.bonus-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-deep);flex-direction:column;align-items:flex-start;padding:clamp(18px,2.7vw,36px);display:flex}.bonus-panel h2,.bonus-promo-copy h2{font-size:clamp(23px,2.65vw,34px)}.bonus-panel h2:has(.title-icon){align-items:center;gap:10px;display:flex}.bonus-panel .button{white-space:normal;max-width:100%;margin-top:auto}.bonus-panel p strong{color:var(--text)}.bonus-details{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(12px,2vw,24px);display:grid}.bonus-spins{background:radial-gradient(at 96% 20%,#3c386b 0%,#0000 59%),#18223e;border-color:#536595}.bonus-spins:target{border-color:#a5b7ef}.spins-layout{flex:1;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(90px,28%);align-items:start;gap:9px clamp(12px,1.6vw,23px);width:100%;margin-top:15px;display:grid}.spins-layout>p{margin:0}.spins-demo{background:#121a33;border:1px solid #a2b3ed61;border-radius:13px;grid-area:1/2/span 3;align-self:center;text-decoration:none;display:grid;overflow:hidden;box-shadow:0 10px 24px #080e26aa}.spins-demo:hover{border-color:#bdcaff}.spins-demo img{width:100%;height:auto}.spins-demo span{min-height:44px;color:var(--text);text-align:center;justify-content:center;align-items:center;gap:5px;padding:6px;font-size:.75rem;font-weight:740;line-height:1.2;display:flex}.spins-demo svg{color:var(--accent);flex:none}.bonus-table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;grid-column:1;align-self:stretch;width:100%}.bonus-table th,.bonus-table td{border-bottom:1px solid #8c9ed43d;padding:9px 6px}.bonus-table thead{color:#d6e0ff;font-size:.81rem}.bonus-table tbody th{color:#f2f5ff;width:47%;font-size:.91rem;font-weight:660}.spin-tier{gap:5px;display:grid}.spin-tier strong{color:var(--accent);font-size:1.08rem;line-height:1}.spin-meter{background:#ffffff1b;border-radius:8px;height:5px;display:block;overflow:hidden}.spin-meter:after{content:"";width:var(--spin-share);border-radius:inherit;background:linear-gradient(90deg,#ac98ff,#f3d264);height:100%;display:block}.bonus-details h2{font-size:clamp(22px,2.2vw,30px)}.bonus-conditions{background:linear-gradient(150deg, #252d4c 0%, var(--panel-deep) 70%)}.bonus-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:19px 0 2px;display:grid}.bonus-metrics>div{background:#111a35a0;border:1px solid #798bc950;border-radius:11px;flex-direction:column-reverse;justify-content:flex-end;gap:7px;padding:clamp(9px,1.25vw,16px);display:flex}.bonus-metrics dt{color:#d1dbf6;font-size:.82rem;line-height:1.37}.bonus-metrics dd{color:var(--accent);letter-spacing:-.045em;margin:0;font-size:clamp(21px,2.4vw,32px);font-weight:820;line-height:1.1}.bonus-rules{width:100%}.bonus-rules li:last-child{border-bottom:0}.bonus-promos{gap:var(--bonus-group-gap);grid-template-columns:minmax(0,1fr);display:grid}.bonus-code{isolation:isolate;background:radial-gradient(at 12% 0,#40356a,#0000 72%),#22264b;border-color:#525585;grid-template-columns:minmax(0,6fr) minmax(0,5fr);display:grid;position:relative}.bonus-code>.bonus-code-art{z-index:-1;aspect-ratio:auto;object-fit:cover;grid-area:1/2/2/3;height:100%;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000 23%)}.bonus-promo-copy{padding:clamp(16px,2.4vw,30px)}.bonus-promo-copy h2{text-wrap:balance}.bonus-code .bonus-promo-copy>.button{margin-top:0}.bonus-code-row{flex-wrap:wrap;gap:7px;margin:0 0 3px;display:flex}.bonus-code-row code{color:#fff0a7;letter-spacing:.05em;user-select:all;background:#0c153881;border:1px dashed #a5b3df;border-radius:8px;align-items:center;min-height:44px;padding:6px 12px;font-size:.94rem;font-weight:750;display:inline-flex}.bonus-code-row .button{border-radius:8px;min-width:110px;padding-inline:10px;font-size:.8rem}.bonus-code-row .button[hidden]{display:none}.bonus-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bonus-weekly{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title action""offers offers";align-items:center;gap:clamp(12px,1.5vw,20px);display:grid}.bonus-weekly>h2{text-wrap:balance;grid-area:title;font-size:clamp(23px,2.65vw,34px)}.bonus-weekly>.button{grid-area:action;justify-self:start}.weekly-offers{grid-area:offers;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px);display:grid}.weekly-offer>img{aspect-ratio:1094/363;flex:none}.weekly-offer-copy{flex-direction:column;flex:1;gap:10px;padding:clamp(16px,2vw,24px);display:flex}.weekly-offer-copy p{color:var(--muted);text-wrap:pretty}.weekly-offer-copy .weekly-offer-payout{border-top:1px solid var(--line);color:var(--text);margin-top:auto;padding-top:10px;font-weight:650}.bonus-free{border:1px solid var(--line);background:var(--panel-deep);border-radius:16px;grid-template-columns:clamp(145px,18vw,220px) minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,24px);padding:clamp(12px,1.5vw,18px);display:grid}.bonus-free>img{border-radius:8px;width:100%;height:auto}.bonus-free h2{text-wrap:balance;font-size:clamp(17px,1.7vw,22px);line-height:1.25}.bonus-free p{color:var(--muted);text-wrap:pretty;margin-top:6px}.bonus-free .button{margin-top:12px}.bonus-page #fragen{border:1px solid var(--line);border-radius:var(--radius);background:#19223b80;padding:clamp(16px,3vw,34px)}.bonus-page #faq-title{align-items:flex-start}.bonus-page #faq-title .title-icon{margin-top:1px}@media (width<=960px){.bonus-details,.bonus-code{grid-template-columns:minmax(0,1fr)}.bonus-code>.bonus-code-art{object-position:center 12%;grid-area:1/1;height:clamp(116px,35vw,205px);position:static;mask-image:linear-gradient(#000 76%,#0000)}}@media (width<=830px){.bonus-deposits{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-hero-copy{width:71%}.spins-layout{grid-template-columns:minmax(0,1fr) minmax(100px,24%)}}@media (width<=680px){.bonus-weekly{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""offers""action"}.weekly-offers{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.bonus-hero{border-radius:17px;grid-template-rows:auto clamp(142px,43vw,220px);min-height:0}.bonus-hero>img{object-position:center 18%;grid-row:2;width:100%;height:100%;position:relative;inset:auto;mask-image:linear-gradient(#0000,#000 32%)}.bonus-hero-copy{grid-row:1;width:100%;padding:20px 16px 0}.bonus-hero h1{font-size:clamp(30px,8.4vw,43px)}.bonus-hero .hero-actions{justify-content:flex-start;gap:7px;margin-top:14px}.bonus-hero .hero-actions .button{padding-inline:7px;font-size:.77rem}.bonus-jumps{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.bonus-jumps .button{gap:5px;padding-inline:5px;font-size:.77rem}.bonus-jumps svg{width:15px;height:15px}.bonus-duo{grid-template-columns:minmax(0,1fr)}.spins-layout{grid-template-columns:minmax(0,1fr) 84px}.spins-demo{grid-row:1;align-self:start}.spins-note,.bonus-table{grid-column:1/-1}.bonus-metrics{grid-template-columns:minmax(0,1fr)}.bonus-metrics>div{grid-template-columns:68px minmax(0,1fr);align-items:center;padding:10px;display:grid}.bonus-metrics dd{grid-area:1/1}.bonus-free{grid-template-columns:minmax(0,1fr)}.bonus-free>img{width:min(100%,188px)}.bonus-tile-copy .button{padding-inline:11px;font-size:.8rem}.bonus-promo-copy{padding:16px}.bonus-section .section-head h2,.bonus-panel h2:has(.title-icon){align-items:flex-start;gap:8px}.bonus-section .section-head h2,.bonus-page #faq-title{font-size:clamp(21px,5.7vw,25px)}.bonus-section .title-icon{width:31px;height:31px}}@media (width<=360px){.bonus-hero .hero-actions{grid-template-columns:minmax(0,1fr);display:grid}}
