/* Ergänzungen nur für die Brückenseite auf dem Altserver */

[hidden] { display: none !important; }

.bridge-nav {
  display: flex;
  gap: var(--space-500, 24px);
  margin-left: auto;
  align-self: center;
}
.bridge-nav a {
  color: var(--color-primary, #2c2f6b);
  font-weight: 500;
  text-decoration: none;
}
.bridge-nav a:hover,
.bridge-nav a:focus-visible { text-decoration: underline; }

.site-header__inner { display: flex; align-items: center; }

/* Im eingefrorenen CSS fehlt für Formularfelder border-box: width:100% plus Innenabstand
   ließ die rechte Spalte über den Seitenrand hinausragen. */
.form-field__input,
.form-field__textarea,
.form-field__select,
.form-field__date { box-sizing: border-box; }

.membership__honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.bridge-result { padding-block: var(--space-800, 48px); min-height: 40vh; }
.bridge-result__text { margin-block: var(--space-400, 16px); }
.bridge-result__text p { margin-block: 0 0.75em; }
.bridge-result__errors { padding: var(--space-500, 24px); }

/* Buttons: beim Hover von Rot auf Orange statt auf Weiß (Rückmeldung Noah Wand, 17.10.2026).
   Gelb gibt es in der Palette der neuen Website nicht; Orange ist der einzige warme Akzent. */
:root {
  --button-background-primary-hover: var(--clr-orange-500);
  --button-background-accent-hover: var(--clr-orange-500);
}

/* Beitragskarten: breit in einer Reihe, schmaler als Wisch-Karussell, damit der Weg
   zum Formular kurz bleibt. Ohne JavaScript bleibt die Reihe per Wischen scrollbar. */
#membership-pricing .equal-columns {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: minmax(15rem, 82%);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scroll-padding-inline: 2px;
  padding: 2px 2px var(--space-400, 12px);
  gap: var(--space-500, 16px);
}
#membership-pricing .pricing-card { scroll-snap-align: start; }
#membership-pricing .pricing-card__title { hyphens: auto; overflow-wrap: anywhere; }
@media (min-width: 40rem) {
  #membership-pricing .equal-columns { grid-auto-columns: calc((100% - var(--space-500, 16px)) / 2.15); }
}
@media (min-width: 75rem) {
  #membership-pricing .equal-columns {
    grid-auto-flow: row;
    /* minmax(0, 1fr): sonst hält „Familienmitgliedschaft“ ihre Spalte breit und nur die anderen
       Karten werden schmaler (Hinweis Renate Forkel, 20.10.2026) */
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: visible;
  }
}

.bridge-carousel__controls {
  display: flex;
  justify-content: center;
  gap: var(--space-400, 12px);
  margin-block-start: var(--space-400, 12px);
}
.bridge-carousel__button {
  display: grid;
  place-items: center;
  padding: 0;
  inline-size: 44px;
  block-size: 44px;
  border: 0;
  border-radius: 50%;
  background: var(--clr-red-500);
  color: var(--clr-white);
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}
.bridge-carousel__button:hover { background: var(--clr-orange-500); color: var(--clr-black); }
.bridge-carousel__button:disabled { background: var(--clr-grey-400); color: var(--clr-white); cursor: default; }
@media (min-width: 75rem) { .bridge-carousel__controls { display: none; } }

/* Hinweis auf die Neumitgliederaktion (Text: Noah Wand, 20.10.2026; Paketinhalt laut Werbemittelshop) */
.bridge-aktion { color: var(--clr-white); padding-block: var(--space-750, 32px); }
.bridge-aktion__inner { display: grid; gap: var(--space-600, 24px); align-items: center; }
.bridge-aktion__bild { inline-size: 100%; max-inline-size: 14rem; block-size: auto; border-radius: 4px; justify-self: center; }
.bridge-aktion__eyebrow { color: var(--clr-orange-500); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: var(--fs-300, .875rem); margin: 0 0 .5em; }
.bridge-aktion__titel { color: var(--clr-white); text-align: left; max-width: none; font-size: var(--fs-800, 1.5rem); line-height: 1.2; margin: 0 0 .6em; }
.bridge-aktion__text p { margin-block: 0 1em; max-width: 65ch; }
.bridge-aktion__links { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-500, 16px) var(--space-750, 32px); margin-block-end: 0 !important; }
.bridge-aktion__mehr { color: var(--clr-white); text-decoration: underline; text-underline-offset: .2em; }
.bridge-aktion__mehr:hover, .bridge-aktion__mehr:focus-visible { color: var(--clr-orange-500); }
@media (min-width: 48rem) {
  .bridge-aktion__inner { grid-template-columns: 14rem 1fr; }
}
/* Aktions-Label im Hero (ersetzt den Streifen über dem Header, Rückmeldung Noah Wand 21.10.2026) */
.bridge-hero-aktion {
  display: inline-block;
  margin-block-end: var(--space-500, 16px);
  padding: .35em .9em;
  background: var(--clr-orange-500);
  color: var(--clr-black);
  font-weight: 600;
  font-size: var(--fs-400, 1rem);
  text-decoration: none;
}
.bridge-hero-aktion:hover, .bridge-hero-aktion:focus-visible { text-decoration: underline; }
#bridge-aktion-heading { scroll-margin-top: var(--space-800, 48px); }