* { outline-style: none !important; }
html { font-size: 112.5%; width: 100%; height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden !important; }
body { color: #262626; margin: 0; padding: 0; font-size: 17px; font-family: Lora, Helvetica, Geneva, Arial, sans-serif; font-weight: normal; line-height: 27px; background-color: #fafafa !important; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; 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'; outline: none 0; overflow-x: hidden; }
/*Preloader*/
/**/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
}
#status { width: 280px; height: 35px; position: absolute; left: 50%; top: 40%; background-image: none; background-repeat: no-repeat; background-position: center; z-index: 99999; margin: 0 0 0 -140px; }
.spinner { width: 70px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: 0; margin-bottom: 0; margin-left: -35px; }
.spinner > div { width: 18px; height: 18px; background-color: #666; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; border-radius: 100%; }
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-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);
  }
}
/**/
header { background-color: rgba(255,255,255,0.0); position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 104px; z-index: 45; border-bottom: 1px none #e6e6e6; border-top-style: none; border-right-style: none; border-left-style: none; }
.header{ transform: translateY(0); transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; -ms-transition-property: -ms-transform; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease-out; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease-out; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -o-transition-property: -o-transform; -o-transition-duration: 0.5s; -o-transition-timing-function: ease-out; }
header.pages { background-color: #fafafa; position: fixed; top: 0; right: 0; left: 0; width: 100%; height: 70px; z-index: 45; }
.header .container-fluid { max-width: 1440px; }
.header.open { background-color: rgba(250,250,250,0.92); height: 70px; border-bottom-color: #262626; border-bottom-width: 1px; transform: translateY(0%); }
.header.open .logo-s { display: block !important; }
.header.open .logo-w { display: none !important; }
.logo-w { display: block !important; }
.logo-s { display: none !important; }
.header.open .navbar-default .navbar-nav > li > a { color: #262626; margin-top: 22px; }
.header.pages .navbar-default .navbar-nav > li > a { color: #262626; margin-top: 22px; }
.navbar-brand { width: 300px; height: 38px; margin-top: 33px; margin-left: 0 !important; padding: 0 !important; transition: width 0.2s; }
.navbar-brand img { width: 100%; }
.navbar-header { height: 104px; margin: 0 !important; padding: 0 !important; display: block !important; }
.header.open .navbar-brand { width: 240px; height: 29px; margin-top: 20px; }
.header.pages .navbar-brand { margin-top: 20px; width: 240px; height: 29px; }
.header.open .navbar-default { height: 70px; }
.header.pages .navbar-default { height: 70px; }
.navbar { background-color: transparent; border-style: none; }
.navbar-collapse { text-align: center !important; width: 100% !important; height: 60px !important; margin-right: auto !important; margin-left: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0; border-top-color: #181c27 !important; border-top-style: none; border-top-width: 1px !important; border-right-style: none; border-bottom-color: #181c27 !important; border-bottom-style: none; border-bottom-width: 1px !important; border-left-style: none; display: inline-block !important; }
.navbar-default { background-color: transparent; width: 100%; height: 104px !important; margin: 0; border-top: 1px none #c4c4c4; border-bottom: 1px none #e6e6e6; border-right-style: none; border-left-style: none; border-radius: 0; }
.navbar-default .navbar-nav > li { padding-right: 25px; padding-left: 25px; }
.navbar-default .navbar-nav > li:nth-of-type(3) { padding-right: 0; }
.navbar-default .navbar-nav > li img { width: 200px; height: 25px; }
.navbar-default .navbar-nav > li > a { color: #fafafa; font-size: 18px; font-family: Poppins; font-weight: 400; line-height: 26px; background-color: transparent !important; text-transform: uppercase; text-align: left; letter-spacing: 0.2em; margin-top: 37px; padding: 0; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { background-color: transparent !important; text-decoration: none; border-bottom: 4px none #181c27; border-top-style: none; border-right-style: none; border-left-style: none; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #fafafa; background-color: transparent; text-decoration: none; border-bottom: 4px none #566cb0; border-top-style: none; border-right-style: none; border-left-style: none; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: transparent; text-decoration: none; }
.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggle .icon-bar:nth-of-type(3) { top: 2px; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; -webkit-transform: rotate(45deg) !important; -moz-transition: rotate(45deg) !important; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent !important; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; -webkit-transform: rotate(-45deg); -moz-transition: rotate(-45deg); transform: rotate(-45deg); }
.navbar-toggle .icon-bar { color: #000; background-color: #000; position: relative; transition: 300ms ease-in-out; border-style: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.navbar-default .navbar-toggle { float: left !important; margin-top: 22px !important; margin-right: 0 !important; margin-left: 30px; padding-right: 0; border-color: #ddd; border-style: none; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent !important; }
@media (max-width:1200px) {
	.navbar-default .navbar-nav li { padding-right: 15px !important; padding-left: 15px !important; }
}
@media (max-width:992px) {
	.navbar-brand { margin-top: 18px; margin-right: 15px; margin-left: 15px !important; }
	.logo-s { display: block !important; }
	.logo-w { display: none !important; }
}
@media (max-width:768px) {
	.navbar-brand { width: 271px; height: 34px; float: left !important; margin-top: 18px; margin-right: 15px !important; margin-left: 15px !important; display: block; }
}
@media (max-width:580px) {
	.header.open .navbar-brand { width: 220px; height: 28px; }
	.navbar-brand { width: 220px; height: 28px; margin-top: 21px; margin-left: 0 !important; float: right !important; margin-right: 15px; display: block; }
}
@media (max-width:320px) {
	.navbar-brand { margin-top: 18px; margin-right: 15px !important; margin-left: 0 !important; width: 154px !important; height: 33px !important; float: right !important; display: block; }
}
@media (max-width:1200px) {
	.navbar .navbar-nav li.last { margin-left: 15px !important; padding-left: 15px; }
	.navbar-default .navbar-nav > li { padding-right: 15px; padding-left: 15px; }
}
@media (max-width:992px) {
	.navbar-header { z-index: 2345 !important; float: none; display: block !important; }
	.navbar .navbar-nav li.last { margin-left: 0 !important; border-bottom-style: none !important; border-left-style: none !important; }
	.navbar-default .navbar-toggle { margin-left: 5px; }
	nav { width: 100% !important; padding: 0 !important; }
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover li { background-color: transparent !important; border-style: none; }
	.navbar-default .container { padding-right: 0; padding-left: 0; }
	.navbar .navbar-nav { background-color: #fff; width: 100% !important; height: auto !important; overflow: auto; float: left !important; max-height: 470px; margin: 0 !important; padding: 30px 40px 0 !important; display: block !important; }
	.navbar-default .navbar-nav > li > a { color: #585857; line-height: 42px !important; text-align: left; }
	.navbar-default .navbar-nav > li > a:hover {  }
	.navbar-default .navbar-nav > li { float: none !important; margin-top: 0 !important; margin-bottom: 0; padding: 0 !important; border-top-color: #e9e7d9 !important; border-top-style: solid; border-top-width: 1px !important; border-right-style: none; border-bottom-style: none; border-left-style: none; display: block !important; }
	.navbar-default .navbar-nav > li:first-child { border-style: none !important; }
	.navbar-collapse { height: auto !important; display: block; overflow-x: hidden !important; }
	.navbar-default .navbar-collapse { background-color: #fff; width: 100%; max-height: !important!important; margin-top: 0; padding: 5px 15px 40px !important; border-top-style: none; border-right-style: none; border-bottom-color: #c4c4c4 !important; border-bottom-style: none; border-bottom-width: 1px !important; border-left-style: none; }
	.navbar-collapse.collapse { overflow: hidden; display: none!important; }
	.navbar-default .navbar-toggle { float: right !important; margin-top: 25px; margin-right: 0; padding-right: 0 !important; display: block; }
	.navbar-default .collapse.in { display: block !important; }
	header { background-color: white; position: fixed; height: 70px; }
	.header { height: 70px !important; }
	.header.open { transform: translateY(0%); }
	.navbar-default { height: 70px !important;}
	.navbar .navbar-nav { padding-right: 15px !important; padding-left: 15px !important; }
	.navbar-header { height: 70px; }
	.navbar-default .navbar-toggle { margin-top: 22px !important; margin-right: 15px !important; }
}
@media (max-width:768px) {
	
}
@media (max-width:767px) {
	.header .container-fluid { padding-right: 15px; padding-left: 15px; }
	.navbar-default .navbar-nav > li > a { margin-top: 10px !important; }
}
@media (max-width:580px) {
	.navbar .navbar-nav .dropdown .dropdown-menu li { min-width: 140px !important; display: block !important; }
	header { height: 70px; }
	.header { height: 70px !important; }
	.navbar-header { height: 60px; }
	.navbar-default .navbar-toggle { margin-top: 16px !important; float: left !important; margin-left: 5px !important; }
	.navbar-default { height: 70px !important; }
	.navbar-default .navbar-nav > li > a { line-height: 46px !important; margin-top: 0 !important; }
}
@media (max-width:320px) {
	.navbar .navbar-nav .dropdown .dropdown-menu li { min-width: 116px !important; }
	#navbar { height: 400px !important; overflow-y: scroll !important; }
	.navbar-default .navbar-toggle { margin-left: 0px !important; }
}
/**/
#home { text-align: center !important; }
#home .container-fluid { max-width: 1440px; padding-right: 30px; padding-left: 30px; }
.banner { text-align: left; position: relative; width: 100%; height: 100%; overflow: hidden; }
.banner { background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 100%; min-height: 400px; background-size: cover; }
#home .banner { background-repeat: no-repeat; background-position: right top !important; width: 100%; height: 100%; min-height: 400px; background-size: cover; }
.full-caption { background-color: transparent; vertical-align: middle !important; position: absolute; height: 100%; margin: 0 auto; right: 0; top: 0; left: 0; bottom: 0; width: 100%; z-index: 6; overflow: hidden; max-height: 85% !important; display: table; }
.full-caption .vcenter { vertical-align: bottom; height: 100%; display: table-cell; }
.banner .swiper-slide { background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 100%; min-height: 400px; background-size: cover; }
.swiper-pagination { text-align: center !important; bottom: 60px !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; display: none; white-space: nowrap; }
.swiper-pagination-bullet { background-color: #fff !important; width: 12px !important; height: 12px !important; padding: 0 !important; border: solid 1px #262626; opacity: 1 !important; }
.swiper-pagination-bullet-active { background-color: #262626 !important; width: 12px !important; height: 12px !important; border: solid 1px #fafafa; }
.swiper-container .swiper-slide { width: 100%; height: auto; }
@media (max-width:1200px) {
	.full-caption .vcenter { text-align: center; display: table-cell; height: 100%; padding-bottom: 120px; }
	.claim-img { max-width: 90%; }
	.full-caption { vertical-align: middle; max-height: 100% !important; }
}
@media onlyscreenand(min-device-width:768px)and(max-device-width:1024px)and(orientation:landscape) {
	.full-caption .vcenter { padding-top: 30px; }
	.claim-img { max-width: 70%; }
}
@media (max-width:768px) {
	.full-caption .vcenter { padding-bottom: 90px; }
	.claim-img { max-width: 70%; margin-top: 30px; margin-bottom: 15px; }
}
@media (max-width:767px) {
	.banner { height: 540px !important; max-height: 550px; }
	#home { text-align: center; }
	.full-caption .vcenter { height: 540px; padding-bottom: 60px; }
	.full-height { height: 540px !important; max-height: 540px; }
	#home .container-fluid { padding-right: 0; padding-left: 0; }
	.swiper-pagination { text-align: center !important; bottom: 30px !important; padding-right: 0 !important; }
}
@media (max-width:580px) {
	.banner { height: 540px !important; max-height: 540px; }
	.full-caption .vcenter { height: 540px; }
	#home .banner { background-position: center 50%; }
	.claim-img { max-width: 100%; }
	#home .container-fluid { padding-right: 15px; padding-left: 15px; }
	.full-height { height: 540px !important; max-height: 540px; }
	.banner .swiper-slide { height: 540px; max-height: 540px; }
}
@media (max-width:320px) {
	.banner { height: 400px !important; max-height: 450px; }
	.full-height { height: 400px !important; max-height: 450px; }
	.full-caption .vcenter { height: 400px; }
	.banner .swiper-slide { height: 400px; max-height: 450px; }
}
/**/
footer { background-color: #fff; }
footer.footer2 { background-color: #171617; padding-top: 60px; padding-bottom: 60px; padding-left: 0 !important; }
.c-daten a { color: #fff !important; }
.legal { text-align: center; padding-top: 0; padding-bottom: 0; display: block !important; }
.legal.pages2 { text-align: left !important; }
.legals { margin-bottom: 0 !important; margin-left: 0; padding-left: 0; list-style-type: none; display: inline-block !important; }
.legals li { font-size: 15px; line-height: 20px; width: auto; float: left; padding-right: 15px; }
.legals li a { color: #fafafa; font-size: 16px; line-height: 20px; padding-right: 0; }
.legal li+li a { padding-left: 14px; border-left: 1px solid #fafafa; }
.legal li:first-child a { padding-left: 0; }
.legals li a:hover { text-decoration: underline; }
.legals li.active a { color: #e40520; }
.legals li:last-child { padding-right: 0 !important; }
.copyright { color: #fafafa; font-size: 13px; font-weight: 400; line-height: 18px; text-align: center !important; padding-top: 5px !important; display: block !important; padding-bottom: 10px; }
.copyright a { color: #000; font-size: 14px; line-height: 19px; }
.copyright a:hover { text-decoration: underline; }
.copyright.pages2 { text-align: left !important; }
.copyright br { display: block; }
.copyright p { color: #000; font-size: 13px !important; font-weight: 400; line-height: 18px !important; text-align: center; letter-spacing: 0.04em; margin-top: 0; }
.copyright h2 { color: #000 !important; font-size: 15px !important; font-weight: 700; line-height: 20px !important; text-align: center; letter-spacing: 0.04em; margin-top: 0; }
.copyright.pages2 p { text-align: left; }
@media (max-width:992px) {
	.copyright p { text-align: center; }
	.legal { text-align: center !important; }
	.logo-footer img { width: 80px; float: none; margin-right: auto; margin-left: auto; }
	.legals { text-align: center !important; display: inline-block !important; }
	footer { text-align: center !important; }
	.c-daten { text-align: center; float: none; padding-top: 15px; }
}
@media (max-width:768px) {
	footer { padding-left: 0; }
	.legal li+li a { padding-left: 0; border-left-style: none; }
	.legals li { float: none; padding-right: 0; display: block; }
}
@media (max-width:580px) {
	.copyright { padding-top: 15px; }
	.legals { padding-bottom: 15px; }
}
@media (max-width:370px) {
	.legals { text-align: center; }
}
@media (max-width:5320px) {
	.copyright { padding-top: 15px; }
}
/**/
.letsgo { font-size: 32px; line-height: 46px; background-color: transparent; position: absolute; width: 46px; height: 46px; text-align: center; right: 30px; bottom: 60px; z-index: 18; cursor: pointer; -webkit-transition: .25s ease; -moz-transition: .25s ease; -o-transition: .25s ease; transition: .25s ease; }
.letsgo a { color: #fafafa; display: inline-block !important; }
.letsgo a:hover { color: #fafafa; }
.letsgo:hover .arrow-down { margin-top: 20px; 
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3); }
.to-top { color: #0069b4; font-size: 32px; line-height: 46px; background-color: transparent; text-align: center; cursor: pointer; position: fixed; z-index: 18; bottom: 30px; right: 30px; width: 46px; height: 46px; margin-bottom: 0; display: none; border-radius: 50%; -webkit-transition: .25s ease; -moz-transition: .25s ease; -o-transition: .25s ease; transition: .25s ease; }
.to-top a { color: #8b8b8b; }
.to-top:hover a { color: #262626; }
@media (max-width:1440px) {
	.to-top { bottom: 30px; right: 30px; }
}
@media (max-width:767px) {
	.to-top { display: none !important; }
	.letsgo { bottom: 20px; display: none !important; }
}
/**/
#buero { background-color: transparent; text-align: left; position: relative; width: 100%; height: auto; padding-top: 90px !important; padding-bottom: 150px; }
#buero .container-fluid { max-width: 1170px; }
#kontakt { background-color: #fafafa; text-align: center; padding-top: 90px; padding-bottom: 90px; position: relative; width: 100%; height: auto; border-top: 1px solid #262626; border-bottom: 1px solid #262626; }
section { position: relative; padding-top: 0; padding-bottom: 0; }
.section { background-color: #fff; padding-top: 0; padding-bottom: 0; position: relative; }
.section-legals { background-color: #e9e7d9; padding-top: 140px; padding-bottom: 90px; position: relative; }
.container-fluid { max-width: 1440px; padding-right: 30px; padding-left: 30px; }
.container-fluid img { width: 100%; }
.pad30 { padding-bottom: 30px; }
.pad60 { padding-bottom: 60px; }
@media (max-width:768px) {
	.section {  }
	.section-legals { padding-top: 130px; padding-bottom: 60px; }
	#buero { padding-top: 60px; padding-bottom: 60px; }
}
@media (max-width:580px) {
	#buero .container-fluid { padding-right: 15px; padding-left: 15px; }
	.container-fluid { padding-right: 15px; padding-left: 15px; }
}
/**/
h1 { color: #1269b0; font-size: 70px; font-family: Poppins; font-weight: 500 !important; line-height: 75px; text-transform: uppercase; margin-top: 0; margin-bottom: 30px; }
.h1 { color: #1269b0; font-size: 90px; font-family: Poppins; font-weight: 300 !important; line-height: 100px; text-align: left; margin-top: 0; margin-bottom: 0; }
.h1 span { font-size: 50px; font-weight: 300; line-height: 60px; }
.h1b { color: #1269b0; font-size: 54px; font-family: Raleway; font-weight: 500 !important; line-height: 64px; margin-top: 0; margin-bottom: 30px; }
h2 { color: #000; font-size: 36px; font-family: Raleway; font-weight: 400; line-height: 46px; margin-top: 0; margin-bottom: 15px; }
h3 { font-family: Poppins; line-height: 29px; margin-top: 0; }
.h3 span { font-size: 16px !important; line-height: 21px !important; }
.h3 { color: #fff; font-size: 30px; font-family: Lora; font-weight: 400; line-height: 40px; text-align: left; margin-top: 0; margin-bottom: 0; display: block; }
#home h1 { color: #fff; font-size: 90px; font-weight: 700; line-height: 100px; margin-top: 0; margin-bottom: 15px; }
#home .h3 {  }
#home .h1 { color: #fff; text-align: left; }
p { font-size: 17px; font-weight: 400; line-height: 25px; margin-bottom: 20px; }
a{ color: #262626; 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: #262626; text-decoration: none; }
a:focus{ color: #000; text-decoration: none; }
p.lead { color: #0069b4; font-size: 30px; font-weight: 400; line-height: 40px; margin-bottom: 10px; }
.small { font-size: 13px; line-height: 18px; }
.white { color: #fff !important; }
@media onlyscreenand(min-device-width:768px)and(max-device-width:1024px)and(orientation:landscape) {
	#home h1 { font-size: 30px; line-height: 35px; }
	h2 { font-size: 36px; line-height: 44px; }
	.h1 { font-size: 50px; line-height: 60px; }
	h1 { font-size: 45px; line-height: 50px; }
	#pages-header h1 { font-size: 45px !important; line-height: 50px !important; }
	#pages-header h2 { font-size: 30px; line-height: 35px; }
}
@media (max-width:768px) {
	#home h1 { font-size: 30px; line-height: 35px; }
	h2 { font-size: 36px; line-height: 44px; }
	.h3 { font-size: 16px; line-height: 21px; }
	.h1b { font-size: 30px; line-height: 35px; }
	h1 { font-size: 45px; line-height: 50px; }
	#pages-header h1 { font-size: 45px !important; line-height: 50px !important; }
	#pages-header h2 { font-size: 30px; line-height: 35px; }
}
@media (max-width:767px) {
	p.lead { font-size: 18px; line-height: 23px; }
	.cta p.lead { font-size: 16px; line-height: 21px; }
	#section-two p.lead { font-size: 20px; line-height: 25px; }
	h2 { font-size: 28px; font-weight: 700; line-height: 33px; }
	#home h1 { font-size: 28px; line-height: 33px; }
	.h1 { font-size: 50px; line-height: 1; }
	.h1 span { font-size: 28px; line-height: 1; }
	.h1 span.ort { display: block; }
	p { font-size: 17px; line-height: 22px; }
	.h1X { font-size: 35px; line-height: 40px; }
	h1 { font-size: 45px; line-height: 50px; }
	#videos-werbung h2 { font-size: 35px !important; font-weight: 700; line-height: 40px !important; }
	#audio-werbung h2 { font-size: 35px !important; font-weight: 700; line-height: 40px !important; }
	#print-werbung h2 { font-size: 35px !important; font-weight: 700; line-height: 40px !important; }
	#pages-header h1 { font-size: 35px !important; line-height: 40px !important; }
	#pages-header h2 { font-size: 20px !important; line-height: 25px !important; }
}
@media (max-width:580px) {
	#home h1X { font-size: 20px; line-height: 25px; }
	.cta p.lead { font-size: 16px; line-height: 21px; max-width: 80%; margin-right: auto; margin-left: auto; }
	.cta h2 { font-size: 22px !important; font-weight: 700; line-height: 27px !important; }
	.h1 { font-size: 43px; line-height: 1; }
	.h1 span { font-size: 23px; line-height: 1; }
	.h1X { font-size: 30px; line-height: 35px; }
	h2 { font-size: 20px !important; font-weight: 700; line-height: 25px !important; }
	#parallax .more-info-title { font-size: 25px !important; line-height: 30px !important; }
	#pages5 h3, #pages4 h3 { color: #585857; font-size: 25px; font-weight: 700; line-height: 30px; text-align: center; margin-top: 60px; }
}
/**/
#projekte { background-color: #fafafa; position: relative; width: 100%; padding-top: 60px; padding-bottom: 60px; }
#projekt { background-color: #fafafa; padding-top: 115px; padding-bottom: 60px; position: relative; width: 100%; }
.class { }
.hidden-more { display: none; }
#aktuelles { background-color: #fafafa; position: relative; width: 100%; padding: 60px 2px; }
#aktuelles .container-fluid { max-width: 1440px; padding-right: 180px; padding-left: 180px; }
.sortierung2 li { font-family: Poppins; float: left; list-style-type: none; }
.sortierung2 { text-align: center; position: relative; width: 100%; margin-bottom: 30px; }
.sortierung2 ul { text-align: center; margin-right: auto; margin-left: auto; padding-left: 0; display: inline-block !important; }
.sortierung3 { display: none; }
.sortierung2 li a.active  { color: #212121; background: transparent; text-decoration: none; border-color: #212121; }
.owl-carousel .item { min-height: 610px; }
.owl-carousel .item .h3 { color: #262626; font-size: 20px; font-family: Poppins; line-height: 30px; text-align: center; margin-top: 15px; margin-bottom: 30px; }
.h4 { color: #262626; font-size: 20px; font-family: Poppins; line-height: 30px; text-align: left; margin-top: 15px; margin-bottom: 0; }
.owl-carousel .item .h3 span { display: block; }
.item { background-color: #fafafa; position: relative; width: 100%; overflow: hidden; margin-top: 0; margin-bottom: 16px; padding: 15px; border: solid 1px #262626; }
#projekte .item:hover { background-color: #262626; }
#projekte .item { -moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
#projekte .item:hover { -moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
#projekte .item:hover .more-info-title { color: #fafafa; }
#projekte .item:hover .filter-a span { color: #fafafa; border-color: #fafafa; }
.more-info-title { color: #262626; font-size: 28px; font-family: Poppins; font-weight: 400; line-height: 33px; text-align: left; }
.more-info-title span { font-size: 16px; font-family: Poppins; font-weight: 400; line-height: 21px; text-align: left; }
.item img { width: 100%; }
figure a .text-overlay { text-decoration: none; position: relative; width: 100%; height: 100%; overflow: hidden !important; max-width: 100%; padding: 15px 0 0; transition: all 0.4s; }
figure a .text-overlay .caption { height: 100%; text-decoration: none; width: 100%; text-align: left; vertical-align: middle; display: table; }
figure a .text-overlay .info { text-align: center; vertical-align: middle; padding-right: 0; padding-left: 0; display: table-cell; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; }
.figure a .text-overlay .info2 { text-align: left; padding-top: 15px; }
.filter-a span { font-size: 10px; line-height: 15px; border: solid 1px #262626; display: inline-block; border-radius: 12px; }
.filter-a { font-family: Poppins; text-align: right; position: relative; width: 100%; padding-top: 10px; padding-bottom: 0; display: block; }
.filter-a span { color: #262626; font-size: 11px; line-height: 18px; letter-spacing: 0.01em; margin-right: 1px; margin-left: 1px; display: inline-block; padding: 2px 6px; border: solid 1px; border-radius: 12px; }
.sortierung2 li a { color: #262626; font-size: 16px; line-height: 26px; background-color: transparent; display: inline-block; margin-right: 2px; margin-left: 2px; padding: 2px 14px; border: solid 1px transparent; border-radius: 24px; }
.sortierung2 li a:hover { color: #212121; background-color: transparent; text-decoration: none; border-color: #212121; }
@media (max-width:1380px) {
	.owl-carousel .item .h3 { min-height: 85px; }
}
@media (max-width:1340px) {
	.filter-a span { font-size: 10px; line-height: 15px; margin-right: 0; margin-left: 0; }
}
@media (max-width:1300px) {
	.more-info-title span.ort { display: block; }
}

@media (max-width:1200px) {
	.filter-a span { font-size: 10px; line-height: 15px; margin-right: 0; margin-left: 0; }
	.more-info-title span.ort { display: inline; }
	#aktuelles .container-fluid { padding-right: 90px; padding-left: 90px; }
}
@media (max-width:992px) {
	
}
@media (max-width:768px) {
	.sortierung2 { display: none; }
	#projekte { padding-top: 90px; padding-bottom: 90px; }
	#projekt { padding-top: 140px; padding-bottom: 90px; }
	.sortierung3 { display: block; }
}
@media (max-width:767px) {
	.item { margin-bottom: 15px; padding: 0 0 25px; border-style: none; }
	#projekte { padding-top: 60px; padding-bottom: 0 !important; }
	#projekt { padding-bottom: 0; }
	.filter-a { display: none; }
	#aktuelles { padding-top: 60px; padding-bottom: 0; }
	#projekte .item:hover { background-color: #fafafa; }
	#projekte .item:hover .more-info-title { color: #212121; }
	.owl-carousel .item { min-height: 100px; padding-right: 30px; padding-left: 30px; border-style: none; }
	#aktuelles .container-fluid { padding-right: 25px; padding-left: 25px; }
}
/**/
.sortierung { position: relative; width: 100% !important; }
.sortierung3 { padding-bottom: 30px; }
.all { text-align: right; position: absolute; top: -25px; right: 0; width: 140px; z-index: 6; }
.all li { padding-left: 0; list-style-type: none; }
.divider { background-color: #476126; position: absolute; top: 36px; left: 0; right: 0; width: 100%; height: 1px; z-index: 1; }
#section-nine { position: relative; width: 100%; padding-top: 90px; padding-bottom: 120px; }
#section-nine .container-fluid { max-width: 1340px; }
.sortierung .panel .panel-collapse .panel-body { color: #1f1f1f; background-color: #fafafa; background-image: none !important; background-repeat: repeat !important; background-attachment: scroll !important; background-position: 0 0 !important; border-top: 1px none #d1d1d1; padding: 15px 20px 15px 15px; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.sortierung .panel .accordion-heading { color: #262626 !important; font-size: 17px !important; font-family: Poppins; font-weight: 500 !important; line-height: 52px !important; background-color: #fafafa; text-align: center; margin: 0; padding: 0 20px 20px; outline-style: none; display: block; box-shadow: none; }
.sortierung .panel-group { margin: 0 0 0; }
.sortierung .panel .panel-heading .panel-title { font-size: 20px; line-height: 30px; }
.sortierung .panel .accordion-heading a { color: #262626; width: 100%; padding: 0; display: inline-block !important; }
.sortierung .panel .panel-heading a:focus { color: #000; }
.sortierung .panel .panel-heading a:active { color: #262626; }
.sortierung .panel .panel-heading a:hover { color: #262626; }
.sortierung .panel { background-color: #fafafa !important; margin-bottom: 0 !important; padding-bottom: 0 !important; border: 1px #262626; box-shadow: none; }
.sortierung .panel .panel-collapse .panel-body ul { padding-bottom: 0; padding-left: 5px; }
.sortierung .panel .panel-collapse .panel-body li { color: #262626; font-size: 17px; font-family: Poppins; font-weight: 400; line-height: 25px; background-color: #fafafa; text-align: center; width: 100%; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #ccc; list-style-type: none; list-style-position: outside; }
.sortierung .panel .panel-collapse .panel-body li.full-width { width: 100%; }
.sortierung .panel .panel-collapse .panel-body li:last-child { border-bottom-style: none; }
.sortierung .panel .panel-collapse .panel-body li a { color: #262626; width: 100%; display: inline-block !important; }
.sortierung .panel .panel-collapse .panel-body li a:hover { color: #262626; }
.sortierung .panel .panel-collapse .panel-body ol { padding-left: 0; }
.sortierung .panel .title-list { width: 90%; float: left !important; }
.sortierung .panel .panel + .panel {
  margin-top: 1px;
}
@media (max-width:767px) {
	.presse-hinweis, .presse-hinweis2 { position: relative; margin-bottom: 15px; display: none; }
}
@media (max-width:580px) {
	#section-nine { padding-bottom: 0; }
	.sortierung { position: relative; z-index: 0; }
	.divider { display: none; }
	.sortierung .panel .accordion-heading { border-style: none !important; }
	.sortierung .panel { border-style: none !important; }
}
.indicator { color: #262626; font-size: 20px; line-height: 52px; float: right; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
/**/
.owl-prev { color: #262626 !important; font-size: 16px !important; font-weight: 400 !important; line-height: 40px !important; background-color: transparent; margin-top: -50px; position: absolute; z-index: 2; top: 50%; left: -120px; width: 28px !important; height: 100px !important; padding: 0; }
button { border-style: none !important; outline-style: none !important; }
.owl-prev img { width: 28px; height: 100px; }
.owl-dots { display: none; }
.owl-next img { width: 28px; height: 100px; }
.owl-next { color: #262626 !important; font-size: 16px !important; font-weight: 400 !important; line-height: 40px !important; background-color: transparent; position: absolute; top: 50%; right: -120px; width: 28px; height: 100px; z-index: 2; margin-top: -50px; padding: 0; }
.vita { text-align: left; margin-left: 0; padding-bottom: 0; padding-left: 0; list-style-type: none; }
.beruf { font-size: 13px; line-height: 18px; }
.beruf2 { font-size: 18px; line-height: 23px; }
/**/
.projekt-list { margin-left: 0; padding-left: 20px; }
.box-white { padding-left: 30px; }
@media (max-width:1200px) {
	.box-white { padding-left: 0; }
}
@media (max-width:768px) {
	.owl-prev { left: -36px; }
	.owl-prev img { width: 17px; height: 60px; }
	.owl-next img { width: 17px; height: 60px; }
	.owl-next { right: -36px; }
}
@media (max-width:767px) {
	.owl-prev { left: -17px; }
	.owl-prev img { width: 17px; height: 60px; }
	.owl-next img { width: 17px; height: 60px; }
	.owl-next { right: -17px; }
}
/**/
#p-nav { background-color: #fafafa; position: relative; width: 100%; padding-top: 0; padding-bottom: 60px; border-bottom: 1px solid #262626; }
.project-nav { margin-left: 0; padding-top: 0; padding-left: 0; list-style-type: none; display: inline-block; }
.project-nav li { font-size: 25px; line-height: 30px; float: left; padding-right: 10px; padding-left: 10px; display: inline; }
.project-nav li a { font-size: 20px !important; font-family: Poppins; font-weight: 400 !important; line-height: 40px; padding-right: 0; padding-left: 0; display: block; }
.project-nav li a span { margin-top: 0 !important; margin-left: 10px; display: inline-block; }
.project-nav li i { font-size: 30px !important; font-weight: 400 !important; line-height: 40px !important; float: left; margin-right: 5px; }
.prev-project:hover, .next-project:hover { color: #666; background-color: transparent; }
/**/
#parallax { background: url(../images/klaerle_bg1.jpg) no-repeat fixed right bottom; width: 100%; height: 700px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax .box-tc {  }
.parallax-wrapper { padding-top: 0; padding-bottom: 0; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 500px; z-index: 3; display: table; }
.parallax-wrapper-box { display: table-cell !important; width: 100%; height: 500px; vertical-align: middle; padding-top: 90px; padding-bottom: 90px; }
.box-contact { background-color: rgba(255,255,255,0.85); position: relative; width: 100%; max-width: 460px; margin-right: auto; margin-left: auto; padding: 30px 30px 20px; display: inline-block; }
.box-contact a:hover { text-decoration: underline; }
.box-contact p { font-size: 20px; font-family: Poppins; line-height: 25px; }
.box-contact img { max-width: 280px; margin-right: auto; margin-left: auto; }
.bg { background-color: rgba(0, 0, 0, 0.35); position: absolute; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 2; bottom: 0 !important; width: 100%; height: 500px; display: block; }
@media onlyscreenandmin-device-width:768px)andmax-device-width:1024px) {
	#parallax { background-attachment: scroll !important; background-position: center bottom; margin: 0 auto !important; width: 100% !important; height: 600px !important; min-height: 450px !important; }
	.box3 { width: 80%; }
}
@media (max-width:992px) {
	#parallax { background-color: transparent !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center top !important; width: 100%; height: 540px !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
	#parallax {  }
}
@media (max-width:768px) {
	#parallax { background: url(../images/klaerle_bg1.jpg) no-repeat center top !important; width: 100%; height: 540px !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
	.parallax-wrapper-box { height: 540px; }
	.parallax-wrapper { height: 540px; }
	.box3 { width: 100%; padding-top: 30px; padding-right: 30px; padding-left: 30px; }
	.bg { height: 540px !important; min-height: 540px; max-height: 540px; }
	#parallax {  }
}
@media (max-width:767px) {
}
@media (max-width:580px) {
	#parallax3 { background-attachment: scroll !important; background-position: -160px top !important; margin: 0 auto !important; width: 100% !important; height: 450px !important; min-height: 450px !important; }
	.project-nav li a { font-size: 16px !important; line-height: 40px !important; padding-right: 0; padding-left: 0; }
	.project-nav li { padding-right: 5px; padding-left: 5px; }
	.project-nav li a span { margin-left: 5px; }
	#parallax {  }
	#parallax .container-fluid { padding-right: 0; padding-left: 0; }
	.copyright br { display: block; }
	.bottom-gradient { top: 0 !important; bottom: inherit !important; height: 140px; margin-top: 210px; }
	.box-contact p { font-size: 16px; line-height: 21px; }
	.box-contact { padding: 15px; }
}
@media only screen and (min-device-width:375px) and (max-device-width:670px) and (orientation:landscape) {
	.bottom-gradient { top: 0 !important; bottom: inherit !important; height: 170px; margin-top: 370px; }
	.box-tc2 { padding-bottom: 30px; }
}
.box-t { display: table; table-layout: fixed; width: 100%; height: 100%  ; }
.box-tc { text-align: center; display: table-cell; width: 100%; height: 650px; vertical-align: middle; }
@media (max-width:992px) {
	.box1 { height: auto; padding: 15px; }
	.box1b { padding: 15px; height: auto; }
	.box8 { padding: 15px 15px 0; height: auto; }
	.box8 .box-tc { padding: 30px 15px; }
	.box2 { height: auto; padding: 15px !important; }
	.box2b { padding: 15px !important; height: auto; }
	.box3 { padding: 15px 15px 40px; }
	.box5 { padding: 15px; height: auto; }
	.box-tc { height: 450px; padding: 30px 15px; }
	.box6 { padding: 30px 0; height: auto; }
	.box99 { padding: 30px 0; height: auto; }
}
/**/
.box_upage { background-color: #fff; margin-top: 8%; margin-left: -100px; padding: 50px; }
.box_upage7 { background-color: transparent; text-align: left; margin-top: 0; margin-left: 0; padding: 15px 30px 0; border: 1px #262626; }
.divider44 { background-color: #171617; width: 80%; height: 1px; margin-top: 30px; margin-bottom: 30px; }
.box-gr { background-color: #fafafa; text-align: right; position: relative; width: 100%; height: auto; min-height: 250px; padding: 15px; border-left: 1px solid #000; display: inline-block; }
.box-gr p { font-family: Poppins; }
.box-gr p span { font-family: Lora, Helvetica, Geneva, Arial, sans-serif; }
.box-gr2 { background-color: #f2f2f2; display: inline-block; padding: 15px; position: absolute; z-index: -1; top: 10%; left: 10%; width: 50%; height: 90%; }
.box_upage7c { padding: 15px; border: solid 1px #262626; }
.box_upage7b { padding-top: 60px; padding-left: 30px; }
.box_upage7b p { font-size: 20px; line-height: 30px; }
.box_upage2 { background-color: #fff; position: relative; z-index: 2; margin-top: 8%; margin-right: -100px; padding: 50px; }
@media (max-width:992px) {
	.box_upage2 { margin-top: 0; margin-right: 0; padding: 30px 15px 15px; }
	.box_upage { margin-top: 0; margin-right: 0; margin-left: 0; padding: 30px 15px 15px; }
	.box_upage7 { margin-top: 0; margin-left: 0; padding: 15px 15px 30px; }
	.box-gr { text-align: left; margin-top: 30px; border-top: 1px solid #000; border-left-style: none; }
}
@media (max-width:767px) {
	.box_upage7 { margin-top: 0; margin-left: 0; padding: 30px 0 30px 0; }
	.box-gr { text-align: left; min-height: 50px; border-top-style: none; border-left-style: none; }
}
.no-gutters > [class*="col-"] { padding-right: 8px; padding-left: 8px; }
.no-gutters .pad30 { padding-bottom: 0; }

.navbar-default .navbar-nav li a::after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #212121;
  display: block;
  transition: width 0.5s;
}

.navbar-default .navbar-nav li a:hover::after {
  width: 100%;
}
.navbar-default .navbar-nav li.active a::after { width: 100%; }
.f-icon { width: 40px !important; margin-right: auto; margin-left: auto; }
#projekt .more-info-title {
color: #262626;
font-size: 40px;
font-family: Poppins;
font-weight: 500;
line-height: 50px;
text-align: left;
}
#projekt .more-info-title span {
font-size: 20px;
font-family: Poppins;
font-weight: 400;
line-height: 30px;
text-align: left;
margin-top: 10px;
}
.projekt-list li { font-size: 17px; line-height: 25px; text-align: left; padding-top: 0; padding-bottom: 0; padding-left: 0; list-style-type: none; }
.projekt-list { padding-left: 0; }
.projekt-list li span { text-align: right; }
#projekt td span { color: #7f7f7f; padding-right: 30px; }
#projekt td  { padding: 5px 0; border-style: none; }
#projekt table { margin-bottom: 30px; }
/* */
.accordion-heading p { color: #000; font-size: 17px !important; font-weight: 700 !important; line-height: 25px !important; text-transform: none !important; margin-top: 7px !important; margin-bottom: 7px !important; padding-right: 0 !important; padding-left: 0 !important; display: block; }
.accordion-heading p span { width: 90% !important; display: inline-block !important; }
.accordion-heading { font-size: 17px; line-height: 25px; background-color: transparent; padding-top: 0; padding-right: 0 !important; padding-bottom: 0; padding-left: 0 !important; border-top: 1px solid #ccc !important; border-bottom-style: none; }
.accordion-inner{ text-align: left !important; padding: 15px 0 !important; display:block; }
.panel-heading { background: transparent!important; margin-top: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0 15px 0 0; margin-bottom: 0; border-style: none; }
.accordion4 .panel{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width:100%; margin: 0 !important; padding: 0 !important; }
.accordion4 ..accordion5 h2 { color: #000; }
.accordion .panel p { font-size: 17px !important; line-height: 25px !important; padding-right: 0; padding-bottom: 0; padding-left: 0; }
.indicator { color: #111; font-size: 25px; line-height: 25px; float: right; }
.panel-heading { background: transparent!important; margin-top: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0 15px 0 0; margin-bottom: 0; border-style: none; }
#accordion5 .panel, #accordion4 .panel, #accordion6 .panel { background: transparent !important; width: 100%; margin: 0 !important; padding: 0 !important; border-bottom-color: #dadada; border-bottom-width: 1px; }
.accordion-head h2, .accordion-head h5 { color: #fabc43; margin-bottom: 20px; }
.accordion-head { margin-bottom: 15px; }
.accordion-heading.first-child { border-top-style: none; }
.accordion-inner{ text-align: left !important; padding: 0 0 0 !important; display:block; }
.accordion-heading a { color: #000; line-height: 25px; }
.accordion { padding-top: 15px; padding-left: 0; }
.accordion-heading a:hover { text-decoration: none; }
.panel { border-bottom: 1px solid #ccc !important; box-shadow: none; }
@media (max-width:992px) {
	.accordion { padding-left: 0; }
}
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
white-space: normal;
}
.table-responsive { border-style: none; }
/**/
#pages-legals { background-color: #f2f2f2; position: relative; width: 100%; padding-top: 140px; padding-bottom: 90px; }
#pages-legals .container-fluid { max-width: 1440px; padding-right: 30px !important; padding-left: 30px !important; }
ul.impressum { padding-top: 0; padding-bottom: 20px; padding-left: 0; list-style-type: none; }
#pages-legals p { font-size: 16px; line-height: 21px; }
.impressum-p { font-size: 16px; line-height: 21px; margin-bottom: 0; }
.dps ul li { color: #171717; font-size: 15px; font-style: normal; line-height: 20px; margin-left: 0; padding-left: 0; list-style-type: disc; list-style-position: outside; }
.dps { padding: 0; }
.dps ul { padding-top: 15px; padding-bottom: 15px; }
ul.stylenone li { list-style-type: none !important; }
ul.styleyes li { list-style-type: disc !important; }
.dps p { font-size: 16px !important; font-weight: 400 !important; line-height: 21px !important; margin-bottom: 10px; }
.dps p.small2 { font-size: 13px !important; line-height: 15px !important; }
.dps a { color: #171717; text-decoration: none; display: inline-block; }
.dps a:hover { color: #262626 !important; text-decoration: underline !important; }
.dps h5 { color: #171717; font-size: 18px; font-weight: 700; font-style: normal; line-height: 23px; text-transform: none !important; text-align: left; margin-top: 30px; margin-bottom: 10px; margin-left: 0; padding-left: 0; display: block; }
.dps h3 { font-size: 23px; line-height: 28px; }
.dps h6 { color: #171717; font-size: 16px; font-weight: 700; font-style: normal; line-height: 21px; text-transform: none; margin-bottom: 0; padding-top: 0; }
.dps .stand { padding-top: 30px; display: block; }
@media (max-width:767px) {
	.dps { padding: 15px; }
	#pages-legals { padding-top: 90px; padding-bottom: 60px; }
	#pages-legals .container-fluid { padding-right: 15px !important; padding-left: 15px !important; }
}
.p-w { padding-left: 10px; list-style-type: "- "; }