.teaser,
  .faq { background: linear-gradient(135deg, #0e5570 0%, #1c6f64 52%, #46661a 100%) !important; }
  /* v2.2: CTA-Band — Footer-Verlauf */
  .cta-band { background: linear-gradient(135deg, #0e5570 0%, #1c6f64 52%, #46661a 100%) !important; }
  .cta-band h2 .g { color: #fff !important; }
  /* Primär-Button im CTA-Band → Gurado Grün */
  .cta-band .btn-primary { background: var(--green) !important; color: #fff !important; }
  .cta-band .btn-primary:hover { background: var(--green-press) !important; }
  /* v2.1: Footer — Markenverlauf (cyan→grün), abgedunkelt für lesbare helle Schrift */
  .gf { background: linear-gradient(135deg, #0e5570 0%, #1c6f64 52%, #46661a 100%) !important; }

  /* v2.2: Hero-Wrap auf 90% begrenzen → Luft am linken Rand */
  .hero .wrap { width: min(90%, 1728px) !important; }

  /* v2.2: Hero-Bild luftiger — weniger Anschnitt */
  .hero-vis {
    transform: translate(-20px, 30px) scale(0.85) !important;
    margin-bottom: -24px !important;
    width: calc(100% + clamp(24px,4vw,60px)) !important;
    margin-right: calc(-1 * clamp(24px,4vw,60px)) !important;
  }

  @media (min-width:1500px) {
    .hero-vis { transform: translate(-20px, 32px) scale(0.85) !important; margin-bottom: -36px !important; }
  }

  /* v2.2: animierte Kästchen in der Bonuskarte-Section */
  .teaser .wrap, .faq .wrap { position: relative; z-index: 2; }
  .teaser .bx, .faq .bx { position: absolute; z-index: 1; border-radius: 6px; box-shadow: 0 8px 20px -8px rgba(20,30,15,.35); }
  @media (prefers-reduced-motion: no-preference) {
    .teaser .bx, .faq .bx { animation: bx-drop .9s cubic-bezier(.22,.61,.36,1) both, bx-float 4.2s ease-in-out .9s infinite; }
    .teaser .bx:nth-of-type(2), .faq .bx:nth-of-type(2) { animation-delay: .15s, 1.05s; animation-duration: .9s, 5.4s; }
    .teaser .bx:nth-of-type(3), .faq .bx:nth-of-type(3) { animation-delay: .28s, 1.18s; animation-duration: .9s, 3.8s; }
    .teaser .bx:nth-of-type(4), .faq .bx:nth-of-type(4) { animation-delay: .42s, 1.32s; animation-duration: .9s, 5s; }
    .teaser .bx:nth-of-type(5) { animation-delay: .55s, 1.45s; animation-duration: .9s, 4.6s; }
    .teaser .bx:nth-of-type(6) { animation-delay: .68s, 1.58s; animation-duration: .9s, 6s; }
  }
  @media (max-width: 560px) { .teaser .bx, .faq .bx { display: none; } }

  /* v2.3: Logo-Banner — hellgrau statt Anthrazit, Position & Größe */
  .logos {
    background: #f4f4f2 !important;
    border-top: 1px solid rgba(40,34,22,.10) !important;
    border-bottom: 1px solid rgba(40,34,22,.10) !important;
    margin-top: 10rem !important;
  }
  .logos-lead {
    background: linear-gradient(90deg, #f4f4f2 0%, #f4f4f2 56%, transparent 100%) !important;
  }
  .logos-lead span { color: #1c1a14 !important; }
  .logos-lead .n-green { color: #6fa018 !important; }
  .logos-lead .n-cyan { color: #1b97bd !important; }
  .marquee-track { transform: translateY(20%); }
  .logo-item img {
    filter: grayscale(1) brightness(0) opacity(.62) !important;
  }