/* BankingGeek v2 – Design-Schicht (16.10.2026). Nur aktiv mit body.bg2. */
body.bg2{
  --bg2-teal:#2CA0B5; --bg2-teal-ink:#136f80; --bg2-ice:#e2fbff;
  --bg2-ink:#16222b; --bg2-muted:#53656f; --bg2-paper:#fff; --bg2-mist:#f2f7f8; --bg2-line:#d5e4e8;
  --bg2-good:#1d7f55; --bg2-good-bg:#e5f5ed; --bg2-bad:#b23a2e; --bg2-bad-bg:#fbeceb;
  --bg2-cta:#e0563b; --bg2-cta-ink:#fff;
  --bg2-display:"Sanchez",Georgia,"Times New Roman",serif;
  --bg2-body:"Libre Franklin","Helvetica Neue",Arial,sans-serif;
  --bg2-shadow:0 1px 2px rgba(22,34,43,.06),0 6px 18px rgba(22,34,43,.06);
  color:var(--bg2-ink); font-family:var(--bg2-body); background:var(--bg2-paper);
}
body.bg2 h1,body.bg2 h2,body.bg2 h3,body.bg2 .entry-title{font-family:var(--bg2-display);font-weight:400;letter-spacing:-.005em;text-wrap:balance;color:var(--bg2-ink)}
body.bg2 .entry-content h2{font-size:clamp(22px,2.4vw,27px);line-height:1.25;margin:1.8em 0 .6em;scroll-margin-top:90px}
body.bg2 .entry-content h3{font-size:19px;line-height:1.3;margin:1.4em 0 .5em}
body.bg2 .entry-content{font-size:16.5px;line-height:1.65}
body.bg2 .entry-content a{color:var(--bg2-teal-ink);text-underline-offset:2px}
body.bg2 :focus-visible{outline:2px solid var(--bg2-teal);outline-offset:2px}

/* Header */
body.bg2 .site-header{border-bottom:1px solid var(--bg2-line)}
body.bg2 .main-navigation .main-nav ul li a{font-family:var(--bg2-body);font-weight:500}
body.bg2 .bg2-mkt>a{display:flex!important;align-items:center;gap:6px}
body.bg2 .bg2-globe{width:15px;height:15px;border:1.5px solid currentColor;border-radius:50%;position:relative;display:inline-block;flex:none}
body.bg2 .bg2-globe:after{content:"";position:absolute;inset:0 4px;border:1.5px solid currentColor;border-radius:50%}
body.bg2 .bg2-mkt .sub-menu{width:260px!important;padding:6px!important;border-radius:10px;box-shadow:var(--bg2-shadow);border:1px solid var(--bg2-line);background:var(--bg2-paper)!important;right:0;left:auto}
body.bg2 .bg2-mkt .sub-menu a{display:flex!important;gap:10px;align-items:center;padding:8px 10px!important;border-radius:6px;color:var(--bg2-ink)!important;background:transparent!important;line-height:1.25}
body.bg2 .bg2-mkt .sub-menu a:hover,body.bg2 .bg2-mkt .sub-menu .current-menu-item>a{background:var(--bg2-ice)!important}
body.bg2 .bg2-cc{font:600 12px/1 ui-monospace,Menlo,monospace;color:var(--bg2-teal-ink);width:24px;flex:none}
body.bg2 .bg2-mkt-n{display:flex;flex-direction:column}
body.bg2 .bg2-mkt-n small{font-size:12px;color:var(--bg2-muted)}
body.bg2 .bg2-mkt-hint{font-size:11.5px;line-height:1.4;color:var(--bg2-muted);padding:8px 10px 4px;border-top:1px solid var(--bg2-line);margin-top:4px;list-style:none}

/* Standard-Layout (Ratgeber & Co.) */
body.bg2-shell .site-content{gap:40px}
body.bg2-shell .inside-article{padding-top:28px}
body.bg2-shell .entry-header{margin-bottom:14px}
body.bg2-shell .entry-title{font-size:clamp(28px,3.4vw,40px);line-height:1.15;margin-bottom:12px}
body.bg2 .bg2-byline{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13.5px;color:var(--bg2-muted)}
body.bg2 .bg2-byline a{color:var(--bg2-ink);text-decoration:none}
body.bg2 .bg2-avatar{width:30px;height:30px;border-radius:50%;background:var(--bg2-ice);color:var(--bg2-teal-ink);display:inline-grid;place-items:center;font-weight:700;font-size:12px}
body.bg2 .bg2-ad{position:relative;display:inline-block}
body.bg2 .bg2-ad summary{list-style:none;cursor:pointer;font-size:12px;border:1px solid var(--bg2-line);border-radius:4px;padding:1px 7px}
body.bg2 .bg2-ad summary::-webkit-details-marker{display:none}
body.bg2 .bg2-ad p{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:min(340px,80vw);background:var(--bg2-paper);border:1px solid var(--bg2-line);border-radius:8px;box-shadow:var(--bg2-shadow);padding:10px 12px;font-size:13px;line-height:1.5;color:var(--bg2-muted);margin:0}
body.bg2-shell .featured-image{margin:6px 0 18px}
body.bg2-shell .featured-image img{border-radius:10px;max-width:min(100%,420px);height:auto}

