@media screen and (min-width: 769px) and (max-width: 1023px) {

   nav {
      height: 6rem;
   }
   .nav-container {
      width: 80%;
   }

   .nav-logo {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      height: 100%;
   }

   .nav-logo img {
      width: 200px;
      margin-top: auto;
   }

   .burger {
      display: block;
   }

   .nav-icons {
      display: none;
   }

   .icons {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 12px;
      z-index: 2000;
   }

   .nav-links {
      position: fixed;
      right: 0;
      height: 100vh;
      top: 6rem;
      background: var(--scharff-jade);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      margin-right: 0;
      margin-left: 0;
      padding-left: 0;
      padding-top: 8rem;
      width: 100%;
      transform: translateX(0%);
      transition: transform 0.35s ease-in;
      text-align: left;
   }

   .nav-active {
      transform: translateX(100%);
   }

   .nav-links a {
      color: #000;
      font-size: 32px;
      letter-spacing: 0;
      font-family: acumin-pro-extra-condensed, sans-serif;
      font-weight: 800;
      font-style: normal;
      line-height: 0.75;
      text-align: left;
   }

   .nav-links .desktop {
      display: none;
   }

   .nav-links li {
      opacity: 0;
   }


   .nav-links li.desktop_item {
      display: none;
   }

   .nav-links li.mobile_item {
      display: inline-block;
   }

   .nav-links li.mobile_item a {
      text-align: left;
      font-size: 1rem;
   }

   nav .nav-inner li.desktop_job a:hover {
      color: var(--scharff-blue);
   }

   .burger {
      display: block;
   }


   .container.onTop {
      margin-top: 6rem;
   }

   .container-image {
      object-fit: contain;
   }

   .container-content {
      width: 50%;
      top: 10%;
   }

   .container--inner {
      width: 80%;
   }

   .container--headline {
      width: 80%;
      padding-right: 30%;
   }

   .container--headline.imprint {
      width: 80%;
   }

   .container-content.blue {
      left: 45%;
      top: 10%;
   }

   .container-content.green {
      left: 45%;
      top: 10%;
   }

   .container--text {
      width: 50%;
   }


   h1,
   .container-content-text h1 {
      font-size: 0.85rem;
      line-height: 1;
      margin-top: 0.5rem;
      letter-spacing: 3px;
      margin-bottom: 0;
      text-align: center;
      hyphens: initial;
   }

   h2 {
      font-size: 2.25rem;
      line-height: 1;
      hyphens: none;
   }

   h2.big {
      font-size: 2.25rem;
      line-height: 1;
   }

   h2.small {
      font-size: 2.25rem;
   }

   h3 {
      font-size: 1.25rem;
      line-height: 1.1;
   }

   h4 {
      font-size: 12px;
   }


   .button {
      padding: 0.75rem 1rem;
      font-size: 11px;
      letter-spacing: 2px;
      width: 160px;
   }

   .chevron-icon {
      display: none;
   }
}