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

   /* 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);
   }

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


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

   h2.bold {
      line-height: 1;
   }

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

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

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

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

   .container-button {
      padding-top: 2rem;
   }


   .main__container-text h2 {
      padding-bottom: 1rem;
   }

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

   .button {
      display: block;
      padding: 0.75rem 1rem;
      font-size: 11px;
      min-width: 140px;
      width: 300px;
   }

   .button.white {
      border: 1px solid #fff;
      color: #fff;
   }

   .container-image .orange-text,
   .container-image .pink-text,
   .container-image .white-text {
      top: 25px;
   }

   .normal-section {
      padding-bottom: 5rem;
   }

}