/* Gemeinsame Primärbuttons, 25.10.2026. Keine Änderung an Abständen oder Formularfunktionen. */
body.minimal #content a.btn:not(.secondary),body.minimal #content button.btn:not(.secondary),body.minimal #content input.btn:not(.secondary){background:#065E7B!important;border-color:#065E7B!important;color:#fff!important}
body.minimal #content a.btn:not(.secondary):hover,body.minimal #content button.btn:not(.secondary):hover{background:#044b63!important;border-color:#044b63!important;color:#fff!important}
/* Originales weißes Hero-Buttons-Design bewusst erhalten */
body.minimal #content > .hero .hero-copy .buttons > a.btn:not(.secondary){background:#fff!important;border-color:#fff!important;color:#17201d!important}
body.minimal #content > .hero .hero-copy .buttons > a.btn.secondary{background:transparent!important;border-color:#fff!important;color:#fff!important}


/* BC footer ausgewogen: etwas mehr Luft als Kompaktversion, 28.10.2026. */
body.minimal footer.footer{padding:48px 0 22px}
body.minimal footer.footer .footergrid{gap:28px}
body.minimal footer.footer .footergrid h2{font-size:30px!important;line-height:1.17;margin-bottom:14px}
body.minimal footer.footer .footergrid p{margin-bottom:11px}
body.minimal footer.footer .footerlinks{gap:10px}
body.minimal footer.footer .footerbottom{margin-top:38px;padding-top:16px}
@media(max-width:760px){
 body.minimal footer.footer{padding:38px 0 18px}
 body.minimal footer.footer .footergrid{gap:20px}
 body.minimal footer.footer .footerbottom{margin-top:24px;padding-top:14px}
}

/* Startseite: Nur die beiden blauen Textlinks besser erkennbar – sonst unveraendert. */
body.minimal #content .bc-home-options a.textlink {font-weight:600;}


/* 28.10.2026: stabile Abschnittstitel-Farben, ohne :has() oder aktive Navigation.
   Greift auch in älteren Smartphone-Browsern. */
body.minimal #content > section.section .eyebrow {
  color: #065E7B !important;
}
/* Ganz oben bei den Unterseiten bleiben die Seitennamen dunkel. */
body.minimal #content > section.pagehero .eyebrow {
  color: #171A1D !important;
}
/* Startseite: Video-Ueberschrift bleibt weiss. */
body.minimal #content > section.hero .hero-copy .eyebrow {
  color: #fff !important;
}
/* Startseite: KONTAKT bleibt schwarz. */
body.minimal #content > section.bc-home-contact .eyebrow {
  color: #171A1D !important;
}
/* Die Kontaktseite nicht umgestalten. */
body.minimal #content > section.section .contact-intro .eyebrow {
  color: var(--accent) !important;
}
/* Google-Rueckmeldungen: die kleine Ueberschrift blau, den externen
   Pfeil entfernen, ohne den Link selbst zu entfernen. */
body.minimal #content .bc-google-reviews .bc-gr-overline {
  color: #065E7B !important;
}
body.minimal #content .bc-google-reviews a.bc-gr-link > span[aria-hidden="true"] {
  display: none !important;
}

/* 28.10.2026 – Startseite: nur diese zwei kleinen Bereichsueberschriften wieder schwarz.
   Die anderen Eyebrows behalten ihr vorhandenes Farbschema.
   Kein :has(), funktioniert auch bei mobilen Browsern. */
body.minimal #content > section.hero ~ section.section.soft.bike-video-section .bike-home-copy > .eyebrow,
body.minimal #content > section.hero ~ section.section > .container.split > div > .eyebrow {
  color: #171A1D !important;
}

/* Bike Cyrcle – Footer-Navigation nur mobil sichtbar.
   Desktop: ausschließlich Markenblock/Kontakt und Rechtslinks in footerbottom.
   Mobil: Entdecken + Bike Cyrcle mit den zugehörigen Links bleiben sichtbar.
   Keine Änderung an Text, Linkzielen oder anderen Seitenbereichen. */
@media (min-width: 761px) {
  body.minimal footer.footer .footergrid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.minimal footer.footer .footergrid > div:nth-child(2),
  body.minimal footer.footer .footergrid > div:nth-child(3) {
    display: none !important;
  }
}

/* Startseite 28.10.2026: Diese ZWEI kleinen Titel immer schwarz (Desktop und Mobil).
   Nur die beiden Karten, keine anderen Abschnittstitel oder Links aendern. */
body.minimal #content .bc-home-options .tile .copy > .eyebrow {
  color: #171A1D !important;
}


/* 01.11.2026 – Nummerierungen in Bike-Cyrcle-Buttonblau.
   Nur die Nummern in Schrittfolgen, nicht Titel oder Beschreibung. */
body.minimal #content .steps-layout .step .step-num {
  color: #065E7B !important;
}

/* 01.11.2026 – E-Bike-Ladestaender: mobil weniger Abstand zwischen
   den Vorteilen. Nur die Ladestaenderseite, nicht Desktop oder andere Seiten.
   :has() wird hier ausschliesslich zur Seitenerkennung benutzt. */
@media (max-width: 760px) {
  body.minimal #content:has(.bc-station-3d) .grid3 {
    row-gap: 0 !important;
  }
  body.minimal #content:has(.bc-station-3d) .grid3 > .feature {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  body.minimal #content:has(.bc-station-3d) .grid3 > .feature h3 {
    margin-bottom: 8px !important;
  }
  body.minimal #content:has(.bc-station-3d) .grid3 > .feature p {
    margin-bottom: 0 !important;
  }
}