
.excursion-hero{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:flex-end;
  min-height:clamp(320px,40vw,520px);
  padding:0;
  overflow:hidden;
  background:#20301d url("/assets/ausflugstipps-hero-v1.png") center 54%/cover no-repeat;
}
.excursion-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(8,15,10,.76) 0%,rgba(8,15,10,.42) 38%,rgba(8,15,10,.12) 72%),
    linear-gradient(0deg,rgba(8,15,10,.62) 0%,transparent 58%);
}
.excursion-hero::after{
  content:none;
}
.excursion-hero .page-shell{
  width:min(var(--page),calc(100% - 40px));
  margin-inline:auto;
  padding-top:92px;
  padding-bottom:56px;
}
.excursion-hero span,
.excursion-hero h1,
.excursion-hero p{
  text-shadow:0 2px 18px rgba(0,0,0,.48);
}
@media(max-width:650px){
  .excursion-hero{
    min-height:390px;
    background-position:64% 50%;
  }
  .excursion-hero .page-shell{
    width:min(var(--page),calc(100% - 24px));
    padding-top:82px;
    padding-bottom:42px;
  }
}
