/*!
 * Start Bootstrap - Agency v4.0.0-beta (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */

#wpadminbar{
  display: none;
}

@font-face { font-family: 'Reg';
            src: url('fonts/GraphieRegular.woff')  format('woff');
          }
          @font-face { font-family: 'Light';
                      src: url('fonts/GraphieLight.woff')  format('woff');
                    }
                    @font-face { font-family: 'Big';
                                src: url('fonts/GraphieExtraBold.woff')  format('woff');
                              }

html{
  margin-top: 0px!important;
}

body {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  color: black;
  height: 100%;
  background-color: white;
  letter-spacing: 0px;
  font-family: 'Reg', sans-serif;
 }



p {
  font-size: 16px;
  line-height: 1.5;
  color: black;
  letter-spacing: 0px;
  text-align: left;
}

p strong{
  color: black;
}



a {
  font-family: 'Reg', sans-serif;
  color: black;
  font-size: 16px;
}
a.active, a:active, a:focus, a:hover {
  color: inherit;
    text-decoration: none;
}

 h1{
   font-family: 'Light', sans-serif;
   font-size: 60px;
   padding-bottom: 30px;
   text-align: left;
   color: white;
   line-height: 1.2;
 }

 h1 strong{
   font-family: 'Big', sans-serif;
 }

h2{
  margin-top: 0px;
  font-size: 40px;
  text-align: left;
  font-family: 'Reg', sans-serif;
  line-height: 1.2;
  color: black;
  margin-bottom: 0px;
  padding-bottom: 0px;
  letter-spacing: 0px;
}

h3{
  font-size: 30px;
  line-height: 1.5;
  color: black;
  font-family: 'Reg', sans-serif;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  padding: 0px;
  margin: 0px;
}

.mid{
  display: none;
}

.large{
  display: block;
}

 .img-contain{
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
 }

 .img-cover{
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 :focus{
   outline: none!important;
 }

 a:focus{
   outline: none;
 }

 .text p a{
   font-size: 20px;
   text-decoration: underline;
 }

ul{
   list-style-type: none;
   padding-left: 20px;
   margin: 0px;
 }

li{
   font-size: 18px;
   padding: 5px 0px;
   font-weight: 400;
 }

 .no-gutter{
   padding: 0px;
 }

 .nav-icon-box{
   position: fixed;
   z-index: 10000;
 }


 .nav-icon{
  position: fixed;
  right:30px;
  top: 30px;
  cursor: pointer;
  background-color: transparent;
  width: 60px;
  height: 20px;
  z-index: 100000;
  padding: 25px 10px 20px;
  display: block;
  transition: all ease 0.3s;
  background-color: transparent;
  display: table;
  text-align: center;
}

.nav-icon.scroll{
  background-color: #0052CC;
}

.nav-icon .bar{
  height: 3px;
  background-color: white;
  margin: auto;
  margin-bottom: 6px;
  width: 50px;
  text-align: right;
  transition: all ease 0.3s;
  margin-right: 0px;
}

.nav-icon:hover .bar{
 width: 50px;
}

.nav-icon .bar-2{
  width: 30px;
  margin-right: 0px;
}

.nav-icon.active{
  background-color: transparent;
}

.nav-icon .bar{
  transition: all ease 0.3s;
}

.nav-icon.active .bar-1{
  transform: rotateZ(45deg);
  position: absolute;
  margin-top: 10px;
  width: 30px;
  background-color: black;
}

.nav-icon.active .bar-2{
  position: absolute;
  transform: rotateZ(-45deg);
  margin-top: 10px;
  width: 30px;
  background-color: black;
}

.nav-icon.active .bar-3{
  display: none;
}


.main-nav{
   position: fixed;
   right: 0px;
   top: 0px;
   bottom: 0px;
   width: 0px;
   z-index: 100;
   background-color: white;
   transition: all ease 0.3s;
   opacity: 1;
   pointer-events: none;
 }

 nav .gap{
   padding-bottom: 50px;
 }

 .sub-nav{
    position: fixed;
    right: 400px;
    top: 0px;
    bottom: 0px;
    width: 0px;
    z-index: 100;
    background-color: white;
    transition: all ease 0.3s;
  }

  nav.active .main-nav{
      opacity: 1;
      width: 400px;
      pointer-events: all;
    }

    nav.active .sub-nav.active{
        opacity: 1;
        width: 400px;
        pointer-events: all;
      }


.logo-box{
   width: 120px;
   height: 130px;
   position: absolute;
   left: 0px;
   z-index: 100000;
   margin: auto;
   top: 0px;
 }

.logo-box .logo{
background-image: url('./img/logo_top.svg');
width: 180px;
height: 50px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: 30px;
top: 40px;
position: absolute;
opacity: 1;
transition: all ease 0.3s;
}

.nav-icon-box .logo-box.scroll .logo{
opacity: 1;
}

.nav-icon-box .logo-box.active .logo{
opacity: 1;
}



 nav .content-container{
   height: 100%;
   overflow: scroll;
   padding: 100px 0px 20px;
   position: absolute;
   left: 0;
   right: 0px;
   bottom: 0px;
   top: 0px;
   margin: auto;
 }

 nav .content-box{
   height: 100%;
   width: 100%;
   position: relative;
   overflow: scroll;
 }

 nav .content{
   position: relative;
   padding: 50px 50px 0px;
   z-index: 1;
 }

 nav .content-scroll{
  position: relative;
  z-index: 1;
}

 nav .content p{
   color: black;
   text-align: right;
   position: relative;
   text-transform: uppercase;
 }

 nav .content .item{
   flex: 1;
   position: relative;

 }

 nav .content .item .text{
   font-size: 25px;
   font-weight: 700;
   font-family: 'Reg';
   text-transform: uppercase;
   line-height: 1.2;
   padding-bottom: 10px;
   transition: all ease 0.3s;
   cursor: pointer;
   position: relative;
 }

 nav .content .main-item::after{
   background-image: url('./icons/arrow2.png');
   transform: rotateZ(180deg);
   height: 15px;
   width: 15px;
   position: absolute;
   left: -20px;
   top: 7px;
   content: "";
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
 }

 nav .content .main-item:hover::after{
   background-image: url('./icons/arrow2.png');
   transform: rotateZ(180deg);
   filter: invert(46%) sepia(31%) saturate(3822%) hue-rotate(173deg) brightness(109%) contrast(102%);
   height: 15px;
   width: 15px;
   position: absolute;
   left: -20px;
   top: 7px;
   content: "";
   background-repeat: no-repeat;
   background-position: center;
 }

 nav .content .item-2 .text{
   font-size: 17px;
   font-family: 'Light',sans-serif;
 }

 nav .content .item .text span{
   font-family: 'Reg';
   margin-right: 30px;
 }

 nav .content .subitem{
   padding-bottom: 0px;
 }

 nav .content .subitem .text{
   font-size: 18px;
   text-transform: none;
   font-weight: 400;
 }

 nav .button{
   position: absolute;
   right: 30px;
   top: 0px;
   background-color: black;
   color: white;
   font-weight: 600;
   font-size: 26px;
   text-transform: uppercase;
 }

 nav .bottom-box{
   position: relative;
   bottom: 40px;
   margin: auto;
   left: 0px;
   right: 0px;
   display: block;
   text-align: center;
 }

nav .imprint-box{
  color: white;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Reg';
}

nav .imprint-box a{
  padding: 0px 5px;
  font-family: 'Reg';
  font-size: 14px;
}

nav .social-box{
  color: white;
  position: relative;
  bottom: 40px;
  margin: 0px auto;
  display: table;
  text-align: center;
  font-size: 25px;
  font-family: 'Reg';
  text-transform: uppercase;
}

nav .social-box a{
  font-family: 'Reg';
}

nav .copyright-box{
  color: white;
  display: inline-block;
  float: right;
  vertical-align: top;
  text-align: right;
}

nav p:after{
  transition: all ease 0.3s;
  content: "";
  height: 4px;
  width: 0%;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  bottom: -3px;
}

nav p:hover{
  color: #00B0FF;
}


nav .extern{
  position: relative;
}

nav .extern:after{
  transition: all ease 0.3s;
  content: "";
  height: 2px;
  width: 0%;
  position: absolute;
  background-color: white;
  left: 0px;
  right: 0px;
  margin: auto;
  bottom: -3px;
}

nav .extern:hover::after{
  width: 100%;
}

nav p.active::after{
  content: "";
  height: 4px;
  width: 100%;
  position: absolute;
  background-color: white;
  left: 0px;
  bottom: -3px;
}

.otgs-development-site-front-end {
  display: none !important;
}


@media (min-width: 1399px) {

.container{
  width: 1400px;
}


}

header.home{
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: rgb(0,0,0,1);
  z-index: 2;
  justify-content: center;
  background-position: bottom center;
}

header.home.standard{
  height: 700px;
}

header.home.standard h1{
  font-family: 'Big', sans-serif;
}

header.home.standard .button{
  margin-top: 0px;
}


header.home h1.title{
  margin-top: 100px;
}

header p{
  color: white;
  font-size: 20px;
}

.button::after{
  background-image: url('./icons/arrow.png');
  height: 20px;
  width: 20px;
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 20px;
  margin-top: 4px;
  transition: all ease 0.3s;
}

.button:hover::after{
  margin-left: 10px;
}

.button.blue{
  background: rgb(0,82,204);
  background: linear-gradient(90deg, rgba(0,82,204,1) 0%, rgba(0,176,255,1) 100%);
  padding: 15px 60px 15px 20px;
  color: white;
  text-transform: uppercase;
  display: inline-block;
  font-size: 20px;
  font-family: 'Reg';
    margin: auto;
  margin-top: 50px;
}

.button.standard{
  padding: 15px 20px;
  color: white;
  text-transform: uppercase;
  display: inline-block;
  font-size: 20px;
  font-family: 'Reg';
    margin: auto;
  margin-top: 50px;
}

.home .button.standard{
  margin-left: 30px;
}


header.home img.img{
  position: absolute;
  height: 100vh;
  width: 100%;
  object-fit: cover;
  opacity: 0.6;
}


header .scroll-box{
  position: absolute;
  bottom: 30px;
  margin: 0px auto;
}

header .scroll-box p{
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  color: white;
}

header .fa{
   font-size: 30px;
   margin: 0px 10px;
}

header .scroll-box p::after{
  content: "\f107";
  position: absolute;
  bottom: -30px;
  color: white;
  font-size: 30px;
  margin: 0px auto;
  left: 0px;
  right: 0px;
  font-family: 'FontAwesome';
  animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
 40% {-webkit-transform: translateY(-10px);}
 60% {-webkit-transform: translateY(-5px);}
}

@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-10px);}
 60% {-moz-transform: translateY(-5px);}
}

