.header_bild-module {
  & > .row > .col-12 {
    padding: 0;
    overflow: hidden;
  }
  & .header_bild-item {
    & > .col-md-5.col-12 {
      height: 100%;
      & .header_bild-content {

        & > .subtitle {
          font-weight: bold;
          color: var(--black);
        }
      } 
    }

    & > .col-md-7.col-12 {
      height: 100%;
      & .header_bild-image {
        height: 100%;
        position: relative;
        
        .text-on-image {
          position: absolute;
          left: 5rem;
          bottom: 10rem;
          span {
            font-size: inherit;
          }
          @media (max-width: 767px) {
            left: 1rem;
            bottom: 2rem;
          }
        }

        & img {
          height: 100%;
          width: 100%;
          object-fit: cover;
        }
      }
    }
  }
}

@media (min-width: 767px) {
  .header_bild-module {
    & .header_bild-item {
      height: calc(100vh - 147px);

      & > .col-md-5.col-12 {
        position: relative;
        & .header_bild-content {
          max-width: 100%;
          position: absolute;
          top: calc(50% - 73.5px);
          transform: translateY(-50%);
          & > * {
            word-break: break-word;
            hyphens: auto;
          }

          & > h1 {
            font-size: 100px;
            line-height: 90px;
          }

          & > .subtitle {
            font-size: 30px;
            line-height: 40px;
          }
        } 
      }

      & > .col-md-7.col-12 {
        & .header_bild-image {
          width: 58.3vw;
        }
      }
    }
  }
}
@media (max-width: 1399px) {

}
@media (max-width: 1199px) {

}
@media (max-width: 991px) {

}
@media (max-width: 767px) {
  .header_bild-module {
    & > .row > .col-12 {
      & .header_bild-item {
        & > .col-md-5.col-12 {
          & .header_bild-content {
            padding: 35px 15px 20px 15px;
            & > .subtitle {
              font-size: 17px;
              line-height: 22px;
            }
          } 
        }

        & > .col-md-7.col-12 {
          padding: 0;
          & .header_bild-image {
            height: 100%;
            & > img {
              height: 100%;
              width: 100%;
              object-fit: cover;
            }
          }
        }
      }
    }

  }
  @media (max-width: 575px) {

  }