.bonus-hero{isolation:isolate;border:1px solid var(--line);background:#142233;border-radius:18px;align-items:center;min-height:370px;display:grid;position:relative;overflow:hidden}.bonus-hero img{z-index:-1;object-fit:cover;width:61%;height:100%;position:absolute;inset:0 0 0 auto;mask-image:linear-gradient(90deg,#0000,#000 37%)}.bonus-hero-copy{max-width:min(60%,670px);padding:clamp(24px,3.5vw,50px)}.bonus-hero h1{font-size:clamp(1.5rem,2.9vw,2.3rem);line-height:1.16}.bonus-headline{color:var(--blue);letter-spacing:-.035em;margin-top:12px;font-size:clamp(1.7rem,3.7vw,3.35rem);font-weight:800;line-height:1.1}.bonus-intro{color:#d9e7f3;max-width:45ch;margin:14px 0 18px}.bonus-hero small{color:var(--muted);margin-top:8px;display:block}.bonus-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 16px;margin-top:8px;padding-block:4px;display:flex}.bonus-nav a{min-height:44px;color:var(--text);align-items:center;gap:7px;display:inline-flex}.bonus-nav .icon{color:var(--blue)}.bonus-nav a:hover{background:var(--surface);border-radius:8px}.bonus-package{margin-top:clamp(28px,3.5vw,48px)}.bonus-package .section-intro{max-width:72ch}.bonus-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0;padding:0;list-style:none;display:grid}.bonus-steps li{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.bonus-step-art{aspect-ratio:1.85;background:#122332;position:relative;overflow:hidden}.bonus-step-art img{object-fit:cover;width:100%;height:100%;display:block}.bonus-steps li:nth-child(2) .bonus-step-art img{object-position:center}.bonus-step-number{color:#0a1823;background:#82ddff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid;position:absolute;top:16px;left:18px;box-shadow:0 2px 12px #0005}.bonus-step-copy{padding:22px}.bonus-steps h3{font-size:1.06rem}.bonus-steps strong{color:var(--blue);letter-spacing:-.035em;margin-block:16px;font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.2;display:block}.bonus-option{color:var(--muted);margin-top:5px;font-size:.78rem}.bonus-wager{border-top:1px solid var(--line);color:#dce7f1;align-items:start;gap:9px;padding-top:16px;font-size:.9rem;display:flex}.bonus-wager .icon{width:17px;height:17px;color:var(--blue);flex:0 0 17px;margin-top:3px}.bonus-package-footer{border:1px solid var(--line);background:#101b27;border-radius:14px;align-items:center;gap:24px;padding:20px 24px;display:flex}.bonus-package-footer img{object-fit:cover;border-radius:8px;flex:none;width:78px;height:104px}.bonus-package-footer h3{margin-bottom:8px;font-size:1.1rem}.bonus-package-footer p{max-width:92ch;color:var(--muted);font-size:.93rem}.bonus-conditions{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;margin-top:24px;display:grid}.bonus-rule{border:1px solid var(--line);background:#141f2d;border-radius:16px;padding:26px}.bonus-rule-breakdown{background:var(--surface);grid-row:span 2}.bonus-rule-metric{color:var(--blue);letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(1.8rem,3.1vw,2.65rem);line-height:1.1;display:block}.bonus-condition-title{align-items:center;gap:9px;font-size:1.05rem;line-height:1.3;display:flex}.bonus-condition-title .icon{color:var(--blue)}.bonus-rule p{color:var(--muted);margin-top:10px;font-size:.94rem}.bonus-rule dl{margin:18px 0 0}.bonus-rule dl>div{justify-content:space-between;align-items:center;gap:12px;padding:9px 0 14px;display:flex;position:relative}.bonus-rule dl>div:after{content:"";background:linear-gradient(to right, var(--blue) var(--contribution), #2a394a var(--contribution));border-radius:3px;height:3px;position:absolute;bottom:5px;left:74px;right:0}.bonus-rule dl dt{color:#dce7f1;align-items:center;gap:14px;min-width:0;display:flex}.bonus-rule dl dt img{object-fit:cover;border-radius:8px;flex:none;width:60px;height:76px}.bonus-rule dl dd{color:var(--blue);font-variant-numeric:tabular-nums;flex:none;margin:0;font-size:1.2rem;font-weight:750}.bonus-code{border:1px solid var(--line);background:#122331;border-radius:18px;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:stretch;display:grid;overflow:hidden}.bonus-code-art{background:#11232e;min-height:300px}.bonus-code-art img{object-fit:cover;object-position:49% center;width:100%;height:100%}.bonus-code-copy{background:#14202e;padding:clamp(24px,3vw,40px)}.bonus-code h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2}.bonus-code p{color:var(--muted);margin-top:14px}.bonus-code-answer{border-top:1px solid #354559;margin-top:22px;padding-top:20px}.bonus-code-answer h3{align-items:center;gap:10px;font-size:1.05rem;display:flex}.bonus-code-answer .icon{color:var(--blue)}.bonus-offers{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.bonus-offers .promo{grid-column:span 2;grid-template-rows:auto auto 1fr auto;scroll-margin-top:100px;display:grid}.bonus-offers .promo:nth-child(-n+2){grid-column:span 3}.bonus-offers .promo img,.bonus-offers .promo:nth-child(-n+2) img{aspect-ratio:2}.bonus-offer-heading{padding:15px 16px 0}.bonus-offer-heading h3{font-size:1.06rem;line-height:1.3}.bonus-offer-heading strong{color:var(--blue);margin-top:5px;font-size:clamp(1.16rem,2vw,1.55rem);line-height:1.2;display:block}.bonus-offers .promo>p{color:var(--muted);padding:8px 16px 14px;font-size:.93rem}#bonusfragen{grid-template-columns:minmax(0,1fr);gap:15px}.bonus-code p,.bonus-rule p,.bonus-package-footer p,.bonus-offers p{text-wrap:pretty}@media (width<=850px){.bonus-steps{gap:12px}.bonus-step-copy{padding:16px}.bonus-offers{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-offers .promo,.bonus-offers .promo:nth-child(-n+2){grid-column:auto}.bonus-offers .promo:nth-child(-n+2) img{aspect-ratio:2}}@media (width<=640px){.section{scroll-margin-top:140px}.bonus-hero{flex-direction:column;min-height:0;display:flex}.bonus-hero img{width:100%;height:auto;position:static;mask-image:none}.bonus-hero-copy{max-width:none;padding:18px}.bonus-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6px;display:grid}.bonus-nav a{min-width:0;padding-inline:6px;font-size:.83rem}.bonus-steps{grid-template-columns:minmax(0,1fr);gap:18px}.bonus-step-art{aspect-ratio:2.2}.bonus-step-copy{padding:20px}.bonus-steps strong{margin-block:12px;font-size:1.75rem}.bonus-package-footer{grid-template-columns:60px minmax(0,1fr);align-items:center;gap:14px;padding:16px;display:grid}.bonus-package-footer>div{display:contents}.bonus-package-footer p{grid-column:1/-1}.bonus-package-footer .bonus-expiry{margin-top:0}.bonus-package-footer img{width:60px;height:80px}.bonus-package-footer h3{font-size:1rem}.bonus-package-footer p{font-size:.88rem}.bonus-option{margin-top:1px}.bonus-conditions,.bonus-offers{grid-template-columns:minmax(0,1fr)}.bonus-rule-breakdown{grid-row:auto;padding:14px}.bonus-offers .promo{padding:0;scroll-margin-top:112px;display:block}.bonus-offers .promo img,.bonus-offers .promo:nth-child(-n+2) img{aspect-ratio:2;object-fit:cover;width:100%;height:auto}.bonus-offer-heading{padding:18px 20px 0}.bonus-offer-heading h3{font-size:1.06rem}.bonus-offer-heading strong{font-size:1.35rem}.bonus-offers .promo>p{padding:10px 20px 20px}}.bonus-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 24px;display:flex}.bonus-actions small{color:var(--muted);font-size:.82rem}.bonus-offer-action{padding:4px 16px 20px}.bonus-offer-action .button{min-width:144px;min-height:46px}@media (width<=640px){.bonus-actions{flex-direction:column;align-items:stretch;gap:8px}.bonus-actions .button{width:100%}.bonus-actions small{text-align:center}.bonus-offer-action{padding:0 20px 20px}.bonus-offer-action .button{width:100%}}.bonus-package-footer .bonus-expiry{color:#dce7f1;margin-top:10px}.bonus-calculation{background:#142436;border:1px solid #34516c;border-radius:16px;margin-top:24px;padding:28px}.bonus-calculation h3{font-size:1.2rem}.bonus-calculation p{color:#dce7f1;max-width:90ch;margin-top:10px}.bonus-calculation small{color:var(--muted);margin-top:10px;display:block}.bonus-equation{border-top:1px solid #354559;grid-template-columns:1fr .75fr 1fr;gap:24px;margin:26px 0 0;padding-top:24px;display:grid}.bonus-equation>div{flex-direction:column-reverse;gap:5px;display:flex}.bonus-equation>div+div{border-left:1px solid #354559;padding-left:24px}.bonus-equation dt{color:var(--muted);font-size:.86rem}.bonus-equation dd{color:var(--blue);letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800;line-height:1.1}@media (width<=640px){.bonus-rule{padding:20px}.bonus-rule dl dt img{width:48px;height:62px}.bonus-rule dl dt{gap:10px;font-size:.9rem}.bonus-rule dl>div:after{left:58px}.bonus-rule dl dd{font-size:1rem}.bonus-code{grid-template-columns:minmax(0,1fr)}.bonus-code-art{aspect-ratio:2;min-height:0}.bonus-code-copy{padding:22px}.bonus-code-answer h3{align-items:start}.bonus-calculation{padding:22px}.bonus-equation{grid-template-columns:1fr;gap:16px;margin-top:20px;padding-top:20px}.bonus-equation>div{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:16px}.bonus-equation>div+div{border-top:1px solid #354559;border-left:0;padding:16px 0 0}.bonus-equation dt{max-width:50%}.bonus-equation dd{flex:none;font-size:1.55rem}}.bonus-offers .promo:has(.bonus-offer-details){grid-template-rows:auto auto 1fr auto auto}.bonus-offer-details{border-top:1px solid var(--line);margin:0 16px 16px}.bonus-offer-details summary{cursor:pointer;min-height:44px;color:var(--blue);padding-top:12px;font-size:.9rem;font-weight:650}.bonus-offer-details p{color:var(--muted);padding-top:8px;font-size:.9rem}@media (width<=640px){.bonus-offer-details{margin-inline:20px}}@media (width>=641px) and (width<=1000px){.bonus-steps strong{min-height:2.4em}}
