/* Startseiten-Hero: Banner + Teaser */

.home-hero-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:18px 5px 18px 22px;
  border:0;
  border-radius:18px;
  background:#f5e4cf;
  overflow:hidden;
}

.home-hero-banner-copy{
  flex:0 0 50%;
  width:50%;
  max-width:50%;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:4px 14px 4px 6px;
}

.home-hero-banner-headline{
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(24px,2.5vw,36px);
  line-height:1.12;
  font-weight:700;
}

.home-hero-banner-lead,
.home-hero-banner-accent{
  display:block;
}

.home-hero-banner-lead{
  color:#111 !important;
  font-weight:700 !important;
}

.home-hero-banner-accent{
  color:#fea60c !important;
  font-weight:700 !important;
}

.home-hero-banner-online{
  margin-top:10px;
  font-size:clamp(14px,1.5vw,17px);
  line-height:1.35;
  color:#6b7280 !important;
  font-weight:500;
}

.home-hero-banner-visual{
  flex:0 0 50%;
  width:50%;
  max-width:50%;
  min-width:0;
  height:clamp(270px,21.5vw,350px);
  margin:-18px 0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.home-hero-banner-visual img{
  display:block;
  width:100%;
  height:100%;
  max-height:clamp(270px,21.5vw,350px);
  object-fit:contain;
  object-position:right center;
}

.home-teaser{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(16px,3vw,28px);
  max-width:100%;
  min-height:88px;
  padding:18px 22px;
  border:0;
  border-radius:18px;
  background:#f5e4cf;
  overflow:hidden;
}

.home-teaser-copy{min-width:0;flex:1 1 auto}

.home-teaser-text{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(24px,2.4vw,34px);
  line-height:1.12;
  color:#111 !important;
  font-weight:700;
}

.home-teaser-online{
  margin-top:10px;
  font-size:clamp(14px,1.5vw,17px);
  line-height:1.35;
  color:#6b7280 !important;
  font-weight:500;
}

.home-teaser-accent{
  color:#fea60c !important;
  font-weight:700 !important;
}

.home-teaser-image{
  width:min(42%,320px);
  max-height:180px;
  object-fit:contain;
  flex:0 0 auto;
}

@media (max-width:767.98px){
  .home-hero-banner{
    display:grid;
    grid-template-areas:
      "copy"
      "visual";
    grid-template-columns:1fr;
    align-items:stretch;
    gap:0;
    padding:18px 16px 0;
    border-radius:16px;
    background:linear-gradient(180deg,#f5e4cf 0%,#f8ead8 100%);
    overflow:hidden;
  }

  .home-hero-banner-copy{
    grid-area:copy;
    flex:none;
    width:100%;
    max-width:none;
    padding:0 4px 14px;
    text-align:center;
  }

  .home-hero-banner-headline{
    font-size:clamp(21px,5.8vw,28px);
    line-height:1.18;
  }

  .home-hero-banner-online{
    margin-top:8px;
    font-size:14px;
  }

  .home-hero-banner-visual{
    grid-area:visual;
    flex:none;
    width:100%;
    max-width:none;
    height:auto;
    min-height:0;
    margin:0;
    padding:0 0 12px;
    align-items:flex-end;
    justify-content:center;
  }

  .home-hero-banner-visual img{
    width:100%;
    height:auto;
    max-height:min(38vw,168px);
    object-fit:contain;
    object-position:center bottom;
    border-radius:0;
  }

  .home-teaser{
    flex-direction:column;
    align-items:stretch;
    gap:0;
    min-height:0;
    padding:0;
    border-radius:16px;
  }

  .home-teaser-copy{
    padding:16px 16px 12px;
  }

  .home-teaser-text{
    font-size:clamp(22px,6.5vw,28px);
  }

  .home-teaser-image{
    width:100%;
    max-height:none;
    height:clamp(140px,40vw,200px);
    object-fit:cover;
    object-position:center center;
    border-radius:0 0 15px 15px;
  }
}