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

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

body {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  color: #121212;
  height: 100%;
  background-color: #ffffeb;
  font-family: 'Reg', sans-serif;
 }


 @font-face { font-family: 'Black';
             src: url('fonts/Montserrat-Black.woff')  format('woff');
           }
@font-face { font-family: 'Bold';
           src: url('fonts/Montserrat-Bold.woff')  format('woff');
         }
@font-face { font-family: 'Regular';
          src: url('fonts/Montserrat-Regular.woff')  format('woff');
        }


p {
  font-size: 16px;
  line-height: 1.6;
  font-family: 'Regular', sans-serif;
  color: #121212;
  text-align: left;
}

p strong{
  font-family: 'Bold', sans-serif;
  color: #121212;
}

a {
  font-family: 'Regular', sans-serif;
  font-weight: 400;
  color: inherit;
  font-size: 18px;
}
a.active, a:active, a:focus, a:hover {
  color: inherit;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  line-height: 1.1;
  color: #121212;
 }

 h1{
   font-family: 'Black', sans-serif;
   font-size: 40px;
   padding-bottom: 30px;
   line-height: 1;
   text-transform: uppercase;
   color: #ffffeb;
 }


h2{
  margin-top: 0px;
  font-size: 64px;
  text-align: left;
  font-family: 'Bold', sans-serif;
  line-height: 1;
  font-weight: 700;
  color: #121212;
  padding-bottom: 30px;
  text-transform: uppercase;
}

h2 span{
  color: rgba(0,139,255,1);
  font-weight: 200;
}


.white p{
  color: #ffffeb;
}

h2 strong{
  font-weight: 900;
}

h3{
  font-size: 30px;
  line-height: 1.5;
  font-family: 'Bold', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  padding: 0px;
  margin: 0px;
}

.text-primary{
  color: #5bb4af!important;
}

 .back-primary{
   background-color: #5bb4af!important;
 }

 .text-grey{
   color: #afafaf!important;
 }

 .text-white{
   color: white!important;
 }
 .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;
 }

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

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

 .no-gutter{
   padding: 0px;
 }

 .button{
   background-color: #fffd3d;
   text-align: center;
   padding: 15px 20px;
   color: #121212;
   font-size: 18px;
   margin-top: 20px 0px;
   position: absolute;
   top: -17px;
   right: 100px;
   transition: all ease 0.3s;
   border-radius: 100px;
   font-family: 'Black', sans-serif;
   text-transform: uppercase;
 }


 .button:hover{
   background-color: #54388d;
   color: #ffffeb;
 }

  nav.scroll .button{
  font-size: 14px;
  padding: 13px 20px;
 }

nav .lang{
  position: absolute;
  right: 0px;
  top: 20px;
  color: white;
  top: -10px;
}

nav.scroll .lang{
  top: -13px;
}

.wpml-ls-legacy-list-horizontal a{
  font-size: 14px;
}








nav{
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 10000;
  transition: all ease 0.3s;
 }



 nav .container-box{
  background-color: #121212;
  width: 100%;
  padding: 30px 0px 20px;
  transition: all ease 0.3s;
 }

 nav.scroll .container-box{
  padding: 25px 0px 15px;
 }

 nav .container{
  position: relative;
 }

 nav .logo{
    left: 10px ;
    position: absolute;
    top: -18px;
    height: 143px;
    width: 144px;
    background-image: url('./img/DP_Logo.svg');
    transition: all ease 0.2s;
 }

 nav.scroll .logo{
    left: 30px ;
    top: -24px;
    height: 64px;
    width: 104px;
    background-image: url('./img/DP_Logo_einzeln.svg');
 }


 nav .content-box{
  width: 100%;
  display: flex;
  justify-content: center;
  margin: auto;
  text-align: center;
 }

 nav .item{
  margin-right: 50px;
  display: flex;
  justify-items: center;
  align-items: center;
  text-align: center;
 }

 nav p.text{
   font-size: 20px;
   font-weight: 900;
   color: #ffffeb;
   text-align: center;
   text-transform: uppercase;
   font-family: 'Bold', sans-serif;
   line-height: 1;
   transition: all ease 0.3s;
 }

 nav p.text:hover{
   color: #fffd3d;
 }

