/* CasinoKompass CH – Erweiterungen (Ratgeber, Rechner, Demo-Spiele, Testbericht) */
.note{margin:0 0 2.8rem;padding:1.8rem 2rem;border-radius:var(--nv-r-md);border:.1rem solid var(--nv-line);border-left:.4rem solid var(--nv-accent);background:var(--nv-surface);font-size:1.6rem;line-height:1.6}
.note--key{border-left-color:var(--nv-green)}
.note--warn{border-left-color:var(--nv-gold)}
.note a{color:var(--nv-accent);font-weight:600}
.toc{margin:0 0 3.2rem;padding:1.8rem 2rem;border:.1rem solid var(--nv-line);border-radius:var(--nv-r-md);background:var(--nv-surface)}
.toc__title{margin:0 0 1rem;font-weight:800;color:var(--nv-ink)}
.toc ol{margin:0;padding-left:2rem;columns:2;column-gap:3rem}
.toc li{margin:0 0 .6rem;break-inside:avoid}
.toc a{color:var(--nv-accent);font-weight:600}
@media (max-width:640px){.toc ol{columns:1}}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 2.4rem}

.table .referral-btn,.referral-btn--table{white-space:nowrap;min-width:11.2rem;padding:.85rem 1.5rem;font-size:1.28rem;gap:.45rem}
.small-print{font-size:1.3rem;color:var(--nv-muted);margin:.8rem 0 2.4rem}
.ph{background:repeating-linear-gradient(45deg,rgba(255,196,0,.14),rgba(255,196,0,.14) 6px,transparent 6px,transparent 12px);outline:.1rem dashed rgba(200,150,0,.7);outline-offset:-.1rem}
.shots{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));margin:0 0 3.2rem}
.shot{margin:0 0 2.4rem}
.shots .shot{margin:0}
.shot img{display:block;width:100%;height:auto;border-radius:var(--nv-r-md);border:.1rem solid var(--nv-line)}
.shot__ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;aspect-ratio:16/10;padding:1.6rem;text-align:center;border:.2rem dashed var(--nv-line-2, var(--nv-line));border-radius:var(--nv-r-md);background:var(--nv-surface);color:var(--nv-muted);font-size:1.4rem}
.shot__ph code{font-size:1.2rem;opacity:.8;word-break:break-all}
.shot__icon{font-size:2.8rem}
.shot figcaption{margin-top:.6rem;font-size:1.3rem;color:var(--nv-muted)}
/* Rechner */
.calc{margin:0 0 3.6rem;padding:2.2rem;border:.1rem solid var(--nv-line);border-radius:var(--nv-r-lg);background:var(--nv-surface);box-shadow:var(--nv-sh-1)}
.calc__grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}
.calc label{display:flex;flex-direction:column;gap:.5rem;font-size:1.4rem;font-weight:700;color:var(--nv-ink)}
.calc input,.calc select{font:inherit;font-weight:400;padding:.9rem 1.1rem;border:.1rem solid var(--nv-line);border-radius:var(--nv-r-sm);background:var(--nv-bg);color:var(--nv-text)}
.calc__out{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-top:2rem;padding-top:2rem;border-top:.1rem solid var(--nv-line)}
.calc__out div{display:flex;flex-direction:column;gap:.3rem}
.calc__out span{font-size:1.3rem;color:var(--nv-muted)}
.calc__out strong{font-size:2.4rem;color:var(--nv-accent)}
.calc__out .calc__verdict{grid-column:1/-1;font-size:1.5rem;line-height:1.55}
/* Demo-Spiele */
.demo-grid{display:grid;gap:2.4rem;margin:0 0 3.6rem}
.demo-embed{display:grid;gap:1.6rem;padding:1.6rem;border:.1rem solid var(--nv-line);border-radius:var(--nv-r-lg);background:var(--nv-surface);scroll-margin-top:9rem}
@media (min-width:900px){.demo-embed{grid-template-columns:1.6fr 1fr;align-items:start}}
.demo-embed__stage{position:relative;aspect-ratio:16/9;border-radius:var(--nv-r-md);overflow:hidden;background:var(--g,#222)}
.demo-embed__stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0}
.demo-embed__cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;color:#fff;padding:1.6rem;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.demo-embed__name{margin:0;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:800;line-height:1.1}
.demo-embed__prov{margin:0 0 1rem;font-size:1.4rem;opacity:.9}
.demo-embed__hint{margin:.6rem 0 0;font-size:1.2rem;opacity:.85}
.demo-embed__close{position:absolute;top:.8rem;right:.8rem;z-index:2;padding:.4rem .9rem;border:0;border-radius:var(--nv-r-pill);background:rgba(0,0,0,.6);color:#fff;font-size:1.3rem;cursor:pointer}
.demo-embed__title{margin:0 0 .8rem;font-size:2rem}
.demo-embed__meta p{font-size:1.5rem;margin:0 0 1.2rem}
.demo-embed__facts{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.6rem}
.demo-embed__facts li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:.1rem solid var(--nv-line);font-size:1.4rem}
.demo-embed__facts span{color:var(--nv-muted)}
.demo-embed__full{font-size:1.4rem;font-weight:700;color:var(--nv-accent)}
/* KYC-Checkliste */
.kyc-check{display:grid;gap:1rem;margin:0 0 3.2rem;padding:2rem;border:.1rem solid var(--nv-line);border-radius:var(--nv-r-lg);background:var(--nv-surface)}
.kyc-check label{display:flex;gap:1rem;align-items:flex-start;font-size:1.55rem;cursor:pointer}
.kyc-check input{width:2rem;height:2rem;margin-top:.2rem;accent-color:var(--nv-green);flex-shrink:0}
.kyc-check__status{margin:.6rem 0 0;font-weight:800;color:var(--nv-green)}
/* Verantwortungsvoll spielen */
.rg-box{display:flex;gap:1.6rem;align-items:flex-start;margin:4.4rem 0 0;padding:2rem;border-radius:var(--nv-r-lg);border:.1rem solid var(--nv-line);background:var(--nv-surface)}
.rg-box__age{flex-shrink:0;display:grid;place-items:center;width:5.2rem;height:5.2rem;border-radius:50%;border:.3rem solid var(--nv-accent);font-weight:800;font-size:1.7rem;color:var(--nv-accent)}
.rg-box__title{margin:0 0 .4rem;font-weight:800;color:var(--nv-ink)}
.rg-box p{margin:0;font-size:1.45rem;line-height:1.6}
.rg-box a{color:var(--nv-accent)}
/* Footer: even columns, same dark/gold language */
.footer .footer__top.footer__top--multi{
  grid-template-columns:1fr;
  gap:3.2rem 2.4rem;
  align-items:start;
}
@media (min-width:720px){
  .footer .footer__top.footer__top--multi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer .footer__top.footer__top--multi .footer__brand{grid-column:1/-1}
}
@media (min-width:1100px){
  .footer .footer__top.footer__top--multi{grid-template-columns:minmax(15rem,1.1fr) repeat(4,minmax(0,1fr));gap:3.2rem 2.6rem}
  .footer .footer__top.footer__top--multi .footer__brand{grid-column:auto}
}
.footer__logo img{height:5.6rem;width:auto;max-width:16rem;object-fit:contain}
.footer__nav a{font-size:1.45rem}
.footer__rg{
  display:flex;gap:1.6rem;align-items:flex-start;
  margin-top:2.8rem;padding:1.8rem 2rem;
  border:.1rem solid rgba(255,255,255,.1);
  border-radius:var(--nv-r-md);
  background:rgba(255,255,255,.04);
}
.footer__rg p{margin:0;font-size:1.35rem;line-height:1.55;color:rgba(255,255,255,.72)}
.footer__rg-age{
  flex-shrink:0;display:grid;place-items:center;
  width:4.4rem;height:4.4rem;border-radius:50%;
  border:.2rem solid var(--nv-accent);color:#fff;
  font-weight:800;font-size:1.4rem;
}
.footer__desc{margin:2rem 0 0;max-width:80rem}
.footer__bottom{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
  gap:1rem 2rem;margin-top:2.4rem;padding-top:2rem;
  border-top:.1rem solid rgba(255,255,255,.1);
}
.footer__copy{margin:0;font-size:1.25rem;color:rgba(255,255,255,.45)}
/* Testbericht */
.review-top{display:grid;gap:1.6rem;align-items:center;grid-template-columns:auto 1fr;margin:0 0 3.2rem;padding:2rem;border:.1rem solid var(--nv-line);border-radius:var(--nv-r-lg);background:var(--nv-surface);box-shadow:var(--nv-sh-1)}
@media (min-width:900px){.review-top{grid-template-columns:auto 1fr auto auto}}
.review-top__logo{display:grid;place-items:center;width:9.6rem;height:9.6rem;border-radius:var(--nv-r-md);font-size:1.1rem;text-align:center}
.review-top__name{margin:0;font-size:2.4rem;font-weight:800;color:var(--nv-ink)}
.review-top__bonus{margin:.4rem 0;font-size:1.7rem;font-weight:700}
.review-top__terms{margin:0;font-size:1.25rem;color:var(--nv-muted)}
.review-top__score{display:flex;align-items:baseline;gap:.4rem}
.review-top__score strong{font-size:3.6rem;color:var(--nv-accent)}
.score{margin:0 0 3.2rem}
.score__list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.score__list li{display:grid;grid-template-columns:18rem 1fr 4rem;gap:1.2rem;align-items:center;font-size:1.5rem}
@media (max-width:560px){.score__list li{grid-template-columns:1fr 3.6rem}.score__bar{grid-column:1/-1;grid-row:2}}
.score__bar{height:.9rem;border-radius:var(--nv-r-pill);background:var(--nv-line);overflow:hidden}
.score__bar i{display:block;height:100%;background:var(--nv-accent);border-radius:inherit}
.review-cta{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;margin:2.4rem 0}
.referral-btn--pending{opacity:.85}
.guide-links{margin:0 0 3.6rem}
/* v2: Logos, Lizenz-Badges, Quellen, Vergleich, Finder, Auszahlungsbalken */
.rank-card__thumb--logo{background:#111}
.rank-card__thumb--logo img{object-fit:contain!important;width:100%;height:100%}
.rank-card__meta{margin-top:.3rem;font-size:1.25rem;color:var(--nv-muted)}
.rank-card__meta a{font-weight:700}
.lic{display:inline-block;padding:.1rem .6rem;border-radius:.4rem;font-size:1.2rem;font-weight:700;white-space:nowrap}
.lic--ok{background:rgba(46,160,67,.15);color:#2e7d32}
.lic--warn{background:rgba(220,120,0,.18);color:#b35c00}
.nd{color:var(--nv-muted);font-style:italic}
.src{margin:-1.6rem 0 2.8rem;font-size:1.25rem;color:var(--nv-muted)}
.src a{color:inherit;text-decoration:underline}
.review-top__logo img{width:100%;height:100%;object-fit:contain;background:#111;border-radius:var(--nv-r-md)}
.flags{margin:.8rem 0 0 1.8rem}
.btn-link{font-weight:700}
.cmp-filter{display:flex;flex-wrap:wrap;gap:.8rem 1.8rem;align-items:center;margin:0 0 1.4rem;font-size:1.4rem}
.cmp-filter label{display:flex;gap:.5rem;align-items:center;cursor:pointer}
.cmp-filter__count{margin-left:auto;color:var(--nv-muted)}
.cmp-wrap{overflow-x:auto}
#cmp-table th button{all:unset;cursor:pointer;font-weight:700;white-space:nowrap}
#cmp-table th button::after{content:" ⇅";opacity:.5;font-size:.9em}
#cmp-table th[aria-sort] button::after{opacity:1}
#cmp-table img{vertical-align:middle;object-fit:contain;background:#111;border-radius:.4rem}
#cmp-table tr[hidden]{display:none}
.quiz{margin:0 0 1.6rem;padding:2rem;border:.1rem solid var(--nv-line);border-radius:var(--nv-r-lg);background:var(--nv-surface);display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr))}
.quiz fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:1.45rem}
.quiz legend{font-weight:800;margin-bottom:.4rem;color:var(--nv-ink)}
.quiz__out{grid-column:1/-1;border-top:.1rem solid var(--nv-line);padding-top:1.4rem;font-size:1.5rem}
.pbar{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:.8rem}
.pbar li{display:grid;grid-template-columns:11rem 1fr 18rem;gap:1rem;align-items:center;font-size:1.4rem}
.pbar__track{height:1.2rem;border-radius:1rem;background:var(--nv-line);overflow:hidden}
.pbar__track i{display:block;height:100%;background:var(--nv-accent);border-radius:1rem}
.pbar__track .pbar__nd{width:100%;background:repeating-linear-gradient(45deg,var(--nv-line),var(--nv-line) 6px,transparent 6px,transparent 12px)}
@media (max-width:600px){.pbar li{grid-template-columns:8rem 1fr}.pbar__val{grid-column:1/-1;font-size:1.25rem;color:var(--nv-muted)}}

/* Scoped locale landings and minimal homepage language switch */
.language-landing{padding-top:8rem}
.language-landing .container{max-width:100rem}
.language-landing h1{font-size:clamp(2.8rem,5vw,4.4rem);line-height:1.18;overflow-wrap:anywhere}
.language-landing .language-lead{font-size:1.9rem;line-height:1.6}
.language-draft{font-size:1.4rem;color:var(--nv-muted)}
.language-landing p,.language-landing td,.language-faq{overflow-wrap:anywhere}
.language-table{overflow-x:auto;max-width:100%}
.language-table table{min-width:48rem}
.language-faq{padding:1.4rem 0;border-bottom:1px solid var(--nv-line)}
.language-faq summary{cursor:pointer;font-weight:700;padding:.5rem 0}
.language-faq summary:focus-visible,.language-table:focus-visible{outline:3px solid #c98216;outline-offset:3px}
@media(max-width:600px){.language-landing{padding-top:7rem}.language-landing .language-lead{font-size:1.7rem}}

/* Top-right language/country disclosure, independent of the burger menu. */
.header-language{position:relative;flex:0 0 auto;order:5;font-size:1.35rem;color:var(--nv-head-fg);pointer-events:auto}
.header-language summary{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:4.2rem;padding:.5rem .9rem;list-style:none;cursor:pointer;border:1px solid var(--nv-head-line);border-radius:2rem;background:var(--nv-head-soft);white-space:nowrap;user-select:none}
.header-language summary::-webkit-details-marker{display:none}
.header-language__arrow{font-size:1.1rem;transition:transform .15s}
.header-language[open] .header-language__arrow{transform:rotate(180deg)}
.header-language__panel{position:absolute;right:0;top:calc(100% + .8rem);width:min(28rem,calc(100vw - 3rem));max-height:min(36rem,70vh);overflow-y:auto;overscroll-behavior:contain;padding:.8rem;border:1px solid var(--nv-head-line);border-radius:1.2rem;background:var(--nv-head-bg);color:var(--nv-head-fg);box-shadow:0 1rem 3rem #0003;z-index:100;text-align:left}
.header-language:not([open]) .header-language__panel{display:none}
.header-language__panel ul{display:block;list-style:none;margin:0;padding:0}
.header-language__panel li{display:block;margin:0;padding:0}
.header-language__panel a{display:block;padding:1rem 1.2rem;border-radius:.6rem;color:var(--nv-head-fg);font-size:1.5rem;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.header-language__panel a:hover,.header-language__panel a[aria-current="true"]{background:var(--nv-head-soft);text-decoration:underline;text-underline-offset:.3rem}
.header-language summary:focus-visible,.header-language__panel a:focus-visible{outline:3px solid #c98216;outline-offset:2px}
.header-language__note{margin:.7rem .7rem .3rem;font-size:1.2rem;line-height:1.4;color:var(--nv-head-fg)}
@media(min-width:1200px) and (max-width:1399px){.header .container{gap:.6rem}.header__nav a{padding-inline:.75rem;font-size:1.35rem}}
@media(max-width:600px){.header .container{gap:.6rem}.header-language summary{padding-inline:.7rem;min-height:4rem}.header-language{font-size:1.2rem}.header-language__panel{width:min(27rem,calc(100vw - 3rem))}}
@media(prefers-reduced-motion:reduce){.header-language__arrow{transition:none}}

/* Ranking after hero: same visual language, tighter and clearer */
.content .container:has(> .breadcrumbs){padding-top:6.4rem}
.content .breadcrumbs{padding:0 0 1.2rem}
.rank-block{margin:0 0 4rem}
.rank-block__head.section-head{margin:0 0 2rem}
.content .rank-block .section-head__title,
.content .rank-block h2{
  margin:0 0 1rem;
  font-size:clamp(2.6rem,3vw,3.4rem);
}
.content .rank-block .section-head__title::before,
.content .rank-block h2::before{content:none;display:none}
.rank-block .section-head__intro{margin:0;max-width:62rem}
.rank-block .note{margin:0 0 1.6rem}
.rank-block .rank-card{
  margin:0 0 1.4rem;
  padding:2.2rem 2.4rem .6rem;
}
.rank-block .small-print{margin:0}
.rank-card__cols{padding:0 0 1.2rem 4.2rem}
.rank-card__row{
  gap:1.4rem;
  padding:1.5rem .4rem;
  margin:0 -.4rem;
  border-radius:var(--nv-r-md);
  transition:background .15s ease;
}
.rank-card__row:hover{background:var(--nv-soft, rgba(0,0,0,.025))}
.rank-card__pos{
  flex:0 0 2.4rem;
  display:grid;
  place-items:center;
  width:2.4rem;
  height:2.4rem;
  border-radius:50%;
  font-size:1.25rem;
  font-weight:800;
  line-height:1;
  color:var(--nv-muted);
  background:var(--nv-line);
}
.rank-card__row:nth-child(-n+3) .rank-card__pos{
  color:var(--nv-accent-deep, var(--nv-accent));
  background:var(--nv-accent-soft);
}
.rank-card__stat{
  min-width:7.2rem;
  justify-content:center;
  padding:.45rem .85rem;
  border-radius:var(--nv-r-pill);
  background:var(--nv-accent-soft);
}
.rank-card__stat-max{font-size:1.2rem;font-weight:700;color:var(--nv-muted)}
@media (max-width:699px){
  .rank-card__cols{padding-left:0}
  .rank-card__pos{flex-basis:2rem;width:2rem;height:2rem;font-size:1.15rem}
  .rank-card__stat{min-width:auto}
}
.btn-ico{width:1.15em;height:1.15em;flex:0 0 auto}
.rank-card__stat-icon{width:1.45rem;height:1.45rem;display:block;flex:0 0 auto}
.rank-card__thumb--logo{width:9.6rem;height:4.8rem;border-radius:var(--nv-r-md);background:#111}
.cmp-brand a{display:inline-flex;align-items:center;gap:.9rem;font-weight:800;text-decoration:none}
.cmp-logo{width:7.2rem;height:3.6rem;object-fit:contain;background:#111;border-radius:.5rem;flex:0 0 auto}
.cmp-cta{width:1%;white-space:nowrap;text-align:right}
#cmp-table td:last-child,.language-table td:last-child{width:1%;white-space:nowrap}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:699px){
  .rank-card__thumb--logo{width:7.2rem;height:3.8rem}
  .table .referral-btn,.referral-btn--table{min-width:9.6rem}
}