/* G-Factory Modern v8 — scoped homepage + global header/footer facelift */
:root{--gf-blue:#0877f9;--gf-navy:#0b1834;--gf-text:#15233f;--gf-muted:#65738b;--gf-border:#e4ebf5;--gf-surface:#f5f8fe}
html,body{overflow-x:hidden}body{background:#fff!important;color:var(--gf-text);font-family:Arial,Helvetica,sans-serif!important}
.pi-header .pi-section-base{background:#117cbb!important}.pi-header .pi-section-base a,.pi-header .pi-section-base span{color:#fff!important}
.pi-header-sticky .pi-section-w{background:#fff!important;background-image:none!important;border-bottom:1px solid var(--gf-border)!important;box-shadow:0 4px 16px rgba(20,40,70,.06)!important}
.pi-header-sticky .pi-row-lg{min-height:92px!important;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pi-header-sticky .pi-row-block-logo{float:none!important;margin-right:auto!important}.pi-header-sticky .pi-row-block-logo img{max-width:220px!important;width:190px!important;height:auto!important}
.pi-header-sticky .pi-simple-menu>li>a{color:var(--gf-navy)!important;font-weight:700!important;font-size:12px!important;letter-spacing:0!important;padding-left:12px!important;padding-right:12px!important}
.pi-header-sticky .pi-simple-menu>li:hover>a{color:var(--gf-blue)!important}.pi-header-sticky .pi-submenu{border-radius:10px!important;box-shadow:0 12px 35px rgba(15,35,75,.15)!important;overflow:hidden}
.pi-header-sticky .pi-simple-menu{margin:0!important}.pi-header .pi-row-block-txt{font-size:12px!important}
.gf-modern{background:#fff;color:var(--gf-text);max-width:1400px;margin:0 auto;padding:22px 22px 54px;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.gf-modern *{box-sizing:border-box}.gf-modern a{text-decoration:none!important}.gf-modern h1,.gf-modern h2,.gf-modern h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em;text-transform:none!important;border:0!important;text-shadow:none!important}
.gf-hero{min-height:420px;border-radius:18px;position:relative;overflow:hidden;display:flex;align-items:center;padding:48px 52px;background:linear-gradient(90deg,rgba(4,15,40,.97) 0%,rgba(4,19,50,.92) 42%,rgba(4,24,58,.38) 100%),url('https://www.g-factory.de/themes/gfactory-peter/img/gameContent-v24.webp') center/cover no-repeat;color:#fff}
.gf-hero-copy{max-width:650px;position:relative;z-index:1}.gf-eyebrow{display:block;font-size:11px;letter-spacing:.22em;color:#a9d5ff;font-weight:800;margin-bottom:18px}.gf-hero h1{color:#fff!important;font-size:clamp(30px,3.4vw,49px)!important;font-weight:800!important;line-height:1.12!important;margin:0 0 20px!important}.gf-hero h1 em{font-style:normal;color:#3293ff}.gf-hero p{color:#e6eefc;font-size:16px;max-width:560px;margin:0 0 20px}.gf-hero-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-size:13px;font-weight:600;margin:18px 0 28px}.gf-hero-benefits span{color:#fff}.gf-actions{display:flex;flex-wrap:wrap;gap:12px}
.gf-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:10px;padding:13px 20px;font-weight:700;font-size:13px;transition:transform .15s,box-shadow .15s}.gf-btn:hover{transform:translateY(-2px)}.gf-primary{background:var(--gf-blue);color:#fff!important;box-shadow:0 7px 20px rgba(0,112,250,.25)}.gf-outline{border:1px solid #aac1e5;color:#fff!important;background:rgba(0,0,0,.18)}.gf-light{border:1px solid #bad5ff;color:var(--gf-blue)!important;background:#fff}
.gf-hero-stamp{position:absolute;bottom:22px;right:25px;border:1px solid rgba(160,206,255,.6);background:rgba(4,20,50,.8);border-radius:12px;padding:13px 16px;font-size:19px;display:flex;align-items:center;gap:8px;max-width:245px}.gf-hero-stamp strong{font-size:12px;line-height:1.2}.gf-hero-stamp small{display:none}
.gf-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0}.gf-category{display:flex;flex-direction:column;min-height:198px;background:#fff;border:1px solid var(--gf-border);border-radius:14px;padding:20px 15px;box-shadow:0 4px 15px rgba(18,44,80,.035);color:var(--gf-text)!important}.gf-category:hover{border-color:#a8caff;box-shadow:0 10px 30px rgba(0,90,200,.12)}.gf-emoji{font-size:34px;line-height:1.3;margin-bottom:14px}.gf-category strong{font-size:15px;color:var(--gf-navy);margin-bottom:7px}.gf-category small{font-size:12px;line-height:1.5;color:var(--gf-muted);flex:1}.gf-category b{font-size:11px;color:var(--gf-blue);margin-top:12px}
.gf-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:var(--gf-surface);border-radius:14px;padding:18px 24px;margin:12px 0 28px}.gf-trust>div{display:flex;align-items:center;gap:12px}.gf-trust span{font-size:26px}.gf-trust p{margin:0!important}.gf-trust strong,.gf-trust small{display:block}.gf-trust strong{font-size:12px;color:var(--gf-navy)}.gf-trust small{font-size:11px;color:var(--gf-muted);margin-top:3px}
.gf-featured{background:#fff;border:1px solid var(--gf-border);border-radius:18px;padding:26px 20px}.gf-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.gf-kicker{font-size:10px;letter-spacing:.17em;color:var(--gf-blue);font-weight:800}.gf-section-heading h2,.gf-bottom-cta h2{font-size:27px!important;color:var(--gf-navy)!important;font-weight:800!important;margin:5px 0!important}.gf-section-heading p,.gf-bottom-cta p{font-size:13px;color:var(--gf-muted);margin:0}.gf-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.gf-game{border:1px solid var(--gf-border);border-radius:12px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.035)}.gf-game img{width:100%;height:110px;object-fit:cover;display:block}.gf-game>div{padding:12px}.gf-game h3{font-size:14px!important;font-weight:800!important;margin:0 0 5px!important;color:var(--gf-navy)!important}.gf-game p{font-size:11px;color:var(--gf-muted);min-height:33px;margin:0 0 10px}.gf-game a{display:block;text-align:center;border-radius:7px;padding:9px 6px;background:var(--gf-blue);color:#fff!important;font-size:11px;font-weight:700}.gf-game a:hover{background:#075dc5}.gf-bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:26px 0 0;padding:30px;background:#f1f6ff;border-radius:16px}
/* Footer */.pi-section-dark{background:#0e1c34!important}.pi-section-base.pi-border-bottom{background:#126fa8!important}
@media(max-width:1190px){.gf-categories,.gf-game-grid{grid-template-columns:repeat(3,1fr)}.gf-trust{grid-template-columns:repeat(2,1fr)}.pi-header-sticky .pi-row-lg{display:block;min-height:unset!important}.pi-header-sticky .pi-row-block-logo{float:left!important}.gf-hero-stamp{display:none}}
@media(max-width:767px){.gf-modern{padding:12px 12px 30px}.gf-hero{padding:35px 22px;min-height:430px;background-position:center}.gf-hero h1{font-size:33px!important}.gf-hero-benefits{grid-template-columns:1fr;font-size:12px}.gf-categories,.gf-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gf-category{min-height:185px;padding:14px}.gf-trust{grid-template-columns:1fr 1fr;gap:14px;padding:15px}.gf-section-heading{align-items:flex-start;flex-direction:column}.gf-section-heading h2{font-size:24px!important}.gf-bottom-cta{flex-direction:column;align-items:flex-start}.gf-game img{height:100px}.pi-header-sticky .pi-row-block-logo img{width:145px!important}}
@media(max-width:420px){.gf-categories,.gf-game-grid,.gf-trust{grid-template-columns:1fr 1fr}.gf-category{min-height:190px}.gf-game img{height:85px}.gf-hero h1{font-size:28px!important}.gf-actions{flex-direction:column}.gf-btn{width:100%}}


/* G-Factory v25.26 – mobile layout and rendering (no TekBASE logic) */
@media (max-width: 767px) {
  .gf-modern { overflow-x: clip; }
  .gf-hero { min-height: 0; height: auto; padding: 30px 20px; background-position: 60% center; }
  .gf-hero-copy { width: 100%; min-width: 0; }
  .gf-hero p { line-height: 1.55; overflow-wrap: break-word; }
  .gf-actions a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; text-align: center; }
  .gf-category, .gf-game { min-width: 0; }
  .gf-category a, .gf-game a { overflow-wrap: anywhere; }
  .gf-game img { display: block; max-width: 100%; object-fit: cover; }
}
@media (max-width: 420px) {
  .gf-hero { padding: 28px 18px; }
  .gf-hero h1 { font-size: 28px !important; line-height: 1.17 !important; }
  .gf-hero p { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .gf-modern *, .gf-modern *::before, .gf-modern *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* v25.30 – Fokus und Skip-Link; bestehendes Layout und Shop-CSS unveraendert */
.gf30-skip{position:absolute;left:12px;top:-100px;z-index:100000;background:#fff;color:#09234d;padding:12px 18px;border:3px solid #0877f9;border-radius:6px;font-weight:700}
.gf30-skip:focus{top:12px}
.gf-modern a:focus-visible,.gf-modern button:focus-visible,.pi-header a:focus-visible,.pi-header button:focus-visible{outline:3px solid #ffcc33!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){.gf-modern .gf-btn{transition:none!important;transform:none!important}}

/* v25.31: Skip-Link auch bei abweichender CSS-Ladereihenfolge verborgen */
a.gf30-skip:not(:focus){position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}