:root{color-scheme:light;--ink:#112836;--muted:#566876;--line:#dce5e9;--teal:#087e72;--teal-dark:#066c61;--navy:#071c2a;--pale:#f3f7f7;--gold:#e4be72}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.bonus-entry{margin:0;overflow-x:hidden;background:#f5f8f8;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,summary:focus-visible{outline:3px solid #edba54;outline-offset:3px}
.guide-shell,.bonus-wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.guide-skip{position:absolute;left:12px;top:-70px;z-index:100;padding:10px 14px;background:#fff;color:var(--navy)}
.guide-skip:focus{top:8px}
.guide-header{position:relative;z-index:2;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.13);color:#fff}
.guide-header-inner{display:flex;align-items:center;gap:36px;min-height:68px}
.guide-brand{display:inline-flex;align-items:center;gap:10px;flex:none;text-decoration:none}
.guide-brand-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(228,190,114,.65);border-radius:10px;color:var(--gold);font-size:21px}
.guide-brand strong{display:block;font-size:14px;line-height:1.1;letter-spacing:.095em}
.guide-brand small{display:block;margin-top:4px;color:#abbcc4;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.guide-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.guide-nav a{color:#cbd7dc;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.guide-nav a:hover{color:#fff}
.guide-header-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:38px;padding:8px 14px;border:1px solid rgba(228,190,114,.6);border-radius:8px;color:#fff;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.guide-header-cta:hover{background:rgba(228,190,114,.14)}
.bonus-page{color:var(--ink)}
.bonus-hero{position:relative;overflow:hidden;padding:30px 0 70px;background:radial-gradient(circle at 94% 0%,rgba(31,138,131,.23),transparent 31%),linear-gradient(115deg,#071c2a,#103748);color:#fff}
.bonus-hero::after{content:"";position:absolute;right:8%;top:-105px;width:320px;height:320px;border:1px solid rgba(255,255,255,.085);border-radius:50%;pointer-events:none}
.bonus-hero .bonus-wrap{position:relative;z-index:1}
.bonus-eyebrow,.bonus-overline{margin:0 0 7px;color:#ad7e29;font-size:11px;font-weight:800;line-height:1.35;letter-spacing:.16em;text-transform:uppercase}
.bonus-eyebrow{color:var(--gold)}
.bonus-hero h1{max-width:950px;margin:0 0 10px;color:#fff;font-size:clamp(34px,4.1vw,52px);font-weight:800;line-height:1.12;letter-spacing:-.04em}
.bonus-lead{max-width:790px;margin:0;color:#d8e6e9;font-size:16px;line-height:1.5}
.bonus-body{position:relative;margin-top:-38px;padding-bottom:76px}
.bonus-section{padding:47px 0;border-bottom:1px solid var(--line);scroll-margin-top:22px}
.bonus-body>.bonus-section:not(.bonus-top):not(#andere-merken){max-width:920px;margin-inline:auto}
.bonus-top{padding:20px 24px 27px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 38px rgba(7,28,42,.1)}
.bonus-section-heading h2{margin-bottom:8px!important}
.bonus-page h2{margin:0 0 17px;color:#102b3b;font-size:clamp(27px,3vw,37px);font-weight:800;line-height:1.17;letter-spacing:-.025em}
.bonus-page h3{margin:0 0 10px;color:#123241;font-size:19px;font-weight:750;line-height:1.3}
.bonus-page p,.bonus-page li{font-size:16px;line-height:1.7}
.bonus-page p{max-width:920px;margin:0 0 17px}
.bonus-page a:not(.bonus-brand-button){color:#08756a;text-decoration:underline;text-underline-offset:3px}
.bonus-page a:hover{color:#05584f}
.bonus-intro{max-width:none!important;margin-bottom:17px!important;color:#536674;font-size:14px!important;line-height:1.55!important}
.bonus-table-wrap{overflow:hidden;border:1px solid var(--line);border-radius:11px}
.bonus-table{width:100%;border-collapse:collapse;background:#fff;table-layout:fixed}
.bonus-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bonus-table thead{background:#eaf1f2}
.bonus-table th,.bonus-table td{padding:16px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px;line-height:1.55}
.bonus-table thead th{color:#36505d;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.bonus-table thead th:first-child{width:29%}
.bonus-table thead th:nth-child(2){width:11%}
.bonus-table thead th:nth-child(3){width:23%}
.bonus-table thead th:nth-child(4){width:23%}
.bonus-table thead th:nth-child(5){width:14%}
.bonus-table tbody tr:last-child th,.bonus-table tbody tr:last-child td{border-bottom:0}
.bonus-table tbody th{position:relative;font-weight:400}
.bonus-table tbody th img{display:block;width:auto;max-width:115px;height:30px;margin:0 0 6px 37px;object-fit:contain;object-position:left center}
.bonus-table tbody th strong{display:block;margin-left:37px;color:#0d2939;font-size:17px;font-weight:800}
.bonus-table tbody th small{display:block;margin:3px 0 0 37px;color:#5b707b;font-size:11px;font-weight:500;line-height:1.45}
.bonus-table tbody th .bonus-rank{position:absolute;top:17px;left:14px;display:grid;place-items:center;width:27px;height:27px;margin:0;border-radius:8px;background:#e7f3f0;color:#087e72;font-size:12px;font-weight:800}
.bonus-stars{display:block;color:#d79c26;font-size:14px;letter-spacing:-.08em;white-space:nowrap}
.bonus-score,.bonus-offer{display:block;margin-top:4px;color:#163644;font-size:14px;font-weight:800;line-height:1.4}
.bonus-offer{margin-top:0;font-size:15px}
.bonus-table .bonus-brand-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:39px;padding:8px 10px;border-radius:8px;background:#087e72;color:#fff!important;font-size:12px;font-weight:800;text-align:center;text-decoration:none!important;white-space:nowrap}
.bonus-table .bonus-brand-button:hover{background:#066c61;color:#fff!important}
.bonus-status{display:inline-block;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.4}
.bonus-status-yes{background:#dbf1e7;color:#116e4c}
.bonus-status-no{background:#fff0de;color:#946020}
.bonus-table a{font-weight:700;overflow-wrap:anywhere}
.bonus-note,.bonus-callout{max-width:none!important;margin:17px 0 0!important;padding:16px 19px;border-left:3px solid #0e9c8d;border-radius:0 8px 8px 0;background:#eaf6f3;color:#294c51;font-size:14px!important;line-height:1.65!important}
.bonus-table-summary-title{margin:25px 0 7px!important;font-size:18px!important}
.bonus-table-summary{max-width:940px!important;margin-bottom:0!important;color:#485f6c;font-size:14px!important;line-height:1.65!important}
.bonus-callout{margin:23px 0!important}
.bonus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}
.bonus-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.bonus-card{min-width:0;padding:23px;border:1px solid var(--line);border-radius:12px;background:#fff}
.bonus-card p{margin:0;color:#405664;font-size:15px}
.bonus-checklist{max-width:940px;margin:22px 0;padding:0;list-style:none;counter-reset:checks}
.bonus-checklist li{position:relative;min-height:31px;margin-bottom:18px;padding-left:45px;counter-increment:checks}
.bonus-checklist li::before{content:counter(checks);position:absolute;top:2px;left:0;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e3f2ef;color:#077569;font-size:13px;font-weight:800}
.bonus-formula{display:flex;flex-wrap:wrap;align-items:center;gap:11px;width:fit-content;max-width:100%;margin:22px 0;padding:17px 21px;border:1px solid #c9e3dc;border-radius:11px;background:#eaf6f3;font-size:17px}
.bonus-formula strong{color:#08766b}
.bonus-steps{max-width:930px;margin:22px 0;padding:0;list-style:none}
.bonus-steps li{display:flex;gap:17px;margin-bottom:24px}
.bonus-steps li>span{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border-radius:10px;background:#087e72;color:#fff;font-weight:800}
.bonus-steps p{margin:0}
.bonus-faq details{max-width:930px;padding:17px 2px;border-bottom:1px solid var(--line)}
.bonus-faq details:first-of-type{border-top:1px solid var(--line)}
.bonus-faq summary{cursor:pointer;color:#173542;font-size:17px;font-weight:700;line-height:1.5}
.bonus-faq details p{margin:10px 0 0}
#andere-merken{margin-top:32px;padding:42px 0 37px;border-bottom:1px solid var(--line)}
.bonus-brand-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0 0;padding:0;list-style:none}
.bonus-brand-list li{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:17px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(7,28,42,.035)}
.bonus-brand-list img{display:block;width:100%;max-width:150px;height:54px;margin:0 0 12px;object-fit:contain;object-position:left center}
.bonus-brand-list strong{display:block;margin-bottom:13px;font-size:17px}
.bonus-brand-list .bonus-brand-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:auto;padding:10px 14px;border-radius:8px;background:#087e72;color:#fff;font-size:13px;font-weight:800;text-align:center;text-decoration:none}
.bonus-brand-list .bonus-brand-button:hover{background:#066c61;color:#fff}
.bonus-sources{border-bottom:0}
.bonus-responsible{margin-top:24px!important;padding-top:13px;border-top:1px solid var(--line);color:#536674;font-size:13px!important}
.guide-footer{background:#071c2a;color:#cfdee4}
.guide-footer-inner{display:flex;justify-content:space-between;gap:28px;padding:45px 0 35px}
.guide-footer strong{color:#fff;font-size:18px}
.guide-footer p{max-width:430px;margin:9px 0 0;font-size:14px;line-height:1.55}
.guide-footer-links{display:flex;flex-wrap:wrap;align-items:start;gap:18px}
.guide-footer a{color:#d4e5e7;font-size:13px;text-decoration:none}
.guide-footer a:hover{text-decoration:underline}
.guide-footer-bottom{display:flex;justify-content:space-between;gap:14px;padding:19px 0 25px;border-top:1px solid rgba(255,255,255,.15);color:#9fb5bd;font-size:12px}
@media(max-width:900px){.guide-nav{display:none}.guide-header-cta{margin-left:auto}.bonus-brand-list{grid-template-columns:repeat(3,minmax(0,1fr))}.bonus-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .guide-shell,.bonus-wrap{width:calc(100% - 28px)}
  .guide-header-inner{min-height:58px;gap:8px}
  .guide-brand-icon{width:30px;height:30px;font-size:18px}
  .guide-brand strong{font-size:11px}
  .guide-brand small{font-size:9px}
  .guide-header-cta{min-height:34px;padding:7px 9px;font-size:10px}
  .guide-header-cta span{display:none}
  .bonus-hero{padding:21px 0 63px}
  .bonus-hero::after{right:-160px}
  .bonus-hero h1{margin-bottom:9px;font-size:31px;line-height:1.13}
  .bonus-lead{font-size:14px;line-height:1.43}
  .bonus-body{margin-top:-42px;padding-bottom:47px}
  .bonus-top{padding:17px 15px 20px;border-radius:13px}
  .bonus-overline{margin-bottom:5px;font-size:10px}
  .bonus-page h2{font-size:26px}
  .bonus-top h2{margin-bottom:8px!important;font-size:21px;line-height:1.18}
  .bonus-intro{margin-bottom:12px!important;font-size:12px!important;line-height:1.42!important}
  .bonus-section{padding:32px 0}
  .bonus-page p,.bonus-page li{font-size:15px;line-height:1.68}
  .bonus-table-wrap{overflow:visible;border:0;border-radius:0}
  .bonus-table,.bonus-table tbody,.bonus-table tr,.bonus-table th,.bonus-table td{display:block;width:100%}
  .bonus-table thead{display:none}
  .bonus-table tr{margin-bottom:10px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#fff}
  .bonus-table th,.bonus-table td{padding:5px 0;border:0!important;font-size:13px;overflow-wrap:anywhere}
  .bonus-table tbody th{min-height:75px;padding-left:35px}
  .bonus-table tbody th .bonus-rank{top:5px;left:0}
  .bonus-table tbody th img,.bonus-table tbody th strong,.bonus-table tbody th small{margin-left:0}
  .bonus-table tbody th img{height:25px;margin-bottom:3px}
  .bonus-table tbody th strong{font-size:16px}
  .bonus-table tbody th small{font-size:10px}
  .bonus-table td::before{content:attr(data-label);display:block;margin-bottom:2px;color:#58707c;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
  .bonus-table td:last-child::before{display:none}
  .bonus-table .bonus-brand-button{min-height:40px;margin-top:4px;font-size:13px}
  .bonus-note,.bonus-callout{padding:14px 15px;font-size:13px!important}
  .bonus-grid,.bonus-grid-three{grid-template-columns:1fr;gap:10px}
  .bonus-card{padding:17px}
  .bonus-brand-list{grid-template-columns:1fr;gap:10px}
  .bonus-brand-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(116px,42%);align-items:center;column-gap:12px;padding:12px 14px}
  .bonus-brand-list img{grid-column:1;max-width:130px;height:42px;margin-bottom:3px}
  .bonus-brand-list strong{grid-column:1;margin:0;font-size:15px}
  .bonus-brand-list .bonus-brand-button{grid-column:2;grid-row:1/span 2;min-height:40px;padding:8px;font-size:12px}
  .bonus-formula{gap:7px;padding:14px;font-size:14px}
  .guide-footer-inner,.guide-footer-bottom{display:block}
  .guide-footer-inner{padding:30px 0 23px}
  .guide-footer-links{margin-top:22px}
  .guide-footer-bottom span{display:block;margin:0 0 8px}
}
@media(max-width:350px){.guide-header-cta{display:none}.bonus-brand-list li{grid-template-columns:minmax(0,1fr) 112px;column-gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}