/* For large devices */
@media screen and (min-width: 769px) and (max-width: 1023px) {

   /* aus styles.css Band 769–1480 migriert */
   h1 {
      letter-spacing: 3px;
   }

   p {
      font-family: var(--body-font), sans-serif;
      font-size: 1rem;
      line-height: 1.75rem;
      letter-spacing: 0;
   }

   h2 {
      font-family: var(--body-font), sans-serif;
      font-size: clamp(1.5rem, 1.75rem, 2rem);
      line-height: clamp(1.75rem, 2rem, 2.25rem);
   }

   h3 {
      font-family: var(--body-font), sans-serif;
      font-size: clamp(1rem, 1.15rem, 1.25rem);
      line-height: clamp(1.35rem, 1.5rem, 1.75rem);
      font-weight: 600;
   }

   h2.medium {
      font-family: var(--body-font), sans-serif;
      font-size: 2rem;
      line-height: clamp(1.35rem, 1.75rem, 1.75rem);
      font-weight: 500;
   }

   h2.big {
      font-size: 2.75rem;
      font-family: var(--body-font), sans-serif;
      line-height: clamp(2.15rem, 2.35rem, 2.5rem);
   }

   ul.workpiece li {
      font-size: 0.8rem;
      line-height: 1.15rem;
   }

   .main__container-content {
      top: 50%;
      width:90%;
   }

   .main__container-overlay {
      height: 40%;
   }

   .main__container-logo {
      position: absolute;
      margin-top: 1rem;
      right: 10%;

   }

   .main__container-logo img {
      width: 80px;
   }

   .container-image {
      position: relative;
      width: 96%;
      margin-inline: auto;
   }

   .container-image-content {
      position: absolute;
      top: 42%;
      left: 10%;
   }

   .container-image-content.top {
      position: absolute;
      top: 10%;
      left: 10%;
      width: 80%;
   }

   .container-image-content h2 {
      color: #fff;
      font-size: 2rem;
      line-height: 2.25rem;
      font-weight: 500;
      width: 80%;
   }

   .container-image-content h2.black {
      color: #000;
   }

   .container-image-content h3 {
      font-weight: 600;
      color: #fff;
      font-size: 1.15rem;
      line-height: 1.35rem;
      letter-spacing: 1px;
   }

   .text-section {
      align-items: unset;
   }

}