/* Kurzantwort */
body.bg2 .bg2-quick{background:var(--bg2-ice);border-radius:10px;padding:16px 20px;margin:0 0 1.4em}
body.bg2 .bg2-quick p{margin:0}
body.bg2 .bg2-k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--bg2-teal-ink);font-weight:700;margin-bottom:4px}

/* Seitenleiste */
body.bg2-shell .is-right-sidebar{background:transparent}
body.bg2-shell .inside-right-sidebar{height:100%}
body.bg2 .bg2-side{position:sticky;top:90px;display:grid;gap:14px;padding-top:28px}
body.bg2 .bg2-box{border:1px solid var(--bg2-line);border-radius:10px;padding:14px 16px;background:var(--bg2-paper)}
body.bg2 .bg2-box-h{font-family:var(--bg2-display);font-size:16px;margin-bottom:8px}
body.bg2 .bg2-toc ol{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px;line-height:1.35}
body.bg2 .bg2-toc a,body.bg2 .bg2-next a{color:var(--bg2-ink);text-decoration:none}
body.bg2 .bg2-toc a:hover,body.bg2 .bg2-next a:hover{color:var(--bg2-teal-ink);text-decoration:underline}
body.bg2 .bg2-toc{max-height:calc(100vh - 260px);overflow:auto}
body.bg2 .bg2-next ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:14px;font-weight:600}
body.bg2 .bg2-seal{display:flex;gap:10px;align-items:center;border:1px solid var(--bg2-line);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.4}
body.bg2 .bg2-seal strong{display:block;font-size:13px}
body.bg2 .bg2-seal span{color:var(--bg2-muted)}
body.bg2 .bg2-ring{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg2-good);display:grid;place-items:center;color:var(--bg2-good)!important;font-weight:700;flex:none}

/* Inhaltselemente */
body.bg2 .entry-content table{border-collapse:collapse;font-size:14.5px;border:1px solid var(--bg2-line);border-radius:10px;overflow:hidden}
body.bg2 .entry-content th{background:var(--bg2-mist);font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--bg2-muted)}
body.bg2 .entry-content th,body.bg2 .entry-content td{border:0;border-bottom:1px solid var(--bg2-line);padding:10px 12px}
body.bg2 .entry-content .wp-block-table{overflow-x:auto}
body.bg2 .rank-math-faq-item,body.bg2 .bg-faq-item{border-bottom:1px solid var(--bg2-line);padding:12px 0}
body.bg2 .rank-math-question{font-family:var(--bg2-display);font-size:18px;font-weight:400}
body.bg2 .wp-block-button__link,body.bg2 .entry-content a.button{background:var(--bg2-cta);color:var(--bg2-cta-ink)!important;border-radius:8px;font-weight:600;text-decoration:none}
body.bg2 .entry-content blockquote{border-left:4px solid var(--bg2-teal);background:var(--bg2-mist);padding:12px 18px;border-radius:0 10px 10px 0;font-style:normal}

@media (max-width:768px){
  body.bg2 .bg2-side{position:static;padding-top:0}
  body.bg2-shell .inside-article{padding-top:18px}
  body.bg2 .bg2-mkt .sub-menu{width:auto!important;box-shadow:none;border:0}
}
@media (prefers-reduced-motion:reduce){body.bg2 *{scroll-behavior:auto!important;transition:none!important}}

