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

   :root {
      --big-font-size: 1.45rem;
      --normal-font-size: .875rem;
      --small-font-size: .875rem;
      --smaller-font-size: .813rem;
   }

   p {
      font-family: var(--body-font), sans-serif;
      font-size: clamp(1.0rem, 1.1rem, 1.2rem);
      line-height: clamp(1.45rem, 1.75rem, 1.85rem);
      letter-spacing: 1px;
      font-weight: 400;
   }

   h2 {
      font-family: var(--body-font), sans-serif;
      font-size: clamp(2rem, 2.25rem, 2.5rem);
      line-height: clamp(2.25rem, 2.5rem, 2.75rem);
      font-weight: 500;
      color: var(--text-color);
   }



   .container-flex {
      width: 100%;
      margin-inline: auto;
   }

   .container-flex-text {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      width: 70%;
      margin: auto;
      height: auto;
   }

   .main__container-text {
      width: 70%;
      margin: auto;
   }

   .container-image {
      position: relative;
      display: flex;
      justify-content: space-between;
      /*margin-inline: auto;
      margin-bottom: 3rem;*/
      height: auto; /* Automatische Höhe des Containers */
   }

   .container-image-color {
      width: 50%;
      height: 100%;
      min-height: 500px;
      flex: 1 1;
      background-color: #000;
      color: white;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

   }

   .container-image-image {
      background-color: pink;
      width: 50%;
      max-height: 500px;
      height: auto;
      flex: 1 1;
      overflow: hidden;

   }

   .container-image img {
      width: 100%;
      display: block;
      object-fit: cover;
   }

   .container-image img.border-top {
      border-radius: 10px 10px 0 0
   }

   .container-image img.no-border {
      border-radius: 0;
   }

   .container-image-content {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      transform: translate(-50%, -50%);
   }

   .container-image-content h2 {
      width: 100%;
      text-align: center;
   }

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

   .container-image-content h3 {
      text-align: center;
   }

   .main__container {
      width: 96%;
      margin-left: 2%;
      position: relative;
   }


   .main__container-text h2.black {
      color: #000;
   }

   .main__container-text p.white {
      color: #fff;
   }

   .main__container-logo {
      margin-top: 3rem;
   }

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

   .video-mobile-2 {
      display: none;
   }

   dotlottie-wc.scroll-indicator {
      bottom: 12%;
   }

}