/* RETRO BOXING e. V. – v1473
   Ein einziges Formular-Layout für reCAPTCHA-Vorabfreigabe.
   Die v1458-JS/Google-Funktionen bleiben unverändert. Wir verwenden
   die bereits existierende rb-captcha-section-v1457 auch auf der Startseite.
   Bewusst NUR fuer .rb-captcha-section-v1473; kein globales Formular-CSS. */
@media screen {
  html body main.site-main form.form-grid > .rb-captcha-section-v1457.rb-captcha-section-v1473 {
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    position:relative !important;
    float:none !important;
    clear:both !important;
    isolation:auto !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    contain:none !important;
    margin:20px 0 24px !important;
    padding:20px clamp(14px,4vw,24px) 24px !important;
    border:1px solid rgba(156,175,187,.65) !important;
    border-radius:17px !important;
  }
  html body main.site-main form.form-grid > .rb-captcha-section-v1473 > label {
    display:block !important;
    position:static !important;
    box-sizing:border-box !important;
    width:100% !important;
    height:auto !important;
    margin:0 0 16px !important;
    padding:0 !important;
    font-weight:750 !important;
    line-height:1.45 !important;
    text-align:center !important;
  }
  html body main.site-main form.form-grid > .rb-captcha-section-v1473 > .rb-recaptcha-consent,
  html body main.site-main form.form-grid > .rb-captcha-section-v1473 > .rb-recaptcha-consent:not(.is-active) {
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:center !important;
    position:static !important;
    float:none !important;
    clear:both !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    contain:none !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    gap:16px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    transform:none !important;
  }
  html body main.site-main form.form-grid > .rb-captcha-section-v1473 > .rb-recaptcha-consent > p {
    display:block !important;
    position:static !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:48ch !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
    font-size:inherit !important;
    line-height:1.6 !important;
    text-align:center !important;
    overflow-wrap:break-word !important;
  }
  html body main.site-main form.form-grid > .rb-captcha-section-v1473 > .rb-recaptcha-consent:not(.is-active) > button.btn {
    position:static !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
    box-sizing:border-box !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    min-height:48px !important;
    margin:0 auto !important;
    padding:12px 16px !important;
    flex:0 0 auto !important;
    line-height:1.4 !important;
    text-align:center !important;
    white-space:normal !important;
    transform:none !important;
    z-index:auto !important;
  }
  html body main.site-main form.form-grid > .rb-captcha-section-v1473 > .rb-recaptcha-consent.is-active > p,
  html body main.site-main form.form-grid > .rb-captcha-section-v1473 > .rb-recaptcha-consent.is-active > button.btn {
    display:none !important;
  }
  /* Explizit Freiraum NACH dem realen CAPTCHA-Kasten. */
  html body main.site-main form.form-grid > .rb-captcha-section-v1473 + .form-row {
    grid-column:1/-1 !important;
    grid-row:auto !important;
    position:relative !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    clear:both !important;
    transform:none !important;
  }
  html body main.site-main form.form-grid > .rb-captcha-section-v1473 + .form-row > button[type="submit"] {
    position:relative !important;
    z-index:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }
  /* Newsletter: Formularinhalt in logischer Reihenfolge: E-Mail, CAPTCHA, Absenden.
     Alte Desktop-Regeln platzierten den Button in der ersten Grid-Zeile. */
  html body main.page-slug-home .home-newsletter-section .newsletter-form-balanced:has(> .rb-captcha-section-v1473) {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
    align-items:stretch !important;
    gap:0 !important;
  }
  html body main.page-slug-home .home-newsletter-section .newsletter-form-balanced:has(> .rb-captcha-section-v1473) > .newsletter-input-row,
  html body main.page-slug-home .home-newsletter-section .newsletter-form-balanced:has(> .rb-captcha-section-v1473) > .newsletter-button-row {
    grid-column:1/-1 !important;
    grid-row:auto !important;
    align-self:stretch !important;
    width:100% !important;
    max-width:100% !important;
  }
  html body main.page-slug-home .home-newsletter-section .newsletter-form-balanced:has(> .rb-captcha-section-v1473) > .newsletter-button-row {
    margin-top:0 !important;
    padding:0 !important;
  }
  html body main.page-slug-home .home-newsletter-section .newsletter-form-balanced:has(> .rb-captcha-section-v1473) > .newsletter-button-row > label {
    display:none !important;
  }
  html[data-rb-theme="light"] body main.site-main .rb-captcha-section-v1473 {
    background:#eef3f6 !important;
    border-color:#90a1ae !important;
  }
  html[data-rb-theme="dark"] body main.site-main .rb-captcha-section-v1473 {
    background:rgba(255,255,255,.035) !important;
    border-color:rgba(195,206,216,.32) !important;
  }
}

/* Newsletter: im realen hellen Mobil-Layout fehlte die sichtbare Kontur
   der E-Mail-Eingabe. Nur dieses konkrete Feld, nicht globale Inputs. */
@media screen {
  html[data-rb-theme="light"] body main.page-slug-home .home-newsletter-section .newsletter-form-balanced input[type="email"] {
    box-sizing:border-box !important;
    background:#dce4e9 !important;
    border:2px solid #71838f !important;
    border-radius:14px !important;
    color:#1d2b34 !important;
    -webkit-text-fill-color:#1d2b34 !important;
  }
  html[data-rb-theme="light"] body main.page-slug-home .home-newsletter-section .newsletter-form-balanced input[type="email"]:focus-visible {
    outline:2px solid #982b2b !important;
    outline-offset:2px !important;
  }
}