nav.scroll .container-box p.text{
  font-size: 14px;
 }




@media (min-width: 1399px) {

.container{
  width: 1400px;
}


}

.desktop{
  display: block;
}

.mobile{
  display: none;
}

video{
  object-fit: cover;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

header{
  position: relative;
  height: 100vh;
  width: 100%;
  text-align: center;
  object-fit: cover;
  overflow: hidden;
  display: flex;
  align-items: center;
  background-color: rgba(0,0,0,0.3);
  justify-content: center;
}

.header .text-box{
  position: absolute;
}

 header h1{
   color: #ffffeb;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 3vw;
  font-weight: 700;
  text-align: left;
  width: 100%;
  padding-bottom: 0px;
 }

  header p{
   color: #ffffeb;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 2vw;
  font-family: 'Bold', sans-serif;
  text-align: left;
  width: 100%;
 }

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

 header .scroll-box p{
   text-align: center;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: 700;
 }

 .logo{
   position: absolute;
   left: 30px;
   top: 30px;
   width: 100px;
   opacity: 1;
   height: 100px;
   z-index: 1000;
   background-image: url('icons/logo.png');
 }

 header .scroll-box p::after{
   content: "\f107";
   position: absolute;
   bottom: -30px;
   color: #ffffeb;
   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);}
}


.section-1{
  background-color: #ffffeb;
  padding: 200px 0px;
  position: relative;
}