/* Startseite */
body.bg2 .bg2-home{width:100%}
body.bg2 .bg2-in{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
body.bg2 .bg2-hero{background:var(--bg2-ice);padding-block:48px}
body.bg2 .bg2-hero .bg2-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}
body.bg2 .bg2-hero h1{font-size:clamp(32px,4.2vw,50px);line-height:1.1;margin:0 0 14px}
body.bg2 .bg2-lead{font-size:18px;line-height:1.55;max-width:56ch;margin:0 0 20px;color:var(--bg2-ink)}
body.bg2 .bg2-hero .bg2-seal{background:var(--bg2-paper);max-width:460px}
body.bg2 .bg2-finder{background:var(--bg2-paper);border-radius:14px;padding:20px;display:grid;gap:12px;box-shadow:var(--bg2-shadow)}
body.bg2 .bg2-finder-q{font-weight:700;font-size:15px}
body.bg2 .bg2-chips{display:flex;flex-wrap:wrap;gap:6px}
body.bg2 .bg2-chip{border:1px solid var(--bg2-line);border-radius:999px;padding:6px 12px;font-size:14px;color:var(--bg2-ink);text-decoration:none}
body.bg2 .bg2-chip:hover{border-color:var(--bg2-teal)}
body.bg2 .bg2-chip.is-on{background:var(--bg2-teal);border-color:var(--bg2-teal);color:#06262d;font-weight:600}
body.bg2 .bg2-finder-sub{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--bg2-muted);margin-top:4px}
body.bg2 .bg2-top{margin:0;padding:0;list-style:none;display:grid}
body.bg2 .bg2-top li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--bg2-line)}
body.bg2 .bg2-top-n{font-weight:600;flex:1;min-width:0}
body.bg2 .bg2-top-r{font-size:13px;color:var(--bg2-muted);font-variant-numeric:tabular-nums}
body.bg2 .bg2-lg{width:34px;height:34px;border-radius:8px;border:1px solid var(--bg2-line);background:#fff;display:inline-grid;place-items:center;overflow:hidden;flex:none;font-family:var(--bg2-display);color:var(--bg2-teal-ink)}
body.bg2 .bg2-lg img{width:26px;height:26px;object-fit:contain}
body.bg2 .bg2-cta{display:inline-flex;justify-content:center;align-items:center;gap:6px;background:var(--bg2-cta);color:var(--bg2-cta-ink)!important;text-decoration:none!important;font-weight:600;border-radius:8px;padding:11px 16px;font-size:15px}
body.bg2 .bg2-cta:hover{filter:brightness(.95)}
body.bg2 .bg2-ghost{background:transparent;color:var(--bg2-teal-ink)!important;border:1px solid var(--bg2-teal)}
body.bg2 .bg2-sec{padding-block:48px}
body.bg2 .bg2-sec-mist{background:var(--bg2-mist)}
body.bg2 .bg2-sec h2{font-size:clamp(24px,2.6vw,30px);margin:0 0 20px}
body.bg2 .bg2-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
body.bg2 .bg2-cat{border:1px solid var(--bg2-line);border-radius:12px;padding:18px;display:grid;gap:12px;align-content:start;background:var(--bg2-paper)}
body.bg2 .bg2-cat h3{font-size:20px;margin:0}
body.bg2 .bg2-cat h3 a{color:var(--bg2-ink);text-decoration:none}
body.bg2 .bg2-logos{display:flex;gap:6px}
body.bg2 .bg2-cat ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px}
body.bg2 .bg2-cat ul a{color:var(--bg2-muted);text-decoration:none}
body.bg2 .bg2-cat ul a:hover,body.bg2 .bg2-guides a:hover{color:var(--bg2-teal-ink);text-decoration:underline}
body.bg2 .bg2-more{font-weight:600;font-size:14px;color:var(--bg2-teal-ink);text-decoration:none}
body.bg2 .bg2-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
body.bg2 .bg2-card{display:grid;gap:8px;align-content:start;border:1px solid var(--bg2-line);border-radius:12px;padding:14px;background:var(--bg2-paper);text-decoration:none;color:var(--bg2-ink)}
body.bg2 .bg2-card:hover{border-color:var(--bg2-teal)}
body.bg2 .bg2-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;max-width:100%}
body.bg2 .bg2-kind{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bg2-teal-ink);font-weight:700}
body.bg2 .bg2-card-t{font-weight:600;line-height:1.35}
body.bg2 .bg2-sub{font-size:19px;margin:28px 0 10px}
body.bg2 .bg2-guides{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 24px}
body.bg2 .bg2-guides a{color:var(--bg2-ink);text-decoration:none;font-weight:500}
body.bg2 .bg2-about{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:center}
body.bg2 .bg2-about img{border-radius:50%;width:220px;height:220px;object-fit:cover;max-width:100%}
body.bg2 .bg2-quote{font-family:var(--bg2-display);font-size:24px;line-height:1.3;margin:0 0 10px}
body.bg2 .bg2-who{color:var(--bg2-muted);font-size:14px}
body.bg2 .bg2-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.bg2 .bg2-trust p{margin:0;font-size:14px;color:var(--bg2-muted);line-height:1.55}
body.bg2 .bg2-book{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:center}
body.bg2 .bg2-book h2{font-size:24px}
body.bg2.home .site-content,body.bg2.home #content{display:block;padding:0;max-width:none}
body.bg2.home .grid-container.site{max-width:none}
@media (max-width:900px){
  body.bg2 .bg2-hero .bg2-in{grid-template-columns:1fr;gap:24px}
  body.bg2 .bg2-hero{padding-block:28px}
  body.bg2 .bg2-trust{grid-template-columns:1fr}
  body.bg2 .bg2-about,body.bg2 .bg2-book{grid-template-columns:1fr;justify-items:start}
  body.bg2 .bg2-about img{width:140px;height:140px}
}
@media (min-width:1000px){body.bg2 .bg2-cats.bg2-n4{grid-template-columns:repeat(4,minmax(0,1fr))}body.bg2 .bg2-cats.bg2-n3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:600px) and (max-width:999px){body.bg2 .bg2-cats.bg2-n4{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Kreditkarten-Bestenliste (altes Template, nur Optik) */
body.bg2.post-template-kreditkarten-vergleich-php .container-reg-ober{background:var(--bg2-ice)}
body.bg2.post-template-kreditkarten-vergleich-php .container-reg-ober h1{font-size:clamp(28px,3.4vw,40px);line-height:1.15}
body.bg2.post-template-kreditkarten-vergleich-php .container-reg-unter{max-width:820px;margin-left:auto;margin-right:auto;font-size:16.5px;line-height:1.65}
body.bg2.post-template-kreditkarten-vergleich-php .einleitung p{font-size:13.5px;color:var(--bg2-muted)}
body.bg2.post-template-kreditkarten-vergleich-php .inhaltsverzeichnis{border:1px solid var(--bg2-line);border-radius:10px;padding:14px 18px}
body.bg2.post-template-kreditkarten-vergleich-php .inhaltsverzeichnis ul{margin:6px 0 0 18px;display:grid;gap:5px;font-size:14.5px}
body.bg2.post-template-kreditkarten-vergleich-php .inhaltsverzeichnis a{color:var(--bg2-ink);text-decoration:none}
body.bg2.post-template-kreditkarten-vergleich-php .wasist-container{background:var(--bg2-mist);border:1px solid var(--bg2-line);border-radius:12px;padding:20px 22px}
body.bg2.post-template-kreditkarten-vergleich-php .wasist-container h2{font-size:22px;border:0!important}
body.bg2.post-template-kreditkarten-vergleich-php .product-card{border:1px solid var(--bg2-line)!important;border-radius:12px!important;box-shadow:var(--bg2-shadow);background:var(--bg2-paper)!important;overflow:hidden}
body.bg2.post-template-kreditkarten-vergleich-php .product-card-name{font-family:var(--bg2-display);font-weight:400}
body.bg2.post-template-kreditkarten-vergleich-php .product-card-button{background:var(--bg2-cta)!important;color:var(--bg2-cta-ink)!important;border-radius:8px!important;font-weight:600}
body.bg2.post-template-kreditkarten-vergleich-php .honorablecontainer{background:var(--bg2-mist);border:1px solid var(--bg2-line)}
body.bg2.post-template-kreditkarten-vergleich-php .wp-block-group.has-background{background:var(--bg2-ice)!important;border-radius:10px}
body.bg2.post-template-kreditkarten-vergleich-php .ez-toc-v2_0_88{display:none}

/* Duell-Kopf und Alternativen-Übersicht (Standard-Layout) */
body.bg2 .bg2-duel{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:0 0 1.4em}
body.bg2 .bg2-duel-side{border:1px solid var(--bg2-line);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
body.bg2 .bg2-duel-side .bg2-lg{width:56px;height:56px;border-radius:12px}
body.bg2 .bg2-duel-side .bg2-lg img{width:40px;height:40px}
body.bg2 .bg2-duel-vs{font-family:var(--bg2-display);font-size:22px;color:var(--bg2-muted)}
body.bg2 .bg2-alts{border:1px solid var(--bg2-line);border-radius:12px;padding:14px 16px;margin:0 0 1.4em}
body.bg2 .bg2-alts ol{margin:6px 0 0;padding:0;list-style:none;counter-reset:a;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 16px}
body.bg2 .bg2-alts li{counter-increment:a}
body.bg2 .bg2-alts a{display:flex;align-items:center;gap:10px;color:var(--bg2-ink);text-decoration:none;font-weight:600;font-size:15px;padding:4px 0}
body.bg2 .bg2-alts a:before{content:counter(a);font-family:var(--bg2-display);color:var(--bg2-muted);width:18px;font-weight:400}
body.bg2 .bg2-alts a:hover span{color:var(--bg2-teal-ink);text-decoration:underline}
body.bg2 .bg2-alts .bg2-lg{width:30px;height:30px}
body.bg2 .bg2-alts .bg2-lg img{width:22px;height:22px}
@media (max-width:600px){body.bg2 .bg2-duel{grid-template-columns:1fr auto 1fr;gap:6px}body.bg2 .bg2-duel-side{padding:10px}}