:root{--ink:#102744;--muted:#62738a;--blue:#1158bd;--deep:#0b397d;--ice:#edf5ff;--line:#d7e3f2;--paper:#f7f9fd;--white:#fff;--orange:#ed683b;--green:#07885e;--serif:"GFS Didot",Georgia,serif;--sans:"Manrope",sans-serif;--mono:"DM Mono",monospace;--shadow:0 22px 55px rgba(18,56,106,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.eyebrow{margin:0 0 10px;color:var(--blue);font:500 .71rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.serif{font:italic 1em var(--serif)}.tiny{font-size:.75rem;color:var(--muted)}
.notice{background:var(--deep);color:#fff;font-size:.75rem;text-align:center;padding:9px 16px}.notice a{text-decoration:underline;text-underline-offset:3px}.nav{position:sticky;top:0;z-index:9;background:rgba(247,249,253,.92);backdrop-filter:blur(15px);border-bottom:1px solid rgba(215,227,242,.8)}.nav-in{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:-.045em}.mark{display:grid;place-items:center;width:37px;height:37px;overflow:hidden;border-radius:10px;background:#f7faff;box-shadow:0 5px 14px rgba(16,39,68,.13)}.mark img{display:block;width:100%;height:100%;object-fit:contain;padding:3px}.navlinks{display:flex;gap:23px;color:#48607e;font-size:.87rem;font-weight:700}.navlinks a:hover{color:var(--blue)}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--blue);border-radius:9px;padding:10px 14px;background:var(--blue);color:white;font-size:.8rem;font-weight:700;transition:.18s;box-shadow:0 8px 18px rgba(17,88,189,.16)}.btn:hover{transform:translateY(-1px);background:#0b438f}.btn.ghost{background:#fff;color:var(--blue);border-color:#c8daef;box-shadow:none}.btn.ghost:hover{background:var(--ice)}
.hero{position:relative;overflow:hidden;padding:82px 0 70px;background-color:#dbeeff;background-image:linear-gradient(90deg,rgba(249,252,255,.98) 0%,rgba(249,252,255,.94) 38%,rgba(247,251,255,.72) 65%,rgba(245,250,255,.40) 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(225,241,255,.15));pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:45px}.hero h1{max-width:750px;margin:0 0 22px;font-size:clamp(3.2rem,7.4vw,6.8rem);line-height:.9;letter-spacing:-.08em}.hero h1 em{display:block;color:var(--blue);font:italic 1em var(--serif);letter-spacing:-.06em}.lede{max-width:590px;color:#405b7d;font-size:1.05rem;margin:0 0 25px}.actions{display:flex;gap:9px;flex-wrap:wrap}.hero-note{margin:17px 0 0;max-width:570px;font-size:.72rem;color:var(--muted)}.best-card{width:min(430px,100%);min-height:344px;padding:24px 24px 20px;border:1px solid rgba(255,255,255,.96);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 22px 45px rgba(30,67,115,.16);backdrop-filter:blur(14px)}.hero-best{justify-self:end}.best-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.badge{display:inline-flex;gap:6px;align-items:center;padding:5px 8px;border:1px solid #c9def9;border-radius:99px;background:#edf5ff;color:var(--blue);font:500 .62rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 3px #ffe0d6}.best-score{font:2.1rem var(--serif);color:var(--blue)}.best-name{display:grid;grid-template-columns:132px minmax(0,1fr);gap:15px;align-items:center;border-block:1px solid var(--line);padding:16px 0}.best-name .logo{width:132px;height:96px;border-radius:12px;font-size:.72rem;line-height:1.35;letter-spacing:.04em}.best-name strong{display:block;font-size:1.13rem}.best-name span{display:block;margin-top:4px;color:var(--muted);font-size:.72rem;line-height:1.45}.best-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 12px}.best-facts span{padding:8px 4px;border-radius:7px;background:#f5f8fc;color:#506b8b;font-size:.66rem;text-align:center}.best-facts b{display:block;color:var(--ink);font-size:.8rem}.best-note{margin:0;color:var(--muted);font-size:.66rem;line-height:1.42}.best-card .arrow{margin-top:10px;font-size:.72rem}
.facts{background:#fff;border-block:1px solid var(--line)}.facts .wrap{display:grid;grid-template-columns:repeat(5,1fr);padding:17px 0}.fact{padding:0 21px;border-right:1px solid var(--line)}.fact:first-child{padding-left:0}.fact:last-child{border:0}.fact span{display:block;color:var(--muted);font:.62rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.fact b{font-size:.81rem}.author-slot b{display:block;font-size:.75rem;line-height:1.35}.author-slot small{display:block;margin-top:2px;color:var(--muted);font-size:.6rem;line-height:1.35}.anchorbar{padding:16px 0 0}.anchorbar .wrap{display:flex;gap:7px;overflow:auto;padding-bottom:5px}.anchorbar a{white-space:nowrap;padding:6px 10px;border:1px solid var(--line);border-radius:99px;background:#fff;color:#4a6280;font-size:.75rem;font-weight:700}.anchorbar a:hover{color:var(--blue);border-color:var(--blue)}.answer-first{position:relative;isolation:isolate;overflow:hidden;padding:37px 0 47px;background:#f5faff;border-bottom:1px solid var(--line)}.answer-first:after{position:absolute;z-index:0;inset:0;content:"";pointer-events:none}.answer-first:after{background:linear-gradient(90deg,rgba(250,253,255,.99) 0%,rgba(250,253,255,.96) 48%,rgba(250,253,255,.48) 74%,rgba(250,253,255,.17) 100%)}.answer-first>.wrap{position:relative;z-index:1}.answer-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}.answer-copy h2{max-width:610px;margin:0 0 11px;font-size:clamp(2rem,3.8vw,3.7rem);line-height:.98;letter-spacing:-.06em}.direct-answer{max-width:640px;margin:0;color:#3e5b7c;font-size:1rem}.answer-source{max-width:640px;margin:16px 0 0;padding:10px 12px;border-left:3px solid var(--blue);border-radius:0 8px 8px 0;background:rgba(238,246,255,.9);color:#4c6887;font-size:.76rem}.answer-source b{color:var(--ink)}.answer-source a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:2px}.answer-checklist{padding:19px 21px;border:1px solid #cddff1;border-radius:15px;background:rgba(255,255,255,.88);box-shadow:var(--shadow);backdrop-filter:blur(6px)}.answer-checklist h3{margin:0 0 10px;font-size:1.05rem;letter-spacing:-.035em}.answer-checklist ol{display:grid;gap:8px;margin:0;padding-left:21px;color:#506d8d;font-size:.8rem}.answer-checklist li{padding-left:4px}.answer-checklist b{color:var(--ink)}.answer-checklist a{display:inline-block;margin-top:13px;color:var(--blue);font-size:.75rem;font-weight:700}
section.toplist{padding:72px 0 35px}.section-lead{max-width:750px;margin-bottom:25px}.section-lead h2{font-size:clamp(2.15rem,4vw,4rem);line-height:.98;letter-spacing:-.065em;margin:0 0 13px}.section-lead p{margin:0;color:var(--muted);font-size:1rem}.list-note{display:inline-block;margin:0 0 17px;padding:8px 11px;border-radius:8px;background:#fff1e9;color:#aa512e;font-size:.75rem}.casino-list{display:grid;gap:9px;list-style:none;padding:0;margin:0}.casino{display:grid;grid-template-columns:35px minmax(140px,1.2fr) 1.45fr .58fr .58fr 112px;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:.2s}.casino:hover{border-color:#b7ceed;box-shadow:var(--shadow);transform:translateY(-2px)}.rank{color:var(--blue);font:.73rem var(--mono)}.identity{display:flex;gap:10px;align-items:center;min-width:0}.logo{flex:0 0 auto;display:grid;place-items:center;width:72px;height:40px;border:1px dashed #adc4dd;border-radius:8px;background:linear-gradient(145deg,#fbfdff,#eaf2fb);overflow:hidden;text-align:center;color:#57728f;font:600 .62rem/1.05 var(--mono);padding:3px}.logo img{max-width:62px;max-height:30px;object-fit:contain}.name{font-size:.88rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{color:var(--muted);font-size:.63rem}.offer{font-size:.8rem;font-weight:700;line-height:1.25}.offer small,.data small{display:block;color:var(--muted);font-size:.63rem;font-weight:500;margin-top:2px}.data{font:.74rem var(--mono);color:var(--ink)}.rowbtn{font-size:.68rem;padding:8px 7px}.candidate{display:none;opacity:.75;background:#fbfdff}.candidate .offer{color:#667b94}.show-candidates{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--blue);font:700 .78rem var(--sans)}
.method{position:relative;overflow:hidden;padding:82px 0;background:#0e3c80;color:#fff}.method:after{content:"DE";position:absolute;right:-65px;top:-180px;color:rgba(255,255,255,.025);font:italic 35rem/1 var(--serif)}.method-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:55px}.method .eyebrow{color:#9cceff}.method h2{font-size:clamp(2.6rem,5vw,4.8rem);line-height:.95;letter-spacing:-.065em;margin:0 0 15px}.method .intro{color:#d5e7fc;max-width:540px}.quote{margin:26px 0 0;padding:20px 22px;border-left:3px solid #82bcff;border-radius:0 13px 13px 0;background:rgba(255,255,255,.07);color:#f4f9ff;font:1.34rem/1.28 var(--serif)}.steps{display:grid;gap:9px}.step{position:relative;padding:15px 16px 15px 59px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.07)}.step i{position:absolute;left:17px;top:16px;color:#91c7ff;font:1.15rem var(--mono);font-style:normal}.step h3{font-size:.91rem;margin:0 0 2px}.step p{color:#d7e8fc;font-size:.8rem;margin:0}
.keyword{padding:80px 0}.keyword.alt{background:#fff}.keyword-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}.keyword-grid.flip{grid-template-columns:1.15fr .85fr}.keyword-copy h2{font-size:clamp(2.35rem,4.5vw,4.25rem);line-height:.95;letter-spacing:-.065em;margin:0 0 15px}.keyword-copy p:not(.eyebrow){max-width:590px;color:var(--muted);margin:0}.arrow{display:inline-block;margin-top:15px;color:var(--blue);font-size:.82rem;font-weight:700}.audit-card{padding:25px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.mini-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:15px;border-radius:10px;background:var(--ice);color:var(--blue);font-size:1.2rem}.audit-card h3{font-size:1.42rem;letter-spacing:-.045em;margin:0 0 6px}.audit-card p{margin:0 0 16px;color:var(--muted);font-size:.88rem}.micro{display:grid;gap:7px}.micro div{padding:9px;background:#f5f8fc;border-radius:7px;color:#485f7c;font-size:.76rem}.micro b{color:var(--blue)}
.compare-section{padding:75px 0;background:linear-gradient(180deg,#eef6ff,#f8faff)}.comparebox{overflow:hidden;border:1px solid #c9daee;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.compare-head{display:flex;gap:22px;align-items:end;justify-content:space-between;padding:24px;border-bottom:1px solid var(--line)}.compare-head h2{margin:0;font-size:1.7rem;letter-spacing:-.05em}.compare-head p{margin:5px 0 0;color:var(--muted);font-size:.8rem}.compare-body{display:grid;grid-template-columns:1fr 1fr}.compare-col{padding:23px;border-right:1px solid var(--line)}.compare-col:nth-child(2){border:0}.compare-brand{display:flex;align-items:center;gap:9px;margin-bottom:15px}.compare-brand h3{font-size:1rem;margin:0}.compare-brand p{margin:0;color:var(--muted);font-size:.65rem}.fit{margin-left:auto;color:var(--blue);font:1.55rem var(--serif)}.metric{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #edf2f7;font-size:.77rem}.metric span{color:var(--muted)}.good{color:var(--green)}.compare-foot{grid-column:1/-1;padding:13px 23px;border-top:1px solid var(--line);background:#f8fbff;color:#56708c;font-size:.72rem}
.reviews{padding:84px 0}.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.review{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.review[open]{border-color:#b9d0ee;box-shadow:var(--shadow)}.review summary{display:flex;align-items:center;gap:10px;padding:15px;cursor:pointer;list-style:none}.review summary::-webkit-details-marker{display:none}.review-name{font-size:.88rem;font-weight:700}.review-meta{margin-left:auto;color:var(--muted);font:.61rem/1.3 var(--mono);text-align:right}.review summary:after{content:"+";display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:var(--blue);background:var(--ice);font-size:1.1rem}.review[open] summary:after{content:"–"}.review-body{padding:17px;border-top:1px solid var(--line);color:#506782;font-size:.81rem}.review-body h4{margin:0 0 5px;color:var(--ink);font-size:.82rem}.review-body p{margin:0 0 11px}.review-body ul{margin:0;padding-left:17px;display:grid;gap:4px}.stamp{display:inline-block;margin-bottom:8px;padding:4px 6px;border-radius:5px;background:#fff1eb;color:#b4522a;font:500 .57rem var(--mono);letter-spacing:.05em;text-transform:uppercase}
.faq{padding:0 0 78px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.faq h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:.96;letter-spacing:-.065em;margin:0}.faq .left p{color:var(--muted)}.faq details{padding:15px 0;border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:.9rem;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blue);font-size:1.15rem}.faq details[open] summary:after{content:"–"}.faq details p{margin:9px 22px 0 0;color:var(--muted);font-size:.83rem}.faq a{color:var(--blue);text-decoration:underline}.footer{background:#0c2e62;color:#dbeaff;padding:45px 0 24px}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:35px;padding-bottom:29px}.footer .brand{color:#fff}.footer p{max-width:440px;color:#b9d2f0;font-size:.78rem}.footer h3{margin:0 0 9px;color:#fff;font:500 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.footer-links{display:grid;gap:7px;color:#c9dcf2;font-size:.78rem}.footer-links a:hover{text-decoration:underline}.bottom{display:flex;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);color:#a8c0df;font-size:.68rem}.reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.visible{opacity:1;transform:none}
.avatar{display:grid;place-items:center;width:96px;height:96px;border-radius:12px;background:linear-gradient(145deg,var(--blue),var(--deep));color:#fff;font:700 2rem var(--serif)}
@media(max-width:900px){.hero-grid,.method-grid,.keyword-grid,.keyword-grid.flip,.faq-grid,.answer-grid{grid-template-columns:1fr}.hero-best{justify-self:start}.facts .wrap{grid-template-columns:repeat(2,1fr);gap:0}.fact:nth-child(2n){border-right:0}.fact:nth-child(2n+1){padding-left:0}.fact:nth-child(5){border:0;padding-top:13px}.casino{grid-template-columns:35px minmax(130px,1fr) 1.35fr .6fr 104px}.casino .data:nth-last-of-type(1){display:none}.compare-head{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.answer-first:after{background:linear-gradient(90deg,rgba(250,253,255,.98),rgba(250,253,255,.78))}}@media(max-width:620px){.nav-in{min-height:63px}.navlinks,.nav-in>.btn{display:none}.hero{padding:58px 0 42px}.hero h1{font-size:3.45rem}.hero-grid{gap:28px}.best-card{width:100%;padding:17px}.best-name{padding:10px 0}.best-facts{margin-bottom:8px}.facts .wrap{padding:16px 0}.fact{padding:0 13px}.fact b{font-size:.73rem}.casino{grid-template-columns:27px 1fr 91px;gap:8px;padding:10px}.logo{width:57px;height:35px}.name{font-size:.79rem}.sub{font-size:.58rem}.rowbtn{font-size:.62rem;padding:7px 5px}.method,.keyword,.compare-section,.reviews,.answer-first{padding:58px 0}.compare-body{grid-template-columns:1fr}.compare-col{border-right:0;border-bottom:1px solid var(--line)}.compare-col:nth-child(2){border-bottom:0}.compare-foot{grid-column:auto}.reviews-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.bottom{flex-direction:column}.hero-note{font-size:.67rem}}
/* logo cells: real logos where available, text fallback otherwise */
.logo{border-style:solid;border-color:#e3ecf6;background:#fff;color:#25486d;font-weight:700}
.logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:6px}
.best-name .logo{width:132px;height:72px;font-size:1rem}
.review summary .logo{width:64px;height:36px;flex:0 0 auto}
/* offer-card extras (highlights / license+rating / ribbon) — mobile only */
.casino .hl,.casino .cardmeta,.casino .ribbon{display:none}
.reviews-grid{align-items:start}
.rev-lede{font-weight:600;color:var(--ink)}
.rev-long{margin-top:6px}.rev-long h4{margin:18px 0 6px;font-size:.92rem;letter-spacing:-.02em;color:var(--ink)}.rev-long p{margin:0 0 10px;line-height:1.65}
/* mobile data restack */
@media(max-width:620px){.casino{display:block;padding:12px}.casino .rank{display:inline-block;margin-right:8px;vertical-align:middle}.casino .identity{display:inline-flex;vertical-align:middle;width:calc(100% - 46px)}.casino .offer{display:block;margin-top:10px;font-size:.86rem}.casino .offer small{display:inline;margin-left:6px}.casino .data{display:inline-block;margin:8px 14px 0 0;font-size:.8rem}.casino .data small{display:inline;margin-left:4px}}
@media(max-width:900px){.casino .data:nth-last-of-type(1){display:inline-block}.casino .rowbtn{display:flex;width:100%;margin-top:12px;min-height:44px;font-size:.82rem}}
/* mobile nav */
.navtoggle{display:none}.navtoggle>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #c8daef;border-radius:9px;background:#fff;color:var(--blue)}.navtoggle>summary::-webkit-details-marker{display:none}.navtoggle>summary:after{content:"☰";font-size:1.1rem;line-height:1}.navtoggle[open]>summary:after{content:"✕";font-size:.95rem}.navtoggle .navsheet{position:absolute;left:0;right:0;top:100%;z-index:20;display:grid;gap:2px;padding:10px 16px 14px;background:rgba(247,249,253,.985);border-bottom:1px solid var(--line);box-shadow:0 18px 34px rgba(18,56,106,.13)}.navtoggle .navsheet a{display:flex;align-items:center;min-height:44px;padding:0 8px;color:#3d5675;font-size:.95rem;font-weight:700;border-radius:8px}.navtoggle .navsheet a:hover{background:var(--ice);color:var(--blue)}.navtoggle .navsheet a.cta{justify-content:center;margin-top:6px;background:var(--blue);color:#fff}@media(max-width:900px){.nav-in{position:relative}.navtoggle{display:block}}
:root{--focus:#0b438f}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.btn:focus-visible{outline-offset:3px}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.js .reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal,.js .reveal{opacity:1!important;transform:none!important;transition:none!important}html{scroll-behavior:auto}}
:root{--nav-h:72px}[id]{scroll-margin-top:calc(var(--nav-h) + 1rem)}@media(max-width:620px){:root{--nav-h:63px}}
@media(max-width:900px){.faq summary,.review summary{min-height:44px}.anchorbar a{min-height:44px;display:inline-flex;align-items:center}.footer-links a{min-height:44px;display:flex;align-items:center}.btn{min-height:44px}}
@media(max-width:900px){.tiny,.hero-note,.best-note,.fact span,.eyebrow,.sub,.offer small,.data small,.review-meta,.bottom,.footer p,.list-note,.stamp,.badge,.arrow,.rank,.fact b,.author-slot b,.author-slot small,.best-name span,.best-facts span,.best-card .arrow,.compare-foot,.metric,.footer h3,.answer-source{font-size:.75rem;line-height:1.45}.micro div{font-size:.78rem}.fact b,.best-name strong{font-size:.82rem}}
.hero-note{color:#42566f}
.reviews-grid details.review[open]{grid-column:1/-1}
.skip{position:absolute;left:-9999px;top:0;z-index:60}.skip:focus{left:8px;top:8px;padding:10px 14px;background:#fff;color:var(--blue);border:2px solid var(--blue);border-radius:8px;font-weight:700}
/* MOBILE ABOVE-THE-FOLD: H1 → Autor + Aktualisierung → Tabelle (H2 + Vergleich).
   Reorder <main> as a flex column and compress the hero so the affiliate table
   sits above the fold on phones. */
/* Affiliate table + its H2 nested directly below the hero — every breakpoint. */
main{display:flex;flex-direction:column}
main>*{order:4}
.hero{order:1}
.facts{order:2}
section.toplist{order:3}
@media(max-width:720px){
  /* compress hero to just the H1 (mobile only) */
  .hero{padding:20px 0 6px}
  .hero .eyebrow,.hero .lede,.hero .actions,.hero-note,.hero-best{display:none}
  .hero h1{font-size:2.15rem;line-height:1.02;margin:0}
  /* facts: keep only Autor, Aktualisierung und Altersgrenze, dicht unter dem H1 */
  .facts{border-top:0}
  .facts .wrap{grid-template-columns:1fr 1fr;padding:12px 0;gap:10px 0}
  .fact:nth-child(2),.fact:nth-child(3){display:none}
  .fact{padding:0 14px 0 0}
  .fact:nth-child(4){border-right:1px solid var(--line)}
  .author-slot{padding-left:14px;border-left:1px solid var(--line)}
  /* table block tight to the top */
  section.toplist{padding:14px 0 30px}
  .toplist .section-lead{margin-bottom:12px}
  .toplist .section-lead .eyebrow{margin-bottom:6px}
  .toplist .section-lead h2{font-size:1.55rem}
  .toplist .section-lead p{display:none}
}
/* MOBILE OFFER CARDS: turn each comparison row into a rich card (rank badge,
   TOP-EMPFEHLUNG ribbon on #1, logo+name, highlights, Lizenz+Bewertung, big CTA). */
@media(max-width:620px){
  .casino-list{gap:24px}
  .casino{display:flex;flex-direction:column;position:relative;padding:24px 16px 16px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:visible;margin:0;transform:none}
  .casino-list .casino:first-child{border-color:#f4c9a6;box-shadow:0 18px 40px rgba(237,104,59,.16)}
  .casino .offer,.casino .data{display:none!important}
  /* rank badge (top-left) */
  .casino .rank{order:0;position:absolute;top:-13px;left:16px;margin:0;display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:32px;padding:0 13px;border-radius:10px 10px 10px 0;background:var(--blue);color:#fff;font:700 1rem var(--serif);box-shadow:0 7px 15px rgba(17,88,189,.28)}
  .casino-list .casino:first-child .rank{background:var(--orange);box-shadow:0 7px 15px rgba(237,104,59,.34)}
  /* TOP ribbon on #1 */
  .casino .ribbon{display:none}
  .casino-list .casino:first-child .ribbon{display:inline-flex;align-items:center;gap:7px;position:absolute;top:-13px;right:0;height:32px;padding:0 15px;border-radius:10px 10px 0 10px;background:var(--orange);color:#fff;font:700 .68rem var(--mono);letter-spacing:.07em;text-transform:uppercase}
  /* identity row */
  .casino .identity{order:1;gap:14px;margin-top:6px;align-items:flex-start}
  .casino .logo{width:104px;height:70px;flex:0 0 auto}
  .casino .name{font-size:1.4rem;white-space:normal;line-height:1.08}
  .casino .sub{font-size:.92rem;line-height:1.32;margin-top:5px;white-space:normal}
  /* highlights */
  .casino .hl{order:2;display:block;margin:16px 0 0}
  .casino .hl b{display:block;color:var(--muted);font:500 .68rem var(--mono);letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px;font-weight:500}
  .casino .hl span{display:block;color:var(--ink);font-size:1.08rem;font-weight:700;line-height:1.28}
  /* Lizenz + Bewertung boxes */
  .casino .cardmeta{order:3;display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}
  .casino .cardmeta>div{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfdff}
  .casino .cardmeta .lbl{display:block;color:var(--muted);font:500 .66rem var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:7px}
  .casino .cardmeta .lic b{font-size:1.12rem;color:var(--ink);font-weight:800;line-height:1.15}
  .casino .cardmeta .rate .sc{font-size:1.55rem;color:var(--orange);font-weight:800;font-family:var(--serif);line-height:1}
  .casino .cardmeta .rate .stars{display:block;color:var(--orange);font-size:1.05rem;letter-spacing:1px;margin-top:5px}
  /* big CTA */
  .casino .rowbtn{order:4;display:flex;width:100%;margin-top:16px;min-height:58px;font-size:1.1rem;border-radius:13px;box-shadow:0 10px 22px rgba(17,88,189,.22)}
  .casino .rowbtn:after{content:"›";margin-left:9px;font-size:1.25rem;line-height:1}
}
/* Brand logo: SVG mark fills the tile; two-tone wordmark (.de in accent). */
.mark{background:transparent}
.mark img{padding:0;width:100%;height:100%;object-fit:cover}
.footer .mark{box-shadow:0 0 0 1px rgba(255,255,255,.22),0 5px 14px rgba(0,0,0,.28)}
.brand .tld{color:var(--blue)}
.footer .brand .tld{color:#7fb0ff}
/* Full site nav with grouped dropdowns (desktop) + active state. */
.navgroup{position:relative}
.navgroup::after{content:"";position:absolute;left:-8px;right:-8px;top:100%;height:18px}
.navtrigger{border:0;background:none;font:inherit;color:#48607e;font-weight:700;font-size:.87rem;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:5px}
.navtrigger .caret{font-size:.68rem;transition:transform .16s}
.navgroup:hover .navtrigger,.navgroup:focus-within .navtrigger,.navtrigger:hover,.navtrigger.active{color:var(--blue)}
.navgroup:hover .caret,.navgroup:focus-within .caret{transform:rotate(180deg)}
.navmenu{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(6px);min-width:232px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:8px;display:grid;gap:2px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,transform .16s;z-index:30}
.navgroup:hover .navmenu,.navgroup:focus-within .navmenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.navmenu a{padding:10px 12px;border-radius:9px;font-size:.85rem;font-weight:600;color:#3d5675;white-space:nowrap}
.navmenu a:hover{background:var(--ice);color:var(--blue)}
.navmenu a.active{background:var(--ice);color:var(--blue)}
.navlinks>a.active{color:var(--blue)}
/* mobile sheet: small group labels + active */
.navsheet .navlabel{margin:8px 8px 2px;color:var(--muted);font:500 .62rem var(--mono);letter-spacing:.09em;text-transform:uppercase}
.navsheet a.active{background:var(--ice);color:var(--blue)}
/* Consolidated GGL disclosure — pinned to the very bottom of the page. */
.disclosure-foot{order:20}
.disclosure-foot .wrap{padding:30px 18px 8px}
.disclosure-foot .list-note{display:block;width:100%;margin:0;padding:16px 18px;font-size:.9rem;line-height:1.55;border-radius:12px;background:#fff5ef;color:#9a4a28;border:1px solid #f4d3c1}
/* Non-disclosure .list-note (in-body sibling-link notes) → neutral, so amber is reserved for the real disclosure. */
.list-note{background:#eef4fc;color:#3d5675;border:1px solid #d7e3f2}
/* BIGGER operator logos across all contexts */
.logo img{padding:5px}
.logo{width:100px;height:56px}                 /* comparison row (base/tablet) */
.name{white-space:normal;line-height:1.15}     /* let brand name wrap beside larger logo */
@media(min-width:901px){
  .casino{grid-template-columns:34px minmax(215px,1.5fr) 1.1fr .5fr .5fr 124px}
}
.best-name{grid-template-columns:152px minmax(0,1fr)}
.best-name .logo{width:152px;height:98px}       /* hero #1 pick card */
.review summary .logo{width:90px;height:50px}    /* review header */
@media(max-width:620px){
  .casino .logo{width:144px;height:94px}         /* mobile offer card */
  .casino .name{font-size:1.35rem}
}
/* Mobile facts strip = two columns: Letzte Aktualisierung | Redakteur (with divider) */
@media(max-width:720px){
  .facts .wrap{grid-template-columns:1fr 1fr;padding:18px 0;gap:0}
  .fact:nth-child(2),.fact:nth-child(3),.fact:nth-child(4){display:none}   /* hide Format, Hauptfilter, Altersgrenze */
  .facts .fact:first-child{padding:0 18px 0 0;border-right:0}
  .facts .author-slot{padding:0 0 0 20px;border-left:1px solid var(--line)}
  .facts .fact span,.facts .author-slot span{display:block;font:500 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .facts .fact b{display:block;margin-top:6px;font-size:1rem;font-weight:800;color:var(--ink);line-height:1.2}
  .facts .author-slot b{display:block;margin-top:6px;font-size:1rem;font-weight:800;color:var(--ink);line-height:1.2}
  .facts .author-slot small{display:block;margin-top:4px;font-size:.82rem;color:var(--muted);line-height:1.3}
}
/* Uniform card-meta height: reserve 2 lines for the licence so single-line
   licences (Anjouan) match two-line ones (Curaçao eGaming) across all cards. */
@media(max-width:620px){
  .casino .cardmeta{align-items:stretch}
  .casino .cardmeta .lic b{display:block;min-height:2.4em;line-height:1.15}
}
/* Mobile footer: keep the two link columns (AUF DER SEITE | THEMEN & HILFE) side by side. */
@media(max-width:620px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:26px 18px}
  .footer-grid>div:first-child{grid-column:1/-1}
}
/* Definitive uniform height for the mobile Lizenz/Bewertung boxes — every operator identical. */
@media(max-width:620px){
  .casino .cardmeta>div{min-height:104px}
  .casino .cardmeta .lic b{min-height:0}
}
/* Smaller desktop hero (all pages). Mobile hero is handled by the <=720 block. */
@media(min-width:721px){
  .hero{padding:44px 0 38px}
  .hero h1{font-size:clamp(2.1rem,3.4vw,3.2rem);line-height:1.04;letter-spacing:-.035em;margin:0 0 16px}
  .hero h1 em{letter-spacing:-.02em;line-height:1.08}
  .hero-grid{gap:38px}
  .lede{font-size:1rem;margin:0 0 18px}
  .hero-note{margin-top:12px}
  .best-card{min-height:0}
}
/* Even larger operator logos (v4). */
.logo{width:124px;height:68px}
@media(min-width:901px){ .casino{grid-template-columns:34px minmax(240px,1.6fr) 1fr .5fr .5fr 128px} }
.best-name{grid-template-columns:178px minmax(0,1fr)}
.best-name .logo{width:178px;height:112px}
.review summary .logo{width:112px;height:60px}
@media(max-width:620px){
  .casino .logo{width:180px;height:116px}
  .casino .name{font-size:1.3rem}
}
/* Much bigger CTAs on desktop (v5). */
@media(min-width:901px){
  .casino{grid-template-columns:34px minmax(225px,1.5fr) .9fr .5fr .5fr 178px}
  .rowbtn{width:100%;font-size:1.02rem;padding:16px 18px;min-height:56px;border-radius:11px;letter-spacing:-.01em}
  .hero .actions .btn{font-size:.98rem;padding:15px 24px;border-radius:11px}
  .review-body .btn{font-size:.98rem;padding:15px 24px;border-radius:11px}
}
/* Author photo avatars (v6). */
img.avatar{display:block;object-fit:cover;padding:0;background:none;font-size:0}