/* Ergotherapie: Petrol statt Grün (22.09.2026). Wird NACH styles.css geladen.
   Kontraste (WCAG AA, berechnet im Build): Weiß auf #00607A = 7.11:1,
   #00607A auf Weiß = 7.11:1, Fußtext #B9D3DB auf #003B4A = 7.77:1,
   Copyright #8DB0BB = 5.25:1, KI-Hinweis #A7C3CC = 6.56:1 */
:root {
  --c-accent: #00607A;
  --c-accent-dark: #003B4A;
  --c-accent-light: #3A94AC;
  --c-accent-wash: #E4EFF3;
}
.trust-grid { background: #00607A; }
.way-image { background: linear-gradient(180deg, #E4EEF2 0%, #CFDFE6 100%); }
.site-footer { color: #B9D3DB; }
.footer-brand .muted { color: #9CBAC4; }
.footer-nav a { color: #B9D3DB; }
.copyright { color: #8DB0BB; }
.ai-notice { color: #A7C3CC; }
@media (max-width: 760px) {
  .hero-overlay { background: linear-gradient(180deg, rgba(246,250,251,.82) 0%, rgba(246,250,251,.68) 55%, rgba(246,250,251,.40) 100%); }
}
/* Hero: Motiv v1 (Therapieknete), Personen rechts */
.bereich-ergo .hero-bg { object-position: 85% 50%; }
@media (max-width: 760px) { .bereich-ergo .hero-bg { object-position: 72% 50%; opacity: .75; } }
/* Leistungs-Icons als Inline-SVG im runden Feld (Maß wie die Physio-Icon-Bilder, 110 px) */
.service-icon-round {
  width: 110px; height: 110px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--c-accent-wash); color: var(--c-accent);
  margin-bottom: 1.2rem;
  box-shadow: 0 6px 20px rgba(0,96,122,.14);
}
.service-icon-svg { width: 60px; height: 60px; display: block; }