/* Hero-Abschnitt für Praxis-Seite - Grundstyling */
.hero-section {
  position: relative;
  height: 550px;
  overflow: hidden;
  margin-top: 70px;
  border-radius: 70px;
  z-index: 1;
}

.hero-bg, .hero-bg:after {
  border-radius: 70px;
}

.hero-inner-shape {
  border-radius: 70px;
}

/* For tablet screens */
@media (max-width: 768px) {
  .hero-section {
    height: 500px;
    border-radius: 50px 50px 50px 50px; /* Angepasste Radien für mobile Ansicht */
  }
  
  .hero-bg, .hero-bg:after {
    border-radius: 50px; /* Angepasste Radien für mobile Ansicht */
  }
  
  .hero-inner-shape {
    border-radius: 50px;
  }
}

/* For mobile screens */
@media (max-width: 600px) {
  .hero-section {
    height: 400px;
    border-radius: 40px 40px 40px 40px; /* Angepasste Radien für sehr kleine Geräte */
  }
  
  .hero-bg, .hero-bg:after {
    border-radius: 40px; /* Angepasste Radien für sehr kleine Geräte */
  }
  
  .hero-inner-shape {
    border-radius: 40px;
  }
}

/* For very small screens */
@media (max-width: 480px) {
  .hero-section {
    height: 350px;
    border-radius: 30px 30px 30px 30px; /* Angepasste Radien für sehr kleine Geräte */
  }
  
  .hero-bg, .hero-bg:after {
    border-radius: 30px; /* Angepasste Radien für sehr kleine Geräte */
  }
  
  .hero-inner-shape {
    border-radius: 30px;
  }
}