/*
Theme Name: GO TAXI Aachen (Kadence Child)
Theme URI: https://gotaxi-aachen.de
Description: Premium Black-Gold Child-Theme fuer GO TAXI Aachen, aufbauend auf Kadence.
Author: GO TAXI Aachen
Template: kadence
Version: 1.4.0
Text Domain: gta-child
*/

/* ==========================================================
   Hinweis: "Template: kadence" setzt voraus, dass der Ordner
   des installierten Kadence-Parent-Themes exakt "kadence" heisst.
   Falls dein Parent-Theme-Ordner anders benannt ist, bitte den
   Wert hinter "Template:" oben entsprechend anpassen.

   ORGANISATION (keine Doppelungen):
   - Farbvariablen liegen zentral auf :root (unten)
   - Gesamtes .gta-Designsystem NUR hier im Theme
   - Header/Footer-Overrides NUR hier im Theme
   - Der Seiteninhalt (Import-XML) enthaelt ausschliesslich HTML-Markup
     und Shortcodes, KEIN <style> und KEIN <script>.
   ========================================================== */

:root {
  --go-black: #050505;
  --go-dark: #101010;
  --go-gold: #f0a70f;
  --go-gold-2: #ffc83d;
  --go-cream: #f6f2ea;
  --go-text: #151515;
  --gta-font-display: 'Segoe UI', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
  --gta-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

.gta-page {
    --go-black: #050505;
    --go-dark: #101010;
    --go-gold: #f0a70f;
    --go-gold-2: #ffc83d;
    --go-cream: #f6f2ea;
    --go-text: #151515;

    --gta-font-display: 'Segoe UI', 'Helvetica Neue', Helvetica, 'Arial Black', Arial, sans-serif;
    --gta-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

    color: var(--go-text);
    font-family: var(--gta-font-body);
    line-height: 1.6;
    overflow-x: hidden;
  }

  .gta-page * { box-sizing: border-box; }

  .gta-icon { display: inline-block; }
  .gta-service-card .gta-icon { width: 250px; height: 250px; margin-bottom: 18px; max-width: 100%; }
  .gta-why-card .gta-icon { width: 64px; height: 64px; margin-bottom: 14px; }
  .gta-pricing-card .gta-icon { width: 56px; height: 56px; margin-bottom: 12px; }

  .gta-page section { padding: 88px 24px; }
  .gta-page .gta-inner { max-width: 1180px; margin: 0 auto; }

  .gta-page h1, .gta-page h2, .gta-page h3 {
    font-family: var(--gta-font-display);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin: 0 0 18px;
  }

  .gta-page h2 {
    font-size: clamp(28px, 4vw, 42px);
    text-align: center;
  }

  .gta-eyebrow {
    display: inline-block;
    color: var(--go-gold);
    font-family: var(--gta-font-body);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 6px 16px;
    background: rgba(240,167,15,0.1);
    border: 1px solid rgba(240,167,15,0.35);
    border-radius: 999px;
  }

  .gta-section-head { text-align: center; max-width: 720px; margin: 0 auto 48px; }
  .gta-section-head p { color: #4a4a4a; font-size: 17px; }
  .gta-dark .gta-section-head p { color: #cfc7b8; }

  .gta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 32px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.03em;
    text-decoration: none;
    border: 2px solid transparent;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, filter 0.18s ease;
  }
  .gta-btn:focus-visible {
    outline: 3px solid var(--go-gold-2);
    outline-offset: 3px;
  }
  .gta-btn:hover { transform: translateY(-2px); }

  .gta-btn-gold {
    background: linear-gradient(135deg, var(--go-gold-2), var(--go-gold));
    color: var(--go-black);
    box-shadow: 0 8px 24px rgba(240, 167, 15, 0.35);
  }
  .gta-btn-gold:hover { box-shadow: 0 12px 30px rgba(240, 167, 15, 0.5); }

  .gta-btn-outline {
    background: transparent;
    border-color: rgba(255,255,255,0.35);
    color: #fff;
  }
  .gta-btn-outline:hover { border-color: var(--go-gold); color: var(--go-gold); }

  .gta-btn-dark-outline {
    background: transparent;
    border-color: rgba(0,0,0,0.2);
    color: var(--go-text);
  }
  .gta-btn-dark-outline:hover { border-color: var(--go-gold); color: #8a5f00; }

  /* ---------- 1. HERO ---------- */
  .gta-hero {
    position: relative;
    min-height: 92vh;
    display: flex;
    align-items: center;
    padding: 140px 24px 100px;
    background: #000 url('https://gotaxi-aachen.de/wp-content/uploads/go-taxi-aachen-taxi-hero-service-nachtstadt-mit-taxi-und-kathedrale-096.webp') center/cover no-repeat;
  }
  .gta-hero::before {
    content: "";
    position: absolute; inset: 0;
    background:
      linear-gradient(180deg, rgba(5,5,5,0.45) 0%, rgba(5,5,5,0.72) 55%, rgba(5,5,5,0.94) 100%),
      radial-gradient(ellipse at 20% 40%, rgba(240,167,15,0.10) 0%, rgba(0,0,0,0) 55%);
  }
  .gta-hero-inner { position: relative; z-index: 1; max-width: 760px; }
  .gta-hero h1 {
    color: #fff;
    font-size: clamp(38px, 6vw, 66px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
    text-shadow: 0 2px 30px rgba(0,0,0,0.5);
  }
  .gta-hero h1 .gta-gold-line { color: var(--go-gold-2); display: block; }
  .gta-hero p.gta-hero-text {
    color: #e9e4d8;
    font-size: 19px;
    max-width: 560px;
    margin-bottom: 34px;
  }
  .gta-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 40px; }
  .gta-hero-trust {
    display: flex; flex-wrap: wrap; gap: 10px 28px;
  }
  .gta-hero-trust span {
    color: #f2e9d3; font-size: 14px; font-weight: 600;
    display: flex; align-items: center; gap: 8px;
  }
  .gta-hero-trust span::before {
    content: "";
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--go-gold);
    display: inline-block;
  }

  /* mobile hero background */
  @media (max-width: 640px) {
    .gta-hero {
      background-image: url('https://gotaxi-aachen.de/wp-content/uploads/go-taxi-aachen-mobile-banner-20-city-night-taxi-view.webp');
      min-height: 100vh;
      padding-top: 120px;
    }
  }

  /* ---------- 2. SCHNELLANFRAGE-LEISTE ---------- */
  .gta-quickstrip {
    background: var(--go-cream);
    padding: 28px 24px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
  }
  .gta-quickstrip .gta-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }
  .gta-quickstrip-text { font-weight: 700; font-size: 17px; }
  .gta-quickstrip-text span { display: block; font-weight: 400; font-size: 14px; color: #565044; margin-top: 2px; }
  .gta-quickstrip-actions { display: flex; gap: 12px; flex-wrap: wrap; }

  /* ---------- 3. TRUST-KACHELN (kompakt) ---------- */
  .gta-trust-strip { padding: 48px 24px; background: #fff; }
  .gta-trust-strip .gta-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    text-align: center;
  }
  .gta-trust-strip .item {
    padding: 18px 10px;
    border: 1px solid #eee6d3;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
  }
  @media (max-width: 720px) {
    .gta-trust-strip .gta-inner { grid-template-columns: repeat(2, 1fr); }
  }

  /* ---------- 4. LEISTUNGSÜBERSICHT ---------- */
  .gta-services { background: var(--go-cream); }
  .gta-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
  }
  .gta-service-card {
    background: #fff;
    border-radius: 14px;
    padding: 36px 26px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex; flex-direction: column; align-items: center;
  }
  .gta-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 44px rgba(0,0,0,0.14);
    border-color: rgba(240,167,15,0.4);
  }
  .gta-service-card img { width: 56px; height: 56px; margin-bottom: 18px; }
  .gta-service-card h3 { font-size: 20px; margin-bottom: 10px; }
  .gta-service-card p { color: #555; font-size: 16px; flex-grow: 1; margin-bottom: 18px; }
  .gta-service-card a { font-weight: 700; color: #8a5f00; text-decoration: none; }
  .gta-service-card a:hover { color: var(--go-gold); }

  @media (max-width: 900px) {
    .gta-services-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 600px) {
    .gta-services-grid { grid-template-columns: 1fr; }
  }

  /* ---------- 5. FLUGHÄFEN ---------- */
  .gta-airports { background: #fff; }
  .gta-airports-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
  }
  .gta-airport-card {
    background: var(--go-dark);
    color: #fff;
    border-radius: 12px;
    padding: 26px 16px;
    text-align: center;
    border: 1px solid rgba(240,167,15,0.25);
  }
  .gta-airport-card .code { color: var(--go-gold-2); font-family: var(--gta-font-display); font-size: 26px; }
  .gta-airport-card .name { font-size: 14px; color: #cfc7b8; margin-top: 4px; }
  .gta-airports .gta-cta-row { text-align: center; margin-top: 36px; }
  @media (max-width: 720px) {
    .gta-airports-grid { grid-template-columns: repeat(2, 1fr); }
  }

  /* ---------- 6. WARUM GO TAXI (dark) ---------- */
  .gta-why {
    position: relative;
    background: #000 url('https://gotaxi-aachen.de/wp-content/uploads/go-taxi-aachen-taxi-hero-service-luxurioeses-taxi-erlebnis-in-aachen-091.webp') center/cover no-repeat;
    color: #fff;
  }
  .gta-why::before {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(5,5,5,0.88), rgba(5,5,5,0.94));
  }
  .gta-why .gta-inner { position: relative; z-index: 1; }
  .gta-why h2 { color: #fff; }
  .gta-why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .gta-why-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(240,167,15,0.3);
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
  }
  .gta-why-card img { width: 46px; height: 46px; margin-bottom: 14px; }
  .gta-why-card h3 { color: var(--go-gold-2); font-size: 17px; margin-bottom: 0; }
  @media (max-width: 900px) { .gta-why-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 560px) { .gta-why-grid { grid-template-columns: 1fr; } }

  /* ---------- 7. SO EINFACH FUNKTIONIERT'S ---------- */
  .gta-steps { background: var(--go-cream); }
  .gta-steps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    counter-reset: gta-step;
  }
  .gta-step {
    position: relative;
    background: #fff;
    border-radius: 14px;
    padding: 40px 26px 30px;
    border: 1px solid rgba(0,0,0,0.05);
  }
  .gta-step .num {
    counter-increment: gta-step;
    display: inline-flex;
    align-items: center; justify-content: center;
    width: 44px; height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--go-gold-2), var(--go-gold));
    color: #000; font-weight: 800; font-family: var(--gta-font-display);
    margin-bottom: 18px;
  }
  .gta-step .num::before { content: counter(gta-step); }
  .gta-step h3 { font-size: 19px; }
  .gta-step p { color: #555; font-size: 15px; }
  @media (max-width: 900px) { .gta-steps-grid { grid-template-columns: 1fr; } }

  /* ---------- 8 & 9. FLUGHAFEN / KRANKENFAHRTEN SPLIT SECTIONS ---------- */
  .gta-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
  }
  .gta-split img {
    width: 100%; height: 380px; object-fit: cover;
    border-radius: 16px;
  }
  .gta-split .text h2 { text-align: left; }
  .gta-split .text p { color: #4a4a4a; font-size: 16px; margin-bottom: 22px; }
  .gta-mini-tiles { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; }
  .gta-mini-tiles span {
    background: var(--go-cream);
    border: 1px solid #e9dfc4;
    border-radius: 8px;
    padding: 8px 14px;
    font-weight: 700;
    font-size: 13px;
  }
  .gta-split .actions { display: flex; gap: 12px; flex-wrap: wrap; }
  .gta-split.reverse { grid-template-columns: 1fr 1fr; }
  .gta-split.reverse .media { order: 2; }
  .gta-split.reverse .text { order: 1; }
  .gta-note {
    font-size: 13px;
    color: #7a7156;
    margin-top: 18px;
    font-style: italic;
  }
  @media (max-width: 860px) {
    .gta-split, .gta-split.reverse { grid-template-columns: 1fr; }
    .gta-split.reverse .media, .gta-split.reverse .text { order: initial; }
    .gta-split img { height: 240px; }
  }

  /* ---------- 10. PREISE ---------- */
  .gta-pricing { background: var(--go-dark); color: #fff; }
  .gta-pricing h2 { color: #fff; }
  .gta-pricing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
  }
  .gta-pricing-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(240,167,15,0.25);
    border-radius: 12px;
    padding: 28px 16px;
    text-align: center;
  }
  .gta-pricing-card img { width: 40px; height: 40px; margin-bottom: 12px; }
  .gta-pricing-card h3 { color: var(--go-gold-2); font-size: 16px; margin-bottom: 0; }
  .gta-pricing .gta-cta-row { text-align: center; margin-top: 34px; }
  .gta-pricing .gta-note { color: #cfc7b8; text-align: center; }
  @media (max-width: 860px) { .gta-pricing-grid { grid-template-columns: repeat(2, 1fr); } }

  /* ---------- 11. EINSATZGEBIET ---------- */
  .gta-area { background: #fff; }
  .gta-area-media { position: relative; border-radius: 16px; overflow: hidden; margin-bottom: 40px; }
  .gta-area-media img { width: 100%; height: 320px; object-fit: cover; display: block; }
  .gta-area-tags { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
  .gta-area-tags span, .gta-area-tags a {
    background: var(--go-cream);
    border: 1px solid #e9dfc4;
    border-radius: 20px;
    padding: 9px 18px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: var(--go-text);
  }
  .gta-area-tags a:hover { border-color: var(--go-gold); color: #8a5f00; }

  /* ---------- 12. FORMULAR ---------- */
  .gta-form-section { background: var(--go-cream); }
  .gta-form-box {
    max-width: 760px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    padding: 44px 36px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
  }

  /* ---------- 13. FAQ ---------- */
  .gta-faq { background: #fff; }
  .gta-faq-list { max-width: 820px; margin: 0 auto; }
  .gta-faq-item {
    border-bottom: 1px solid #eee2c4;
  }
  .gta-faq-q {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 22px 6px;
    font-size: 17px;
    font-weight: 700;
    font-family: var(--gta-font-display);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: var(--go-text);
  }
  .gta-faq-q .plus {
    font-size: 22px;
    color: var(--go-gold);
    transition: transform 0.2s ease;
    flex-shrink: 0;
    margin-left: 16px;
  }
  .gta-faq-item.open .gta-faq-q .plus { transform: rotate(45deg); }
  .gta-faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease;
    font-size: 15px;
    color: #555;
    padding: 0 6px;
  }
  .gta-faq-item.open .gta-faq-a { padding-bottom: 20px; }

  /* ---------- 14. FINAL CTA ---------- */
  .gta-final-cta {
    position: relative;
    background: #000 url('https://gotaxi-aachen.de/wp-content/uploads/go-taxi-aachen-service-24-7-glaenzende-zeit-ueber-goldener-stadt-083.webp') center/cover no-repeat;
    text-align: center;
    color: #fff;
  }
  .gta-final-cta::before {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(5,5,5,0.75), rgba(5,5,5,0.92));
  }
  .gta-final-cta .gta-inner { position: relative; z-index: 1; }
  .gta-final-cta h2 { color: #fff; }
  .gta-final-cta p { color: #e9e4d8; max-width: 560px; margin: 0 auto 34px; font-size: 17px; }
  .gta-final-cta .actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

  /* ---------- STICKY MOBILE BAR ---------- */
  .gta-mobile-bar {
    display: none;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 999;
    background: var(--go-black);
    border-top: 1px solid rgba(240,167,15,0.4);
  }
  .gta-mobile-bar .row { display: flex; }
  .gta-mobile-bar a {
    flex: 1;
    text-align: center;
    padding: 14px 6px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    border-right: 1px solid rgba(255,255,255,0.08);
  }
  .gta-mobile-bar a:last-child { border-right: none; background: linear-gradient(135deg, var(--go-gold-2), var(--go-gold)); color: #000; }
  @media (max-width: 780px) {
    .gta-mobile-bar { display: block; }
    .gta-page { padding-bottom: 56px; }
  }

/* --- Barrierefreiheit: sichtbarer Fokus-Zustand global --- */
.gta-page a:focus-visible,
.gta-page button:focus-visible,
.gta-faq-q:focus-visible {
  outline: 3px solid var(--go-gold-2);
  outline-offset: 2px;
  border-radius: 4px;
}
/* Reduzierte Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
  .gta-page *, .gta-btn, .gta-service-card { transition: none !important; }
}

/* ==========================================================
   GO TAXI AACHEN — KADENCE HEADER & FOOTER OVERRIDES
   Diese Regeln greifen SITE-WEIT (auf jeder Seite), da diese
   Datei ueber functions.php global eingebunden wird. Der
   Kadence-Header/-Footer selbst bleibt aktiv - hier wird nur
   das Erscheinungsbild an das Black-Gold-System angepasst.

   Hinweis: Kadence-Klassennamen koennen sich je nach Theme-
   Version leicht unterscheiden. Falls einzelne Regeln nicht
   greifen, bitte per Rechtsklick > "Untersuchen" im Browser
   die tatsaechliche Klasse am Element pruefen und ergaenzen.
   ========================================================== */

/* --- Header Grundgeruest --- */
.site-header,
.site-header .site-header-row,
.site-header-menu-container {
  background-color: var(--go-black) !important;
  border-bottom: 1px solid rgba(240, 167, 15, 0.25);
}

.site-header a,
.site-header .site-title a,
.site-header .navigation-brand-text,
.main-navigation ul li a {
  color: #f6f2ea !important;
}

/* --- Navigation Hover / Aktiv-Zustand in Gold --- */
.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a {
  color: var(--go-gold-2) !important;
}

.main-navigation ul li a {
  position: relative;
  transition: color 0.15s ease;
}
.main-navigation ul li a::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -4px;
  height: 2px;
  background: var(--go-gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
}
.main-navigation ul li a:hover::after,
.main-navigation ul li.current-menu-item > a::after {
  transform: scaleX(1);
}

/* --- Dropdown-Menues (Leistungen) --- */
.main-navigation ul ul,
.main-navigation .sub-menu {
  background-color: var(--go-dark) !important;
  border: 1px solid rgba(240, 167, 15, 0.25);
}
.main-navigation ul ul li a,
.main-navigation .sub-menu li a {
  color: #e9e4d8 !important;
}
.main-navigation ul ul li a:hover {
  color: var(--go-gold-2) !important;
  background-color: rgba(240, 167, 15, 0.08) !important;
}

/* --- CTA-Button im Header ("Jetzt buchen") --- */
.site-header .kadence-button,
.site-header a.button,
.header-html-block .kadence-button {
  background: linear-gradient(135deg, var(--go-gold-2), var(--go-gold)) !important;
  color: var(--go-black) !important;
  border: none !important;
  font-weight: 700 !important;
}
.site-header .kadence-button:hover,
.site-header a.button:hover {
  filter: brightness(1.08);
}

/* --- Mobile Menu (Burger) --- */
.mobile-menu-container,
.menu-toggle-open {
  background-color: var(--go-black) !important;
}
.mobile-menu-container .main-navigation ul li a {
  color: #f6f2ea !important;
  border-bottom-color: rgba(240, 167, 15, 0.15) !important;
}
.menu-toggle .menu-toggle-icon,
.menu-toggle-icon span {
  background-color: var(--go-gold) !important;
}

/* --- Sticky Header (falls in Kadence aktiviert) --- */
.sticky-header.is-sticky .site-header,
.is-sticky .site-header-row {
  background-color: rgba(5, 5, 5, 0.94) !important;
  backdrop-filter: blur(6px);
}

/* --- Footer --- */
.site-footer,
.footer-widgets,
footer.site-footer {
  background-color: var(--go-black) !important;
  color: #cfc7b8 !important;
  border-top: 1px solid rgba(240, 167, 15, 0.25);
}
.site-footer a,
.footer-widgets a {
  color: #e9e4d8 !important;
}
.site-footer a:hover,
.footer-widgets a:hover {
  color: var(--go-gold-2) !important;
}
.site-footer h2, .site-footer h3, .site-footer h4,
.footer-widgets h2, .footer-widgets h3, .footer-widgets h4 {
  color: var(--go-gold-2) !important;
  font-family: var(--gta-font-display, Georgia, serif);
}
.footer-widgets .widget {
  border-color: rgba(240, 167, 15, 0.15) !important;
}
.site-footer .footer-bottom,
.site-footer .below-footer {
  background-color: #000 !important;
  border-top: 1px solid rgba(240, 167, 15, 0.15);
}

/* --- WhatsApp-Link im Header/Footer (falls per Menu-Item eingebunden) --- */
.site-header a[href*="wa.me"],
.site-footer a[href*="wa.me"] {
  color: #25D366 !important;
}



/* ==========================================================
   GO TAXI AACHEN — FLUENT FORMS PREMIUM STYLING
   Korrigiert aus dem Fluent-Forms-V2-Premium-Paket:
   - Wrapper-Klasse an die echte Website angepasst (.gta-form-box
     statt der nicht vorhandenen .go2-form-card/.go-fluent-premium)
   - Nutzt die bereits vorhandenen Marken-Variablen (--go-gold etc.)
     statt neuer doppelter --go-ff-* Variablen
   - "Inter" entfernt (nicht als Webfont eingebunden, sonst
     stiller Fallback ohne Wirkung) - nutzt die Site-Schriftart
   - font-weight: 1000 auf gueltigen Max-Wert 900 korrigiert
   ========================================================== */

.gta-form-box .fluentform,
.go2-form-card .fluentform,
.go-fluent-premium .fluentform {
  font-family: var(--gta-font-body);
}

.gta-form-box .ff-el-group,
.go2-form-card .ff-el-group,
.go-fluent-premium .ff-el-group {
  margin-bottom: 16px;
}

.gta-form-box label,
.gta-form-box .ff-el-input--label label,
.go2-form-card label,
.go2-form-card .ff-el-input--label label,
.go-fluent-premium label,
.go-fluent-premium .ff-el-input--label label {
  color: var(--go-text);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.gta-form-box input,
.gta-form-box select,
.gta-form-box textarea,
.go2-form-card input,
.go2-form-card select,
.go2-form-card textarea,
.go-fluent-premium input,
.go-fluent-premium select,
.go-fluent-premium textarea {
  width: 100%;
  min-height: 52px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.14);
  background: #fffaf2;
  color: #111;
  box-shadow: none;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 600;
}

.gta-form-box textarea,
.go2-form-card textarea,
.go-fluent-premium textarea {
  min-height: 120px;
  padding: 15px;
  resize: vertical;
}

.gta-form-box input:focus,
.gta-form-box select:focus,
.gta-form-box textarea:focus,
.go2-form-card input:focus,
.go2-form-card select:focus,
.go2-form-card textarea:focus,
.go-fluent-premium input:focus,
.go-fluent-premium select:focus,
.go-fluent-premium textarea:focus {
  border-color: var(--go-gold);
  box-shadow: 0 0 0 4px rgba(240,167,15,.18);
  outline: none;
  background: #fff;
}

.gta-form-box .ff-el-help-message,
.go2-form-card .ff-el-help-message,
.go-fluent-premium .ff-el-help-message {
  color: #625c52;
  font-size: 12px;
}

.gta-form-box .ff-el-is-error input,
.gta-form-box .ff-el-is-error select,
.gta-form-box .ff-el-is-error textarea,
.go2-form-card .ff-el-is-error input,
.go2-form-card .ff-el-is-error select,
.go2-form-card .ff-el-is-error textarea,
.go-fluent-premium .ff-el-is-error input,
.go-fluent-premium .ff-el-is-error select,
.go-fluent-premium .ff-el-is-error textarea {
  border-color: #d93025;
  box-shadow: 0 0 0 4px rgba(217,48,37,.10);
}

.gta-form-box .ff-el-form-check,
.gta-form-box .ff-el-form-check-label,
.go2-form-card .ff-el-form-check,
.go2-form-card .ff-el-form-check-label,
.go-fluent-premium .ff-el-form-check,
.go-fluent-premium .ff-el-form-check-label {
  color: #312d27;
  font-size: 13px;
  line-height: 1.5;
}

.gta-form-box input[type="checkbox"],
.go2-form-card input[type="checkbox"],
.go-fluent-premium input[type="checkbox"] {
  width: 19px;
  height: 19px;
  min-height: 19px;
  accent-color: var(--go-gold);
  margin-right: 8px;
}

.gta-form-box button[type="submit"],
.gta-form-box .ff-btn-submit,
.gta-form-box .ff_submit_btn_wrapper button,
.go2-form-card button[type="submit"],
.go2-form-card .ff-btn-submit,
.go-fluent-premium button[type="submit"],
.go-fluent-premium .ff-btn-submit {
  width: 100%;
  min-height: 60px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--go-gold-2), var(--go-gold));
  color: #100d06;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.01em;
  opacity: 1;
  box-shadow: 0 18px 44px rgba(240,167,15,.30);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-indent: 0;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

.gta-form-box button[type="submit"]:focus-visible,
.gta-form-box .ff-btn-submit:focus-visible {
  outline: 3px solid var(--go-black);
  outline-offset: 3px;
}

.gta-form-box button[type="submit"]:hover,
.gta-form-box .ff-btn-submit:hover,
.go2-form-card button[type="submit"]:hover,
.go2-form-card .ff-btn-submit:hover,
.go-fluent-premium button[type="submit"]:hover,
.go-fluent-premium .ff-btn-submit:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
  box-shadow: 0 22px 52px rgba(240,167,15,.36);
}

@media (max-width: 768px) {
  .gta-form-box,
  .go2-form-card,
  .go-fluent-premium {
    padding: 22px;
    border-radius: 22px;
  }

  .gta-form-box input,
  .gta-form-box select,
  .gta-form-box textarea,
  .go2-form-card input,
  .go2-form-card select,
  .go2-form-card textarea,
  .go-fluent-premium input,
  .go-fluent-premium select,
  .go-fluent-premium textarea {
    font-size: 16px;
    min-height: 54px;
  }
}


/* ==========================================================
   Kadence Seiten-Titelleiste ("entry-header page-title")
   global ausblenden - unsere Seiten haben bereits einen
   eigenen Hero-Bereich mit H1, daher keine doppelte
   Titelanzeige zwischen Header und Content.
   ========================================================== */
body.page .entry-header.page-title {
  display: none !important;
}


/* ---------- GTA CUSTOM FORMS (Ersatz Fluent Forms) ---------- */
.gta-form-message { padding: 14px 18px; border-radius: 10px; margin-bottom: 18px; font-size: 0.95rem; }
.gta-form-message-error { background: #fdecea; color: #b3261e; border: 1px solid #f5c2c0; }
.gta-hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.gta-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 18px; }
.gta-field { display: flex; flex-direction: column; gap: 6px; }
.gta-field-nachricht, .gta-field-message { grid-column: 1 / -1; }
.gta-field label { font-weight: 600; font-size: 0.9rem; color: var(--go-text); }
.gta-req { color: var(--go-gold); }
.gta-field input, .gta-field select, .gta-field textarea {
  font-family: var(--gta-font-body);
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 1rem;
  background: #fff;
  color: var(--go-text);
  transition: border-color .2s, box-shadow .2s;
  width: 100%;
}
.gta-field input:focus, .gta-field select:focus, .gta-field textarea:focus {
  outline: none;
  border-color: var(--go-gold);
  box-shadow: 0 0 0 3px rgba(240,167,15,0.15);
}
.gta-consent { display: flex; align-items: flex-start; gap: 10px; font-size: 0.85rem; margin-bottom: 20px; color: var(--go-text); line-height: 1.5; }
.gta-consent input { margin-top: 3px; }
.gta-consent a { color: var(--go-gold); text-decoration: underline; }
.gta-btn-gold {
  background: var(--go-gold);
  color: var(--go-black);
  border: none;
  border-radius: 10px;
  padding: 14px 32px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  transition: background .2s, transform .2s;
}
.gta-btn-gold:hover { background: var(--go-gold-2); transform: translateY(-1px); }
@media (max-width: 640px) {
  .gta-form-grid { grid-template-columns: 1fr; }
}


/* ---------- GTA SVG ICON SYSTEM (schlanke Linien-Icons) ---------- */
.gta-svg-icon { color: var(--go-gold); display: inline-block; flex-shrink: 0; }
.gta-service-card .gta-svg-icon { width: 48px; height: 48px; margin-bottom: 16px; }
.gta-why-item .gta-svg-icon { width: 34px; height: 34px; }
.gta-pricing-card .gta-svg-icon { width: 40px; height: 40px; margin-bottom: 14px; }
.gta-faq-illustration .gta-svg-icon { width: 140px; height: 140px; opacity: 0.25; }

/* Service-Karten (weiss, schlank, mit Linien-Icon) — .gta-service-card-v2 ist aktuell auf keiner Seite im Einsatz;
   die frueher hier stehende .gta-services-grid-Deklaration (4 Spalten) kollidierte mit der
   eigentlich genutzten 3-Spalten-Basisregel weiter oben und wurde entfernt. */
.gta-service-card-v2 {
  background: #fff;
  border-radius: 14px;
  padding: 28px 22px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.06);
  text-align: left;
}
.gta-service-card-v2 h3 { font-size: 1.05rem; margin: 0 0 6px; color: var(--go-text); }
.gta-service-card-v2 p { font-size: 0.9rem; color: #5a5a5a; margin: 0; line-height: 1.5; }
@media (max-width: 900px) { .gta-services-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .gta-services-grid { grid-template-columns: 1fr; } }

/* Warum-Reihe (dunkel, Icon + Label in einer Zeile) */
.gta-why-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
  max-width: 1180px;
  margin: 0 auto;
}
.gta-why-item { text-align: center; color: #f0ede6; }
.gta-why-item .gta-svg-icon { margin-bottom: 10px; }
.gta-why-item span { display: block; font-size: 0.85rem; font-weight: 600; }
@media (max-width: 900px) { .gta-why-row { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px) { .gta-why-row { grid-template-columns: repeat(2, 1fr); } }

/* Preis-Karten (3 weisse Karten) */
.gta-pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1000px; margin: 0 auto; }
.gta-pricing-card { background: #fff; border-radius: 14px; padding: 30px 24px; text-align: center; box-shadow: 0 4px 18px rgba(0,0,0,0.06); }
.gta-pricing-card h3 { font-size: 1.05rem; margin: 0 0 8px; color: var(--go-text); }
.gta-pricing-card p { font-size: 0.9rem; color: #5a5a5a; margin: 0; }
@media (max-width: 700px) { .gta-pricing-grid { grid-template-columns: 1fr; } }

/* Schnellbuchungsleiste im Hero */
.gta-quickbar {
  background: rgba(16,16,16,0.85);
  border: 1px solid rgba(240,167,15,0.35);
  border-radius: 16px;
  padding: 22px 26px;
  max-width: 100%;
  margin-top: 28px;
}
.gta-quickbar-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; align-items: end; }
.gta-quickbar-grid label { display: block; font-size: 0.8rem; color: #cfcfcf; margin-bottom: 6px; }
.gta-quickbar-grid input, .gta-quickbar-grid select {
  width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.06); color: #fff; font-size: 0.9rem;
}
.gta-quickbar-grid input::placeholder { color: #9a9a9a; }
.gta-quickbar .gta-btn-gold { width: 100%; padding: 11px; }
@media (max-width: 900px) { .gta-quickbar-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .gta-quickbar-grid { grid-template-columns: 1fr; } }

/* Einsatzgebiet Pills */
.gta-area-pills { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.gta-area-pill {
  display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid rgba(240,167,15,0.4); border-radius: 999px;
  padding: 8px 16px; color: #f0ede6; font-size: 0.9rem;
}
.gta-area-pill .gta-svg-icon { width: 16px; height: 16px; color: var(--go-gold); }

.gta-why-card .gta-svg-icon { width: 40px; height: 40px; margin-bottom: 12px; }
.gta-service-card .gta-icon-wrap, .gta-why-card .gta-icon-wrap, .gta-pricing-card .gta-icon-wrap { display: inline-flex; }


/* GTA HEADER TOPBAR */
.gta-header-topbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
  padding: 6px 0;
  font-size: 13px;
}
.gta-header-topbar .gta-topbar-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--go-cream, #f6f2ea) !important;
  text-decoration: none !important;
  opacity: 0.9;
  transition: color 0.2s, opacity 0.2s;
  position: relative;
  padding-left: 20px;
}
.gta-header-topbar .gta-topbar-link:hover {
  color: var(--go-gold, #f0a70f) !important;
  opacity: 1;
}
.gta-header-topbar .gta-topbar-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background-color: var(--go-gold, #f0a70f);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
.gta-header-topbar .gta-topbar-tel::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h3l1.5 4-2 1.5a12 12 0 0 0 6 6l1.5-2 4 1.5v3a2 2 0 0 1-2.2 2A17 17 0 0 1 4 6.2 2 2 0 0 1 6 3z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h3l1.5 4-2 1.5a12 12 0 0 0 6 6l1.5-2 4 1.5v3a2 2 0 0 1-2.2 2A17 17 0 0 1 4 6.2 2 2 0 0 1 6 3z"/></svg>');
}
.gta-header-topbar .gta-topbar-whatsapp::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 19l1-3.6A8 8 0 1 1 10 18l-4 1z"/><path d="M8.6 9.6c.2-.6.4-.6.7-.6h.5c.2 0 .4 0 .6.5s.7 1.7.7 1.8.1.2 0 .4-.2.3-.4.5-.4.4-.2.7c.2.3.9 1.4 1.9 2.2 1.3 1 2 1.1 2.3 1.2s.5 0 .6-.2l.5-.7c.2-.3.4-.2.6-.1l1.6.8c.2.1.4.2.4.3.1.2.1 1-.2 1.6s-1.5 1.2-2.2 1.2-3-.4-5-2.4-2.7-3.6-2.8-4.2z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 19l1-3.6A8 8 0 1 1 10 18l-4 1z"/><path d="M8.6 9.6c.2-.6.4-.6.7-.6h.5c.2 0 .4 0 .6.5s.7 1.7.7 1.8.1.2 0 .4-.2.3-.4.5-.4.4-.2.7c.2.3.9 1.4 1.9 2.2 1.3 1 2 1.1 2.3 1.2s.5 0 .6-.2l.5-.7c.2-.3.4-.2.6-.1l1.6.8c.2.1.4.2.4.3.1.2.1 1-.2 1.6s-1.5 1.2-2.2 1.2-3-.4-5-2.4-2.7-3.6-2.8-4.2z"/></svg>');
}
@media (max-width: 767px) {
  .gta-header-topbar {
    justify-content: center;
    gap: 16px;
    font-size: 12px;
  }
}


/* GTA QUICKBAR FORM OVERRIDE */
.gta-quickbar form {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}
.gta-quickbar .gta-hp-field { display: none !important; }
.gta-quickbar .gta-form-message { flex: 1 1 100%; color: #fff; }
.gta-quickbar .gta-form-grid {
  flex: 1 1 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
@media (max-width: 1100px) {
  .gta-quickbar .gta-form-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .gta-quickbar .gta-form-grid { grid-template-columns: 1fr; }
}
.gta-quickbar .gta-field { display: flex; flex-direction: column; }
.gta-quickbar .gta-field label {
  color: var(--go-gold, #f0a70f);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
  font-weight: 600;
}
.gta-quickbar .gta-field input,
.gta-quickbar .gta-field select {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.06);
  color: #fff;
  font-size: 0.9rem;
}
.gta-quickbar .gta-field input::placeholder { color: #9a9a9a; }
.gta-quickbar .gta-field input:focus,
.gta-quickbar .gta-field select:focus,
.gta-quickbar .gta-field input:-webkit-autofill {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.gta-quickbar .gta-consent {
  flex: 1 1 260px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: rgba(255,255,255,0.75);
  font-size: 0.78rem;
  margin: 0;
}
.gta-quickbar .gta-consent a { color: var(--go-gold, #f0a70f); }
.gta-quickbar .gta-btn-gold {
  flex: 0 0 auto;
  white-space: nowrap;
}


/* GTA FOOTER COLUMNS */
.gta-footer-columns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.3fr;
  gap: 30px;
  width: 100%;
  padding: 10px 0 20px;
  text-align: left;
}
@media (max-width: 900px) {
  .gta-footer-columns { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .gta-footer-columns { grid-template-columns: 1fr; text-align: center; }
  .gta-footer-col { display: flex; flex-direction: column; align-items: center; }
  .gta-footer-col ul { display: flex; flex-direction: column; align-items: center; }
}
.gta-footer-col h4 {
  color: var(--go-gold, #f0a70f);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0 0 14px;
  font-family: var(--gta-font-display, inherit);
}
.gta-footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gta-footer-col li {
  margin: 0 0 10px;
}
.gta-footer-col a {
  color: rgba(255,255,255,0.75);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s;
}
.gta-footer-col a:hover {
  color: var(--go-gold, #f0a70f);
}
.gta-footer-col.gta-footer-contact li,
.gta-footer-contact li {
  color: rgba(255,255,255,0.75);
  font-size: 14px;
}


/* GTA AREA MAP SECTION */
.gta-area {
  background: var(--go-dark, #101010);
  color: #fff;
}
.gta-area .gta-eyebrow { display: block; width: fit-content; margin-left: auto; margin-right: auto; }
.gta-area h2 { color: #fff; }
.gta-area > .gta-inner > p {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 30px;
  color: rgba(255,255,255,0.75);
}
.gta-area-pill {
  color: #fff;
  background: rgba(255,255,255,0.04);
  padding: 8px 18px;
}
.gta-area-map {
  margin-top: 36px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(240,167,15,0.3);
}
.gta-area-map iframe {
  width: 100%;
  height: 380px;
  display: block;
  border: 0;
  filter: grayscale(0.3) contrast(1.05);
}


/* GTA FAQ SPLIT LAYOUT */
.gta-faq-split-inner {
  display: flex !important;
  align-items: center;
  gap: 60px;
}
.gta-faq-illustration {
  flex: 0 0 auto;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: rgba(240,167,15,0.06);
  border: 1px solid rgba(240,167,15,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}
.gta-faq-split-text { flex: 1 1 auto; }
.gta-faq-split-text h2 { text-align: left; margin-bottom: 12px; }
.gta-faq-split-text p {
  color: var(--go-text, #151515);
  opacity: 0.8;
  max-width: 560px;
  margin: 0 0 22px;
}
.gta-faq-split-actions { display: flex; gap: 14px; flex-wrap: wrap; }
@media (max-width: 780px) {
  .gta-faq-split-inner { flex-direction: column; text-align: center; }
  .gta-faq-split-text h2 { text-align: center; }
  .gta-faq-split-actions { justify-content: center; }
  .gta-faq-split-text p { margin-left: auto; margin-right: auto; }
}


/* GTA SUBPAGE REDESIGN COMPONENTS */
.gta-process h2 { text-align: center; }
.gta-process-row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.gta-process-step { flex: 1 1 200px; max-width: 230px; text-align: center; padding: 0 14px; }
.gta-process-step .gta-process-num {
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--go-black); color: var(--go-gold);
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 18px; margin: 0 auto 14px;
  border: 1px solid rgba(240,167,15,0.4);
}
.gta-process-step h3 { font-size: 17px; margin: 0 0 8px; }
.gta-process-step p { font-size: 15px; color: rgba(21,21,21,0.7); margin: 0; }
.gta-process-arrow { align-self: center; color: var(--go-gold); font-size: 22px; padding-top: 14px; }
@media (max-width: 780px) { .gta-process-arrow { display: none; } }

.gta-split-contact {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 30px;
  align-items: start;
}
@media (max-width: 900px) { .gta-split-contact { grid-template-columns: 1fr; } }

/* Fix: .gta-split ist ein generischer 2-Spalten-Wrapper (fuer Bild+Text-Sektionen).
   Auf den Formular-Seiten (Taxi bestellen etc.) enthaelt er aber nur EIN Kind
   (.gta-split-contact), wodurch die zweite Grid-Spalte leer blieb. Hier wird
   das Grid fuer diesen Fall deaktiviert, damit .gta-inner zentriert die volle
   Breite nutzt statt in einer halben Spalte zu haengen. */
.gta-split:has(> .gta-split-contact) {
  display: block;
}

.gta-contact-card { background: var(--go-dark); border-radius: 16px; padding: 32px; color: #fff; }
.gta-contact-card h3 { color: #fff; margin: 0 0 20px; }
.gta-contact-row { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
.gta-contact-row .gta-svg-icon { width: 26px; height: 26px; flex-shrink: 0; margin-top: 2px; }
.gta-contact-row strong { display: block; color: #fff; font-size: 15px; margin-bottom: 2px; }
.gta-contact-row span { display: block; color: rgba(255,255,255,0.55); font-size: 13px; }
.gta-contact-row a { color: #fff; text-decoration: none; }
.gta-contact-row a:hover { color: var(--go-gold); }

.gta-info-card { background: var(--go-cream); border: 1px solid rgba(0,0,0,0.08); border-radius: 16px; padding: 28px; }
.gta-info-card h3 { margin: 0 0 16px; }
.gta-info-card ul { list-style: none; margin: 0 0 18px; padding: 0; }
.gta-info-card li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; font-size: 15px; }
.gta-info-card li .gta-svg-icon { width: 18px; height: 18px; color: var(--go-gold); flex-shrink: 0; margin-top: 2px; }

.gta-airport-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin-top: 30px; }
@media (max-width: 900px) { .gta-airport-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .gta-airport-grid { grid-template-columns: 1fr; } }
.gta-airport-card { border: 1px solid rgba(0,0,0,0.08); border-radius: 14px; padding: 26px 22px; text-align: center; background: #fff; }
.gta-airport-card .gta-svg-icon { width: 34px; height: 34px; margin-bottom: 14px; }
.gta-airport-card h3 { font-size: 17px; margin: 0 0 6px; }
.gta-airport-card p { font-size: 15px; color: rgba(21,21,21,0.6); margin: 0 0 16px; }

.gta-services-grid5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px; margin-top: 10px; }
@media (max-width: 1000px) { .gta-services-grid5 { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .gta-services-grid5 { grid-template-columns: repeat(2, 1fr); } }

/* GTA: Sprachumschalter (Issue #35) */
.gta-lang-switcher ul {
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.gta-lang-switcher a {
  color: rgba(255,255,255,.75);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-decoration: none;
  padding: 2px 4px;
  display: inline-block;
}
.gta-lang-switcher a:hover,
.gta-lang-switcher a:focus-visible {
  color: var(--go-gold-2);
  outline: none;
}
.gta-lang-switcher a.is-current {
  color: var(--go-gold-2);
  border-bottom: 1px solid var(--go-gold-2);
}
html[dir="rtl"] .gta-lang-switcher ul {
  flex-direction: row-reverse;
}


/* ==========================================================================
   GO TAXI Aachen – Effekte-Layer (Etappe A)
   Sticky-Logo-Blase, Scroll-Taxi-Leiste, animierte Icons.
   ========================================================================== */
#gta-scrollbar{ position:fixed; left:0; right:0; bottom:0; z-index:9990; pointer-events:none; padding:0 14px 8px; }
#gta-scrollbar .gta-route{ position:relative; max-width:1180px; margin:0 auto; height:34px; }
#gta-scrollbar .gta-route::before{ content:""; position:absolute; left:0; right:0; top:22px; height:8px; border-radius:4px; background:repeating-conic-gradient(#050505 0% 25%, #f0a70f 0% 50%); background-size:8px 8px; opacity:.92; }
#gta-scrollbar .gta-route-fill{ position:absolute; left:0; top:22px; height:8px; width:0; border-radius:4px; background:rgba(245,196,0,.55); box-shadow:0 0 8px rgba(245,196,0,.5); transition:width .08s linear; }
#gta-scrollbar .gta-route-start,#gta-scrollbar .gta-route-end{ position:absolute; top:20px; width:12px; height:12px; border-radius:50%; background:#0d0d0d; border:2px solid #f5c400; }
#gta-scrollbar .gta-route-start{ left:-2px; }
#gta-scrollbar .gta-route-end{ right:-2px; }
#gta-scrollbar .gta-taxi{ position:absolute; top:0; left:0; transform:translateX(-50%); transition:left .08s linear; filter:drop-shadow(0 3px 4px rgba(0,0,0,.35)); }
#gta-scrollbar.gta-arrived .gta-taxi{ animation:gtaTaxiBounce .5s ease; }
#gta-scrollbar .gta-route-pct{ position:absolute; right:0; top:-2px; font:700 12px/1 Arial,sans-serif; color:#0d0d0d; background:#f5c400; padding:3px 7px; border-radius:20px; box-shadow:0 1px 4px rgba(0,0,0,.25); }
@keyframes gtaTaxiBounce{ 0%,100%{ transform:translateX(-50%) translateY(0); } 40%{ transform:translateX(-50%) translateY(-5px); } }
@media (max-width:560px){ #gta-scrollbar .gta-route{ height:30px; } #gta-scrollbar .gta-taxi svg{ width:38px; height:19px; } #gta-scrollbar .gta-route-pct{ font-size:11px; padding:2px 6px; } }

#gta-logo-bubble{ position:fixed; top:14px; left:50%; transform:translate(-50%,-140%) scale(.6); z-index:9995; display:flex; align-items:center; justify-content:center; min-width:96px; height:52px; padding:0 18px; background:#0d0d0d; border:2px solid #f5c400; border-radius:50px; box-shadow:0 8px 22px rgba(0,0,0,.35); opacity:0; pointer-events:none; cursor:pointer; transition:transform .45s cubic-bezier(.2,.9,.3,1.3), opacity .35s ease; }
#gta-logo-bubble.is-visible{ transform:translate(-50%,0) scale(1); opacity:1; pointer-events:auto;  }
#gta-logo-bubble img{ max-height:32px; width:auto; display:block; }
#gta-logo-bubble .gta-bubble-text{ font:800 16px/1 Arial,sans-serif; letter-spacing:.02em; color:#f5c400; white-space:nowrap; }
#gta-logo-bubble:hover{ border-color:#fff; }
@keyframes gtaBubbleFloat{ 0%,100%{ margin-top:0; } 50%{ margin-top:6px; } }
@media (max-width:560px){ #gta-logo-bubble{ height:46px; min-width:84px; } #gta-logo-bubble img{ max-height:28px; } }

.gta-anim-bob{ display:inline-flex; animation:gtaBob 2.4s ease-in-out infinite; }
.gta-anim-ring{ display:inline-flex; transform-origin:50% 10%; animation:gtaRing 3s ease-in-out infinite; }
.gta-anim-pulse{ display:inline-flex; animation:gtaPulse 2.2s ease-in-out infinite; }
@keyframes gtaBob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-4px); } }
@keyframes gtaRing{ 0%,72%,100%{ transform:rotate(0); } 76%{ transform:rotate(12deg); } 80%{ transform:rotate(-10deg); } 84%{ transform:rotate(8deg); } 88%{ transform:rotate(-6deg); } 92%{ transform:rotate(0); } }
@keyframes gtaPulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.12); } }

@media (prefers-reduced-motion: reduce){
  #gta-scrollbar .gta-route-fill,#gta-scrollbar .gta-taxi,#gta-logo-bubble{ transition:none !important; animation:none !important; }
  .gta-anim-bob,.gta-anim-ring,.gta-anim-pulse{ animation:none !important; }
}


/* ===== Hell-Look Etappe A (09.07.2026): dunkle Sektionen -> hell, Karten dunkel-gold ===== */
.gta-why, .gta-pricing, .gta-area{
  background:var(--go-cream) !important; background-image:none !important; color:#14110a !important;
}
.gta-why .gta-section-head h2, .gta-pricing .gta-section-head h2, .gta-area h2,
.gta-why > .gta-inner > h2, .gta-area > .gta-inner > h2{ color:#14110a !important; }
.gta-why .gta-section-head p, .gta-pricing .gta-section-head p, .gta-area p,
.gta-why > .gta-inner > p, .gta-area > .gta-inner > p{ color:#4a4a4a !important; }
/* Karten dunkel-gold (Wappen-Look auf hellem Grund) */
.gta-why-card, .gta-pricing-card{
  background:#0d0d0d !important; border:1px solid rgba(240,167,15,.45) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.14) !important;
}
.gta-why-card, .gta-why-card h3, .gta-why-card h4,
.gta-pricing-card, .gta-pricing-card h3, .gta-pricing-card h4{ color:#fff !important; }
.gta-why-card p, .gta-pricing-card p, .gta-pricing-card li, .gta-pricing-card span{ color:#e8e2d5 !important; }
.gta-why-card .gta-svg-icon, .gta-pricing-card .gta-svg-icon{ color:var(--go-gold-2) !important; }
.gta-pricing .gta-note{ color:#6a6355 !important; }
/* Einsatzgebiet-Tags als dunkle Gold-Chips */
.gta-area .gta-area-tags span, .gta-area-tags .gta-area-tag{
  background:#0d0d0d !important; color:#ffc83d !important; border:1px solid rgba(240,167,15,.4) !important;
}


/* Hell-Look Overlay-Fix: dunkles ::before-Overlay der hellen Sektionen entfernen */
.gta-why::before, .gta-why::after,
.gta-pricing::before, .gta-pricing::after,
.gta-area::before, .gta-area::after{
  background:transparent !important; background-image:none !important; opacity:0 !important;
}


/* ===== Mobile-Fix 11.07.2026 (Kundenwunsch: responsiver, full-bleed, keine Raender) ===== */
/* Kadence-Rundum-Padding am Content-Wrap raus -> Sektionen randlos (full-bleed) */
@media (max-width:1024px){
  .entry-content-wrap{ padding:0 !important; }
  .content-bg.content-style-unboxed, article.entry.content-bg{ box-shadow:none !important; }
}
/* komfortable Innen-Raender fuer Text auf Mobil */
@media (max-width:782px){
  .gta-inner, .gta-hero-inner{ padding-left:18px !important; padding-right:18px !important; }
  /* Scroll-Taxi-Leiste ueberlappt die feste CTA-Leiste -> auf Mobil ausblenden */
  #gta-scrollbar{ display:none !important; }
}
/* Consent-Text sauber umbrechen (Fix 14.07.2026: block statt flex — flex machte Textknoten zu Spalten) */
.gta-consent{
    display:block !important;
    position:relative !important;
    padding-left:2em !important;
    line-height:1.5 !important;
}
.gta-consent > input[type=checkbox]{
    position:absolute !important;
    left:0 !important;
    top:0.15em !important;
    width:20px !important;
    height:20px !important;
    margin:0 !important;
}
.gta-consent, .gta-consent a{
    word-break:normal !important;
    overflow-wrap:break-word !important;
    hyphens:none !important;
    white-space:normal !important;
}

/* ===== Hero heller 11.07.2026 (Kundenwunsch: weniger dunkel, Nachtstadt soll leuchten) ===== */
.gta-hero::before{
  background-image:linear-gradient(rgba(8,6,3,0.20) 0%, rgba(8,6,3,0.46) 52%, rgba(6,5,3,0.80) 100%) !important;
}
.gta-hero .gta-hero-inner h1,
.gta-hero .gta-hero-inner .gta-hero-text,
.gta-hero .gta-hero-inner .gta-eyebrow{ text-shadow:0 2px 16px rgba(0,0,0,.55); }

/* ===== Etappe B Hell-Look global 11.07.2026 ===== */
.gta-dark{ background:var(--go-cream) !important; color:#14110a !important; }
.gta-dark .gta-section-head p{ color:#4a4a4a !important; }

.gta-final-cta{
  background:linear-gradient(rgba(255,250,238,.92),rgba(255,250,238,.96)),url('https://gotaxi-aachen.de/wp-content/uploads/go-taxi-aachen-service-24-7-glaenzende-zeit-ueber-goldener-stadt-083.webp') center/cover no-repeat !important;
  color:#14110a !important;
}
.gta-final-cta::before{ background:none !important; }
.gta-final-cta h2{ color:#14110a !important; }
.gta-final-cta p{ color:#4a4a4a !important; }
.gta-final-cta .gta-btn-outline{
  background:rgba(255,255,255,.56) !important;
  border-color:rgba(20,17,10,.28) !important;
  color:#14110a !important;
}
.gta-final-cta .gta-btn-outline:hover{ border-color:var(--go-gold) !important; color:#8a5f00 !important; }

.gta-page[dir="rtl"]{ direction:rtl; text-align:right; }
.gta-page[dir="rtl"] .gta-section-head,
.gta-page[dir="rtl"] .gta-hero-inner,
.gta-page[dir="rtl"] .gta-final-cta,
.gta-page[dir="rtl"] .gta-faq-split-text{ text-align:right; }
.gta-page[dir="rtl"] .gta-hero-actions,
.gta-page[dir="rtl"] .gta-final-cta .actions,
.gta-page[dir="rtl"] .gta-quickstrip-actions,
.gta-page[dir="rtl"] .gta-faq-split-actions{ justify-content:flex-end; }
.gta-page[dir="rtl"] .gta-faq-q{ text-align:right; }
.gta-page[dir="rtl"] .gta-faq-q .plus{ margin-left:0; margin-right:16px; }
.gta-page[dir="rtl"] .gta-consent{ flex-direction:row-reverse; justify-content:flex-end; text-align:right; }
.gta-page[dir="rtl"] .gta-field label{ text-align:right; }
.gta-page[dir="rtl"] input,
.gta-page[dir="rtl"] select,
.gta-page[dir="rtl"] textarea{ text-align:right; }
@media (max-width:700px){
  .gta-page[dir="rtl"] .gta-section-head,
  .gta-page[dir="rtl"] .gta-hero-inner,
  .gta-page[dir="rtl"] .gta-final-cta,
  .gta-page[dir="rtl"] .gta-faq-split-text{ text-align:center; }
  .gta-page[dir="rtl"] .gta-hero-actions,
  .gta-page[dir="rtl"] .gta-final-cta .actions,
  .gta-page[dir="rtl"] .gta-quickstrip-actions,
  .gta-page[dir="rtl"] .gta-faq-split-actions{ justify-content:center; }
}


/* ==================== §4 Taxi-Karomuster (14.07.2026) ==================== */
/* Wiederverwendbar: <div class="gta-checker"></div> an beliebiger Stelle */
.gta-checker,
.gta-checker-divider {
    display: block;
    height: 20px;
    background: repeating-conic-gradient(var(--go-black) 0% 25%, var(--go-gold) 0% 50%);
    background-size: 20px 20px;
}

.gta-hero { position: relative; }
.gta-hero::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 16px;
    background: repeating-conic-gradient(var(--go-black) 0% 25%, var(--go-gold) 0% 50%);
    background-size: 16px 16px;
    z-index: 2;
    pointer-events: none;
}

.gta-steps { position: relative; }
.gta-steps::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 16px;
    background: repeating-conic-gradient(var(--go-black) 0% 25%, var(--go-gold) 0% 50%);
    background-size: 16px 16px;
    pointer-events: none;
}

.gta-final-cta { position: relative; }
.gta-final-cta::after {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 16px;
    background: repeating-conic-gradient(var(--go-black) 0% 25%, var(--go-gold) 0% 50%);
    background-size: 16px 16px;
    pointer-events: none;
}

/* ==================== §5 Visual-Politur (14.07.2026) ==================== */
.gta-btn {
    transition: transform .18s ease, box-shadow .18s ease;
}
.gta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(240, 167, 15, .30);
}
.gta-btn:focus-visible {
    outline: 2px solid var(--go-gold-2);
    outline-offset: 2px;
}

.gta-service-card, .gta-airport-card, .gta-why-card, .gta-pricing-card {
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.gta-service-card:hover, .gta-airport-card:hover, .gta-why-card:hover, .gta-pricing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(5, 5, 5, .16), 0 0 0 1px var(--go-gold);
}


/* Consent-Label Textfluss-Fix (14.07.2026): flex machte Textknoten zu Spalten */
.gta-form .gta-consent {
    display: block;
    position: relative;
    padding-left: 2em;
    line-height: 1.5;
}
.gta-form .gta-consent input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0.15em;
    margin: 0;
}

/* ==================== Tag/Nacht-Design (14.07.2026) ==================== */
/* Nacht-Look nur aktiv mit html.gta-night (Standard; Umschalter unten rechts) */
html.gta-night :is(.gta-trust-strip,.gta-services,.gta-airports,.gta-steps,.gta-pricing,.gta-area,.gta-faq,.gta-form-section),
html.gta-night .gta-page section:not([class]) {
    background: linear-gradient(180deg, #080604 0%, #0e0b06 100%) !important;
    color: #ece7dc;
}
html.gta-night :is(.gta-trust-strip,.gta-services,.gta-airports,.gta-steps,.gta-pricing,.gta-area,.gta-faq,.gta-form-section) :is(h2, h3, h4),
html.gta-night :is(.gta-trust-strip,.gta-services,.gta-airports,.gta-steps,.gta-pricing,.gta-area,.gta-faq,.gta-form-section) .gta-section-head h2,
html.gta-night .gta-page section:not([class]) :is(h2, h3, h4) {
    color: var(--go-gold-2) !important;
}
html.gta-night :is(.gta-trust-strip,.gta-services,.gta-airports,.gta-steps,.gta-pricing,.gta-area,.gta-faq,.gta-form-section) p,
html.gta-night :is(.gta-trust-strip,.gta-services,.gta-airports,.gta-steps,.gta-pricing,.gta-area,.gta-faq,.gta-form-section) .gta-section-head p,
html.gta-night :is(.gta-trust-strip,.gta-services,.gta-airports,.gta-steps,.gta-pricing,.gta-area,.gta-faq,.gta-form-section) li,
html.gta-night .gta-page section:not([class]) p {
    color: rgba(236, 231, 220, .85) !important;
}
html.gta-night .gta-eyebrow {
    background: rgba(240, 167, 15, .08) !important;
    border: 1px solid rgba(240, 167, 15, .55) !important;
    color: var(--go-gold-2) !important;
}
html.gta-night :is(.gta-service-card, .gta-airport-card, .gta-pricing-card, .gta-step, .gta-faq-item),
html.gta-night .gta-form-section .gta-form-box,
html.gta-night .gta-trust-strip .gta-inner > * {
    background: linear-gradient(180deg, #131009 0%, #0a0806 100%) !important;
    border: 1px solid rgba(240, 167, 15, .38) !important;
    border-radius: 16px !important;
    color: #ece7dc !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .45);
}
html.gta-night :is(.gta-service-card, .gta-airport-card, .gta-pricing-card, .gta-step) :is(h3, h4, strong) { color: #fff !important; }
html.gta-night :is(.gta-service-card, .gta-airport-card, .gta-pricing-card, .gta-step) p { color: rgba(236, 231, 220, .78) !important; }
html.gta-night .gta-faq-q { color: #fff !important; }
html.gta-night .gta-faq-a { color: rgba(236, 231, 220, .8) !important; }
html.gta-night .gta-note { color: rgba(236, 231, 220, .6) !important; }
html.gta-night .gta-form-section .gta-field :is(input, select, textarea) {
    background: #14110b !important;
    border: 1px solid rgba(240, 167, 15, .35) !important;
    color: #fff !important;
}
html.gta-night .gta-form-section .gta-field label { color: var(--go-gold-2) !important; }
html.gta-night .gta-form-section .gta-consent { color: rgba(236, 231, 220, .85) !important; }
html.gta-night .gta-form-section .gta-consent a { color: var(--go-gold-2) !important; }
html.gta-night .gta-page section:not([class]) span:not([class]):not(:empty) {
    background: rgba(240, 167, 15, .08) !important;
    border: 1px solid rgba(240, 167, 15, .45) !important;
    color: var(--go-gold-2) !important;
}
html.gta-night .gta-btn-dark-outline {
    color: var(--go-gold-2) !important;
    border-color: rgba(240, 167, 15, .6) !important;
    background: rgba(240, 167, 15, .06) !important;
}
html.gta-night .gta-btn-dark-outline:hover {
    background: rgba(240, 167, 15, .14) !important;
    border-color: var(--go-gold) !important;
}
html.gta-night :is(.gta-service-card, .gta-airport-card, .gta-pricing-card):hover {
    box-shadow: 0 14px 32px rgba(0, 0, 0, .55), 0 0 0 1px var(--go-gold) !important;
}

/* Umschalter-Button (beide Modi) */
#gta-theme-toggle {
    position: fixed;
    right: 16px;
    bottom: 120px;
    z-index: 99990;
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid rgba(240, 167, 15, .65);
    background: #101010;
    color: var(--go-gold-2);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .4);
    transition: transform .15s ease, box-shadow .15s ease;
}
#gta-theme-toggle:hover { transform: scale(1.08); box-shadow: 0 8px 22px rgba(240, 167, 15, .35); }
@media (max-width: 782px) {
    #gta-theme-toggle { right: 12px; bottom: 132px; width: 42px; height: 42px; }
}


/* ==================== Kundenfeedback 14.07. Runde 2 ==================== */
/* Schwarze Kaesten als Akzent AUCH im Tag-Modus (Kundenwunsch) */
.gta-service-card, .gta-airport-card, .gta-pricing-card, .gta-step,
.gta-faq-item, .gta-trust-strip .gta-inner > * {
    background: linear-gradient(180deg, #131009 0%, #0a0806 100%) !important;
    border: 1px solid rgba(240, 167, 15, .38) !important;
    border-radius: 16px !important;
    color: #ece7dc !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .35);
}
.gta-service-card :is(h3, h4, strong), .gta-airport-card :is(h3, h4, strong),
.gta-pricing-card :is(h3, h4, strong), .gta-step :is(h3, h4, strong) {
    color: #fff !important;
}
.gta-service-card p, .gta-airport-card p, .gta-pricing-card p, .gta-step p {
    color: rgba(236, 231, 220, .78) !important;
}
.gta-faq-q { color: #fff !important; }
.gta-faq-a { color: rgba(236, 231, 220, .8) !important; }
.gta-page section:not([class]) span:not([class]):not(:empty) {
    background: rgba(240, 167, 15, .1) !important;
    border: 1px solid rgba(240, 167, 15, .5) !important;
    color: #a8760a !important;
}
html.gta-night .gta-page section:not([class]) span:not([class]):not(:empty) { color: var(--go-gold-2) !important; }
:is(.gta-service-card, .gta-airport-card, .gta-pricing-card):hover {
    box-shadow: 0 14px 32px rgba(0, 0, 0, .45), 0 0 0 1px var(--go-gold) !important;
}

/* Karo an Footer-Oberkante */
.site-footer { position: relative; }
.site-footer::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 12px;
    background: repeating-conic-gradient(var(--go-black) 0% 25%, var(--go-gold) 0% 50%);
    background-size: 12px 12px;
    pointer-events: none;
    z-index: 2;
}

/* Bilder heller & lebendiger (Kundenwunsch "4D/hell") */
.gta-area-media img,
.gta-page section:not([class]) img {
    filter: brightness(1.12) contrast(1.06) saturate(1.15);
}


/* ==================== Karo an JEDEM Sektionsuebergang (Kundenwunsch 14.07.) ==================== */
/* Unterkanten: deckt hero->trust (vorhanden), trust->services, services->airports, airports->why,
   steps->banner1, banner1->banner2, banner2->pricing, area->form, form->faq.
   Oberkanten: steps (why->steps, vorhanden), area (pricing->area, da pricing-Pseudos belegt),
   final-cta (faq->final-cta, vorhanden), footer (vorhanden). */
.gta-trust-strip, .gta-services, .gta-airports, .gta-area, .gta-form-section,
.gta-page section:not([class]) {
    position: relative;
}
.gta-trust-strip::after, .gta-services::after, .gta-airports::after, .gta-steps::after,
.gta-area::after, .gta-form-section::after, .gta-page section:not([class])::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 16px;
    background: repeating-conic-gradient(var(--go-black) 0% 25%, var(--go-gold) 0% 50%);
    background-size: 16px 16px;
    pointer-events: none;
    z-index: 2;
}
.gta-area::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 16px;
    background: repeating-conic-gradient(var(--go-black) 0% 25%, var(--go-gold) 0% 50%);
    background-size: 16px 16px;
    pointer-events: none;
    z-index: 2;
}


/* ==================== Adress-Autocomplete Dropdown (14.07.2026) ==================== */
.gta-ac-box {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 50;
    background: #14110b;
    border: 1px solid rgba(240, 167, 15, .55);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .45);
}
.gta-ac-item {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 14px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(240, 167, 15, .15);
    color: #ece7dc;
    font-size: .9rem;
    cursor: pointer;
}
.gta-ac-item:last-child { border-bottom: 0; }
.gta-ac-item:hover, .gta-ac-item:focus {
    background: rgba(240, 167, 15, .16);
    color: var(--go-gold-2);
}


/* Toggle-Icon (SVG Sonne/Mond, 14.07.2026) */
#gta-theme-toggle svg {
    display: block;
    pointer-events: none;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px;
    flex: 0 0 auto;
}


/* ==================== Mobile-Feinschliff 15.07.2026 ==================== */
/* Keine Tap-Wackler auf Touch-Geraeten: Hover-Lifts nur mit echter Maus */
@media (hover: none) {
    .gta-btn:hover,
    .gta-service-card:hover, .gta-airport-card:hover,
    .gta-pricing-card:hover, .gta-why-card:hover, .gta-step:hover {
        transform: none !important;
    }
}

@media (max-width: 782px) {
    /* Hero mittig */
    .gta-hero-inner { text-align: center; }
    .gta-hero-inner .gta-gold-line { margin-left: auto; margin-right: auto; }
    .gta-hero-actions {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    .gta-hero-actions .gta-btn {
        width: min(320px, 92%);
        justify-content: center;
        text-align: center;
        box-sizing: border-box;
    }
    .gta-hero-trust { justify-content: center; }

    /* Cookie-Symbol ueber die mobile Buchen-Leiste heben */
    .cky-btn-revisit-wrapper {
        bottom: 96px !important;
        left: 12px !important;
    }
}