.standort-card, .team-card, .termin-wrap, .termin-location, .termin-doctor,
.notfall-card, .notfall-tile, .job-card, .job-item, .karriere-card,
.next-sprech-card, .naechste-sprech, .next-slot, .hours-card,
.live-status-card, .live-widget, .jameda-badge, .rating-card,
.info-card, .section-card, .wizard-choice, .trust-item,
.dsgvo-seal, .rezept-side, .rezept-inline-choices, .rezept-wrap {
  box-shadow: 0 2px 4px rgba(0,0,0,0.04), 0 12px 24px -6px rgba(28,49,37,0.14), 0 32px 56px -16px rgba(28,49,37,0.24) !important;
  transition: box-shadow 420ms ease, transform 420ms ease !important;
}
.standort-card:hover, .team-card:hover, .termin-location:hover,
.notfall-card:hover, .job-card:hover, .wizard-choice:hover, .trust-item:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.05), 0 18px 36px -8px rgba(28,49,37,0.18), 0 48px 80px -20px rgba(28,49,37,0.32) !important;
  transform: translateY(-4px) !important;
}

/* v39 - Hero-Typografie auf der ruhigen Marken-Flaeche (2026-07-12):
   H1 unveraendert in Button-Forest. Fliesstext traegt die normale
   Seiten-Textfarbe (wie .about-content p) mit weight 400 statt der
   Foto-Aera-Panzerung schwarz/600. Der Eyebrow-Override entfaellt,
   die Basis-Regel in index.html entspricht exakt .section-eyebrow
   (600, forest, 0.22em). */
section.hero h1, .hero h1,
section.hero h1 em, .hero h1 em {
  color: #2A4A38 !important;
  font-weight: 600 !important;
  letter-spacing: -0.012em !important;
}
section.hero .hero-content p,
.hero .hero-content p,
section#top.hero p,
.hero p {
  color: var(--text) !important;
  font-weight: 400 !important;
}

/* Standorte-Button im Hero: staerkerer Schatten (ex v30) */
section.hero .hero-content .btn-secondary,
.hero .hero-content .btn-secondary {
  box-shadow:
    0 2px 4px rgba(0,0,0,0.06),
    0 8px 16px -4px rgba(28,49,37,0.18),
    0 20px 40px -10px rgba(28,49,37,0.28),
    0 40px 64px -20px rgba(28,49,37,0.32) !important;
  transition: box-shadow 320ms ease, transform 320ms ease !important;
}
section.hero .hero-content .btn-secondary:hover,
.hero .hero-content .btn-secondary:hover {
  box-shadow:
    0 4px 8px rgba(0,0,0,0.08),
    0 14px 28px -6px rgba(28,49,37,0.24),
    0 32px 56px -14px rgba(28,49,37,0.38),
    0 56px 96px -28px rgba(28,49,37,0.42) !important;
  transform: translateY(-3px) !important;
}