@media (min-width: 768px) {
  .hero__content {
    transform: none;
  }

  .hero__actions {
    flex-wrap: nowrap;
  }

  .about__col {
    margin-bottom: 0;
  }

  .site-footer__logo {
    margin-left: 0;
  }

  .mission-vision__col {
    margin-bottom: 0;
  }

  .benefits__promise {
    --bs-gutter-y: 0;
  }


}


@media (min-width: 992px) {
  .benefits__cards {
    --bs-gutter-y: 0;
  }

  .nav-toggle {
    max-width: 85px;
    
    right: calc(var(--container-edge) + 75px);
  }

  
  .hero__logo {
    top: 73px;
    left: calc(var(--container-edge) + 100px);
    width: 200px;
  }

  
  .hero__bg {
    object-position: 26.13% 45.54%;
  }

  .hero__content {
    padding-left: calc(var(--container-edge) + 100px);
    padding-right: var(--container-edge);
  }

  .hero__eyebrow {
    font-size: var(--fs-titel-2);
  }

  .hero__title {
    font-size: var(--fs-hero);
    max-width: 916px;
  }

  .hero__actions {
    gap: 30px;
  }

  .btn--pill {
    
    font-size: 1.25rem;
  }

  .about__intro {
    font-size: var(--fs-titel-2);
  }

  .about__title {
    font-size: var(--fs-titel);
  }

  .image-break__text {
    font-size: var(--fs-titel);
  }

  .mission-vision__title {
    font-size: var(--fs-titel);
  }

  .mission-vision__subtitle {
    font-size: var(--fs-titel-2);
  }

  .kontakt__title {
    font-size: var(--fs-titel);
  }

  .kontakt {
    padding-bottom: 0;
  }

  .kontakt__wsu {
    margin-top: 0;
  }

  .kontakt__wsu-title {
    margin-bottom: var(--space-6);
  }

  .kontakt__wsu-photo-wrap {
    width: 33.33vw;
    height: 29.11vw;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 7.24vw;
  }

  .kontakt__wsu-photo {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
  }

  .kontakt__wsu-lila {
    top: 0;
    left: 14.6875%;
    right: auto;
    width: 100vw;
    height: 124.87%;
  }

  
  .image-break__inner {
    flex-direction: row;
    align-items: center;
    min-height: 0;
  }

  
  .image-break {
    padding-bottom: 0;
  }

  
  .image-break__text-wrap {
    flex: 1;
    max-width: 536px;
    margin-left: 24px;
    padding-left: 0;
  }

  .image-break__photo-wrap {
    position: relative;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 55.2vw;
    height: 38.8vw;
  }

  .image-break__photo {
    position: absolute;
    z-index: 1;
    left: 18.49%;
    top: 0;
    width: 81.51%;
    height: 81.34%;
    aspect-ratio: auto;
  }

  .image-break__lila {
    position: absolute;
    left: 0;
    top: 0;
    width: 68.3%;
    height: 100%;
    background-color: var(--color-primary);
    z-index: 0;
  }

  
  .leistung {
    flex-wrap: nowrap;
    min-height: 855px;
  }

  
  .leistung__panel {
    width: 44.79%;
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
    padding-left: calc((100vw - 960px) / 2);
    padding-right: var(--space-4);
  }

  .leistung__panel--align-right {
    padding-left: var(--space-4);
    padding-right: calc((100vw - 960px) / 2);
  }

  .leistung__photo {
    width: 55.21%;
  }

  .leistung__photo img {
    object-position: left top;
  }

  #beratung .leistung__photo img {
    object-position: right top;
  }


  .leistung__quote {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
    padding-left: 31.7%;
    padding-right: calc((100vw - 960px) / 2);

    align-items: flex-start;
    text-align: left;
  }

  
  .leistung__quote--align-left {
    padding-left: calc((100vw - 960px) / 2);
    padding-right: var(--space-6);
  }

  
  .leistung__title {
    font-size: var(--fs-titel);
  }

  .quote-block__text {
    font-size: var(--fs-zitat);
  }

  .quote-block__mark {
    font-size: clamp(6rem, 15.625vw, 18.75rem);
  }

  
  #dienstleistung .leistung__panel {
    order: 0;
  }
}


@media (min-width: 1200px) {
  .about__intro {
    margin-bottom: 5.5rem;
  }

  .leistung__panel {
    padding-left: calc((100vw - 1140px) / 2);
    padding-right: var(--space-4);
  }

  .leistung__panel--align-right {
    padding-left: var(--space-4);
    padding-right: calc((100vw - 1140px) / 2);
  }

  .leistung__quote {
    padding-left: 31.7%;
    padding-right: calc((100vw - 1140px) / 2);
  }

  .leistung__quote--align-left {
    padding-left: calc((100vw - 1140px) / 2);
    padding-right: var(--space-6);
  }
}


@media (min-width: 1400px) {
  .leistung__panel {
    padding-left: calc((100vw - 1320px) / 2);
    padding-right: var(--space-4);
  }

  .leistung__panel--align-right {
    padding-left: var(--space-4);
    padding-right: calc((100vw - 1320px) / 2);
  }

  .leistung__quote {
    padding-left: 31.7%;
    padding-right: calc((100vw - 1320px) / 2);
  }

  .leistung__quote--align-left {
    padding-left: calc((100vw - 1320px) / 2);
    padding-right: var(--space-6);
  }
}



@media (max-height: 500px) and (orientation: landscape) {
  .hero {
    min-height: 650px;
  }
}