/* ===== Homepage-Content: Intro, Tabellen, GGL-Fakten ===== */

/* Intro-Lead */
.wrapper .home-intro { padding: 50px 0 6px; }
.wrapper .home-intro .home-intro-inner { max-width: 820px; margin: 0 auto; padding: 0 20px; text-align: center; }
.wrapper .home-intro .home-intro-heading { font-size: 24px; font-weight: 800; letter-spacing: -0.4px; color: #13233a; }
.wrapper .home-intro .home-intro-text { margin-top: 14px; font-size: 16px; line-height: 1.7; color: #46566b; }
.wrapper .home-intro .home-intro-text strong { color: #15539e; }

/* Autorenbox am Seitenende */
.wrapper .home-author { padding: 8px 0 56px; }
.wrapper .home-author .home-author-inner { max-width: 820px; margin: 0 auto; padding: 0 20px; }

/* Redaktioneller Content-Artikel */
.wrapper .home-article { padding: 48px 0 8px; }
.wrapper .home-article .home-article-inner { max-width: 820px; margin: 0 auto; padding: 0 20px; }

/* Vergleichstabelle */
.wrapper .home-table { padding: 42px 0; }
.wrapper .home-table .home-table-inner { max-width: 1080px; margin: 0 auto; padding: 0 20px; }
.wrapper .home-table .home-table-heading { font-size: 24px; font-weight: 800; text-align: center; letter-spacing: -0.4px; color: #13233a; }
.wrapper .home-table .home-table-hint { text-align: center; font-size: 13px; color: #5d6770; margin-top: 8px; }
.wrapper .home-table .cell-casino { font-weight: 800; color: #13233a; }
.wrapper .home-table .cell-score { font-weight: 800; color: #15539e; }
.wrapper .home-table .cell-lic { display: inline-block; font-size: 12px; font-weight: 700; color: #0b5e2e; background: #d3f2df; padding: 3px 9px; border-radius: 999px; }
.wrapper .home-table .compare-table a { color: #15539e; font-weight: 700; }
.wrapper .home-table .compare-table a:hover { text-decoration: underline; }

/* Zahlungsmethoden-Tabelle */
.wrapper .pay-section { padding: 44px 0; background: #f4f8fd; }
.wrapper .pay-section .pay-inner { max-width: 1080px; margin: 0 auto; padding: 0 20px; }
.wrapper .pay-section .pay-heading { font-size: 24px; font-weight: 800; text-align: center; letter-spacing: -0.4px; color: #13233a; }
.wrapper .pay-section .pay-sub { text-align: center; font-size: 15px; line-height: 1.6; color: #46566b; margin: 12px auto 4px; max-width: 640px; }
.wrapper .pay-section .cell-method { font-weight: 700; color: #13233a; }
.wrapper .pay-section .pay-flag { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; }
.wrapper .pay-section .pay-yes { color: #1a7a43; }
.wrapper .pay-section .pay-no { color: #b23b3b; }
.wrapper .pay-section .pay-flag svg { width: 16px; height: 16px; }
.wrapper .pay-section .cell-note { color: #5d6770; font-size: 13.5px; }

/* GGL-Regeln auf einen Blick */
.wrapper .ggl-facts { padding: 46px 0; }
.wrapper .ggl-facts .ggl-inner { max-width: 1080px; margin: 0 auto; padding: 0 20px; }
.wrapper .ggl-facts .ggl-heading { font-size: 24px; font-weight: 800; text-align: center; letter-spacing: -0.4px; color: #13233a; }
.wrapper .ggl-facts .ggl-sub { text-align: center; font-size: 15px; color: #46566b; margin-top: 10px; }
.wrapper .ggl-facts .ggl-grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 30px; }
.wrapper .ggl-facts .ggl-fact { display: flex; align-items: flex-start; gap: 14px; background: #ffffff; border: 1px solid #e9eef3; border-radius: 14px; padding: 18px 20px; box-shadow: 0 6px 20px rgba(20, 40, 80, 0.06); }
.wrapper .ggl-facts .ggl-ic { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; background: #eaf3fc; display: inline-flex; align-items: center; justify-content: center; }
.wrapper .ggl-facts .ggl-ic svg { width: 22px; height: 22px; }
.wrapper .ggl-facts .ggl-body { display: flex; flex-direction: column; }
.wrapper .ggl-facts .ggl-val { font-size: 19px; font-weight: 800; color: #15539e; letter-spacing: -0.3px; }
.wrapper .ggl-facts .ggl-label { font-size: 14px; color: #46566b; margin-top: 3px; line-height: 1.45; }

@media (min-width: 768px) {
  .wrapper .home-intro .home-intro-heading { font-size: 28px; }
  .wrapper .home-table .home-table-heading, .wrapper .pay-section .pay-heading, .wrapper .ggl-facts .ggl-heading { font-size: 28px; }
  .wrapper .ggl-facts .ggl-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
  .wrapper .ggl-facts .ggl-grid { grid-template-columns: 1fr 1fr 1fr; }
}