.section-1 .img{
  position: absolute;
  z-index: 0;
  width: 100%;
  top: 50px;
  bottom: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.section-1 .img-1{
  position: absolute;
  right: 10%;
  top: -208px;
  width: 350px;
  height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.trenner{
  position: relative;
  width: 100%;
  background-color: #ffffeb;
  left: 0px;
  right: 0px;
  height: 79px;
  background-position: left;
  background-repeat: repeat;
  background-size: contain;
}

.trenner-2{
  background-color: #274235;
}

.section-1 h2{
  font-size: 150px;
}

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

.section-2{
  background-color: #3b5d4f;
  padding: 150px 0px 50px;
  position: relative;
}

.section-2 .box{
  width: 100%;
  height: 600px;
  position: relative;
  background-color: #121212;
  margin-bottom: 20px;
}

.section-2 .title.img-2{
  position: absolute;
  height: 150px;
  left: 50px;
  top: -100px;
  width: 400px;
  z-index: 2;
  background-size: contain;
}

.section-2 .text2{
  padding: 40px 0px;
}

.section-2 .text2 p{
  text-align: center;
   color: #ffffeb;
   font-family: 'Black', sans-serif;
  font-size: 40px;
}

.section-2 .img-box{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #121212;
  overflow: hidden;
}

.section-2 .img{
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all ease 0.3s;
}

.section-2 .img-2-2{
  position: absolute;
  left: -150px;
  top: -450px;
  width: 300px;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.section-2 .img:hover{
  opacity: 1;
  transform: scale(1.2);
}

.section-2 .text-box{
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #ffffeb;
}

.section-2 .text-box h3{
  font-family: 'Bold', sans-serif;
  font-size: 20px;
  padding-bottom: 0px;
  text-transform: uppercase;
  color: #ffffeb;
}

.section-2 .text-box p{
  font-family: 'Regular', sans-serif;
  font-size: 14px;
  padding-bottom: 0px;
  color: #ffffeb;
}

header.unterseite{
  height: 600px;
  width: 100%;
  background-color: #121212;
}

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

header.unterseite h1{
  padding-top: 400px;
}

.section-2-1{
  position: relative;
  padding: 150px 0px;
  background-color: #3b5d4f;
}

.section-2-1 p{
  color: #ffffeb;
}

.section-2-1 p strong{
  color: #ffffeb;
}

.section-2-1 .img-1{
  position: absolute;
  right: 10%;
  top: -208px;
  width: 350px;
  height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

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

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

.section-2-2 .box{
  width: 100%;
  height: 400px;
  position: relative;
  background-color: #121212;
  margin-bottom: 20px;
}

.section-2-2 .img-box{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #121212;
  overflow: hidden;
}

.section-2-2 .img{
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all ease 0.3s;
}

.section-4{
  background-color: #274235;
  padding: 200px 0px 50px;
  position: relative;
}

.section-4 .box{
  width: 100%;
  height: 300px;
  position: relative;
  background-color: #121212;
  margin-bottom: 0px;
}

.section-4 .title.img-2{
  position: absolute;
  height: 150px;
  left: 50px;
  top: -120px;
  width: 100%;
  margin-left: 0px;
  background-position: left;
  z-index: 2;
  background-size: contain;
}

.section-4 .text2{
  padding: 40px 0px;
}

.section-4 .text2 p{
  text-align: center;
   color: #ffffeb;
   font-family: 'Black', sans-serif;
  font-size: 40px;
}

.section-4 .img-box{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #121212;
  overflow: hidden;
}

.section-4 .img{
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all ease 0.3s;
}

.section-4 .img:hover{
  opacity: 1;
  transform: scale(1.2);
}

.section-4 .text-box{
  position: relative;
  padding: 20px 0px;
  color: #ffffeb;
}

.section-4 .text-box h3{
  font-family: 'Bold', sans-serif;
  font-size: 20px;
  padding-bottom: 0px;
  text-transform: uppercase;
  color: #ffffeb;
}

.section-4 .text-box p{
  font-family: 'Regular', sans-serif;
  font-size: 14px;
  padding-bottom: 0px;
  color: #ffffeb;
}

.section-5{
  background-color: #ffffeb;
  padding: 100px 0px;
}


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

.section-5.section-6{
  background-color: #3b5c4e;
  padding-bottom: 200px;
}

.section-5.section-6 h2{
  color: #ffffeb;
}

.section-5.section-6 p{
  color: #ffffeb;
}

.section-5.section-6 p strong{
  color: #ffffeb;
}


.section-7{
  padding: 200px 0px 100px;
  position: relative;
  background-color: #274235;
}

.section-7 h2{
  color: #ffffeb;
}

.section-7 p{
  color: #ffffeb;
}

.mobile-button{
  display: none;
}

.section-7 a{
  color: #ffffeb;
  font-family: 'Bold', sans-serif;
  font-size: 16px;
}

.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;
}

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

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

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

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

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

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

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

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

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

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

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

input.wpcf7-submit{
  background-color: #fffd3d;
  border: none;
  border-radius: 50px;
  color: black;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: 'Bold', sans-serif;
  font-size: 14px;
  width: inherit;
  transition: all ease 0.3s;
}

 input.wpcf7-submit:hover{
   background-color: #54388d;
   color: #ffffeb;
 }

.section-7 .img{
  position: absolute;
  bottom: 50px;
  opacity: 0.15;
  left: 10%;
  height: 500px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}

.section-7 .img-2{
  position: absolute;
  top: -200px;
  right: 10%;
  height: 320px;
  width: 220px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
  color: #ffffeb;
  border-color:#fffd3d;
}

footer{
  background-color: #121212;
  padding: 50px 0px 20px;
}

footer .text-box{
  padding-bottom: 10px;
}

footer .text-box p{
  color: #ffffeb;
  text-align: center;
}

footer .text-box p strong{
  font-family: 'Bold', sans-serif;
  color: #ffffeb;
}

footer a{
  color: #ffffeb;
  font-size: 16px;
}

footer .img{
  height: 30px;
  width: 30px;
  display: table;
  text-align: center;
  margin: auto;
}

footer .icon-box{
  margin-bottom: 40px;
}




.link-box{
  margin: 0px auto;
  display: table;
  margin-bottom: 10px;
}

a:hover{
  color: #fffd3d;
}

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

.impressum-1 h1{
  color: #121212;
}