/* Hochwertiges Bueromotiv proportional in die Startseite einfuegen. */
.hero-home { background: #13273d; }
@media (min-width: 768px) {
  .hero-home .hero-bg-wrapper { background: #13273d; }
  .hero-home .hero-bg-img { position: absolute; top: 0; right: max(0px, calc((100vw - 1500px) / 2)); width: min(65vw, 1100px); height: 100%; object-fit: cover; object-position: 60% 50%; }
  .hero-home .hero-overlay { background: linear-gradient(90deg, #13273d 0%, rgba(19,39,61,.94) 30%, rgba(19,39,61,.50) 53%, rgba(19,39,61,.12) 100%); }
  .hero-home .container.hero-content { width: 100%; max-width: 1200px; padding-right: min(45vw, 540px); margin: 0 auto; text-align: left; }
  .hero-home .hero-content h1 { font-size: clamp(2rem, 3.2vw, 3.25rem); }
  .hero-home .hero-actions-wrapper { justify-content: flex-start; }
}
@media (max-width: 767px) {
  .hero-home { display: block; min-height: 0; padding: 0 0 32px; }
  .hero-home .hero-bg-wrapper { position: relative; aspect-ratio: 2 / 1; }
  .hero-home .hero-bg-img { width: 100%; height: 100%; object-fit: contain; }
  .hero-home .hero-overlay { display: none; }
  .hero-home .container.hero-content { padding: 24px 16px 0; text-align: left; }
  .hero-home .hero-content h1 { font-size: 2rem; }
}