/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */  
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

* { outline-style: none !important; }
html { font-size: 112.5%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; overflow-x: hidden; }
body { color: #000; margin: 0; padding: 0; font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 28px; text-rendering: optimizeLegibility; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; background: #f0f0f0; overflow-x: hidden; }
/**/
#preloader{
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10001;
	margin-top: 0;
	top: 0;
}
#status { width: 120px; height: 160px; position: absolute; left: 50%; top: 50%; background-image: none; background-repeat: no-repeat; background-position: center; z-index: 99999; margin-top: -80px; margin-left: -60px; }
#status img { margin-right: auto; margin-left: auto; }
@-webkit-keyframes load {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  50% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}
@keyframes load {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  50% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}
.spinner { position: absolute; left: 50%; right: 0; top: 50%; bottom: 0; width: 120px; text-align: center; height: 40px; z-index: 99999; margin-top: 60px; margin-left: -60px; }
.spinner > div { width: 20px; height: 20px; background-color: #0081c7; margin-right: 2px; margin-left: 2px; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner .bounce1 { background-color: #0f0f0f; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.spinner .bounce3 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.spinner .bounce4 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0)  }
  40% { -webkit-transform: scale(1.0); transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/**/
.link-t { text-decoration: underline; }
h1 { color: #fff; font-size: 70px; font-weight: 700; line-height: 75px; text-align: left; margin-top: 0; margin-bottom: 0; }
h1 span { color: #f6f4f6; font-size: 45px; font-weight: 400 !important; line-height: 55px; text-align: left; text-transform: none; display: block; margin-top: 15px; margin-bottom: 0; opacity: 1; }
h4 { color: #3c3c3b; font-size: 70px; font-weight: 700; line-height: 75px; margin-top: 0; }
h2 { color: #000; font-size: 75px; font-weight: 700; line-height: 80px; margin-top: 0; margin-bottom: 15px; }
.h8 { color: #000; font-size: 75px; font-weight: 700; line-height: 80px; margin-top: 0; margin-bottom: 30px; }
.h9 { color: #000; font-size: 75px; font-weight: 700; line-height: 80px; margin-top: 0; margin-bottom: 30px; }
.h2 { color: #fff; font-size: 30px !important; font-weight: 700; line-height: 35px !important; margin-top: 0 !important; margin-bottom: 10px !important; }
#expertise h2 { margin-bottom: 10px !important; }
.h6 { color: #fff; font-size: 30px !important; font-weight: 400; line-height: 37px !important; margin-top: 0 !important; margin-bottom: 5px !important; }
h3 { color: #000; font-size: 45px; font-weight: 400; font-style: normal; line-height: 55px; margin-top: 0; margin-bottom: 8px; display: block; }
.h3 { color: #fff; font-size: 45px; font-style: normal; font-weight: 700; line-height: 55px; display: block; margin-top: 0; margin-bottom: 8px; }
.footer .h3 { color: #fff; font-size: 40px !important; font-weight: 400; line-height: 45px !important; margin-bottom: 15px; }
h5 { color: #aea075; font-size: 23px; font-weight: 600; line-height: 28px; }
.h4 { color: #fff; font-size: 30px !important; font-weight: 400; line-height: 40px !important; display: inline-block; margin-top: 0; margin-bottom: 0; }
.h3 span { color: #fff; font-size: 30px !important; font-weight: 400; line-height: 40px !important; display: block; margin-top: 8px; margin-bottom: 0; }
h6 { color: #181411; font-size: 46px; font-weight: 400; line-height: 51px; margin-top: 0; margin-bottom: 0; }
p { font-size: 20px; line-height: 30px; margin-top: 0; margin-bottom: 16px; }
.h5 { color: #fff; font-size: 20px; line-height: 28px; }
.h7 { color: #fff; font-size: 22px; font-weight: 700; line-height: 27px; margin-bottom: 0; }
ul { padding-left: 20px; list-style-type: square; }
.jobs-content li { font-size: 20px; font-weight: 400; line-height: 30px; }
.jobs-content p { margin-bottom: 0; }
.jobs-content .h4 { font-size: 30px !important; line-height: 35px !important; }
.jobs-content ul { padding-top: 15px; padding-bottom: 30px; }
.jobs-content a { color: #0081c7; }
.jobs-content a:hover { color: #000; }
.solutions ul li { font-size: 20px; line-height: 32px; }
.solutions-web ul li { font-size: 20px; line-height: 30px; list-style-type: none; }
.solutions-web ul li:before { color: #000; margin-left: -20px; padding-right: 10px; content: '»'; }
.solutions ul { margin-top: 0; padding-top: 0; }
.solutions p { margin-bottom: 5px; }
.box-nin { background-color: #1a1a1a; padding: 30px 90px; }
.solutions-web ul { margin-top: 0; padding-top: 0; list-style-type: none; }
.solutions-web p { margin-bottom: 0; }
.solutions-web a { color: #0081c7; }
.solutions-web a:hover { color: #000; }
a{ color: #000; text-decoration: none; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
a:hover{ color: #0081c7; text-decoration: none; }
a:focus{ color: #0081c7; text-decoration: none; }
.info { color: #999; font-size: 13px; font-weight: 400; line-height: 17px; padding-top: 5px; display: block; }
.white { color: #fff !important; }
.black { color: #1a1a1a !important; }
.readmore { color: #fff; font-size: 20px; line-height: 30px; margin-top: 30px; }
.readmore2 { color: #1a1a1a; font-size: 20px; line-height: 30px; margin-top: 30px; }
#referenzen3 .h4 { font-weight: 700; }
.branche .h4 { font-weight: 700; }
#nextworks2 .h4 { font-weight: 700; }
.readmore:hover { color: #0081c7; }
.readmore2:hover { color: #0081c7; }
.readmore i { font-size: 18px; line-height: 30px; margin-left: 5px; }
.readmore2 i { font-size: 18px; line-height: 30px; margin-left: 5px; }
.br-xss { display: block; }
@media (max-width:1340px) {
	.h4 br { display: none; }
}
@media (max-width:1200px) {
	h2 { color: #3c3c3b; font-size: 55px !important; line-height: 60px !important; }
	.h8 { color: #3c3c3b; font-size: 55px !important; line-height: 60px !important; margin-left: 30px; }
	.h9 { color: #3c3c3b; font-size: 55px !important; line-height: 60px !important; }
	.h2 { color: #fff; font-size: 25px !important; font-weight: 700; line-height: 30px !important; margin-top: 0 !important; margin-bottom: 0 !important; }
	.h6 { color: #fff; font-size: 25px !important; font-weight: 700; line-height: 30px !important; margin-top: 0 !important; margin-bottom: 0 !important; }
	h1 { color: #fff; font-size: 60px; font-weight: 700; line-height: 65px; margin-top: 0; }
	h1 span { font-size: 35px; line-height: 40px; }
	h1 span br { display: none; }
	#agentur .h4 br { display: none; }
	h3 { color: #000; font-size: 35px; line-height: 40px; margin-top: 0; margin-bottom: 8px; }
	.h3 { font-size: 35px; line-height: 40px; margin-top: 0; margin-bottom: 8px; }
	.h4 { font-size: 20px !important; line-height: 25px !important; }
	#agentur .h4 { font-weight: 700 !important; }
	.h3 span { font-size: 20px !important; line-height: 25px !important; }
	.h4 br { display: none; }
	p { font-size: 17px; line-height: 25px; }
	jobs-content li { font-size: 17px; line-height: 25px; }
	.solutions-web ul li { font-size: 17px; line-height: 23px; }
	.readmore { font-size: 17px; line-height: 27px; margin-top: 15px; }
	.readmore2 { font-size: 17px; line-height: 27px; margin-top: 15px; }
	.readmore i { font-size: 15px; line-height: 27px; }
	.readmore2 i { font-size: 15px; line-height: 27px; }
	.link-btn a span { font-size: 17px !important; line-height: 27px !important; }
	.link-btn2 a span { font-size: 17px !important; line-height: 27px !important; }
	.solutions ul li { font-size: 16px; line-height: 21px; }
}
@media (max-width:992px) {
	h2 { color: #3c3c3b; font-size: 45px !important; line-height: 50px !important; }
	.h8 { color: #3c3c3b; font-size: 45px !important; line-height: 50px !important; }
	.h9 { color: #3c3c3b; font-size: 45px !important; line-height: 50px !important; }
	.branche p br { display: none !important; }
	h1 { color: #fff; font-size: 50px; font-weight: 700; line-height: 55px; margin-top: 0; }
	h1 span { font-size: 30px; line-height: 35px; }
	h3 { color: #000; font-size: 30px; line-height: 35px; margin-top: 0; margin-bottom: 8px; }
	.h6 { font-size: 22px !important; line-height: 27px !important; }
}
@media (max-width:767px) {
	.footer .h3 { color: #fff; font-size: 35px !important; font-weight: 400; line-height: 40px !important; margin-bottom: 15px; }
	h2 { color: #3c3c3b; font-size: 35px !important; line-height: 40px !important; }
	.h8 { color: #3c3c3b; font-size: 35px !important; line-height: 40px !important; margin-left: 30px; }
	.h9 { color: #3c3c3b; font-size: 35px !important; line-height: 40px !important; }
	.jobs-content .h4 { font-size: 22px !important; line-height: 27px !important; }
	h1 { color: #fff; font-size: 40px; font-weight: 700; line-height: 45px; margin-top: 0; }
	h1 span { font-size: 20px !important; font-weight: 700 !important; line-height: 25px !important; margin-top: 8px; }
	h3 { color: #000; font-size: 25px; line-height: 30px; margin-top: 0; margin-bottom: 8px; }
	#agentur .h4 { font-size: 17px !important; font-weight: 700 !important; line-height: 23px !important; }
	.h3 { font-size: 25px; line-height: 30px; margin-top: 0; margin-bottom: 8px; }
	.h5 { font-size: 17px; line-height: 25px; }
}
@media (max-width:580px) {
	h1 { font-size: 30px; font-weight: 700; line-height: 35px; margin-top: 0; margin-bottom: 5px; }
	h1 span { font-size: 18px !important; font-weight: 700 !important; line-height: 25px !important; }
	#welcome h3 { font-size: 20px !important; line-height: 25px !important; margin-bottom: 15px !important; }
	h2 { font-size: 25px !important; line-height: 30px !important; margin-top: 0; }
	.h3 { font-size: 25px !important; line-height: 30px !important; margin-top: 0; margin-bottom: 8px; }
	#referenzen3 .h3 { font-size: 25px !important; line-height: 30px !important; }
	.h8 { font-size: 25px !important; line-height: 30px !important; margin-top: 0; }
	.h9 { font-size: 25px !important; line-height: 30px !important; margin-top: 0; }
}
@media (max-width:420px) {
	h1 { color: #fff; font-size: 24px; font-weight: 700; line-height: 30px; margin-top: 0; }
	.footer .h3 { font-size: 25px !important; line-height: 30px !important; }
	h1 span { font-size: 20px; font-weight: 700; line-height: 25px; }
	h2 { color: #fff; font-size: 25px; font-weight: 700; line-height: 30px; margin-top: 0; }
	.h8 { color: #fff; font-size: 25px; font-weight: 700; line-height: 30px; margin-top: 0; }
	.h9 { color: #fff; font-size: 25px; font-weight: 700; line-height: 30px; margin-top: 0; }
	#welcome h3 br { display: none; }
	.hidden-xss { display: none; }
	.br-xss { display: none; }
}
@media (max-width:320px) {
	h2 { color: #fff; font-size: 22px !important; font-weight: 700; line-height: 27px !important; margin-top: 0; }
	p { font-size: 16px; line-height: 22px; }
	#referenzen3 .h3 { font-size: 20px !important; line-height: 25px !important; }
	.h3 { font-size: 20px !important; line-height: 25px !important; }
}
/**/
.navigation{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(255, 255, 255, 1); text-align: center; z-index: 46; float: left; opacity: 1; transform: translateY(-100%); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; }
.navigation .copyright a { color: #000 !important; font-size: 20px !important; font-style: normal !important; line-height: 25px !important; }
.navigation .copyright a:hover { color: #0081c7 !important; }
.navigation.open { left: 0; opacity: 1; transform: translateY(0px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; }
.navbar .navbar-nav li a:focus {
  color: #0081c7;
}
.navbar .navbar-nav li a:hover { color: #0081c7; background: transparent !important; }
.navbar .navbar-nav { display: inline-block !important; }
.navbar .navbar-nav .active a { color: #0081c7; background-color: transparent; }
.navbar .navbar-nav a .active { color: #0081c7; background-color: transparent; }
.navbar .navbar-nav .active a:hover,
.navbar .navbar-nav .active a:focus,
.navbar .navbar-nav .active a:visited { color: #0081c7; background: transparent !important; }
.navbar .navbar-nav .dropdown .dropdown-toggle:hover,
.navbar .navbar-nav .dropdown .dropdown-toggle:focus,
.navbar .navbar-nav .dropdown .dropdown-toggle:visited {
  background: none;
}
.nav > li { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-top-style: none; border-right-style: none; border-bottom-color: #e4e4e4 !important; border-bottom-style: none; border-bottom-width: 1px; border-left-style: none; }
.nav > li > a { color: #181411; font-weight: 700; display: inline-block; padding: 8px 0; position: relative; }
.navigation ul li{ text-align: left; width: 100%; float: none; list-style: none; letter-spacing: 0; padding-right: 96px; padding-left: 0; display: inline-block; }
.navigation ul li a{ color: #000; font-size: 40px; font-weight: 400 !important; line-height: 45px; }
.navigation ul li a i { color: #9a9a9a; font-size: 26px; text-align: center; width: 24px; padding-top: 15px; display: inline-block; }
.box33 { padding-left: 30px; border-left: 1px solid #1a1a1a; }
.navigation .copyright { color: #1a1a1a; }
@media (max-width:992px) {
	.navigation .copyright { display: none; }
	.adress { display: none; }
}
@media (max-width:768px) {
	.navigation { z-index: 44; }
	.navigation .copyright { display: none; }
	.adress { display: none; }
}
@media (max-width:767px) {
	.navigation ul li a i { color: #9a9a9a; font-size: 32px; text-align: center; display: inline-block; padding-top: 15px; width: 24px; }
	.navigation ul li { padding-left: 0; }
	.navigation { width: 100%; }
	.navigation ul li a { color: #000; font-size: 17px !important; font-weight: 400 !important; line-height: 23px !important; text-align: left; display: inline-block; position: relative; width: 100%; }
	.navigation.open { left: 0; opacity: 1; transform: translateX(0px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; }
	.navigation ul { margin-top: 120px; padding-top: 0; padding-right: 15px; padding-left: 15px; }
	.nav > li { padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #e3dcd2 !important; }
	.nav > li:last-child { font-size: 14px !important; padding-top: 10px; border-bottom-style: none !important; }
}
@media (max-width:580px) {
	.navigation { background-color: #fff; }
}
/**/
.hamburger-menu { background-color: transparent; width: 40px; height: 40px; position: fixed; top: 60px; right: 60px; z-index: 1000; cursor: pointer; margin:0; border-style: none !important; outline-style: none !important; }
.hamburger-menu.ontop { padding: 5px; }
.hamburger-menu.ontop span { background-color: #0081c7; }
.hamburger-menu.ontop2 span { background-color: #0081c7; }
.hamburger-menu span { display: block; position: absolute; height: 2px; width: 40px; background: #fff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-menu span:nth-child(1) {top: 0;width: 40px;}
.hamburger-menu span:nth-child(2) { top: 10px; width: 40px; }
.hamburger-menu span:nth-child(3) {  top: 20px;	width: 40px;}
.hamburger-menu.open span{ background-color: #1a1a1a; width: 40px !important; }
.hamburger-menu.open span:nth-child(1) {  top: 10px;  -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg);  -o-transform: rotate(135deg);  transform: rotate(135deg);}
.hamburger-menu.open span:nth-child(2) {  opacity: 0;}
.hamburger-menu.open span:nth-child(3) {  top: 10px;  -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}
@media (max-width:767px) {
	.hamburger-menu { top: 20px; left: 30px; margin-top: 0; margin-bottom: 0; margin-left: 0; }
	.hamburger-menu { width: 25px; height: 25px; }
	.hamburger-menu span { width: 25px !important; }
	.hamburger-menu span:nth-child(1) { top: 4px; width: 25px !important; }
	.hamburger-menu.span:nth-child(2) { top: 8px; width: 25px !important; }
	.hamburger-menu span:nth-child(3) { top: 16px; width: 25px !important; }
	.hamburger-menu.open span { width: 25px !important; }
	.hamburger-menu:hover span { width: 25px !important; }
}
/**/
.logo4 { margin-top: 0; margin-bottom: 0; margin-left: 0; position: absolute; z-index: 4; top: 35px; left: 40px; width: 180px; }
.logo6 { width: 100px; height: auto; position: absolute; left: 8.33%; top: 0; z-index: 22; margin-top: 0; transform: translateX(0px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; }
.logo6c { margin-top: 0; position: absolute; z-index: 22; top: 0; left: 15px; width: 100px; height: auto; transform: translateX(0px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; }
.logo6b { margin-top: 0; position: absolute; top: 30px; left: 5px; width: 40px; height: 189px; transform: translateX(23px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; }
.logo6.open { transform: translateX(0px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; }
.logo22 { position: absolute; top: 13px; left: 15px; width: 140px; height: 34px; margin: 0; padding: 0; display: none; }
.logo22 img { height: 100%; }
@media (max-width:1200px) {
	.logo6 { margin-top: 0; position: absolute; z-index: 22; top: 0; left: 30px; width: 90px; height: auto; transform: translateX(0px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; }
	.logo6c { margin-top: 0; position: absolute; z-index: 22; top: 0; left: 30px; width: 90px; height: auto; transform: translateX(0px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; }
}
@media (max-width:768px) {
	.logo4 { display: none; }
	.logo22 { left: 50%; margin-left: -70px; display: block; }
}
@media (max-width:767px) {
	.logo6 { margin-top: 0; position: absolute; z-index: 22; top: 0; left: inherit; right: 30px; width: 70px; height: auto; transform: translateX(0px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; }
	.logo6c { margin-top: 0; position: absolute; z-index: 22; top: 0; right: 30px; left: inherit; width: 70px; height: auto; transform: translateX(0px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; }
}
/**/
.main-page { position: relative; width: 100% !important; padding: 0 0 0; }
.main-page .container-fluid { padding-right: 0; padding-left: 0; }
section { background-color: #f4f4f4 !important; position: relative; padding-top: 0; padding-bottom: 0; }
.section { position: relative; }
.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.small-gutters > [class*="col-"] { padding-right: 15px; padding-left: 15px; }
.full-height { height: 100%; min-height: 100%; }
.box-t { display: table; table-layout: fixed; width: 100%; height: 100%  ; }
.box-tc { text-align: left; display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding-top: 0; padding-bottom: 0; }
.box-tc4x { text-align: left; display: table-cell; padding-top: 0; padding-bottom: 0; width: 100%; height: 100%; vertical-align: bottom; }
.line-h { background-color: #1a1a1a; position: relative; width: 100%; height: 1px; margin-top: 0; margin-bottom: 15px; }
.line-h2 { background-color: #fff; position: relative; margin-top: 0; margin-bottom: 15px; width: 100%; height: 1px; }
.link-btn { color: #fff !important; text-align: right; position: absolute; right: 15px; bottom: 20px; width: 200px; height: 30px; transform: value; }
.box-tc4 { color: #fff !important; position: absolute; right: 0; bottom: 16px; width: 100%; height: auto; transform: value; }
.link-btn2 { color: #1a1a1a; text-align: right; position: absolute; right: 15px; bottom: 8px; width: 200px; height: 30px; z-index: 1; }
@media (max-width:1340px) {
	.small-gutters > [class*="col-"] { padding-right: 15px; padding-left: 15px; }
	.link-btn { color: #1a1a1a; text-align: left; margin-top: 30px; position: relative; right: inherit; bottom: 0; left: 0; width: 200px; height: 30px; transform: value; }
}
@media (max-width:768px) {
	.no-gutters > [class*="col-"] { padding-right: 15px; padding-left: 15px; }
	.link-btn2 { color: #1a1a1a; text-align: left; position: relative; left: 0; right: inherit; bottom: 0; width: 200px; height: 30px; z-index: 0; margin-top: 30px; transform: value; }
}
@media (max-width:767px) {
	.small-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
	.main-page { background: #fff; width: 100%; padding-right: 0 !important; padding-left: 0 !important; }
	.link-btn { color: #1a1a1a; margin-top: 30px; position: relative; right: inherit; bottom: 0; width: 100px; height: 30px; transform: value; }
	.main.open { transform: none; }
	.line-h2 { display: none; }
	.navigation .box-tc { vertical-align: top; }
}
@media (max-width:580px) {
	.link-btn2 { color: #1a1a1a; text-align: left; margin-top: 0; position: relative; z-index: 0; right: inherit; bottom: 0; left: 0; width: 200px; height: 30px; transform: value; }
	.main-page .container-fluid { padding-right: 15px; padding-left: 15px; }
	.full-height { height: 450px !important; min-height: 450px !important; max-height: 450px !important; }
	.box-tc { text-align: center; display: table-cell; padding-top: 0; padding-bottom: 0; width: 100%; height: 450px; vertical-align: middle; }
		.small-gutters > [class*="col-"] { padding-right: 15px; padding-left: 15px; }

}
/**/
.padb30 { padding-bottom: 30px; }
.padb15 { padding-bottom: 15px; }
.padb60 { padding-top: 0; padding-bottom: 90px; }
.padb90 { padding-top: 0; padding-bottom: 120px; }
.padl-r { width: 100%; padding-top: 30px; padding-right: 0; padding-left: 0; display: block; }
@media (max-width:1200px) {
	#referenzen3 .padl-r { padding-right: 30px; padding-left: 30px; }
}
/**/
.video { width: 100%; height: auto; overflow: hidden; object-fit: cover; }
video  { height: auto; width: 100%; margin: 0; padding: 0;}
#controlsvideo .play_btn { background-color: #f39325; text-align: center; width: 130px; height: 130px; margin-right: auto; margin-left: auto; border: 2px #ed9037; border-radius: 50%; }
#controlsvideo .play_btn2 { background-color: #f39325; width: 126px; height: 126px; margin-right: auto; margin-left: auto; border: 1px #ed9037; border-radius: 50%; }
#controlsvideo .play_btn .btn_icon { color: rgba(237,144,55,0.8); font-size: 126px; line-height: 126px; text-align: center; display: inline-block; cursor: pointer; }
#controlsvideo .play_btn .btn_icon svg { color: #e09c18; width: 130px; height: 130px; fill: #e09c18; transition: fill 300ms; }
#playpause img { width: 40px; height: 40px; margin-top: 10px; margin-left: 10px; fill: #c3ab74; }
#controlsvideo { position: absolute; color: #fff; background-color: transparent; text-align: center; z-index: 5; top: 50px; left: 50px; width: 60px; height: 60px; border-style: none; transform: translate(-50%,-50%); }
#playpause { background-color: transparent; text-align: center; width: 60px; height: 60px; border: solid 1px #fff; cursor: pointer; border-radius: 100%; }
.pause { background-image: url(../images/pause.svg); background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; margin-top: 10px; margin-left: 10px; }
.play { background-image: url(../images/play.svg); background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; margin-top: 10px; margin-left: 10px; }
@media (max-width:768px) {
	#controlsvideo { display: none; }
}
/**/
.swiper-container.s3 { background-color: #1a1a1a; }
.swiper-button-prev,
.swiper-button-next { opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; color: #171717; font-size: 30px; background-color: #f0f0f0 !important; position: absolute; top: 25%; width: 60px; height: 60px; z-index: 18; cursor: pointer; background-position: center; background-repeat: no-repeat; text-align: center; padding-top: 10px; border: 1px #303030; outline-style: none; border-radius: 100%; }
#arbeiten2 .swiper-button-prev, #arbeiten2 .swiper-button-next { color: #1a1a1a; font-size: 30px; background-color: #f0f0f0; background-repeat: no-repeat; background-position: center; text-align: center; cursor: pointer; position: absolute; z-index: 18; top: 40%; width: 60px; height: 60px; border: 1px #303030; outline-style: none; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; border-radius: 100%; }
#arbeiten4 .swiper-button-prev, #arbeiten4 .swiper-button-next { color: #1a1a1a; font-size: 30px; background-color: #f0f0f0; background-repeat: no-repeat; background-position: center; text-align: center; cursor: pointer; position: absolute; z-index: 18; top: 40%; width: 60px; height: 60px; border: 1px #303030; outline-style: none; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; border-radius: 100%; }
#nextworks .swiper-button-prev2, #nextworks .swiper-button-next2 { color: #1a1a1a; font-size: 30px; background-color: #f0f0f0; background-repeat: no-repeat; background-position: center; text-align: center; cursor: pointer; position: absolute; z-index: 18; top: 35%; width: 60px; height: 60px; border: 1px #303030; outline-style: none; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; border-radius: 100%; }
#nextworks2 .swiper-button-prev3, #nextworks2 .swiper-button-next3 { color: #fff; font-size: 30px; background-color: transparent; background-repeat: no-repeat; background-position: center; text-align: center; cursor: pointer; position: absolute; z-index: 18; top: 40%; width: 60px; height: 60px; border: 1px #303030; outline-style: none; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; border-radius: 100%; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { left: auto; right: -90px !important; margin-top: 0 !important; }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { right: -90px !important; margin-top: 70px; }
#arbeiten2 .swiper-button-prev, #arbeiten2 .swiper-container-rtl .swiper-button-next { left: -60px !important; margin-top: 0 !important; }
#arbeiten2 .swiper-button-next, #arbeiten2 .swiper-container-rtl .swiper-button-prev { right: -60px !important; margin-top: 0; }
#arbeiten4 .swiper-button-prev, #arbeiten4 .swiper-container-rtl .swiper-button-next { left: -60px !important; margin-top: 0 !important; }
#arbeiten4 .swiper-button-next, #arbeiten4 .swiper-container-rtl .swiper-button-prev { right: -60px !important; margin-top: 0; }

#nextworks .swiper-button-prev2, #nextworks .swiper-container-rtl .swiper-button-next2 { left: -60px !important; margin-top: 0 !important; }
#nextworks .swiper-button-next2, #nextworks .swiper-container-rtl .swiper-button-prev2 { right: -60px !important; margin-top: 0; }
#nextworks2 .swiper-button-prev3, #nextworks2 .swiper-container-rtl .swiper-button-next3 { left: -60px !important; margin-top: 0 !important; }
#nextworks2 .swiper-button-next3, #nextworks2 .swiper-container-rtl .swiper-button-prev3 { right: -60px !important; margin-top: 0; }
@media (max-width:767px) {
	.swiper-button-prev, .swiper-button-next { color: #171717; font-size: 30px; background-color: #ececec !important; background-image: none !important; background-repeat: no-repeat; background-position: center; text-align: center; cursor: pointer; position: absolute; z-index: 18; top: 40%; width: 60px; height: 60px; border: 1px #303030; outline-style: none; display: none; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; border-radius: 100%; }
	.swiper-button-prev:hover, .swiper-button-next:hover { border-style: none; }
}
@media (max-width:992px) {
	.swiper-button-prev, .swiper-button-next { color: #171717; font-size: 30px; background-color: transparent !important; background-image: none !important; background-repeat: no-repeat; background-position: center; text-align: center; cursor: pointer; position: absolute; z-index: 18; top: 30%; width: 60px; height: 60px; border: 1px #303030; outline-style: none; display: block; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; border-radius: 100%; }
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: none; margin-top: 0 !important; right: auto !important; left: -30px; }
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: none; margin-top: 0; right: -30px !important; }
}
@media (max-width:320px) {
	.swiper-pagination { display: none; }
}
.swiper-pagination-bullet { text-align: center; line-height: 39px; font-size: 14px; color:#fff; background-color: white; opacity: 1; width: 16px !important; height: 16px !important; margin-right: 15px; border-radius: 0; }
#arbeiten2 .swiper-pagination-bullet { text-align: center; line-height: 39px; font-size: 14px; color:#f0f0f0; background-color: #f0f0f0; opacity: 1; width: 16px !important; height: 16px !important; margin-right: 15px; }
#arbeiten4 .swiper-pagination-bullet { text-align: center; line-height: 39px; font-size: 14px; color:#f0f0f0; background-color: #f0f0f0; opacity: 1; width: 16px !important; height: 16px !important; margin-right: 15px; }
#nextworks .swiper-pagination-bullet { color: #1a1a1a; font-size: 14px; line-height: 39px; background-color: #1a1a1a; text-align: center; margin-right: 15px; width: 16px !important; height: 16px !important; opacity: 1; }
#nextworks2 .swiper-pagination-bullet { color: #fff !important; font-size: 14px; line-height: 39px; background-color: #fff !important; text-align: center; margin-right: 15px; width: 16px !important; height: 16px !important; opacity: 1; }

.swiper-pagination { text-align: left; left: 8.33% !important; bottom: 60px !important; margin-left: 15px; display: none; }
.swiper-pagination2 { text-align: left; left: 50px; display: none; margin-left: 15px; bottom: 60px !important; }
#arbeiten2 .swiper-pagination { text-align: left; left: 20px !important; bottom: -40px !important; margin-left: 0 !important; display: block; }
#arbeiten4 .swiper-pagination { left: 20px !important; bottom: -40px !important; margin-left: 0 !important; display: block; }

#nextworks .swiper-pagination2 { display: none; margin-left: 0 !important; bottom: -60px !important; left: 20px !important; margin-top: 10px; }
#nextworks2 .swiper-pagination2 { display: none; margin-left: 0 !important; bottom: -60px !important; left: 20px !important; margin-top: 10px; }

.swiper-pagination-bullet-active { color:#fff; background: transparent; border: solid 1px; }
.swiper-pagination-bullet-active:hover, .swiper-pagination-bullet:hover { background: transparent; border: solid 1px #fff; }
#arbeiten2 .swiper-pagination-bullet-active { color:#f0f0f0; background: transparent; border: solid 1px; }
#arbeiten4 .swiper-pagination-bullet-active { color:#f0f0f0; background: transparent; border: solid 1px; }

#nextworks .swiper-pagination-bullet-active { color: #1a1a1a; background: transparent; border: solid 1px; }
#nextworks2 .swiper-pagination-bullet-active { color: #0081c7 !important; background: #0081c7 !important; border: solid 1px; }

#arbeiten2 .swiper-pagination-bullet-active:hover, #arbeiten2 .swiper-pagination-bullet:hover { background: #0081c7; border: solid 1px #f0f0f0; }
#arbeiten4 .swiper-pagination-bullet-active:hover, #arbeiten2 .swiper-pagination-bullet:hover { background: #1a1a1a; border: solid 1px #f0f0f0; }

#nextworks .swiper-pagination-bullet-active:hover, #arbeiten2 .swiper-pagination-bullet:hover { background: #f0f0f0; border: solid 1px #1a1a1a; }
#nextworks2 .swiper-pagination-bullet-active:hover, #arbeiten2 .swiper-pagination-bullet:hover { background: #0081c7; border: solid 1px #1a1a1a; }

.swiper-pagination-bullet-active { background: transparent; }
@media (max-width:1200px) {
	#arbeiten2 .swiper-pagination { display: block; margin-left: 0 !important; left: 30px !important; }
	#arbeiten4 .swiper-pagination { display: block; margin-left: 0 !important; left: 50px !important; }

	#nextworks .swiper-pagination2 { display: block; margin-top: 10px; margin-left: 0 !important; bottom: -60px !important; left: 20px !important; }
	#nextworks2 .swiper-pagination2 { display: block; margin-top: 10px; margin-left: 0 !important; bottom: -60px !important; left: 20px !important; }
	.swiper-pagination { text-align: left; bottom: 30px !important; left: 0 !important; margin-left: 70px; display: block; }
}
@media (max-width:580px) {
	#arbeiten2 .swiper-pagination { display: block; margin-left: 0 !important; left: 30px !important; }
	.swiper-pagination { text-align: center; bottom: 20px !important; left: 0 !important; margin-left: 50px; }
	#nextworks .swiper-pagination2 { display: block; margin-left: 0 !important; bottom: -60px !important; left: 20px !important; margin-top: 10px; }
		#nextworks2 .swiper-pagination2 { display: block; margin-left: 0 !important; bottom: -60px !important; left: 20px !important; margin-top: 10px; }

	.swiper-pagination2 { text-align: left; display: block; margin-left: 15px; bottom: 60px !important; }
	.swiper-pagination-bullet { color: #fff; font-size: 14px; line-height: 39px; background-color: white; text-align: center; margin-right: 8px; width: 8px !important; height: 8px !important; opacity: 1; border-radius: 0; }
	#nextworks .swiper-pagination-bullet { color: #1a1a1a; font-size: 14px; line-height: 39px; background-color: #1a1a1a; text-align: center; margin-right: 8px; width: 8px !important; height: 8px !important; opacity: 1; }
		#nextworks2 .swiper-pagination-bullet { color: #1a1a1a; font-size: 14px; line-height: 39px; background-color: #1a1a1a; text-align: center; margin-right: 8px; width: 8px !important; height: 8px !important; opacity: 1; }

	#arbeiten2 .swiper-pagination-bullet-active { color: #f0f0f0; background: #0081c7 !important; width: 8px !important; height: 8px !important; border: 0; }
	#arbeiten2 .swiper-pagination-bullet { color: #f0f0f0; font-size: 14px; line-height: 39px; background-color: #f0f0f0; text-align: left; margin-right: 8px; width: 8px !important; height: 8px !important; opacity: 1; }
	#arbeiten4 .swiper-pagination-bullet { color: #f0f0f0; font-size: 14px; line-height: 39px; background-color: #f0f0f0; text-align: center; margin-right: 8px; width: 8px !important; height: 8px !important; opacity: 1; }
	#nextworks .swiper-pagination-bullet-active { color: #1a1a1a; background: #0081c7; border: 1px; }
		#nextworks2 .swiper-pagination-bullet-active { color: #1a1a1a; background: #0081c7; border: 1px; }

}
/**/
#home--start { background-color: #1a1a1a; text-align: left; position: relative; width: 100%; overflow: hidden !important; padding-top: 0; padding-bottom: 0; }
#home--start .container-fluid { padding-right: 8.33%; padding-left: 8.33%; }
#home--start--content { text-align: left; position: relative; width: 100%; height: 100%; z-index: 3; overflow: hidden; }
#home--start--content .vid_button { padding: 0; color: #fff; background-color: transparent; text-align: center; position: absolute; left: 30px; bottom: 44px; width: 44px; height: 44px; z-index: 222; border: solid 1px; cursor: pointer; display: none; transition: .3s background; }
#home--start--content .vid_button:hover { border-color: #0081c7; }
.vid_button img { width: 22px; height: 22px; margin-top: 9px; }
.bg { background-color: #1a1a1a; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.54; }
.bg2 { background-color: #1a1a1a; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: none; opacity: 0.0;    -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;}
.project2:hover .bg2 { cursor: pointer !important; display: block;  opacity: 0.54; filter: alpha(opacity=54);   -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;}
.project:hover .bg2 { cursor: pointer !important; display: block; opacity: 0.54; filter: alpha(opacity=54); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.work-ref:hover .bg2 { cursor: pointer !important; display: block; opacity: 0.54; filter: alpha(opacity=54); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.branche:hover .bg2 { cursor: pointer !important; display: block; opacity: 0.54; filter: alpha(opacity=54); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.team:hover .bg2 { cursor: pointer !important; display: block; opacity: 0.54; filter: alpha(opacity=54); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.project2:hover .projektname { color: #0081c7;   -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;}
.project2:hover .readmore { color: #0081c7; }
.project:hover .readmore { color: #0081c7; }
@media (max-width:767px) {
	#home--start .container-fluid { padding-right: 30px; padding-left: 30px; }
	#home--start--content { width: 100%; height: 540px; overflow: hidden; max-height: 540px; margin-top: 0; }
	#home--start--content .vid_button { bottom: 20px; }
}
@media (max-width:580px) {
	#home--start .container-fluid { padding-right: 30px; padding-left: 30px; }
	#home--start--content { width: 100%; height: 540px; overflow: hidden; max-height: 540px; margin-top: 0; }
	#home--start { height: 540px; }
	#home--start video { height: 450px; max-height: 450px; }
	.bg { height: 540px !important; min-height: 540px !important; }
	#home--start--content .vid_button { bottom: 20px; }
}
@media (max-width:320px) {
	#home--start--content { margin-top: 0; width: 100%; height: 450px; max-height: 450px; overflow: hidden; }
	#home--start { width: 100%; height: 450px; overflow: hidden; }
}
/**/
#welcome { background-color: #f0f0f0 !important; padding-top: 160px; padding-bottom: 90px; }
#welcome .container-fluid { padding-right: 16.66%; padding-left: 8.33%; }
@media (max-width:992px) {
	#welcome { padding-top: 90px; }
	#welcome .container-fluid { padding-right: 30px; padding-left: 30px; }
}
@media (max-width:580px) {
	#welcome { padding-top: 60px; padding-bottom: 60px; }
}
/**/
.about-content { width: 75%; height: auto; display: block; }
@media (max-width:1340px) {
	.about-content { width: 100%; height: auto; }
}
/**/
#aboutus { background-color: #1a1a1a !important; padding-top: 90px; padding-bottom: 120px; }
#aboutus .container-fluid { max-width: 1250px; padding-right: 0; padding-left: 0; }
.x { background-color: #1a1a1a; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 45%; z-index: -1; }
#referenzen { background-color: transparent; position: relative; width: 100%; overflow: hidden; padding: 0 0 0; }
#referenzen3 { background-color: #f0f0f0; padding: 90px 0 0; position: relative; width: 100%; overflow: hidden; }
#referenzen .container-fluid { max-width: 100%; padding-right: 0 !important; padding-left: 0 !important; }
#referenzen3 .container-fluid { padding-right: 0 !important; padding-left: 0 !important; max-width: 1250px; }
@media (max-width:1440px) {
	#referenzen3 .container-fluid { padding-right: 0 !important; padding-left: 0 !important; max-width: 1170px; }
	#aboutus .container-fluid { padding-right: 0 !important; padding-left: 0 !important; max-width: 1170px; }
}
@media (max-width:1200px) {
	#aboutus .container-fluid { padding-right: 30px !important; padding-left: 30px !important; }
}
@media (max-width:767px) {
	#aboutus { background-color: #1a1a1a !important; padding-top: 60px; padding-bottom: 60px; }
	#referenzen3 { padding: 60px 0 0; position: relative; width: 100%; overflow: hidden; }
	#referenzen3 .container-fluid { padding-right: 0; padding-left: 0; }
	#aboutus .container-fluid { padding-right: 30px !important; padding-left: 30px !important; }
}
@media (max-width:580px) {
	#aboutus .container-fluid { padding-right: 15px !important; padding-left: 15px !important; }
}
/**/
.branchen { background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 100%; height: 650px; background-size: cover; }
.branche { background-color: transparent; margin-bottom: 30px; position: relative !important; width: 100% !important; overflow: hidden !important; }
.branche2 { background-color: #1a1a1a; margin-bottom: 0; position: relative !important; width: 100% !important; height: auto; overflow: hidden !important; margin-right: auto; margin-left: auto; }
.branche a:hover .h4 { color: #0081c7; }
.branche a:hover { cursor: pointer !important; }
.work-ref a:hover .h7 { color: #0081c7; }
.work-ref  { position: relative; width: 100%; }
.work-ref img { width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.branche-inner img { width: 100%; }
.branche-description { color: #fff; text-align: left; vertical-align: middle; display: table; padding: 0 30px 25px; position: absolute; z-index: 2; right: 0; left: 0; bottom: 0; width: 100%; height: auto; overflow: hidden; margin-bottom: 0; table-layout: fixed; }
.branche-description p { font-size: 17px; line-height: 23px; margin-bottom: 0; }
.branche-description3 p { font-size: 17px; line-height: 23px; margin-bottom: 0; }
.branche-description .h4 {  }
.branche-description .h7 { }
.branche-description3 { color: #fff; text-align: left; display: table; margin-bottom: 0; padding: 0 15px 20px; position: absolute; z-index: 2; right: 0; left: 0; bottom: 0; width: 100%; height: auto; }
.branche-description4 { color: #fff; text-align: left; display: table; margin-bottom: 0; padding: 0 30px 30px; position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; width: 100%; height: auto; }
.branche-description2 { color: #fff; text-align: left; vertical-align: middle !important; margin-bottom: 0; padding: 10px 60px; position: absolute; top: 50%; z-index: 2; right: 0; left: 0; width: 100%; height: auto; overflow: hidden; transform: translateY(-50%); }
.branche-content { vertical-align: bottom; width: 100%; height: 100%; display: table-cell; }
.bottom-gradient {
  position: absolute;
  width: 100%;
  height: 40%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  /* Old browsers */
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
  /* IE10+ */
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
}
.project { position: relative !important; width: 100% !important; overflow: hidden !important; margin-bottom: 90px; }
.project-inner img { width: 100%; }
.project-inner { overflow: hidden; }
.project-details { color: #fff; text-align: left; position: absolute; top: 50%; left: 0; right: 0; overflow: hidden; padding: 0 8.33%; width: 90%; z-index: 2; height: auto; min-height: 50px; max-width: 1340px; display: table; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transform: translateY(-50%); transition: all 0.3s ease-in-out; }
.project-details3 { color: #fff; text-align: left; display: table; padding: 0 8.33%; position: absolute; z-index: 2; top: 50%; right: 0; left: 0; width: 100%; height: auto; min-height: 50px; max-width: 1340px; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transform: translateY(-50%); transition: all 0.3s ease-in-out; }
.project-details2 { color: #fff; text-align: left; display: table; position: absolute; z-index: 2; top: 50%; right: 0; left: 30px; width: 80%; height: auto; overflow: hidden; padding: 0 8.33%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transform: translateY(-50%); transition: all 0.3s ease-in-out; }
.project-details2 .projektname { color: #fff; font-size: 45px !important; font-weight: 700; line-height: 55px !important; letter-spacing: 0; margin-top: 0; margin-bottom: 8px !important; }
.project-details2 .projektdesc { color: #fff; font-size: 30px !important; font-weight: 400; line-height: 40px !important; margin-top: 0; margin-bottom: 0; display: inline-block; }
.project-details .projektdesc2 { color: #fff; font-size: 30px !important; font-weight: 400 !important; line-height: 40px !important; display: inline-block; margin-top: 0; margin-bottom: 0; }
.project-details .projektname2 { color: #fff; font-size: 45px !important; font-weight: 700; line-height: 55px !important; letter-spacing: 0; margin-top: 0; margin-bottom: 8px !important; }
.project-details3 .projektname2 { color: #fff; font-size: 30px !important; font-weight: 700; line-height: 35px !important; text-align: left; letter-spacing: 0; margin-top: 0; margin-bottom: 10px !important; }
.project-details .projektdesc2 { color: #fff; font-size: 20px; font-weight: 700; line-height: 25px; }
.project-details3 .projektdesc3 { color: #fff; font-size: 20px; font-weight: 700; line-height: 27px; text-align: left; max-width: 90%; margin: 0; padding: 0; }
.project-details .projektname span { font-size: 15px !important; line-height: 20px !important; display: block; }
.project-details .projektname a { color: #fff !important; }
.logo_work { width: 160px; margin-bottom: 30px; }
.logo_work4 { margin-bottom: 30px; width: 100px; }
.logo_work2 { margin-bottom: 30px; width: 200px; }
.logo_work3 { margin-bottom: 30px; width: 190px; }
.logo_work2 img { width: 100%; }
.logo_work img { width: 100%; }
.logo_work4 img { width: 100%; }
.logo_work3 img { width: 100%; }
.latestworks { background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 100%; height: 700px; background-size: cover; }
@media (min-width:1440px) {
	.project-details { color: #fff; text-align: left; display: table; padding: 0 8.33%; position: absolute; z-index: 2; top: 50%; right: 0; left: 0; width: 100%; height: auto; min-height: 50px; max-width: 1340px; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transform: translateY(-50%); transition: all 0.3s ease-in-out; }
	.project-details2 { width: 80%; }
	.project-details .projektname2 { font-size: 45px !important; line-height: 55px !important; }
	.logo_work { margin-bottom: 30px; width: 190px; }
	.logo_work4 { margin-bottom: 30px; width: 100px; }
	.logo_work2 { margin-bottom: 30px; width: 230px; }
	.logo_work3 { margin-bottom: 30px; width: 220px; }
	.branchen { background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 100%; height: 750px; background-size: cover; }
	.latestworks { background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 100%; height: 750px; background-size: cover; }
}
@media (max-width:1200px) {
	.project-details2 { width: 100%; padding-right: 30px; padding-left: 30px; }
	.project-details2 .projektdesc br { display: none; }
	.latestworks { background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 100%; height: 650px; background-size: cover; }
	.branche { margin-bottom: 30px; }
	.branche-description3 .h4 { display: block !important; }
	.branche-description3 .h7 { display: block !important; }
	.branche-description3 p { display: none !important; }
}
@media (max-width:767px) {
	.branchen { background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 100%; height: 500px; background-size: cover; }
	.latestworks { background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 100%; height: 500px; background-size: cover; }
	.project-details2 { left: 0; width: 100%; padding-right: 30px; padding-left: 30px; }
	.project-details2 .projektname { font-size: 30px !important; line-height: 35px !important; padding-left: 0; }
	.project-details2 .projektdesc { font-size: 20px !important; line-height: 25px !important; padding-left: 0; }
	.project-details2 .projektdesc br { display: none; }
	.project-details { color: #fff; text-align: left; display: table; padding: 0 30px; position: absolute; z-index: 2; top: 50%; right: 0; left: 0; width: 100%; height: auto; min-height: 50px; max-width: 1340px; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transform: translateY(-50%); transition: all 0.3s ease-in-out; }
	.project { margin-bottom: 60px; }
	.project-details .projektname2 { color: #fff; font-size: 25px !important; font-weight: 700; line-height: 30px !important; letter-spacing: 0; margin-top: 0; margin-bottom: 0 !important; }
	.logo_work { margin-bottom: 15px; width: 130px; }
	.logo_work4 { margin-bottom: 15px; width: 70px; }
	.logo_work2 { margin-bottom: 15px; width: 160px; }
	.logo_work3 { max-width: 130px; }
	.project-details .projektdesc2 { color: #fff; font-size: 20px; line-height: 25px; display: none; }
}
@media (max-width:580px) {
	.logo_work { margin-bottom: 15px; width: 100px; }
	.logo_work4 { margin-bottom: 15px; width: 60px; }
	.logo_work3 { margin-bottom: 15px; width: 120px; }
	.logo_work2 { margin-bottom: 15px; width: 120px; }
	.project { margin-bottom: 30px; }
	.branche { margin-bottom: 15px; }
	.branche-description { padding-right: 15px; padding-bottom: 20px; padding-left: 20px; }
	.project-details .projektname2 { color: #fff; font-size: 20px !important; font-weight: 700; line-height: 25px !important; letter-spacing: 0; margin-top: 0; margin-bottom: 0 !important; }
	.project-details .projektdesc2 { color: #fff; font-size: 15px; line-height: 20px; }
	.project-details .projektdesc3 { color: #fff; font-size: 15px; line-height: 20px; }
	.branche-description .h4 { display: block !important; }
	.branche-description3 .h7 { display: block !important; }
	.branche-description p { display: none; }
}
@media (max-width:320px) {
	.branchen { background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 100%; height: 460px; background-size: cover; }
	.latestworks { background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 100%; height: 460px; background-size: cover; }
}
/**/
.letsgo { position: absolute; width: 46px; height: 46px; margin-top: 0; border-radius: 50%; background-color: transparent; right: 60px; bottom: 60px; z-index: 18; border: 1px #fff; cursor: pointer; -webkit-transition: .25s ease; -moz-transition: .25s ease; -o-transition: .25s ease; transition: .25s ease; }
.letsgo2 { background-color: transparent; cursor: pointer; margin-top: 0; position: absolute; z-index: 18; right: 15px; bottom: 0; width: 46px; height: 46px; border: 1px #fff; border-radius: 50%; -webkit-transition: .25s ease; -moz-transition: .25s ease; -o-transition: .25s ease; transition: .25s ease; }
.letsgo2 a { color: #fff; font-size: 25px; line-height: 1; display: inline-block !important; }
.letsgo a { color: #fff; font-size: 25px; line-height: 1; display: inline-block !important; }
.letsgo:hover { color: #0081c7; background-color: transparent; }
.letsgo2 a:hover { color: #0081c7 !important; background-color: transparent; }
@media (max-width:767px) {
	.letsgo { display: none !important; }
	.letsgo2 { display: none !important; }
}
/**/
.btn-contact { color: #101010 !important; font-size: 18px !important; font-weight: 400; line-height: 23px; background-color: transparent !important; text-decoration: none; letter-spacing: 0; width: auto; margin-top: 20px; margin-bottom: 0; padding: 8px 16px; border-color: #0081c7 !important; border-style: solid; border-width: 1px !important; border-radius: 0; cursor: pointer; display: inline-block !important; }
.btn-contact4 { color: #101010 !important; font-size: 18px !important; font-weight: 400; line-height: 23px; background-color: white; text-decoration: none; letter-spacing: 0; cursor: pointer; display: inline-block !important; margin-top: 20px; margin-bottom: 0; padding: 8px 16px; width: auto; border-style: solid; border-width: 1px !important; border-color: #0081c7 !important; border-radius: 0; }
.btn-contact:hover { color: #fff !important; background-color: #0081c7 !important; border-color: #0092d2 !important; }
.btn-contact2 { color: #fff; font-size: 18px !important; font-weight: 400; line-height: 23px; text-decoration: none; background-color: transparent !important; letter-spacing: 0; cursor: pointer; display: inline-block !important; margin-top: 20px; margin-bottom: 0; padding: 8px 16px; width: auto; border-style: solid; border-width: 1px !important; border-color: #0081c7 !important; border-radius: 0; }
.btn-contact3 { color: #fff; font-size: 18px !important; font-weight: 400; line-height: 23px; text-decoration: none; background-color: #0081c7 !important; letter-spacing: 0; display: inline-block !important; margin-top: 20px; margin-bottom: 0; padding: 8px 16px; width: auto; border-style: solid; border-width: 1px !important; border-color: #0081c7 !important; cursor: pointer !important; border-radius: 0; }
.btn-contact2:hover { color: #101010 !important; background-color: #f6f4f6 !important; border-color: #fff !important; }
.btn-contact3:hover { color: #1a1a1a; background-color: #fff !important; border-color: #0081c7 !important; }
.btn-contact4:hover { color: #fff !important; background-color: #000 !important; border-color: #0081c7 !important; }
/**/
#clients-logos { background-color: #f0f0f0; text-align: left; position: relative; padding-top: 60px; padding-bottom: 60px; }
#clients-logos2 { background-color: #f0f0f0 !important; text-align: left; padding-top: 90px; padding-bottom: 90px; position: relative; }
#clients-logos .container-fluid { max-width: 1250px; padding-right: 0; padding-left: 0; }
#clients-logos2 .container-fluid { padding-right: 8.33%; padding-left: 8.33%; }
@media (max-width:1440px) {
	#clients-logos .container-fluid { max-width: 1170px; padding-right: 30px; padding-left: 30px; }
}
@media (max-width:1200px) {
	#clients-logos .container-fluid { padding-right: 30px; padding-left: 30px; }
	#clients-logos2 .container-fluid { padding-right: 30px; padding-left: 30px; }
}
@media (max-width:767px) {
	#clients-logos { text-align: left; position: relative; padding-top: 0; padding-bottom: 30px; }
	#clients-logos2 { text-align: left; padding-top: 30px; padding-bottom: 60px; position: relative; }
	#clients-logos .container-fluid { padding-right: 30px; padding-left: 30px; }
	#clients-logos2 .container-fluid { padding-right: 30px; padding-left: 30px; }
}

.client-logo { width: 33.33%; height: auto; display: block; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; float: left; margin-bottom: 5px; }
.client-logo2 { display: block; margin-bottom: 5px; width: 33.33%; height: auto; float: left; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.client-logo .isvg { background-color: transparent; max-height: 100%
 ; margin: 0; }
.client-logo2 .isvg { background-color: transparent; margin: 0; max-height: 100%; }
.client-logo img { display: block; width: 80%; height: auto; overflow: visible; margin: 0 auto; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.8;}
.client-logo2 img { display: block; margin: 0 auto; width: 80%; height: auto; overflow: visible; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.8; }
@media (max-width:580px) {
	.client-logo { width: 33.33%
    ; margin-top: 0 !important; margin-bottom: 0 !important; }
	.client-logo2 { margin-top: 0 !important; margin-bottom: 0 !important; width: 33.33%; }
	.client-logo img { width: 80%; }
	.client-logo2 img { width: 80%; }
}
@media (min-width:640px) {
	.client-logo { width: 25%
    ; margin-top: 0; margin-bottom: 0; }
	.client-logo2 { width: 25%; }
}
@media (min-width:960px) {
	.client-logo { width: 20%
    ; margin-bottom: 10px; }
	.client-logo2 { width: 20%; }
}
@media (min-width:1200px) {
	.client-logo { width: 20%
    ; margin-bottom: 30px; }
	.client-logo2 { width: 20%; }
}
@media (min-width:1440px) {
	.client-logo { width: 16.66%
    ; margin-bottom: 15px; }
	.client-logo2 { width: 16.66%; margin-bottom: 15px; }
}
/**/
#parallax2 { background: url(../images/007.jpg) no-repeat fixed center; width: 100%; height: 550px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax3 { background: url(../images/komp_produktion2.jpg) no-repeat fixed center; width: 100%; height: 550px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax6 { background: url(../images/iconomic_014b.jpg) no-repeat fixed center; width: 100%; height: 550px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax5 { background-color: transparent; background-image: url(../images/team.jpg); background-repeat: no-repeat; background-position: center; width: 100%; height: 750px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax4 { background: url(../images/komp_online.jpg) no-repeat fixed center; width: 100%; height: 550px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.cta { position: relative; width: 100%; height: 550px; overflow: hidden !important; }
.cta .container-fluid { max-width: 1170px; }
.cta-wrapper { padding-top: 0; padding-bottom: 0; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 550px; z-index: 3; display: table; }
.cta-wrapper-box { display: table-cell !important; width: 100%; height: 550px; vertical-align: middle; }
#parallax2 .bg { background-color: rgba(0, 0, 0, 0.27); position: absolute; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 2; bottom: 0 !important; width: 100%; height: 550px !important; min-height: 550px; max-height: 550px; display: block; }
#parallax3 .bg { background-color: rgba(0, 0, 0, 0.27); position: absolute; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 2; bottom: 0 !important; width: 100%; height: 550px !important; min-height: 550px; max-height: 550px; display: block; }
#parallax6 .bg { background-color: rgba(0, 0, 0, 0.27); display: block; position: absolute; z-index: 2; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100%; height: 550px !important; min-height: 550px; max-height: 550px; }
#parallax5 .bg { background-color: rgba(0, 0, 0, 0.47); display: block; position: absolute; z-index: 2; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100%; height: 750px !important; min-height: 750px; max-height: 750px; }
#parallax4 .bg { background-color: rgba(0, 0, 0, 0.27); position: absolute; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 2; bottom: 0 !important; width: 100%; height: 550px !important; min-height: 550px; max-height: 550px; display: block; }

@media (max-width:768px) {
	.cta { width: 100%; height: 450px !important; }
	.cta-wrapper-box { height: 450px; }
	.cta-wrapper { height: 450px; }
	#parallax2 .bg { height: 450px !important; min-height: 450px !important; max-height: 450px !important; }
	#parallax2 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: 450px; min-height: 450px !important; }
	#parallax3 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: 450px; min-height: 450px !important; }
	#parallax6 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: 450px; min-height: 450px !important; }
	#parallax3 .bg { height: 450px !important; min-height: 450px !important; max-height: 450px !important; }
	#parallax6 .bg { height: 450px !important; min-height: 450px !important; max-height: 450px !important; }
	#parallax4 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: 450px; min-height: 450px !important; }
	#parallax4 .bg { height: 450px !important; min-height: 450px !important; max-height: 450px !important; }
#parallax5 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: 450px; min-height: 450px !important; }
	#parallax5 .bg { height: 450px !important; min-height: 450px !important; max-height: 450px !important; }
	

}
@media (max-width:1200px) {
	#parallax2 .container-fluid { padding-right: 30px; padding-left: 30px; }
		#parallax3 .container-fluid { padding-right: 30px; padding-left: 30px; }
	#parallax6 .container-fluid { padding-right: 30px; padding-left: 30px; }
	#parallax5 .container-fluid { padding-right: 30px; padding-left: 30px; }
			#parallax4 .container-fluid { padding-right: 30px; padding-left: 30px; }


}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
	.cta {  }
	.cta-wrapper-box {  }
	.cta-wrapper {  }
	#parallax2 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; }
		#parallax3 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; }
	#parallax6 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; }
	#parallax4 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; }
		#parallax5 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; }

}
/**/
.footer { background-color: #1a1a1a; position: relative; width: 100%; z-index: 1; padding-top: 90px; padding-bottom: 120px; }
.footer px { color: #fff !important; font-size: 18px !important; line-height: 23px !important; margin-top: 5px; margin-bottom: 5px; }
.footer h2 { color: #fff; font-size: 40px; font-weight: 400; line-height: 45px; margin-bottom: 15px; }
.footer a { color: #fff; }
.footer a:hover, .footer a:focus { color: #0081c7 !important; text-decoration: none; }
.copyright { color: #fff; display: block; font-size: 13px; line-height: 19px; text-align: left; letter-spacing: 0.01em; }
.adress { font-size: 18px; line-height: 23px; margin-top: 25px; margin-bottom: 45px; }
.copyright a { color: #fff; font-size: 13px !important; font-style: italic !important; line-height: 18px !important; }
.copyright br { display: none; }
.legal li+li a:before { color: #fff; padding-right: 14px; content: "|"; }
.legal li:first-child a { padding-left: 0; }
.legal { color: #181411; font-size: 15px; line-height: 30px; text-align: left !important; float: left; margin-top: 0; margin-bottom: 0; padding-left: 0; }
.socials2 { color: #fff; font-size: 30px; line-height: 30px; text-align: right !important; float: right; margin-top: 0; margin-bottom: 0; padding-left: 0; }
.legal li { padding-right: 10px; display: inline; }
.socials2 li { padding-right: 2px; padding-left: 2px; display: inline; }
.socials2 li a:hover { color: #0081c7; }
.legal li:last-child { padding-right: 0; }
.footer .container-fluid { padding-right: 8.33%; padding-left: 8.33%; }
@media (max-width:767px) {
	.footer { text-align: center; padding-bottom: 60px; }
	.legal { width: 100%; height: auto; float: none; padding-bottom: 30px !important; display: inline-block; }
	.legal li { line-height: 35px; background-color: #393939; text-align: center; width: 100%; float: none; margin-bottom: 1px; padding-top: 5px; padding-bottom: 5px; display: inline-block; }
	.legal li a:hover { color: #0081c7; }
	.legal li a { font-size: 18px; line-height: 22px; width: 100%; display: inline-block; }
	.legal li+li a:before { color: #fff; padding-right: 0; content: ""; }
	.copyright { text-align: center; padding-top: 30px; display: block; }
	.copyright br { display: block; }
	.socials2 { text-align: center; float: none; padding-top: 30px; display: inline-block; }
	.socials2 li { text-align: center; }
}
@media (max-width:320px) {
	.copyright br { display: none; }
}

/**/
.to-top { color: #0081c7 !important; font-size: 25px; line-height: 30px; cursor: pointer; position: fixed; z-index: 18; bottom: 30px; right: 30px; width: 46px; height: 46px; margin-bottom: 0; border: 1px #000; display: none; border-radius: 50%; -webkit-transition: .25s ease; -moz-transition: .25s ease; -o-transition: .25s ease; transition: .25s ease; }
.to-top a { color: #0081c7; }
.to-top:hover {  }
@media (max-width:767px) {
	.to-top { display: none !important; }

}
/**/
#agentur { background-color: #1a1a1a !important; position: relative; padding-top: 210px; padding-bottom: 60px; }
#agentur2 { background-color: #1a1a1a !important; padding-top: 152px; padding-bottom: 60px; position: relative; }
#projekt-page { background-color: #f0f0f0 !important; padding-top: 320px; padding-bottom: 60px; position: relative; }
#projekt-page .container-fluid { max-width: 1170px; padding-right: 0; padding-left: 0; }
#agentur-bg { background-image: url(../images/platzhalter5.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center; position: relative; width: 100%; height: 650px; background-size: cover; }
.agentur-bg-b { background-image: url(../images/platzhalter5.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; position: relative; width: 100%; height: 650px; background-size: cover; }
.x3 { background-color: #f0f0f0; position: absolute; z-index: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 40%; }
.x3d { background-color: #1a1a1a; position: absolute; z-index: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 50%; }
.x3c { background-color: #1a1a1a; position: absolute; top: 0; z-index: 0; right: 0; left: 0; width: 100%; height: 210px; }
.x3b { background-color: #f0f0f0; position: absolute; z-index: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 50%; }
.box-tc2 { text-align: left; display: table-cell; width: 100%; height: 650px; vertical-align: middle; padding: 0 8.33% 60px; }
@media (max-width:1440px) {
	#agentur-bg { background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 100%; height: 550px; background-size: cover; }
	.box-tc2 { height: 550px; }
}
@media (max-width:1200px) {
	#projekt-page .container-fluid { max-width: 860px; padding-right: 0; padding-left: 0; }
	#agentur { background-color: #1a1a1a !important; padding-top: 0; padding-bottom: 60px; position: relative; }
	.box-tc2 { padding-bottom: 0; }
}
@media (max-width:992px) {
	#projekt-page .container-fluid { padding-right: 30px; padding-left: 30px; }
}
@media (max-width:767px) {
	.x3c { background-color: #1a1a1a; position: absolute; z-index: 0; top: 0; right: 0; left: 0; width: 100%; height: 120px; }
	#projekt-page { background-color: #f0f0f0 !important; padding-top: 180px; padding-bottom: 0; position: relative; }
	#agentur2 { background-color: #1a1a1a !important; padding-top: 100px; padding-bottom: 60px; position: relative; }
	#agentur-bg { background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 100%; height: 450px; background-size: cover; }
	#agentur .container-fluid { padding-right: 0; padding-left: 0; }
	#agentur2 .container-fluid { padding-right: 0; padding-left: 0; }
	#projekt-page .container-fluid { padding-right: 30px; padding-left: 30px; }
	.box-tc2 { height: 450px; padding-right: 30px; padding-bottom: 0; padding-left: 30px; }
}
@media (max-width:580px) {
	#agentur { background-color: #1a1a1a !important; padding-top: 0; padding-bottom: 30px; position: relative; }
	#projekt-page .container-fluid { padding-right: 15px; padding-left: 15px; }
	#agentur2 { background-color: #1a1a1a !important; padding-top: 100px; padding-bottom: 30px; position: relative; }
	#agentur-bg { background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 100%; height: 400px; background-size: cover; }

}
/**/
#arbeiten { background-color: #f0f0f0; padding-top: 0; padding-bottom: 30px; }
#arbeiten2 { background-color: #f0f0f0; padding-top: 60px; padding-bottom: 90px; }
#arbeiten3 p { color: #fff; font-size: 16px; line-height: 21px; text-align: right; margin-top: 10px; padding-right: 0; }
#arbeiten3 a:hover p { color: #0081c7; }
#arbeiten4 { background-color: #f0f0f0; margin-bottom: 1px; padding-top: 60px; padding-bottom: 240px; }
#arbeiten3 { background-color: #1a1a1a; margin-bottom: 1px; padding-top: 60px; padding-bottom: 90px; }
#arbeiten .container-fluid { padding-right: 8.33%; padding-left: 8.33%; }
#arbeiten2 .container-fluid { max-width: 1170px; padding-right: 0; padding-left: 0; }
#arbeiten4 .container-fluid { max-width: 1040px; padding-right: 0; padding-left: 0; }
#arbeiten3 .container-fluid { max-width: 1170px; padding-right: 0; padding-left: 0; }
#arbeiten .row {  }
#arbeiten .project-details { text-align: center; width: 100%; }
.box-grid { background-color: #1a1a1a; padding: 30px; }
.slide-bg { background-color: transparent; position: relative; width: 100%; padding: 0; }
@media (min-width:1440px) {
	#arbeiten2 .container-fluid { max-width: 1170px; padding-right: 0; padding-left: 0; }
	#arbeiten3 .container-fluid { max-width: 1170px; padding-right: 0; padding-left: 0; }
	#arbeiten4 .container-fluid { padding-right: 0; padding-left: 0; max-width: 1170px; }
}
@media (max-width:1200px) {
	#arbeiten .container-fluid { padding-right: 0 !important; padding-left: 0 !important; }
	#arbeiten2 .container-fluid { padding-right: 0 !important; padding-left: 0 !important; }
	#arbeiten3 .container-fluid { padding-right: 0 !important; padding-left: 0 !important; }
	#arbeiten3 p { padding-right: 15px; }
}
@media (max-width:767px) {
	#expertise .row { margin-right: -15px; margin-left: -15px; }
	#arbeiten2 { background-color: #f0f0f0; padding-top: 60px; padding-bottom: 90px; }
	#arbeiten4 { background-color: #f0f0f0; padding-top: 60px; padding-bottom: 160px; }
	#arbeiten3 { padding-top: 0; padding-bottom: 60px; }
}
/**/
#ideen { background-color: #f6f4f6; padding-top: 0; padding-bottom: 4px; }
.x5 { background-color: #1a1a1a; width: 100%; height: auto; padding-top: 0; padding-bottom: 0; padding-left: 0; }
#ideen .container-fluid { padding-right: 0; padding-left: 8.33%; }
#arbeiten .project-details { text-align: center; width: 100%; }
.box-grid { background-color: #1a1a1a; padding: 30px; }
@media (max-width:1200px) {
	#arbeiten .container-fluid { padding-right: 0 !important; padding-left: 0 !important; }
}
/**/
#branchen-page { background-color: #f0f0f0 !important; padding-top: 60px; padding-bottom: 90px; }
#branchen-page .container-fluid { padding-right: 8.33%; padding-left: 8.33%; }
@media (max-width:1200px) {
	#arbeiten .container-fluid { padding-right: 0 !important; padding-left: 0 !important; }
}
@media (max-width:767px) {
	#branchen-page { background-color: #f0f0f0 !important; padding-top: 30px; padding-bottom: 60px; }
}
@media (max-width:580px) {
	#branchen-page { background-color: #f0f0f0 !important; padding-top: 30px; padding-bottom: 60px; }
	#branchen-page .container-fluid { padding-right: 15px; padding-left: 15px; }

}
/**/

.breadcrumb { color: #1a1a1a; background-color: #f0f0f0; margin-bottom: 0; margin-left: 0; padding-bottom: 60px; padding-left: 0; display: block; }
.breadcrumb li a { color: #1a1a1a; }
.breadcrumb li a:hover { color: #0081c7; }
.breadcrumb > li { font-size: 14px !important; line-height: 19px !important; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; display: inline-block; }
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #1a1a1a;
  content: "";
}
.breadcrumb > li + li:before { padding: 0 5px; color: #1a1a1a; font-size: 14px; content: "\f105"; font-family: FontAwesome; line-height: 19px; }
.breadcrumb > .active { color: #0081c7; }
@media (max-width:1200px) {
	.breadcrumb2 { padding-left: 0 !important; }
	.breadcrumb { padding-bottom: 30px; }
}
@media (max-width:580px) {
	.breadcrumb .active { display: none; }
	.breadcrumb2 { display: none !important; }
	.breadcrumb > li:first-Child { display: none; }
}
.breadcrumb2 { color: #fff; background-color: transparent; margin-bottom: 0; margin-left: 0; padding-bottom: 30px; padding-left: 0; display: block; }
.breadcrumb2 li a { color: #fff; }
.breadcrumb2 li a:hover { color: #0081c7; }
.breadcrumb2 > li { font-size: 14px; line-height: 19px; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; display: inline-block; }
.breadcrumb2 > li + li:before {
  padding: 0 5px;
  color: #fff;
  content: "";
}
.breadcrumb2 > li + li:before { padding: 0 5px; color: #fff; font-size: 14px; content: "\f105"; font-family: FontAwesome; line-height: 19px; }
.breadcrumb2 > .active { color: #0081c7; }
@media (max-width:420px) {
	.breadcrumb2 { display: none; }
}
/**/
#nextworks { background-color: #f0f0f0 !important; position: relative; width: 100%; padding-top: 60px; padding-bottom: 60px; }
#nextworks .container-fluid { max-width: 1040px; padding-right: 0; padding-left: 0; }
@media (max-width:1200px) {
	#nextworks .container-fluid { padding-right: 15px !important; padding-left: 15px !important; }
}
@media (max-width:767px) {
	
}
/**/
#nextworks2 { background-color: #1a1a1a !important; text-align: left; position: relative; margin-bottom: 15px; padding-top: 60px; padding-bottom: 60px; }
#nextworks2 .container-fluid { max-width: 1250px; }
@media (max-width:1440px) {
	#nextworks2 .container-fluid { max-width: 1170px; padding-right: 30px; padding-left: 30px; }
}
@media (max-width:1200px) {
	#nextworks2 .container-fluid { padding-right: 30px; padding-left: 30px; }
}
@media (max-width:767px) {
	#nextworks2 { text-align: left; position: relative; padding-top: 60px; padding-bottom: 60px; }
	#nextworks2 .container-fluid { padding-right: 30px; padding-left: 30px; }
}
@media (max-width:580px) {
	#nextworks2 { text-align: left; position: relative; padding-top: 60px; padding-bottom: 60px; }
	#nextworks2 .container-fluid { padding-right: 15px; padding-left: 15px; }
}
/**/
#agency { background-color: #f0f0f0 !important; position: relative; padding-top: 30px; padding-bottom: 90px; }
#contact { background-color: transparent !important; position: relative; width: 100%; padding-top: 60px; padding-bottom: 90px; }
#contact p.h11 { font-size: 25px !important; line-height: 35px !important; }
.box-white { background-color: #fff; position: relative; width: 100%; padding: 40px; display: inline-block; }
#expertise { background-color: #f0f0f0 !important; padding-top: 60px; padding-bottom: 90px; }
.box-content { background-color: #fff; position: relative; width: 100%; min-height: 425px; padding: 60px; border-top: 1px none #1a1a1a; border-bottom: 1px none #1a1a1a; border-right-style: none; border-left-style: none; display: inline-block !important; }
.small-box-content {min-height: 188px; background-color: #fff; position: relative; width: 100%; padding:20px 30px; border-top: 1px none #1a1a1a; border-bottom: 1px none #1a1a1a; border-right-style: none; border-left-style: none; display: inline-block !important; }
.agency-content { color: #fff; background-color: #0081c7; display: inline-block !important; padding: 40px; position: relative; width: 100%; height: auto; margin-top: 15px; border-top: 1px none #1a1a1a; border-right-style: none; border-bottom: 1px none #1a1a1a; border-left-style: none; }
.jobs-content { background-color: #fff; display: inline-block !important; padding: 60px; position: relative; width: 100%; height: auto; margin-top: 30px; border-top: 1px none #1a1a1a; border-right-style: none; border-bottom: 1px none #1a1a1a; border-left-style: none; }
.jobs-content li { }
.box-content2 { background-color: #1a1a1a; display: inline-block !important; padding: 60px; position: relative; width: 100%; min-height: 410px; border-top: 1px none #1a1a1a; border-right-style: none; border-bottom: 1px none #1a1a1a; border-left-style: none; }
#team { background-color: #1a1a1a !important; margin-bottom: 15px; padding-top: 90px; padding-bottom: 90px; }
#weihnachten { background-color: #1a1a1a !important; background-image: url(../weihnachten/bg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; padding-top: 150px; padding-bottom: 90px; background-size: 100%; }
#team img { width: 100%; }
#agency .container-fluid { padding-right: 8.33%; padding-left: 8.33%; }
#contact .container-fluid { max-width: 992px; padding-right: 0; padding-left: 0; }
#expertise .container-fluid { padding-right: 8.33%; padding-left: 8.33%; }
#team .container-fluid { padding-right: 8.33%; padding-left: 8.33%; }
.team-details { color: #fff; position: relative; width: 100%; height: 160px; padding-top: 15px; }
.team-name { font-weight: 700; margin-bottom: 5px; }
.team-description { font-size: 15px; line-height: 20px; margin-top: 0; }
@media (max-width:1340px) {
	.box-content, .small-box-content { min-height: 480px; }
	.box-content2 { min-height: 430px; }
	#contact .container-fluid { padding-right: 4%; padding-left: 4%; }
}
@media (max-width:1200px) {
	#agency .container-fluid { padding-right: 30px !important; padding-left: 30px !important; }
	.box-white { background-color: #f0f0f0; padding: 0; }
	#contact .agentur-bg { }
	#expertise .container-fluid { padding-right: 30px !important; padding-left: 30px !important; }
	#team .container-fluid { padding-right: 30px !important; padding-left: 30px !important; }
	.box-content, .small-box-content { min-height: 330px; padding: 30px; }
	#contact { background-color: #f0f0f0 !important; position: relative; top: 0; width: 100%; z-index: 0; padding-top: 30px; padding-bottom: 60px; }
	.box-content2 { min-height: 330px; }
}
@media (max-width:992px) {
	.box-content, .small-box-content { min-height: 50px; }
	.box-content2 { min-height: 50px; }
	#contact { padding-right: 20px; padding-left: 20px; }
}
@media (max-width:580px) {
	.box-content, .small-box-content { height: auto; padding: 30px 20px 15px; min-height: 50px; }
	.jobs-content { padding: 20px; }
	.agency-content { padding: 30px 20px; }
	#expertise .container-fluid { padding-right: 0 !important; padding-left: 0 !important; }
	#agency { background-color: #f0f0f0 !important; position: relative; padding-top: 30px; padding-bottom: 30px; }
	#weihnachten { padding-top: 120px; padding-bottom: 60px; }
	#contact p.h11 { font-size: 20px !important; line-height: 25px !important; }
	#agency .container-fluid { padding-right: 15px !important; padding-left: 15px !important; }
}
.link-btn3 { color: #3c3c3b; padding-top: 15px; display: inline-block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.link-btn4 { color: #fff; padding-top: 15px; display: inline-block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }

.link-list2 { color: #fff; list-style-type: none; display: inline-block; margin-top: 15px; margin-left: 0; padding: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.link-list li { padding-right: 0; padding-left: 0; display: inline; }
.link-list li a hover { color: #006eb7 !important; }
.link-list li::after { position: absolute; width: 16px !important; height: 16px !important; margin-top: 2px; margin-right: 0; margin-left: 4px; padding: 0; content: url(../images/chevron-right.svg); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
#expertise a:hover .link-list li::after { margin-right: 4px !important; margin-left: 10px !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
#expertise a:hover h2 { color: #0081c7 !important; }
#expertise a:hover .readmore2 { color: #0081c7 !important; }
.link-list2 li::after { position: absolute; width: 9px !important; height: 16px !important; margin-top: 4px; margin-right: 0; margin-left: 8px; padding: 0; content: url(../images/chevron-white.svg); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
.arrow { width: 7px; height: 12px; margin-left: 5px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease;}
.link-list2 li { font-size: 16px !important; line-height: 21px !important; padding-right: 0; padding-left: 0; display: inline; }
.link-list2 li a hover { color: #006eb7 !important; webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease;}
.link-btn a { color: #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
.link-btn a span { font-size: 20px; line-height: 30px; margin-right: 5px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
.link-btn a:hover .arrow { margin-left: 12px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
.link-btn a:hover span { color: #68c8fc; }
.link-btn a:hover li { color: #68c8fc !important; }
.link-btn2 a { color: #1a1a1a; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
.link-btn2 a span { font-size: 20px; line-height: 30px; margin-right: 5px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
.link-btn2 a:hover .arrow { margin-left: 12px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
.link-btn2 a:hover span { color: #68c8fc; }
.link-btn2 a:hover li { color: #68c8fc !important; }
.link-btn3 a { color: #1a1a1a; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
.link-btn3 a span { font-size: 16px; line-height: 21px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
.link-btn4 a { color: #1a1a1a; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
.link-btn4 a span { font-size: 16px; line-height: 21px; margin-right: 8px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

#expertise a:hover .arrow { margin-left: 12px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
#expertise a:hover span { color: #68c8fc; }
#expertise a:hover li { color: #68c8fc !important; }
.go-link { background-color: #0081c7; text-align: center; position: absolute; right: 15px; bottom: 30px; width: 40px; height: 40px; z-index: 2; }
.go-link img { width: 100%; }
/**/
#legals-page { background-color: #f0f0f0 !important; padding-top: 290px; padding-bottom: 90px; position: relative; }
.dps ul li { color: #000; font-size: 15px; font-style: normal; line-height: 20px; margin-left: 0; padding-left: 0; list-style-type: disc; list-style-position: outside; }
.dps ul { padding-left: 20px; }
.dps p { font-size: 16px !important; line-height: 21px !important; margin-bottom: 20px; }
.dps a { text-decoration: underline; }
.dps h5 { color: #000; font-size: 21px !important; font-weight: 700 !important; font-style: normal; line-height: 25px !important; background-color: transparent; text-transform: none; text-align: left; letter-spacing: 0 !important; margin-top: 30px; margin-bottom: 20px; margin-left: 0; padding-left: 0; display: block; }
.dps h6 { color: #000; font-size: 18px !important; font-family: "Open Sans", sans-serif; font-weight: 700 !important; font-style: normal; line-height: 23px !important; margin-bottom: 10px !important; margin-left: 0; padding-top: 0; padding-left: 0; }
.dps h3 { color: #000; }
.dps { padding-top: 60px; }
.dps .stand { padding-top: 30px; display: block; }
.col-lg-3b {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xl-12 { padding-right: 15px; padding-left: 15px; position: relative; min-height: 1px; }
@media (max-width:767px) {
	.x3c { background-color: #1a1a1a; position: absolute; z-index: 0; top: 0; right: 0; left: 0; width: 100%; height: 120px; }
	#legals-page { background-color: #f0f0f0 !important; padding-top: 150px; padding-bottom: 60px; position: relative; }
}
@media (min-width:560px) {
	.col-xl-12 {
    float: left;
  }
	.col-xl-12 {
    width: 50%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
@media (min-width:1440px) {
	.col-lg-3b {
    float: left;
  }
	.col-lg-3b {
    width: 20%;
  }
}
/**/
.soon-banner { box-shadow: 10px 10px 30px rgba(0,0,0,0.45);  color: #fff; font-size: 20px; font-weight: 400; line-height: 1 !important; background-color: #0081c7; text-align: center; letter-spacing: 2px; vertical-align: middle; display: table; padding: 0; position: absolute; z-index: 8; top: 30px; right: 30px; width: 120px; height: 120px; overflow: hidden; border-radius: 50%; }
.soon-inner { vertical-align: middle; width: 100%; height: 100%; padding-right: 0; padding-left: 0; display: table-cell; }
@media (max-width:992px) {
	.soon-banner { box-shadow: 10px 10px 30px rgba(0,0,0,0.45);  color: #fff; font-size: 18px; font-weight: 400; line-height: 1 !important; background-color: #0081c7; text-align: center; letter-spacing: 2px; vertical-align: middle; display: table; padding: 0; position: absolute; z-index: 8; top: 10px; right: 10px; width: 100px; height: 100px; overflow: hidden; border-radius: 50%; }
}
/**/
.modal-dialog { top: 50%; max-width: 800px; transform: translateY(-50%) !important; }
.modal-body { padding: 0; }
.modal-dialog img {  }
.modal .close { color: #fff; font-size: 44px !important; position: absolute; top: -30px; right: -30px; opacity: 1; }
.modal-header { border-style: none; }
.modal-footer { display: none; }
.modal .close:hover { color: #0081c7; }
body.modal-open { margin: 0 !important; padding: 0 !important; }
.modal-content{ border-style: none; -webkit-box-shadow: none; -moz-box-shadow: none;
            box-shadow: 0 5px 15px rgba(0,0,0,0);
    	border-radius: 0px; background-color: transparent;}
.modal-content p { font-size: 18px; line-height: 26px; margin-bottom: 5px; }
.modal-content li { font-size: 16px; line-height: 21px; }
.modal-content h4 { color: #e09c18; font-size: 24px; line-height: 28px; }
.modal-backdrop { background-color: transparent !important; }
@media (min-width:992px) {
.modal-dialog {
width: 800px;
margin: 30px auto;
}}
@media (max-width:560px) {
	.modal-dialog { max-width: 500px; margin-right: 30px; margin-left: 30px; }
	.modal .close { right: 10px; }
}
.mkh-details.open  { transform: translateY(0%); }
.mkh-details { color: #000; background-color: rgba(229, 195, 149, 0.9); text-align: left !important; position: absolute; top: 0; left: 0; right: 0; overflow: hidden; width: 100%; z-index: 5; min-height: 50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.ico_front { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 2; }
.ico_w img { width: 100%; }
.ico_front { border-color: #1a1a1a; border-style: solid solid none; border-width: 2px 1px 1px; }
.ico_front.first { border-top: 2px solid transparent; border-bottom-style: none; }
.ico_w { position: relative; width: 100%; overflow: hidden; cursor: pointer; }
.ico_w .bottom-gradient { height: 60%; display: none; opacity: 0.2; }
.ico_w:hover .ico_front { margin-left: -30px; display: block; }
#weihnachten .col-xs-3 { padding-right: 0; padding-left: 0; }
.ico_front.open { }
.ico_back { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 1; }
.ico_w.open .ico_front  { transform: translateX(-100%); }
.ico_front { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.embed-responsive-1by1 {
  padding-bottom: 100%;
}
@media (max-width:580px) {
	.ico_w:hover .ico_front { margin-left: 0; }
	
}

.padb30 img
{
	margin:auto;
}

.btn-contact,
.btn-contact3
{
	background:#0081c7 ! important;
	color:white ! important;
}

.btn-contact:hover,
.btn-contact3:hover
{
	background:#fff ! important;
	color:#000 ! important;
}

.lead.black a:hover
{
	color:black;
}
.agency-content .btn-contact4 { margin-top: 10px; margin-right: 5px !important; }