/* Gemeinsames Layout für alle Produkt-Hero-Bereiche */
.home-hero {
margin-top: -150px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 900px;
  display: flex;
  align-items: flex-end;
  border-bottom: 10px solid #fff;
}

/* Produktabhängige Hintergrundbilder */
.hero-runde-ecke {
  background-image: url('/bilder/hero/runde-ecke.webp');
}


.home-hero .hero-wrapper {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: -50px;
}

.hero-home-inner {
  text-align: left;
}

.hero-runde-ecke h1 {
  font-weight: bold;
  font-size: 4.0rem;
line-height: 1.3;
  margin-bottom: 0.5 rem;
  color: #ffffff;
 text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.9);
}

.runde-ecke-sub {
  font-weight: bold;
  font-size: 2.0rem;
  margin-bottom: 2rem;
  color: #ffffff;
margin-left: 0px;
 text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.9);
}

@media (max-width: 1200px){
.hero-runde-ecke {
  background-image: url('/bilder/hero/runde-ecke-hero_1200.webp');}
.home-hero {
  min-height: 700px;
}

.hero-runde-ecke h1 {
  font-weight: bold;
  font-size: 3.0rem;
  margin-bottom: 0.5 rem;
  margin-left: 20px;
}
.runde-ecke-sub {
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
  margin-left: 20px;
}
.hero-button {
  margin-left: 20px;  padding: 10px 20px;}
}
@media (max-width: 768px){
.hero-runde-ecke {
  background-image: url('/bilder/hero/runde-ecke-hero_768.webp');
}

.hero-runde-ecke h1 {
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 0.5 rem;

}
.runde-ecke-sub {
  font-weight: bold;
  font-size: 1.4rem;
  margin-bottom: 1.4rem;

}



}
@media (max-width: 450px){
.hero-runde-ecke {
  background-image: url('/bilder/hero/runde-ecke-hero_450.webp');
}

.home-hero {
margin-top: 0px;
}

.hero-runde-ecke h1 {
  font-weight: bold;
  font-size: 2.0rem;
  margin-bottom: 0.5 rem;

}
.runde-ecke-sub {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;

}
}