/* >= 1440px */
@media screen and (min-width: 1440px) {
  :root {
    --font-size-h4: 30px;
    --font-size-h5: 24px;
    --font-size-default: 20px;
    --p-big: 215px;
    --pt-intro: 250px;
  }
  .content-space-left {
    padding: 100px 10vw 100px 60px;
    margin-right: -10vw;
  }
  .section {
    margin-left: 10vw;
    margin-right: 10vw;
  }
  #cta {
    padding: 150px 0;
  }
  #cta .cta .icon-arrow-top-right {
    flex-shrink: 0;
    height: 200px;
    width: 200px;
    line-height: 200px;
    font-size: 65px;
    margin-top: 0;
    grid-area: icon;
    margin-left: auto;
  }
  #header > .section #logo {
    height: 50px;
    width: 189px;
  }
  #header > .section #navigation .table .table-cell {
    padding: 50px 10vw 50px 50px;
    gap: 100px;
  }
  #header > .section #navigation .table .table-cell .image {
    max-height: calc(100vh - 100px);
  }
  #header > .section #navigation .table .table-cell .content {
    align-self: center;
  }
  #header > .section #navigation .table .table-cell .content .wrapper .contact {
    display: flex;
    gap: 5px;
  }
  #header > .section #navigation .table .table-cell .content .wrapper .contact .seperator {
    display: block;
    color: #ffffff;
  }
  #footer .top .titel {
    font-size: 32px;
  }
  #footer .top .section {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "titel adresse newsletter";
  }
  #footer .top .section .newsletter {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
    align-self: center;
  }
  .profile-card {
    padding: 50px;
  }
  .profile-card.profile-card--mitarbeiterstory {
    padding: 0;
  }
  .profile-card.profile-card--mitarbeiterstory .profile-card__content {
    padding: 50px;
  }
  .profile-card .profile-card__image {
    height: 150px;
    width: 150px;
    margin-bottom: 50px;
  }
  .profile-card .profile-card__mail {
    margin-bottom: 30px;
  }
}
/* >= 1600px */
@media screen and (min-width: 1600px) {
  .content-space-left {
    padding: 125px 10vw 125px 75px;
  }
}
/* >= 1920px */
@media screen and (min-width: 1920px) {
  :root {
    --pt-intro: 300px;
    --p-big: 11vw;
    --font-size-h1: 3.9vw;
    --font-size-h4: 1.77vw;
    --font-size-h5: 1.35vw;
  }
  /*
    .text,
    .body {
        p+h2 {
            margin-top: 150px;
        }

        p+h3 {
            margin-top: 150px;
        }

        p+h4 {
            margin-top: 150px;
        }

    }
    */
  .content-space-left {
    padding: 6.5vw 10vw 6.5vw 3.9vw;
    margin-right: -10vw;
  }
  .banner-container .content {
    padding: 100px 75px 100px 100px;
  }
  #header > .section {
    padding: 100px 0 60px;
  }
  #header > .section #menu-icon {
    height: 108px;
    width: 108px;
  }
  #header > .section #menu-icon .line {
    width: 34px;
    left: 36px;
  }
  #header > .section #menu-icon .line.first {
    top: calc(50% - 10px);
  }
  #header > .section #menu-icon .line.third {
    top: calc(50% + 9px);
  }
  #header > .section #logo {
    width: 219.157px;
    height: 58px;
  }
  #header > .section #navigation .table .table-cell .content .main-menu ul.menu li a:before {
    font-size: 0.8vw;
    right: calc(100% + 0.5vw);
  }
  #header > .section #navigation .table .table-cell .content .main-menu ul.menu li a:hover {
    transform: translateX(1.5vw);
  }
  #header > .section #navigation .table .table-cell .content .main-menu ul.menu li a.is-active {
    transform: translateX(1.5vw);
  }
}