.beitragshero{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 800px;
}

.beitragshero .overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(0deg,rgba(31, 31, 31, 0.8) 0%, rgba(31, 31, 31, 0) 100%);
    height: 800px;
}

.beitragshero .outer{
    width: 100%;
    height: 800px;
    position: absolute;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    pointer-events: none;
}

.beitragshero .content{
    position: relative;
    z-index: 5;
    pointer-events: all;
    padding-bottom: 125px;
}

.beitragshero .headline{
  font-size: 6.25rem;
  color: var(--white);
  line-height: 6.25rem;
  text-transform: uppercase;
}

.beitragshero .inhalt{
  width: 90%;
}

.beitragshero .inhalt p{
  font-size: 1.5rem;
  color: var(--white);
}

/* -------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 1480px) {

  .beitragshero .headline{font-size: 5.5rem;line-height: 5.5rem;margin-bottom: 1rem;}
  .beitragshero .inhalt p{font-size: 1.4rem;}
  
}

@media (max-width: 1199px) {

  .beitragshero .headline{font-size: 4.5rem;line-height: 4.5rem;}

}

@media (max-width: 991px) {

  .beitragshero{height: 700px;}
  .beitragshero .outer{height: 700px;}
  .beitragshero .overlay{height: 700px;}
  .beitragshero .content{padding-bottom: 75px;}
  .beitragshero .headline{font-size: 3.5rem;line-height: 3.5rem;}
  .beitragshero .inhalt{width: 100%;}
  .beitragshero .inhalt p{font-size: 1.25rem;}

}

@media (max-width: 767px) {

  .beitragshero .headline{font-size: 3rem;line-height: 3rem;}
  .beitragshero .inhalt p{font-size: 1.15rem;}

}

@media (max-width: 600px) {

  .beitragshero{height: 650px;}
  .beitragshero .outer{height: 650px;}
  .beitragshero .overlay{height: 650px;}
  .beitragshero .content{padding-bottom: 50px;}
  .beitragshero .headline{font-size: 2.5rem;line-height: 2.5rem;}
  .beitragshero .inhalt p{font-size: 1.1rem;}

}

@media (max-width: 400px) {

}