/* Layout „Klar“ – geteilter Startbereich, Foto rechts mit schwebender Karte. */
.hero-klar { padding: clamp(2.5rem, 6vw, 5.5rem) 0 clamp(3.5rem, 7vw, 6rem); }
.hero-klar .hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(2.5rem, 6vw, 5.5rem); align-items: center; }
.hero-klar .hero-grid.no-image { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
.hero-klar .hero-visual { position: relative; }
.hero-klar .hero-photo { aspect-ratio: 5 / 6; }
.hero-klar .hero-grid.no-image .hero-photo { aspect-ratio: 1 / 1; }
.hero-klar .hero-card { position: absolute; left: clamp(-2.5rem, -3vw, -1rem); bottom: 2rem; min-width: 15rem; }
@media (max-width: 60rem) {
  .hero-klar .hero-grid, .hero-klar .hero-grid.no-image { grid-template-columns: minmax(0, 1fr); }
  .hero-klar .hero-visual { margin-top: .5rem; }
  .hero-klar .hero-photo { aspect-ratio: 16 / 11; }
  .hero-klar .hero-card { position: static; margin-top: -2.5rem; margin-inline: 1rem; }
  .hero-klar .hero-grid.no-image .hero-visual { display: none; }
}