@media (min-width: 768px) {
  .ex-header-headline {
    color: #fff;
    font-family: Montserrat;
    font-size: 110px;
    font-style: normal;
    font-weight: 500; /* 117.7px */
  }
  .ex-leistungen-element-headline {
    font-size: 50px;
  }
  .ex-navigation-menu-container {
    right: 40px;
  }
  .ex-lehre-cards-container {
    height: 900px;
  }
  .ex-leistung-list-number {
    font-size: 60px;
  }
  .ex-leistungen-element-text {
    font-size: 18px;
  }
  .ex-small-detail-text {
    font-size: clamp(14px, 1vw, 19px);
  }
  .ex-reference-detail-headline {
    font-size: 64px;
  }
  .ex-reference-detail-headline-smaller {
    font-size: 50px;
  }

  .ex-acc-body-text {
    font-size: 18px;
  }
  .ex-acc-body-button {
    font-size: 26px;
  }
  .ex-summary-name {
    color: var(--Light-Grey, #c8c8c8);
    leading-trim: both;
    text-edge: cap;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
  }

  .ex-partner-container {
    width: 188px;
    height: 188px;
  }
  .ex-partner-container .glyph {
    max-width: 130px;
    width: 100%;
  }

  .ex-leistung-list-name {
    font-size: 26px;
  }
  .ex-leistung-list-item {
    min-height: 360px;
    padding: 24px 24px 55px 24px;
  }
  .ex-headline-smaller {
    font-size: 50px;
  }
  .ex-highlighted-sub-page-name {
    font-size: 64px;
  }
  .ex-highlighted-sub-page-link-text {
    font-size: 26px;
  }
  .ex-contact-headline {
    font-size: 50px;
  }
  .ex-headline-topline {
    font-size: 16px;
  }
  .ex-impressum > p:first-child {
    font-size: 16px;
  }
  .ex-impressum > h1 {
    font-size: 64px;
  }
  .ex-impressum > p {
    font-size: 18px;
  }
  .ex-contact-text {
    font-size: 20px;
  }
  .ex-about-text {
    font-size: 20px;
  }
  .ex-navigation-language-switcher {
    display: block;
  }
  .ex-footer-reminder-text {
    font-size: 16px;
    text-transform: uppercase;
    max-width: 400px;
  }

  .ex-leistung-main-headline {
    font-size: 36px;
  }
  .ex-headline {
    font-size: 64px;
  }
  .ex-intro-text {
    font-size: 48px;
  }
  .ex-leistung-main-text {
    font-size: 18px;
  }
  .ex-leistung-main-container {
    padding: 32px;
  }
  .ex-project-showcase-headline {
    font-size: 48px;
    margin-bottom: 35px;
  }
  .ex-project-showcase-text {
    font-size: 20px;
  }
  .ex-header-project-button {
    font-size: 26px;
  }
  .ex-impressions-text {
    font-size: 26px;
  }
  .footer-bottom-content {
    padding-bottom: 36px;
  }
  .ex-leistung-list-item {
    max-width: calc(50% - 20px);
    margin-bottom: 40px;
  }
  .ex-person-name {
    font-size: 36px;
  }
  .ex-person-title {
    font-size: 18px;
  }
  .ex-person-contact-data {
    font-size: 18px;
  }
  .ex-anspruch-card-icon {
    width: 80px;
    margin-bottom: 68px;
  }
  .ex-anspruch-card-title {
    font-size: 26px;
    margin-bottom: 24px;
  }
  .ex-anspruch-card {
    background: #fff;
    padding: 24px 18px 93px 24px;
    height: 100%;
  }
  .ex-career-text-container {
    padding: 230px 120px 64px 55px;
  }

  .ex-career-text-top {
    font-size: 16px;
    margin-bottom: 40px;
  }
  .ex-career-text-bottom {
    font-size: 64px;
  }
  .ex-career-list-name {
    color: #c8c8c8;
    leading-trim: both;
    text-edge: cap;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
  }
  .ex-career-list-gender {
    font-size: 14px;
  }
  details[open] .ex-career-list-name,
  details[open] .ex-career-list-gender {
    color: #040508;
  }
  .ex-career-arrow {
    display: block;
    width: 100%;
    height: 100%;
    transform: translateY(-110%); /* komplett nach oben raus */
    transition: transform 0.35s ease; /* smooth animiert */
  }

  details[open] .ex-career-arrow {
    transform: rotate(180deg);
  }
}

@media (min-width: 1200px) {
  .ex-header-headline {
    color: #fff;
    font-family: Montserrat;
    font-size: 110px;
    font-style: normal;
    font-weight: 500; /* 117.7px */
  }
}

@media (min-width: 1440px) {
  .ex-intro-text {
    font-size: clamp(0px, 4.4vw, 85px);
  }
  .ex-career-text-bottom {
    font-size: clamp(0px, 4.4vw, 85px);
  }
  .ex-leistung-main-text {
    font-size: clamp(0px, 1.4vw, 27px);
  }
  .ex-contact-headline {
    font-size: clamp(0px, 3.4vw, 66px);
  }
  .ex-header-headline {
    font-size: clamp(0px, 7.6vw, 146px);
  }
  .ex-headline-smaller {
    font-size: clamp(0px, 4.3vw, 82px);
  }
  .ex-leistung-main-headline {
    font-size: clamp(0px, 4.3vw, 82px);
  }
  .ex-leistungen-element-headline {
    font-size: clamp(0px, 4.3vw, 82px);
  }
  .ex-about-text {
    font-size: clamp(16px, 1.4vw, 27px);
  }
  .ex-headline {
    font-size: clamp(0px, 4.4vw, 85px);
  }
  .ex-highlighted-sub-page-name {
    font-size: clamp(0px, 4.4vw, 85px);
  }
  .ex-headline-topline {
    font-size: clamp(0px, 1.1vw, 21px);
  }
  .ex-leistung-list-number {
    font-size: 4.1vw;
  }
  .ex-footer-menu-item {
    font-size: clamp(16px, 1.4vw, 27px);
  }
  .ex-footer-menu-item img {
    height: 2.22vw;
  }
  .ex-footer-address {
    font-size: clamp(14px, 1vw, 19px);
  }
  .ex-footer-opening-times {
    font-size: clamp(14px, 1vw, 19px);
  }
  .ex-bottom-name {
    font-size: clamp(14px, 1vw, 19px);
  }
  .ex-footer-links-text {
    font-size: clamp(14px, 1vw, 19px);
  }

  .ex-career-list-name {
    font-size: clamp(56px, 5.5vw, 106px);
  }

  .ex-footer-links-main {
    font-size: clamp(16px, 1.4vw, 27px);
  }
  .ex-reference-detail-headline {
    font-size: clamp(0px, 4.4vw, 85px);
  }
  .ex-reference-detail-headline-smaller {
    font-size: clamp(0px, 3.5vw, 67px);
  }
  .ex-project-showcase-headline {
    font-size: clamp(48px, 3.3vw, 64px);
  }
}

/* Footer: Impressum / Datenschutz — unter lg kompakter und kleiner als Desktop */
@media (max-width: 1023px) {
  .ex-footer-address {
    padding-bottom: 24px;
  }
  .ex-footer-opening-times {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .ex-footer-links-main {
    font-size: 14px;
    margin-top: 24px;
  }
  .ex-footer-links-main:last-child {
    margin-top: 8px;
  }

  .ex-header-project-button {
    margin-top: 40px;
  }

  .ex-header-project-button img {
    width: 40px;
    height: 40px;
    margin-right: 12px;
  }
}

@media (min-width: 1024px) {
  .ex-footer-links-main {
    font-size: 20px;
  }
  .ex-navigation-menu-item {
    font-size: 24px;
  }
  .ex-leistung-main-headline {
    font-size: 60px;
  }
  .ex-leistung-main-text {
    font-size: 20px;
  }
  .ex-leistung-main-container {
    padding: 40px;
  }
}