/*Slider 2 MOB Videos*/
        .swiper2 {
          width: 100%;
          height: auto;
          max-height:400px;
        }

        .swiper-slide2 {
          text-align: center;
          font-size: 18px;
          background: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
        }
    
        .swiper-slide2 img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
        
        /*Slider 1 DT*/
        .Textwidth{
          width:40%;
        }
        
        .anzeigeDT{
          display:block;
        }
        
        .anzeigeMOB{
          display:none;
        }
        
        .sliderBody{
            position:relative;
            z-index:0; 
        }

        .Video_MOB{
          display: none;
        }
        
        /*
        .flexCenter{
            display: flex;
            justify-content: center;
            place-items: center;
        }
        
        
        .flex{
            display: flex;
        }
        */
        .block{
            display: block;
        }

        .sliderContentLeft{
            width: 60%;
            height: auto;
            background-color: #003D76;
        }

          .sliderContenRight {
            width: 100%;
            height: auto; /* Change this to 'auto' if you want the height to adjust proportionally */
            /*max-height: 750px;*/
            overflow: hidden; /* Add this line to hide overflow */
          }
          
          .sliderContenRight video {
            width: 100%;
            height: 100%;
            min-height:880px;
            object-fit: cover; /* Add this line to make the video fill the container */
          }

        .headerSliderImage{
            position: relative;
            /*margin-top: 1000px;*/
            z-index: 50;
            width: 100%;
            height: auto;
            max-height: 804px;
            object-fit: cover;
        }
  
        /*
        .swiper-slide-active .headerSliderImage {
            margin-top: 0px;
            transition: margin-top 0.4s ease-in;
        }
        */
        
        .sliderHeadliner {
            text-align: start;
            position: absolute;
            z-index: 20;
            top: 5%; /* Position oben am Anfang des Containers */
            left: -30000px; /* Position links am Anfang des Containers */
            width: 60%; /* Breite des Textes abzüglich des linken Margins */
            color: #FFF;
            font-family: Roboto-Bold;
            font-size: 80px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
        }
        
        .sliderHead{
            width:60%;
            color: #FFF;
            font-family: Roboto-Bold;
            font-size: 80px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
        }
        
        .swiper-slide-active .sliderText, 
        .swiper-slide-active .sliderHeadliner {
            z-index: 60;
            left: 5%;
            transition: left 0.3s ease-in-out; /* Hier können Sie die gewünschte Übergangsdauer und den Übergangstyp anpassen */
        }
     
       .sliderText{
            text-align: start;
            position: absolute;
            z-index: 0;
            top: 5%; 
            left: -30000px;
            color: #FFF;
            font-family: Roboto-Bold;
            font-size: 30px;
            font-style: normal;
            font-weight: 700;
            line-height: 112%; 
            letter-spacing: 0.6px;
            text-transform: uppercase;
       } 

       .sliderButton{
            text-transform: uppercase;
            color:#003D76;
            border-radius: 5px;
            height:40px;
            background-color: #FFF;
            border: 1px solid #003D76;
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 3px;
            padding-bottom: 3px;
            margin-top: 20px;
            font-family: Roboto-Bold;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 144.5%; /* 20.23px */
            cursor: pointer;
       }

        .swiper {
            width: 100%;
            height: 100%;
            max-height: 880px;
            overflow: hidden;
          }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background-color: #003D76;
            
        }
        
        .flexDest{
            display: flex;
            justify-content: center;
           
        }
        /*
        @media (max-width: 1481){
          .sliderHeadliner {
            text-align: start;
            position: absolute;
            z-index: 20;
            top: 8%; 
            left: -30000px;
            width: 60%;
            color: #FFF;
            font-family: Roboto-Bold;
            font-size: 70px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          }

          .sliderText{
            text-align: start;
            position: absolute;
            z-index: 0;
            top: 33%; 
            left: -30000px;
            width: 25%; 
            color: #FFF;
            font-family: Roboto-Bold;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 112%;
            letter-spacing: 0.6px;
            text-transform: uppercase;
          } 

          .sliderButton{
            text-transform: uppercase;
            color:#003D76;
            border-radius: 5px;
            height:40px;
            background-color: #FFF;
            border: 1px solid #003D76;
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 3px;
            padding-bottom: 3px;
            margin-top: 20px;
            font-family: Roboto-Bold;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 144.5%; 
            cursor: pointer;
          }

          .swiper {
            width: 100%;
            height: 100%;
            max-height: 601px;
            overflow: hidden;
          }

          .swiper-slide-active .sliderText, 
          .swiper-slide-active .sliderHeadliner {
            z-index: 60;
            left: 5%;
            transition: left 0.5s ease; 
          } 
        }    
        */
        @media only screen and (max-width: 1498px){
        
          .sliderHeadliner {
            text-align: start;
            position: absolute;
            z-index: 20;
            top: 12%; /* Position oben am Anfang des Containers */
            left: -30000px; /* Position links am Anfang des Containers */
            width: 60%; /* Breite des Textes abzüglich des linken Margins */
            color: #FFF;
            font-family: Roboto-Bold;
            font-size: 60px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          }
          
          .sliderHead{
            width:60%;
            color: #FFF;
            font-family: Roboto-Bold;
            font-size: 60px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          }

          .sliderText{
            text-align: start;
            position: absolute;
            z-index: 0;
            top: 12%; /* Position oben am Anfang des Containers */
            left: -30000px; /* Position links am Anfang des Containers */
            color: #FFF;
            font-family: Roboto-Bold;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 112%; /* 33.6px */
            letter-spacing: 0.6px;
            text-transform: uppercase;
          } 

          .sliderButton{
            text-transform: uppercase;
            color:#003D76;
            border-radius: 5px;
            height:40px;
            background-color: #FFF;
            border: 1px solid #003D76;
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 3px;
            padding-bottom: 3px;
            margin-top: 20px;
            font-family: Roboto-Bold;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 144.5%; /* 20.23px */
            cursor: pointer;
          }

          .swiper {
            width: 100%;
            height: 100%;
            max-height: 600px;
            overflow: hidden;
          }
          
          .sliderContenRight video {
            width: 100%;
            height: 100%;
            min-height:650px;
            object-fit: cover; /* Add this line to make the video fill the container */
          }

          .swiper-slide-active .sliderText, 
          .swiper-slide-active .sliderHeadliner {
            z-index: 60;
            left: 5%;
            transition: left 0.3s ease-in-out; /* Hier können Sie die gewünschte Übergangsdauer und den Übergangstyp anpassen */
          } 
        }
       
        @media only screen and (max-width: 1176px){
          .sliderHeadliner {
            text-align: start;
            position: absolute;
            z-index: 20;
            top: 12%; /* Position oben am Anfang des Containers */
            left: -30000px; /* Position links am Anfang des Containers */
            width: 60%; /* Breite des Textes abzüglich des linken Margins */
            color: #FFF;
            font-family: Roboto-Bold;
            font-size: 55px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          } 
          
          .sliderHead{
            width:60%;
            color: #FFF;
            font-family: Roboto-Bold;
            font-size: 55px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          }
          
          .sliderText{
            text-align: start;
            position: absolute;
            z-index: 0;
            top: 12%; /* Position oben am Anfang des Containers */
            left: -30000px; /* Position links am Anfang des Containers */
            color: #FFF;
            font-family: Roboto-Bold;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 112%; /* 33.6px */
            letter-spacing: 0.6px;
            text-transform: uppercase;
          } 

          .sliderButton{
            text-transform: uppercase;
            color:#003D76;
            border-radius: 5px;
            height:40px;
            background-color: #FFF;
            border: 1px solid #003D76;
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 3px;
            padding-bottom: 3px;
            margin-top: 20px;
            font-family: Roboto-Bold;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 144.5%; /* 20.23px */
            cursor: pointer;
          }

          .swiper {
            width: 100%;
            height: 100%;
            max-height: 550px;
            overflow: hidden;
          }

          .sliderContenRight video {
            width: 100%;
            height: 100%;
            min-height:550px;
            object-fit: cover; /* Add this line to make the video fill the container */
          }
          
          .swiper-slide-active .sliderText, 
          .swiper-slide-active .sliderHeadliner {
            z-index: 60;
            left: 5%;
            transition: left 0.3s ease-in-out; /* Hier können Sie die gewünschte Übergangsdauer und den Übergangstyp anpassen */
          } 
        }

        /*        
        @media only screen and (max-width: 1097px){
          .sliderHeadliner {
            text-align: start;
            position: absolute;
            z-index: 20;
            top: 14%;
            left: -30000px; 
            width: 60%; 
            color: #FFF;
            font-family: Roboto;
            font-size: 50px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          } 

          .sliderText{
            text-align: start;
            position: absolute;
            z-index: 0;
            top: 38%; 
            left: -30000px; 
            width: 25%; 
            color: #FFF;
            font-family: Roboto;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 112%; 
            letter-spacing: 0.6px;
            text-transform: uppercase;
          } 

          .swiper-slide-active .sliderText, 
          .swiper-slide-active .sliderHeadliner {
            z-index: 60;
            left: 5%;
            transition: left 0.5s ease;
          } 
        }
        */

        @media only screen and (max-width: 1097px){
          .sliderHeadliner {
            text-align: start;
            z-index:0;
            top: 10%;
            left: -30000px; 
            width: 60%; 
            color: white;
            font-family: Roboto-Bold;
            font-size: 45px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          } 

          .sliderHead{
            width: 60%; 
            color: white;
            font-family: Roboto-Bold;
            font-size: 45px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          }

          .sliderText{
            text-align: start;
            z-index: 0;
            top: 10%; /* Position oben am Anfang des Containers */
            left: -30000px; /* Position links am Anfang des Containers */
            color: white;
            font-family: Roboto-Bold;
            font-size: 22px;
            font-style: normal;
            font-weight: 700;
            line-height: 112%; /* 33.6px */
            letter-spacing: 0.6px;
            text-transform: uppercase;
          } 

          .swiper-slide-active .sliderText, 
          .swiper-slide-active .sliderHeadliner {
            left: 5%;
            transition: left 0.3s ease-in-out; /* Hier können Sie die gewünschte Übergangsdauer und den Übergangstyp anpassen */
          } 
        }

        
        @media only screen and (max-width: 1030px){
          .sliderHeadliner {
            text-align: start;
            z-index:0;
            top: 8%;
            left: -30000px; 
            width: 60%; 
            color: white;
            font-family: Roboto-Bold;
            font-size: 45px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          } 
          
          .sliderHead{
            width: 60%; 
            color: white;
            font-family: Roboto-Bold;
            font-size: 45px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          }

          .sliderText{
            text-align: start;
            position: absolute;
            z-index: 0;
            top: 8%; /* Position oben am Anfang des Containers */
            left: -30000px; /* Position links am Anfang des Containers */
            color: #FFF;
            font-family: Roboto-Bold;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 112%; /* 33.6px */
            letter-spacing: 0.6px;
            text-transform: uppercase;
          } 

          .sliderButton{
            text-transform: uppercase;
            color:#003D76;
            border-radius: 5px;
            height:40px;
            background-color: #FFF;
            border: 1px solid #003D76;
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 3px;
            padding-bottom: 3px;
            margin-top: 20px;
            font-family: Roboto-Bold;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 144.5%; /* 20.23px */
            cursor: pointer;
          }

          .swiper {
            width: 100%;
            height: 100%;
            max-height: 420px;
            overflow: hidden;
          }
          
          .sliderContenRight video {
            width: 100%;
            height: 100%;
            min-height:420px;
            object-fit: cover; /* Add this line to make the video fill the container */
          }
        }
        

         @media only screen and (max-width: 851px){
           
          .anzeigeDT{
            display:none;
          }
          
          .Textwidth{
            width:95%;
          }
            
          .anzeigeMOB{
            display:block;
          }
            
          .sliderContentLeft{
            width: 100%;
            height: auto;
            background-color: #003D76;
          }

          .sliderContenRight {
            width: 100%;
            height: auto; /* Change this to 'auto' if you want the height to adjust proportionally */
            overflow:hidden;
          }

          .sliderHeadliner {
            text-align: start;
            position: static;
            margin-top: 20px;
            margin-left: 20px; 
            z-index: 20;
            width: 85%;
            color: white;
            font-family: Roboto-Bold;
            font-size: 30px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          } 

          .sliderHead{
            width: 100%; 
            color: white;
            font-family: Roboto-Bold;
            font-size: 40px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          }

          .sliderText{
            text-align: start;
            position: static;
            margin-top: 20px;
            margin-bottom:20px;  
            margin-left: 20px; 
            z-index: 0;
            color: white;
            font-family: Roboto-Bold;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 112%;
            letter-spacing: 0.6px;
            text-transform: uppercase;
          } 

          .sliderButton{
            text-transform: uppercase;
            color:#003D76;
            border-radius: 5px;
            height:40px;
            background-color: #FFF;
            border: 1px solid #003D76;
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 3px;
            padding-bottom: 3px;
            margin-top: 20px;
            font-family: Roboto-Bold;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 144.5%;
            cursor: pointer;
          }

          .flexDest{
            display: block;
          }

          .headerSliderImage{
            /*margin-top: 1000px;*/
            z-index: 0;
            width: 100%;
            height: auto;
            object-fit:cover; 
          }
          
          .swiper-slide-active .headerSliderImage {
            margin-top: 0px;
            transition: margin-top 0.2s ease-in;
          }
          
          .Video_DT{
            display: none;
          }

          .Video_MOB{
            display: block;
          }

          .swiper {
            width: 100%;
            height: 100%;
            /*max-height: 550px;*/
            overflow: hidden;
          }
        }
        
        @media only screen and (max-width: 784px){
          .swiperVideoMob {
            max-height: 400px;
          }
        }
        
        @media only screen and (max-width: 711px){
          .swiperVideoMob {
            max-height: 360px;
          }
        }
        
        @media only screen and (max-width: 639px){
          .swiperVideoMob {
            max-height: 330px;
          }
        }
        
        @media only screen and (max-width: 587px){
          .swiperVideoMob {
            max-height: 300px;
          }
        }
      
        @media only screen and (max-width: 533px){
          .swiperVideoMob {
            max-height: 280px;
          }
        }
        
        @media only screen and (max-width: 498px){
          .swiperVideoMob {
            max-height: 260px;
          }
        }

        @media only screen and (max-width: 463px){
          .swiperVideoMob {
            max-height: 240px;
          }
        }

        @media only screen and (max-width: 426px){
          .swiperVideoMob {
            max-height: 220px;
          }
        }
        
        @media only screen and (max-width: 391px){
          .swiperVideoMob {
            max-height: 200px;
          }
        }
        
        @media only screen and (max-width: 356px){
          .swiperVideoMob {
            max-height: 185px;
          }
        }
        
        @media only screen and (max-width: 329px){
          .swiperVideoMob {
            max-height: 175px;
          }
        }
        
        @media only screen and (max-width: 483px){
          .sliderHeadliner {
            text-align: start;
            position: static;
            margin-top: 20px;
            margin-left: 20px; 
            z-index: 20;
            width: 85%;
            color: white;
            font-family: Roboto-Bold;
            font-size: 40px;
            font-style: normal;
            font-weight: 900;
            line-height: 117%;
            letter-spacing: -0.8px;
            text-transform: uppercase;
          } 

          .sliderText{
            text-align: start;
            position: static;
            margin-top: 20px;
            margin-bottom:20px;  
            margin-left: 20px; 
            z-index: 0;
            width: 85%;
            color: white;
            font-family: Roboto-Bold;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 112%;
            letter-spacing: 0.6px;
            text-transform: uppercase;
          } 

          .sliderButton{
            text-transform: uppercase;
            color:#003D76;
            border-radius: 5px;
            height:40px;
            background-color: #FFF;
            border: 1px solid #003D76;
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 3px;
            padding-bottom: 3px;
            margin-top: 20px;
            font-family: Roboto-Bold;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 144.5%;
            cursor: pointer;
          }
          
          .swiper {
            width: 100%;
            height: 100%;
            /*max-height: 520px;*/
            overflow: hidden;
          }
        }