@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-10px);}
 60% {-o-transform: translateY(-5px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-10px);}
 60% {transform: translateY(-5px);}
}


.owl-theme .owl-nav.disabled+.owl-dots{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 20px;
}

.owl-theme .owl-dots .owl-dot span{
  border: 1px solid white;
  background-color: transparent;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
  background-color: white;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{
  background: transparent;
}

.section-31 .owl-carousel .fa{
  color: white;
}

.owl-carousel .fa{
  color: black;
  font-size: 30px;
}

.owl-theme .owl-nav [class*=owl-]:hover{
  background: transparent;
}

.section-31 .video-2 p{
  height: 300px;
}


.home-section-1{
  padding: 100px 0px;
  position: relative;
}


.home-section-1 .blue-back{
  background: rgb(0,82,204);
  background: linear-gradient(90deg, rgba(0,82,204,1) 0%, rgba(0,176,255,1) 100%);
  position: absolute;
  z-index: 0;
  width: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 1000px;
}

.home-section-1 h2{
  color: white;
  font-size: 80px;
  line-height: 1;
}

.home-section-1 .icon{
  background-image: url('./img/player.svg');
  background-position: center;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  position: absolute;
  z-index: 3;
  transform: scale(1);
  border-radius: 50%;
    animation: pulse-black 2s infinite;
  }

  @keyframes pulse-black {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }

    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
  }

.home-section-1 iframe{
  width: 100%;
  height: 100%;
}

.home-section-1 p{
  color: white;
  font-size: 20px;
}

.home-section-1 .video p{
  height: 700px;
}

.home-section-1 .line{
  margin-top: 40px;
  height: 30px;
  width: 150px;
  background-color: #F8E71C;
}

.home-section-1 .video-box{
  margin-top: 100px
}


.home-section-1 h2 strong{
  font-family: 'Big', sans-serif;
}

.home-section-1 .video{
  height: 700px;
  width: 100%;
  position: relative;
  opacity: 0;
  z-index: -1;
  transition: 1s;
}

.home-section-1 .cover{
  background-position: center;
  width: 100%;
  height: 700px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0px auto;
  position: relative;
  z-index: 3;
  top: 0px;
  bottom: 0px;
}


.content-box{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.home-section-2{
  position: relative;
  padding: 100px 0px;
}

.home-section-2 h3{
  font-size: 20px;
  font-family: 'Light', sans-serif;
  text-align: center;
  text-transform: none;
  padding-bottom: 20px;
  padding-top: 60px;
}

.home-section-2 h2{
  font-size: 40px;
  font-family: 'Big', sans-serif;
  text-align: center;
  text-transform: none;
  line-height: 1;
}

.home-section-2 .text p{
  font-size: 20px;
  font-family: 'Light', sans-serif;
  text-align: center;
  color: white;
}

.home-section-2 .title h3{
  font-size: 40px;
  font-family: 'Big', sans-serif;
  text-align: center;
  color: white;
}

.home-section-2 img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all ease 0.3s;
}

