@media (max-width: 576px) {
  #block-contactstop {
    padding-left: 5px;
  }

  .form-type-tel {
    width: 100%;
  }

  form .pe-2 {
    padding: 0 !important;
  }

}

@media (min-width: 768px) {
  .slider {
    position: relative;
  }

  .headline h1 {
    color: white;
    font-size: 24px !important;
    line-height: 24px;
    border-radius: 0.25rem;
  }

  .headline {
    font-size: 2rem !important;
  }

  .carousel .headline {
    bottom: 7rem;
  }

  .carousel .subline {
    font-size: 1.5rem !important;
    bottom: calc(3em - 1.25rem);
  }

  .slider.container-fluid {
    padding-right: 0;
    padding-left: 0;
  }

  .slider .carousel-inner, .slider .carousel-item, .slider .headerimage {
    height: 50vh;
  }

}

@media (min-width: 992px) {
  .headline h1 {
    font-size: 48px !important;
    line-height: 48px;
  }

  .headline {
    color: white;
    font-size: 3rem !important;
    bottom: 10vh;
    left: 5vw;
  }

  .subline {
    font-size: 1.5rem !important;
    bottom: calc(16vh - 3.5rem - 2px);
    left: 15vw;
  }

}