.home-section-2 .content-box-inline:hover img{
  transform: scale(1.1);
}

.home-section-2 .button{
  margin: 0px auto;
  text-align: center;
  padding-right: 60px;
  display: table;
  margin-bottom: 100px;
}

.home-section-2 .blue-back{
  background: rgb(0,176,255);
  background: radial-gradient(circle, rgba(0,176,255,1) 0%, rgba(0,82,204,1) 100%);
  position: absolute;
  right: 0px;
  width: 40%;
  top: 0px;
  height: 1100px;
}

.home-section-2 .blue-back .logo{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 500px;
  height: 400px;
  background-image: url('./img/sar_logo.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.2;
}

.home-section-2 .blue-back .line{
  position: absolute;
  top: 0px;
  right: 20%;
  width: 100px;
  height: 20px;
  background: #F8E71C;
}

.home-section-2 .c-1{
  margin-top: 140px;
}

.home-section-2 .inline-box{
  display: flex;
  margin-top: 30px;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.home-section-2 .c-3{
  width: 46%;
}

.home-section-2 .c-4{
  width: 46%;
}

.home-section-2 .text-bild{
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: 50px;
  left: 0px;
  right: 0px;
  margin: auto;
  text-align: center;
  color: white;
  font-size: 35px;
  font-family: 'Big', sans-serif;
  transition: all ease 0.3s;
}

.home-section-2 .content-box-inline{
  position: relative;
  overflow: hidden;
}

.section-4{
padding: 100px 0px 0px;
position: relative;
}

.section-4 .blue-back{
  position: absolute;
  left: 0px;
  width: 50%;
  background: rgb(0,176,255);
  background: radial-gradient(circle, rgba(0,176,255,1) 0%, rgba(0,82,204,1) 100%);
  height: 635px;
}

.section-4 .blue-back .line{
  position: absolute;
  bottom: 0px;
  right: 10%;
  width: 100px;
  height: 20px;
  background: #F8E71C;
}

.section-4 .img-box img{
  position: absolute;
  right: 0px;
  width: 50%;
  height: 635px;
  object-fit: cover;
}



.section-4 h3{
  font-size: 20px;
  color: white;
  text-align: left;
  margin-top: 50px;
  font-family: 'Light', sans-serif;
  padding-bottom: 20px;
}

.section-4 h2{
  font-size: 40px;
  color: white;
  text-align: left;
  font-family: 'Big', sans-serif;
  margin-bottom: 50px;
}

.section-4 p{
  font-size: 20px;
  color: white;
  text-align: left;
  margin-bottom: 0px;
  padding-right: 50px;
}

.section-4 .button{
  padding-left: 0px;
  margin-top: 20px;
  margin-bottom: 100px;
  text-transform: none;
}

.section-6{
  padding: 50px 0px;
  position: relative;
  background: rgb(0,176,255);
  background: radial-gradient(circle, rgba(0,176,255,1) 0%, rgba(0,82,204,1) 100%);
}

.section-6 h2{
  color: white;
  font-family: 'Light', sans-serif;
  padding-top: 50px;
}

.section-6 h2 strong{
  color: white;
  font-family: 'Big', sans-serif;
}

.section-6 p strong{
  color: white;
}

.section-6 .line{
  background-color: #F8E71C;
  margin-top: 30px;
  margin-bottom: 40px;
  height: 20px;
  width: 100px;
}

.section-6 p{
  color: white;
  font-size: 20px;
}

.section-6 img.img-1{
  height: 750px;
  width: 100%;
  object-fit: cover;
  margin-top: 50px;
  border-radius: 5px;
  margin-bottom: 100px;
}

.section-6 img.img{
  height: 400px;
  width: 100%;
  object-fit: cover;
}

.section-6 .text-2{
  height: 400px;
  display: flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

.section-6 .text-2 p{
  color: white;
  font-size: 70px;
  font-family: 'Big',sans-serif;
  line-height: 1;
}

.section-23 .text p a{
  color: white;
}


.section-7{
  padding: 100px 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.section-7 p{
  color: white;
  font-family: 'Big', sans-serif;
  font-size: 45px;
  text-align: center;
  line-height: 1.2;
}


.section-7 .name{
  color: white;
  font-family: 'Light',sans-serif;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 30px;

}

.section-8{
  padding: 100px 0px;
}

.section-8 .text{
  margin-bottom: 100px;
}

.section-8 .text p{
  font-size: 30px;
}

.section-8 .text-2{
  width: 80%;
}

.section-8 .text-2 p{
  font-size: 24px;
}

.section-8 .text p strong{
  font-family: 'Big', sans-serif;
}

.section-8 .content-item{
  display: inline-flex;
  width: 49%;
}

.section-8 .item{
  padding-bottom: 50px;
}

.section-8 .title p{
  font-size: 40px;
  background-image: linear-gradient(90deg, #0052CC, #00B0FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Big', sans-serif;
  line-height: 1.2;
}

.section-9{
  padding: 250px 0px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-9 h2{
  color: white;
  font-family: 'Light', sans-serif;
  font-size: 60px;
  text-align: left;
  line-height: 1.2;
}

.section-9 h2 strong{
  font-family: 'Big', sans-serif;
}

.section-9 .line{
  height: 20px;
  width: 150px;
  position: absolute;
  bottom: 0px;
  right: 10%;
  background-color: #F8E71C;
}


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
  background-color: #008EFF;
  border-color: #008EFF;
}

.owl-theme .owl-dots .owl-dot span{
  border-color: white;
}



.section-10{
  padding: 100px 0px;
}

.section-10 .title h2{
  font-size: 130px;
  text-align: center;
  font-family: 'Big',sans-serif;
  padding-bottom: 0px;
  z-index: 1;
}

.section-10 .line{
  height: 70px;
  width: 400px;
  z-index: 0;
  background-color: #F8E71C;
  text-align: center;
  margin: 0px auto;
  margin-top: -60px;
  margin-bottom: 100px;
}

.section-10 img{
  height: 300px;
  object-fit: cover;
  width: 100%;
}

.section-10 .text-box{
  position: absolute;
  z-index: 1;
  top: 0px;
  height: 300px;
  width: 100%;
  padding: 0px 50px;
  transition: all ease 0.3s;
}

.section-10 .button.standard.blue{
  margin-top: 100px;
}

.section-10 .item:hover .text-box{
  left: 0px;
  padding-left: 30px;
  right: inherit;
  width: 100%;
  color: white;
  background: rgb(0,82,204);
  background: linear-gradient(90deg, rgba(0,82,204,1) 0%, rgba(0,176,255,1) 100%);
  padding-right: 30px;
}

.section-10 .text-box .title p{
  padding-top: 50px;
  font-size: 20px;
  color: white;
  line-height: 1.2;
  font-family: 'Big',sans-serif;
}

.section-10 .item:hover .text-box .name p{
  color: white;
}

.section-10 .text-box .text{
  padding-top: 10px;
  color: white;
  font-size: 22px;
  opacity: 0;
}

.section-10 .text-box .text p{
  color: white;
  font-size: 20px;
}

.section-10 .item:hover .text-box .text{
  opacity: 1;
}

.section-10 .item{
  width: 100%;
  position: relative;
  cursor: pointer;
}

.section-10 .button.standard{
  padding-left: 0px;
  font-size: 20px;
  margin-top: 20px;
  opacity: 0;
  text-transform: none;
}

.section-10 .item:hover .text-box .button{
  opacity: 1;
}

.section-11{
padding: 50px 0px 100px;
position: relative;
width: 100%;
background: rgb(0,176,255);
background: radial-gradient(circle, rgba(0,176,255,1) 0%, rgba(0,82,204,1) 100%);
}

.section-11 .blue-back .line{
  position: absolute;
  bottom: 0px;
  right: 10%;
  width: 100px;
  height: 20px;
  background: #F8E71C;
}

.section-11 .img-box img{
  position: relative;
  width: 100%;
  height: 500px;
  object-fit: cover;
  margin-top: 0px;
}

.section-11 h3{
  font-size: 20px;
  color: white;
  text-align: left;
  margin-top: 10px;
  font-family: 'Light', sans-serif;
  padding-bottom: 20px;
}

.section-11 h2{
  font-size: 40px;
  color: white;
  text-align: left;
  font-family: 'Big', sans-serif;
  margin-bottom: 50px;
}

.section-11 p{
  font-size: 20px;
  color: white;
  text-align: left;
  margin-bottom: 0px;
  padding-right: 50px;
}

.section-11 .button{
  padding-left: 0px;
  margin-top: 20px;
  text-transform: none;
}

.section-12{
  padding: 100px 0px;
}

.section-12 h2{
  font-size: 60px;
  font-family: 'Big', sans-serif;
  text-align: center;
  margin-bottom: 50px;
}

.section-12 .text p{
  font-size: 20px;
  text-align: center;
  margin-bottom: 50px;
}

.section-12 .panel-body p{
  font-size: 20px;
}

.section-11 p strong{
  color: white;
}

.section-12 .panel{
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #979797;
  background: transparent;
}

.section-12 .panel-heading{
  padding: 20px 0px;
  cursor: pointer;
  position: relative;
}

.section-12 .panel-heading .fa{
  position: absolute;
  right: 10px;
  top: 20px;
  font-size: 30px;
  transition: all ease 0.3s;
}

.section-12 ul{
  list-style-type: disc;
}

.section-12 li{
  font-size: 16px;
}

.section-12 .panel-heading.hide .fa{
  transform: rotateZ(0deg);
}

.section-12 .panel-heading.active .fa{
  transform: rotateZ(180deg);
}

.section-12 .panel-title p{
  font-size: 24px;
  font-family: 'Big',sans-serif;
}

.section-12 p a{
  color: black;
  font-size: 20px;
  text-decoration: underline;
}

.section-12 p a:hover{
  color: black;
  font-size: 20px;
  text-decoration: underline;
}

.panel-default>.panel-heading{
  background: transparent;
  color: black;
  border: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body{
  border: none;
  padding-left: 0px;
}

.section-12 a:hover{
  color: white;
}

.header-2 .title h1{
  margin-bottom: 0px;
  font-family: 'Big',sans-serif;
}

.header-2 .text p{
  font-size: 30px;
}

.header-2 .line{
  height: 3px;
  width: 200px;
  background-color: white;
  margin-bottom: 40px;
}


.desktop{
  display: block;
}

.mobile{
  display: none;
}

.section-13{
  padding: 100px 0px;
  background: rgb(0,82,204);
  background: linear-gradient(90deg, rgba(0,82,204,1) 0%, rgba(0,176,255,1) 100%);
}

.section-13 p{
  color: white;
  font-size: 20px;
}

.section-13 h2{
  color: white;
  margin-bottom: 20px;
  font-family: 'Light', sans-serif;
}

.section-13 h2 strong{
  font-family: 'Big', sans-serif;
}

.section-13 .line{
  height: 3px;
  width: 150px;
  background-color: white;
  margin-bottom: 40px;
}

.section-13 .items-box{
  margin-top: 200px;
}

.section-13 .item{
  margin-bottom: 60px;
}

.section-13 .zahl{
  font-family: 'Big', sans-serif;
  font-size: 60px;
  color: white;
  text-align: center;
  line-height: 1;
}

.section-13 .text-2{
  font-family: 'Light', sans-serif;
  font-size: 20px;
  color: white;
  text-align: center;
}



.section-14{
  padding: 100px 0px;
  background: rgb(0,82,204);
  background: linear-gradient(90deg, rgba(0,82,204,1) 0%, rgba(0,176,255,1) 100%);
}

.section-14 p{
  color: white;
  font-size: 20px;
}

.section-14 h2{
  color: white;
  margin-bottom: 20px;
  font-family: 'Light', sans-serif;
}

.section-14 h2 strong{
  font-family: 'Big', sans-serif;
}

.section-14 .line{
  height: 3px;
  width: 150px;
  background-color: white;
  margin-bottom: 40px;
}

.section-14 .img-box{
  position: relative;
}

.section-14 .bild-1{
  height: 600px;
  border-radius: 5px;
  width: 60%;
  object-fit: cover;
  margin-right: 15px;
}

.section-14 .bild-2{
  height: 200px;
  border-radius: 5px;
  width: 30%;
  object-fit: cover;
  margin-top: 0px;
  position: absolute;
}

.section-14 .bild-3{
  height: 450px;
  border-radius: 5px;
  width: 40%;
  right: 55px;
  z-index: 1;
  object-fit: cover;
  margin-top: 215px;
  position: absolute;
}


.section-15{
  padding: 100px 0px 0px;
  background: rgb(0,82,204);
  background: linear-gradient(90deg, rgba(0,82,204,1) 0%, rgba(0,176,255,1) 100%);
}

.section-15 .title h2{
  text-align: center;
  font-family: 'Big', sans-serif;
  font-size: 140px;
  color: white;
  margin-bottom: 100px;
  margin-top: -80px;
}

.section-15 a{
  color: white;
}

.section-15 .text p a{
  color: white;
}


.section-15 .img-container{
  text-align: center;
  font-family: 'Big', sans-serif;
  font-size: 140px;
  color: white;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 100px;
}

.section-15 .item{
  height: 380px;
  position: relative;
}

.section-15 .img{
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.section-15 .item .text-box{
  width: 100%;
  padding: 20px 30px;
  position: absolute;
  bottom: 0px;
  height: 100px;
  background: rgb(0,138,232);
  background: linear-gradient(180deg, rgba(0,138,232,0.5) 0%, rgba(0,82,204,1) 100%);
  transition: all ease 0.3s;
}

.section-15 .item .title-2 p{
  font-size: 20px;
  font-family: 'Big', sans-serif;
  color: white;
}


.section-15 .item:hover .text-box{
  height: 100%;
}

.section-15 .item .text-box .text p{
  opacity: 0;
  color: white;
  pointer-events: none;
  font-size: 20px;
  font-family: 'Light', sans-serif;
  transition: all ease 0.3s;
}

.section-15 .item:hover .text-box .text p{
  opacity: 1;
  pointer-events: all;
}

.section-16{
  padding: 0px;
}

.section-16 .back-box{
  margin: 50px;
  padding: 100px;
  position: relative;
  background: rgb(0,176,255);
  background: radial-gradient(circle, rgba(0,176,255,1) 0%, rgba(0,82,204,1) 100%);
}

.section-16 .back-box .title h2{
  font-size: 40px;
  font-family: 'Big',sans-serif;
  color: white;
  text-align: center;
  padding-bottom: 40px;
}

.section-16 .back-box .text{
  padding-bottom: 100px;
}

.section-16 .back-box .text p{
  font-size: 20px;
  font-family: 'Light',sans-serif;
  color: white;
  text-align: center;
}

.section-16 .item{
  margin-bottom: 50px;
}

.section-16 .item img{
  object-fit: contain;
  width: 100%;
  height: 40px;
}

.section-16 .line{
  position: absolute;
  bottom: 0px;
  margin: 0px auto;
  left: 0px;
  right: 0px;
  width: 150px;
  height: 20px;
  background-color: #F8E71C;
}

.section-17{
  margin: 50px;
  padding: 0px;
}


.section-19{
  padding: 100px 0px;
  background: rgb(0,138,232);
  background: linear-gradient(90deg, rgba(0,138,232,1) 0%, rgba(0,82,204,1) 100%);
}

.section-19 .text li{
  color: white;
}

.section-19 .text p a{
  color: white;
}

.section-19 .text p strong{
  color: white;
}


.section-19 h2{
  font-size: 70px;
  font-family: 'Light', sans-serif;
  color: white;
}

.section-19 h2 strong{
  font-family: 'Big', sans-serif;
}

.section-19 .line{
  width: 150px;
  height: 20px;
  background-color: #F8E71C;
  margin-bottom: 40px;
  margin-top: 30px;
}

.section-19 p{
  font-size: 20px;
  font-family: 'Reg', serif-sans-serif;
  color: white;
}


.section-20{
  padding: 50px 0px 100px;
  background: rgb(0,138,232);
  background: linear-gradient(90deg, rgba(0,138,232,1) 0%, rgba(0,82,204,1) 100%);
}

.section-20 h2{
  font-size: 45px;
  font-family: 'Light', sans-serif;
  color: white;
  padding-bottom: 40px;
}

.section-20 h2 strong{
  font-family: 'Big', sans-serif;
}

.section-20 .text{
  padding-bottom: 40px;
}

.section-20 img{
  height: 350px;
  width: 100%;
  object-fit: cover;
}

.section-20 p{
  font-size: 20px;
  font-family: 'Reg', serif-sans-serif;
  color: white;
}

.section-20 .text-2{
  padding-top: 150px;
  color: white;
}

.section-20 .text-2 strong{
  color: white;
  font-size: 30px;
}

.section-20 ul{
  list-style-type: circle;
  font-size: 20px;
}

.section-20 li{
  font-size: 20px;
}

.section-21{
  padding: 100px 0px 0px;
}

.section-21 .title{
  font-size: 45px;
  font-family: 'Light',sans-serif;
  padding-top: 40px;
}

.section-21 .title strong{
  font-family: 'Big',sans-serif;
}

.section-21 .line{
  background: rgb(0,138,232);
  background: linear-gradient(90deg, rgba(0,138,232,1) 0%, rgba(0,82,204,1) 100%);
  width: 150px;
  height: 5px;
  margin-top: 30px;
  margin-bottom: 50px;
}

.section-21 p{
  color: black;
  font-size: 20px;
}

.section-21 img{
  object-fit: cover;
  width: 100%;
  height: auto;
}

.section-22{
  padding-bottom: 100px;
}

.text ul{
  list-style-type: circle;
}

.text li{
  font-size: 20px;
}


.section-24{
  background: rgb(0,138,232);
  background: linear-gradient(90deg, rgba(0,138,232,1) 0%, rgba(0,82,204,1) 100%);
  position: relative;
}

.section-6.section-24 .line{
  margin-top: 0px;
  height: 30px;
  width: 150px;
  background-color: #F8E71C;
  position: absolute;
  top: 0px;
  right: 20%;
}


.section-25{
  background: transparent;
}

.section-25 h2{
  font-size: 45px;
  padding-top: 50px;
  font-family: 'Big', sans-serif;
  color: black;
}

.section-14.section-25 p{
  color: black;
}

.section-25 .line{
  background: rgb(0,138,232);
  background: linear-gradient(90deg, rgba(0,138,232,1) 0%, rgba(0,82,204,1) 100%);
}

.section-26{
  padding: 100px 0px;
}

.section-26 p{
  font-size: 20px;
}

.section-26 a{
  font-size: 20px;
}

.section-26 .title h2{
  font-size: 60px;
  text-align: center;
  font-family: 'Big', sans-serif;
}

.section-26 .button{
  margin: 50px auto;
  text-align: center;
  display: table;
}

.section-27{
  background: transparent;
  position: relative;
}

.section-6.section-27 img.img-1{
  margin-bottom: 0px;
  z-index: 1;
  position: relative;
}

.section-27 p{
  color: black;
}

.section-27 h2{
  color: black;
}

.section-27 h2 strong{
  color: black;
}

.section-27 .color-back{
  position: absolute;
  z-index: 0;
  bottom: 0px;
  height: 150px;
  width: 100%;
  background: rgb(0,138,232);
  background: linear-gradient(90deg, rgba(0,138,232,1) 0%, rgba(0,82,204,1) 100%);
}

.section-27 .line{
  height: 5px;
  background: rgb(0,138,232);
  background: linear-gradient(90deg, rgba(0,138,232,1) 0%, rgba(0,82,204,1) 100%);
}

.section-28{
  background: rgb(0,138,232);
  background: linear-gradient(90deg, rgba(0,138,232,1) 0%, rgba(0,82,204,1) 100%);
  border-bottom: 2px solid white;
  padding-bottom: 100px;
}

.section-28 ul{
  list-style-type: circle;
}

.section-28 li{
  font-size: 20px;
  color: white;
}

.section-28 p{
  color: white;
  font-size: 20px;
}

.section-28 p strong{
  color: white;
  font-size: 20px;
  font-family: 'Big', sans-serif;
}

.section-28 h3{
  color: white;
  font-size: 25px;
  font-family: 'Big', sans-serif;
  text-align: left;
  padding-top: 40px;
  padding-bottom: 0px;
}

.section-28 .content-1{
  padding-top: 50px;
}

.section-28 .tab-text{
  font-size: 26px;
  font-family: 'Big', sans-serif;
  background-color: transparent;
}

.section-28 .tab-content .tab-pane.active{
  display: block!important;
}

.section-28 .nav>li>a:focus, .nav>li>a:hover{
  background-color: transparent;
}

.section-28 .tab-text p{
  position: relative;
  margin-bottom: 20px;
}


.section-28 .tab-text p::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #F8E71C;
  left: 0px;
  opacity: 0;
  transition: all ease 0.3s;
  bottom: -10px;
}

.section-28 .tab-text p:hover::after{
  opacity: 1;
}

.section-28 li.active .tab-text p::after{
  opacity: 1;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
  background-color: transparent;
}


.section-29{
  background: rgb(0,138,232);
  background: linear-gradient(90deg, rgba(0,138,232,1) 0%, rgba(0,82,204,1) 100%);
  padding: 0px 0px 50px;
}

.section-29 ul{
  list-style-type: disc;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}

.section-29 li{
  color: white;
  font-family: 'Big',sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 50px;
  width: 32%;
}

.section-30{
  position: relative;
}

.section-30 h2{
  font-size: 45px;
  font-family: 'Big',sans-serif;
  padding-top: 150px;
}

.section-30 .title{
  font-size: 45px;
  font-family: 'Big',sans-serif;
  padding-top: 150px;
  line-height: 1.2;
}

.section-30 .subtitle{
  font-size: 30px;
  font-family: 'Light',sans-serif;
}

.section-30 .video{
  margin-top: 200px;
}

.section-30 .line{
  background: rgb(0,138,232);
  background: linear-gradient(90deg, rgba(0,138,232,1) 0%, rgba(0,82,204,1) 100%);
  height: 3px;
  width: 150px;
  margin: 30px 0px;
}

.section-30 .text p{
  font-size: 20px;
}

.section-30 .content-1{
  padding-bottom: 50px;
}

.section-30 .bild-1{
  height: 600px;
  border-radius: 5px;
  width: 60%;
  object-fit: cover;
  margin-right: 15px;
}

.section-30 .bild-2{
  height: 200px;
  border-radius: 5px;
  width: 30%;
  object-fit: cover;
  margin-top: 0px;
  position: absolute;
}

.section-30 .bild-3{
  height: 450px;
  border-radius: 5px;
  width: 40%;
  right: 55px;
  z-index: 1;
  object-fit: cover;
  margin-top: 215px;
  position: absolute;
}

.section-30 .blue-back{
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100px;
  z-index: 0;
  background: rgb(0,138,232);
  background: linear-gradient(90deg, rgba(0,138,232,1) 0%, rgba(0,82,204,1) 100%);
}

.section-30 img.bild{
  height: 700px;
  width: 100%;
  object-fit: cover;
}

.section-31{
  margin: 50px;
  background: rgb(0,138,232);
  background: linear-gradient(90deg, rgba(0,138,232,1) 0%, rgba(0,82,204,1) 100%);
  padding: 200px 0px;
}

.section-31 h2{
  font-size: 45px;
  color: white;
  font-family: 'Big',sans-serif;
}

.section-31 p{
  font-size: 20px;
  color: white;
}

.section-31 .line{
  margin-top: 30px;
  height: 20px;
  margin-bottom: 40px;
  width: 150px;
  background-color: #F8E71C;
}

.section-31 .video-2{
  height: 300px;
  margin-top: 150px;
  width: 100%;
}


.section-32{
  padding: 100px 0px 50px;
}

.section-32 h2{
  font-size: 130px;
  text-align: center;
  font-family: 'Big',sans-serif;
  padding-bottom: 0px;
  z-index: 1;
}

.section-32 .line{
  height: 70px;
  width: 400px;
  z-index: 0;
  background-color: #F8E71C;
  text-align: center;
  margin: 0px auto;
  margin-top: -60px;
  margin-bottom: 100px;
}

header.section-33 h1{
  font-size: 130px;
  text-align: center;
  font-family: 'Big',sans-serif;
  padding-bottom: 0px;
  z-index: 1;
  color: white;
  text-transform: uppercase;
}

header.section-33 .line{
  height: 70px;
  width: 400px;
  z-index: 0;
  background-color: #F8E71C;
  text-align: center;
  margin: 0px auto;
  margin-top: -60px;
  margin-bottom: 100px;
}

.section-34{
  padding: 100px 0px;
  position: relative;
  background: rgb(0,82,204);
  background: linear-gradient(90deg, rgba(0,82,204,1) 0%, rgba(0,176,255,1) 100%);
}

.section-34 a{
  color: white;
}


.section-34 .blue-back{

  position: absolute;
  z-index: 0;
  width: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 1000px;
}

.section-34 h2{
  color: white;
  font-size: 80px;
  font-family: 'Light',sans-serif;
  line-height: 1;
}

.section-34 p{
  color: white;
  font-size: 20px;
}

.section-34 .line{
  margin-top: 40px;
  height: 30px;
  width: 150px;
  background-color: #F8E71C;
}

.section-34 .video-box{
  margin-top: 100px
}


.section-34 h2 strong{
  font-family: 'Big', sans-serif;
}

.section-35{
  padding: 100px 0px;
  position: relative;
}

.section-35 .text p a{
  color: white;
}

.section-35 .blue-back{
  background: rgb(0,82,204);
  background: linear-gradient(90deg, rgba(0,82,204,1) 0%, rgba(0,176,255,1) 100%);
  position: absolute;
  z-index: 0;
  width: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 700px;
}

.section-35 .item{
  height: 380px;
  position: relative;
  margin-bottom: 30px;
}

.section-35 .img{
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.section-35 .item .text-box{
  width: 100%;
  padding: 20px 30px;
  position: absolute;
  bottom: 0px;
  height: 100px;
  background: rgb(0,0,0,0.5);
  transition: all ease 0.3s;
}

.section-35 .item .title p{
  font-size: 20px;
  font-family: 'Big', sans-serif;
  color: white;
}


.section-35 .item:hover .text-box{
  height: 100%;
  padding-top: 40px
}

.section-35 .item .text-box .text{
  pointer-events: none;
}

.section-35 .item:hover .text-box .text{
  pointer-events: all;
}

.section-35 .item .text-box .text p{
  opacity: 0;
  color: white;
  pointer-events: none;
  font-size: 20px;
  font-family: 'Reg', sans-serif;
  transition: all ease 0.3s;
}

.section-35 .item:hover .text-box .text p{
  opacity: 1;
  pointer-events: all;
}


.section-36{
  padding: 100px 0px;
  position: relative;
}

.section-36 h2{
  color: black;
  font-size: 140px;
  font-family: 'Big',sans-serif;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
}

.section-36 .line{
  height: 70px;
  width: 200px;
  z-index: 0;
  background-color: #F8E71C;
  text-align: center;
  margin: 0px auto;
  margin-top: -60px;
  margin-bottom: 100px;
}

.section-36 .blue-back{
  position: absolute;
  z-index: 0;
  width: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 700px;
}

.section-36 .item{
  height: 300px;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

.section-36 .img{
  width: 50%;
  position: absolute;
  right: 0px;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.section-36 .item .text-box{
  width: 50%;
  padding: 40px 30px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 100%;
  background: rgb(0,82,204);
  background: linear-gradient(90deg, rgba(0,82,204,1) 0%, rgba(0,176,255,1) 100%);
  transition: all ease 0.3s;
}

.section-36 .item .title p{
  font-size: 20px;
  font-family: 'Big', sans-serif;
  color: white;
}


.section-36 .item:hover .text-box{
  height: 100%;
  padding-top: 60px
}


.section-38 .slider-container .item{
  height: 350px;
  margin-bottom: 0px;
}

.section-38 .item .img{
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.section-38 .item .title p{
  font-size: 20px;
  font-family: 'Big', sans-serif;
  color: white;
}

.section-38 .item .text-box{
  width: 100%;
  padding: 40px 30px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: auto;
  background-color: rgb(0,0,0,0.5);
  transition: all ease 0.3s;
}

.section-38 .item:hover .text-box{
  height: 100%;
}

.section-39{
  background: transparent;
}

.section-6.section-24.section-39 .text-2{
  position: relative;
}

.section-6.section-24.section-39 .line-2{
  margin-top: 0px;
  height: 30px;
  width: 150px;
  background: rgb(0,82,204);
  background: linear-gradient(90deg, rgba(0,82,204,1) 0%, rgba(0,176,255,1) 100%);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}

.section-6.section-39 .text-2 p{
  color: black;
}

.section-34.section-40 .line{
  margin-bottom: 50px;
}

.section-34.section-40 p strong{
  color: white;
  font-family: 'Big',sans-serif;
}

.section-40 input{
  background: transparent;
  color: white;
  border: none;
  border-bottom: 1px solid white;
  margin-bottom: 20px;
  width: 100%;
}

.section-40 input.check{
  width: inherit;
}

.section-40 input::placeholder{
  color: white;
  text-transform: uppercase;
  font-family: 'Light',sans-serif;
}

.section-40 textarea{
  background: transparent;
  color: white;
  border: none;
  border-bottom: 1px solid white;
  width: 100%;
}

.section-40 textarea::placeholder{
  color: white;
  text-transform: uppercase;
  font-family: 'Light',sans-serif;
}

.wpcf7-list-item{
  font-size: 16px;
  font-family: 'Reg',sans-serif;
  margin-left: 0px;
}

input.wpcf7-submit{
  background-color: white;
  border: none;
  color: black;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 14px;
  width: inherit;
}

.wpcf7 form.sent .wpcf7-response-output{
  color: white;
  border-color: white;
}

.section-41{
  padding: 100px 0px;
}

.section-41 p{
  text-align: center;
}

.section-42{
  padding-top: 100px;
}


.section-42 .title{
  font-size: 45px;
  padding-bottom: 50px;
  font-family: 'Big',sans-serif;
  text-transform: uppercase;
}

.section-42 .text p a{
  color: white;
}

.news-detail{
  padding: 100px 0px;
}

.news-detail .title p{
  font-size: 45px;
  font-family: 'Big',sans-serif;
  line-height: 1.2;
  padding-bottom: 20px;
}

.news-detail .line{
  height: 20px;
  width: 150px;
  background-color: #F8E71C;
  margin-bottom: 50px;
}

.news-detail .text p{
  font-size: 20px;
}

.section-45{
  margin: 100px 0px;
}

.section-45 .title h2{
  color: black!important;
  margin-bottom: 50px;
}

/* Masonry-Grid */
    .section-45 .masonry {
      column-count: 3;
      column-gap: 1rem;
      padding: 1rem;
    }

    @media (max-width: 900px) {
      .section-45 .masonry { column-count: 2; }
    }

    @media (max-width: 600px) {
      .section-45 .masonry { column-count: 1; }
    }

    .section-45 .masonry-item {
      margin-bottom: 1rem;
      break-inside: avoid;
      cursor: pointer;
      transition: transform 0.2s ease;
    }

    .section-45 .masonry-item:hover {
      transform: scale(1.02);
    }

    .section-45 .masonry-item img {
      width: 100%;
      border-radius: 0px;
      display: block;
    }

    /* Overlay (Lightbox) */
    .section-45 .overlay {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.9);
      justify-content: center;
      align-items: center;
      z-index: 999;
      flex-direction: column;
    }

    .section-45 .overlay.active {
      display: flex;
    }

    .section-45 .overlay img {
      max-width: 90%;
      max-height: 80vh;
      border-radius: 0px;
    }

    .section-45 .overlay .controls {
      margin-top: 1rem;
      display: flex;
      gap: 1rem;
    }

    .section-45 .overlay button {
      background: rgba(255,255,255,0.2);
      border: none;
      color: white;
      font-size: 1.2rem;
      padding: 0.6rem 1rem;
      border-radius: 5px;
      cursor: pointer;
      transition: background 0.2s ease;
    }

    .section-45 .overlay button:hover {
      background: rgba(255,255,255,0.4);
    }














.footer-1{
  background: #0052CC;
  padding: 100px 0px;
  color: white;
  position: relative;
}

.footer-1 .sar{
  position: absolute;
  top: 100px;
  right: 0px;
  width: 50%;
  height: 400px;
  background-image: url('./img/sar_logo.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.05;
  z-index: 0;
}

.footer-1 .title{
  padding-bottom: 50px;
  text-align: left;
  font-size: 30px;
  color: white;
  font-family: 'Reg';
  margin-top: 25px;
}

.footer-1 i{
  font-size: 20px;
}

.footer-1 p{
  font-size: 20px;
  color: white;
  display: block;
  margin-left: 0px;
  transition: all ease 0.3s;
}

.footer-1 a p:hover{
  color: #F8E71C;
}

.footer-1 .line{
  bottom: 0px;
  height: 1px;
  background-color: white;
  width: 100%;
  position: absolute;
}


.footer-1 a{
  color: white;
}

.footer-1 img{
  margin-bottom: 50px;
  width: 60%;
  margin-top: 10px;
  height: 60px;
  object-fit: contain;
}

.footer-1 .text p a{
  display: block;
  color: white;
  font-size: 20px;
  text-decoration: none;
}

.footer-1 p a:hover{
  text-decoration: underline;
}

.footer-1 .icon-box{
  display: flex;
  align-items: flex-start;
  margin-left: 0px;
}

.footer-1 .icon-box img{
  width: 30px;
  height: 30px;
  margin-right: 20px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

footer{
  background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,1,37,1) 100%);
  color: white;
}


.home-section-1 .img-contain{
  object-fit: contain;
}

.slider-container .item{
  margin-bottom: 0px;
}


.wpml-ls-legacy-list-horizontal {
    border: 1px solid transparent;
    padding: 7px;
    clear: both;
    position: absolute;
    z-index: 10;
    color: white !important;
    right: 130px;
    top: 40px;
  }

.wpml-ls-legacy-list-horizontal ul{
  display: flex;
}


.wpml-ls-legacy-list-horizontal ul li{
  margin-right: 20px;
}

  .wpml-ls-legacy-list-horizontal a{
    color: white;
  }


.owl-theme .owl-nav.disabled+.owl-dots{
  bottom: -40px;
}


a._brlbs-btn-cookie-preference.new{
  background: transparent!important;
}

a._brlbs-btn-cookie-preference.new:hover{
  background: transparent!important;
}



       .desktop{
         display: block;
       }

       .mobile{
         display: none;
       }

       @-webkit-keyframes bounce {
      	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
      	40% {-webkit-transform: translateY(-10px);}
      	60% {-webkit-transform: translateY(-5px);}
      }

      @-moz-keyframes bounce {
      	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
      	40% {-moz-transform: translateY(-10px);}
      	60% {-moz-transform: translateY(-5px);}
      }

      @-o-keyframes bounce {
      	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
      	40% {-o-transform: translateY(-10px);}
      	60% {-o-transform: translateY(-5px);}
      }
      @keyframes bounce {
      	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
      	40% {transform: translateY(-10px);}
      	60% {transform: translateY(-5px);}
      }

      .contact-section-1{
        padding-top: 200px;
        padding-bottom: 128px;
      }

      .impressum{
        padding-top: 200px;
        padding-bottom: 128px;
      }

      .impressum h1{
        color: black;
      }

      .contact-section-1 h1{
        font-size: 40px;
        color: white;
      }

      .contact-section-1 img{
        text-align: center;
        object-fit: contain;
        margin: auto;
        display: table;
        margin-bottom: 30px;
      }


  



.imprint-box-1{
  background: #0052CC;
  color: white;
  padding: 20px 0px 15px;
}

.imprint-box-1 p.copyright{
  color: white;
  font-size: 14px;
}

.section-46 {
  position: relative;
  padding: 30px 0px 0px;
}

.section-46 .img{
  position: absolute;
  top: 0px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  object-fit: cover;
  width: 100%;
  z-index: 0;
}

.section-46 h2{
  text-align: center;
  width: 100%;
  margin: 0px auto;
  margin-top: 30px;
  color: white;
  display: table;
}

.section-46 .button{
  text-align: center;
  display: table;
  margin: 0px auto;
  margin-top: 30px;
  margin-bottom: 30px;
}

.section-47{
  background-color: white;
  position: relative;
  background: none;
}

.section-47 h2{
  color: black!important;
  margin-bottom: 30px;
}

.section-47 p{
  color: black!important;
}

.section-47 input{
  color: black;
  border-bottom: 1px solid black;
}

.section-47 textarea{
  color: black;
  font-family: 'Light',sans-serif;
}

.section-47 input::placeholder{
  color: black;
  text-transform: uppercase;
  font-family: 'Light',sans-serif;
}

.section-47 textarea::placeholder{
  color: black;
  text-transform: uppercase;
  font-family: 'Light',sans-serif;
}

.section-47 a{
  color: black!important;
}

.section-47 .button.blue{
  padding: 0px;
  margin-top: 20px;
}

.section-47 .button.blue input{
  border: none;
  color: white;
  margin: 0px;
}
.section-47 .button.blue p{
  margin: 0px;
}

.section-47 .wpcf7-spinner{
  display: none;
}

.section-47 input.wpcf7-submit{
  background-color: transparent;
  color: white;
}

/* Gesamtcontainer zurücksetzen */
.brlbs-cmpnt-cb-preset-b.brlbs-cmpnt-cb-cf7-recaptcha {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: auto !important;
  position: relative;
}

/* Thumbnail & Beschreibung ausblenden */
.brlbs-cmpnt-cb-thumbnail,
.brlbs-cmpnt-cb-content,
.brlbs-cmpnt-cb-provider-toggle {
  display: none !important;
}

/* Nur Button-Bereich sichtbar */
.brlbs-cmpnt-cb-buttons {
  display: flex !important;
  gap: 10px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 6px 10px;
  position: absolute;
  bottom: -10px;
  z-index: 10;
}

/* Buttons stylen */
.brlbs-cmpnt-cb-btn {
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  background: #0073aa;
  color: #fff !important;
  padding: 5px 10px;
  border-radius: 4px;
  transition: background 0.2s ease;
}

.brlbs-cmpnt-cb-btn:hover {
  background: #005f8d;
}

/* Entfernt alle großen Platzhalterflächen */
.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  min-height: 0 !important;
}

body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-cf7-recaptcha .brlbs-cmpnt-cb-main{
  display: block!important;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{
  background: transparent!important;
}

.brlbs-cmpnt-cb-buttons a:first-child {
  display: none !important;
}

.link-box{
  margin: 0px auto;
  float: right;
}

.link-box a{
  font-size: 14px;
  padding-right: 10px;
  color: white;
}

.impressum-1{
  padding-top: 50px;
  padding-bottom: 100px;
}


.section-43{
  padding: 100px 0px;
}

.section-43 h2{
  padding-bottom: 30px;
}

.section-43 p strong{
  font-size: 20px;
}

.section-43 h3{
  padding: 30px 0px 10px;
  text-align: left;
  text-transform: none;
  font-size: 24px;
  color: #007ac2;
}

.section-43 .text li{
  font-size: 16px;
}

.section-43 .text ul{
  padding-bottom: 30px;
}

.section-43 img{
  object-fit: contain;
}

.section-44-1{
  padding: 100px 0px 50px;
}

.section-44-1 h2{
  color: transparent;
  background: rgb(255, 0, 0);
  background: linear-gradient(
    90deg,
    #00B0FF 0%,
    #0052CC 7%,
    #3179E3 14%,
    #186DAD 21%,
    #368CCC 28%,
    #1C2C8A 35%,
    #1C608A 42%,
    #186DAD 49%,
    #00B0FF 56%,
    #0052CC 63%,
    #1C608A 70%,
    #00B0FF 77%,
    #1C608A 84%,
    #186DAD 91%,
    #3179E3 97%,
    #0052CC 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 500%;
  animation: color 10s linear infinite;
  font-size: 70px;
  font-family: 'Big', sans-serif;

}

@keyframes color {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 100% 50%;
  }
}

.section-31.section-44{
  padding: 100px 0px 50px;
}

.section-31.section-44 ul{
  list-style: disc;
  color: white;
}

.section-31.section-44 li a{
  color: white;
  font-size: 20px;
  font-weight: 900;
  text-decoration: underline;
}

.section-31.section-44 strong{
  color: white;
  font-family: 'Big', sans-serif;
}

.section-31.section-44 .text p strong{
  color: white;
  font-family: 'Big', sans-serif;
}

.section-31.section-44 .text a{
  color: white;
  font-family: 'Big', sans-serif;
}

.section-31.section-44 img{
  object-fit: contain;
  margin-top: 150px;
}