html {
	position:relative;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:scroll;
}

body {
	position:relative;
	margin:0;
	padding:0;
	font-family:'Helvetica Now Text W01',sans-serif;
	overflow:hidden;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;
	font-size:0;
	line-height:0;
}

img {
	border:0;
	outline:0;
	max-width:100%;
	height:auto;
}

a {
	text-decoration:none;
	-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;
}

#ohsmall, #ohmobile, #ohtablet {
	   display:none;
}

.text-center, .align-center {
	text-align:center;
}

.text-right, .align-right {
	text-align:right;
}

@media (max-width:1023px) {

#ohtablet {
	display:block;
}

}

@media (max-width:767px) {

#ohmobile {
	display:block;
}

}

@media (max-width:480px) {

#ohsmall {
	display:block;
}

}

#menubutton {
	position:fixed;
	right:10px;
	top:10px;
	width:40px;
	height:40px;
	cursor:pointer;
	-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;
	border:0;
	z-index:1000;
	box-sizing:border-box;
	display:block;
}

@media (min-width:1024px) {

#menubutton {
	display:none;
}

}

#line1, #line2, #line3 {
	position:absolute;
	width:20px;
	height:2px;
	background:#000;
	right:10px;
	-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;
}

#line1 {
	top:12px;
}

#line2 {
	top:50%;
	margin-top:-1px;
}

#line3 {
	top:auto;
	bottom:12px;
}

.active #line1 {
	-moz-transform:translate(0,7px) rotate(45deg);
	-ms-transform:translate(0,7px) rotate(45deg);
	-o-transform:translate(0,7px) rotate(45deg);
	-webkit-transform:translate(0,7px) rotate(45deg);
	transform:translate(0,7px) rotate(45deg);
}

.active #line2 {
	-moz-transform:translate(0,0) rotate(-45deg);
	-ms-transform:translate(0,0) rotate(-45deg);
	-o-transform:translate(0,0) rotate(-45deg);
	-webkit-transform:translate(0,0) rotate(-45deg);
	transform:translate(0,0) rotate(-45deg);
}

.active #line3 {
	display:none;
}

.color-blue {
	color:#00143c;
}

.bg-blue {
	background:#00143c;
}

.color-grey {
	color:#9c9ea0;
}

.bg-grey {
	background:#9c9ea0;
}

.color-light {
	color:#f5f6f7;
}

.bg-light {
	background:#f5f6f7;
}

.padding-top-zero {
	padding-top:0;
}

.padding-top-small {
	padding-top:30px;
}

.padding-top-default {
	padding-top:60px;
}

.padding-top-big {
	padding-top:120px;
}

.padding-bottom-zero {
	padding-bottom:0;
}

.padding-bottom-small {
	padding-bottom:30px;
}

.padding-bottom-default {
	padding-bottom:60px;
}

.padding-bottom-big {
	padding-bottom:120px;
}

.padding-bottom-max {
	padding-bottom:180px;	
}

@media (max-width:767px) {

.padding-top-small {
	padding-top:20px;
}

.padding-top-default {
	padding-top:40px;
}

.padding-top-big {
	padding-top:60px;
}

.padding-bottom-small {
	padding-bottom:20px;
}

.padding-bottom-default {
	padding-bottom:40px;
}

.padding-bottom-big {
	padding-bottom:60px;
}

}

.oh-typo h1 {
	position:relative;
	font-family:'Helvetica Now Display W01',sans-serif;
	font-size:56px;
	line-height:1.16;
	font-weight:700;
	margin:0 auto 30px;
	padding:0;
	color:#17191b;
}

.title-dog h1 {
	display:inline-block;
}

.title-dog h1:before {
	position:absolute;
	top:50%;
	left:-55px;
	transform:translate(0,-50%);
	background:url(../img/dog.svg) no-repeat center center;
	background-size:100% 100%;
	width:70px;
	height:90px;
	content:'';
}

.oh-typo h2 {
	font-family:'Helvetica Now Display W01',sans-serif;
	font-size:32px;
	line-height:1.16;
	font-weight:700;
	margin:0 auto 20px;
	padding:0;
	color:#17191b;
}

.oh-typo h2 em {
	font-style:normal;
	border-bottom:2px solid #000;
}

.oh-typo h2.bigger {
	font-family:'Helvetica Now Text W01',sans-serif;
	font-weight:400;
	white-space:nowrap;
	letter-spacing:2px;
}

.oh-typo h3 {
	font-family:'Helvetica Now Display W01',sans-serif;
	font-size:24px;
	line-height:1.16;
	font-weight:700;
	margin:0 auto 10px;
	padding:0;
	color:#17191b;
}

.oh-typo h4 {
	font-family:'Helvetica Now Text W01',sans-serif;
	font-size:20px;
	line-height:1.35;
	font-weight:700;
	margin:0 auto 10px;
	padding:0;
	color:#17191b;
}

.oh-typo p {
	font-family:'Helvetica Now Text W01',sans-serif;
	font-size:16px;
	line-height:1.35;
	font-weight:400;
	margin:0 auto 20px;
	padding:0;
	color:#17191b;
}

.oh-typo p b, .oh-typo p strong {
	font-weight:700;
}

.oh-typo p a {
	color:#00143c;
}

.oh-typo p a:hover {
	opacity:0.7;
}

.oh-typo h5 {
	font-family:'Helvetica Now Micro W01',sans-serif;
	font-size:16px;
	line-height:1.5;
	font-weight:400;
	margin:0 auto 5px;
	padding:0;
	color:#00143c;
}

.oh-typo h5 a {
	padding:7px 13px;
	border-radius:20px;
	background:#00143c;
	color:#fff;
	border:1px solid #17191b;
	display:inline-block;
}

.oh-typo h5 a:hover {
	background:transparent;
	color:#17191b;
}

.oh-typo h6 {
	font-family:'Helvetica Now Micro W01',sans-serif;
	font-size:12px;
	line-height:1.5;
	font-weight:400;
	margin:0 auto 5px;
	padding:0;
	color:#00143c;
}

.oh-typo h6 a {
	padding:5px 9px;
	border-radius:20px;
	background:#00143c;
	color:#fff;
	border:1px solid #17191b;
	display:inline-block;
}

.oh-typo h6 a:hover {
	background:transparent;
	color:#17191b;
}

.oh-typo ul {
	font-family:'Helvetica Now Text W01',sans-serif;
	font-size:16px;
	line-height:1.35;
	font-weight:400;
	margin:0 auto 30px;
	padding:0 0 0 30px;
	color:#17191b;
}

.oh-typo ol {
	font-family:'Helvetica Now Text W01',sans-serif;
	font-size:16px;
	line-height:1.35;
	font-weight:400;
	margin:0 auto 30px;
	padding:0 0 0 30px;
	color:#17191b;
}

.oh-typo h1:last-child, .oh-typo h2:last-child, .oh-typo h3:last-child, .oh-typo h4:last-child, .oh-typo h5:last-child, .oh-typo h6:last-child, .oh-typo p:last-child, .oh-typo ul:last-child, .oh-typo ol:last-child {
	margin:0 auto;
}

.oh-typo-invers h1, .oh-typo-invers h2, .oh-typo-invers h3, .oh-typo-invers h4, .oh-typo-invers h5, .oh-typo-invers h6, .oh-typo-invers p, .oh-typo-invers ul, .oh-typo-invers ol {
	color:#fff;
}

.oh-typo-invers h5 a {
	background:#fff;
	color:#00143c;
	border:1px solid #fff;
}

.oh-typo-invers h5 a:hover {
	background:transparent;
	color:#fff;
}

.oh-typo-invers h6 a {
	background:#fff;
	color:#00143c;
	border:1px solid #fff;
}

.oh-typo-invers h6 a:hover {
	background:transparent;
	color:#fff;
}

aside {
	position:fixed;
	bottom:0;
	left:0;
	right:0;	
	z-index:100;
	pointer-events:none;
	transform:translate(0,100%);
	-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;
	background:url(../img/footer-bg.png) no-repeat center center;
	background-size:100% 100%;
}

.scrolled aside {
	transform:translate(0,0);
}

aside img {
	display:block;
	margin:0 auto;
	max-width:1200px;
	width:100%;
	-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;
}

aside img:nth-child(2) {
	position:absolute;
	left:50%;
	top:0;
	opacity:0;
	transform:translate(-50%,0);
}

.scrolled.up aside img:nth-child(2) {
	opacity:1;
}

header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	background:#fff;
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
}

.header-inner {
	position:relative;
	margin:0 auto;
	padding:0;
	max-width:1200px;
	height:60px;
}

.header-logo {
	position:absolute;
	top:5px;
	left:10px;	
}

.header-logo a {
	display:block;
}

.header-logo img {
	width:auto;
	height:50px;
}

.header-cta {
	position:absolute;
	top:50%;
	right:10px;
	transform:translate(0,-50%);
}

nav {
	position:relative;
	text-align:center;
}

nav ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}

nav li {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
	padding:10px 0;
	vertical-align:top;
}

nav a {
	position:relative;
	font-family:'Helvetica Now Text W01',sans-serif;
	font-weight:400;
	display:block;
	padding:10px;
	font-size:16px;
	line-height:20px;
	color:#17191b;
}

nav a:hover, nav .active a {
	color:#9c9ea0;	
}

@media (min-width:1024px) {

nav {
	display:block!important;
}

}

@media (max-width:1023px) {

.header-cta {
	right:60px;
}

nav {
	position:fixed;
	top:60px;
	left:0;
	right:0;
	bottom:0;
	background:#fff;
	display:none;
}

nav ul {
	position:absolute;
	top:0;
	left:0;
	right:0;
}

nav li {
	display:block;
	padding:10px 0;
	border-bottom:1px solid #9c9ea0;
}

nav li:last-child {
	border:0;
}

}

footer {
	position:relative;
}

.footer-inner {
	position:relative;
	max-width:1200px;
	margin:0 auto;
}

.footer-col {
	position:relative;
	width:33.3333%;
	vertical-align:middle;
	padding:0 10px;
	box-sizing:border-box;
	display:inline-block;
}

.footer-col:nth-child(1) {

}

.footer-col:nth-child(2) {
	text-align:center;
}

.footer-col:nth-child(2) img {
	width:100%;
	max-width:65vw;
}

.footer-col:nth-child(3) {
	text-align:right;
}

.footer-col:nth-child(3) {

}

.footer-col span {
	display:inline-block;
	cursor:pointer;
	-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;
}

.footer-col span:hover, .footer-col span.active {
	color:#9c9ea0;
}

#open-imprint {
	margin:0 20px 0 0;
}

#privacy, #imprint {
	display:none;
}

< id="footermain" class="bg-blue">
	<div class="footer-inner oh-typo oh-typo-invers">
		<div class="footer-col">
			<h6>©2022 Max Hundezentrum GmbH</h6>
		</div>
		<div class="footer-col">
			<img src="img/hundezentrum-hundepension-max-gady.svg">
		</div>
		<div class="footer-col">
			<h6><span id="open-imprint">Impressum</span><span id="open-privacy">Datenschutz</span></h6>
		</div>
	</div>
</footer>


.text {
	position:relative;
	margin:0 auto
}

.text-inner {
	position:relative;
	margin:0 auto;
	padding:0 10px;
	max-width:750px;
	box-sizing:border-box;
}

.text.wide .text-inner {
	max-width:1200px;
}

.twocol {
	position:relative;
	margin:0 auto
}

.twocol-inner {
	position:relative;
	margin:0 auto;
	padding:0;
	max-width:1200px;
	box-sizing:border-box;
	display:flex;
	flex-flow:row;
	justify-content:space-between;
	align-items:center;
}

.twocol-col {
	flex-basis:50%;
}

.twocol-col-inner {
	padding:0 10%;
}

.twothirdcol {
	position:relative;
	margin:0 auto
}

.twothirdcol-inner {
	position:relative;
	margin:0 auto;
	padding:0;
	max-width:1200px;
	box-sizing:border-box;
	display:flex;
	flex-flow:row;
	justify-content:space-between;
	align-items:center;
	border:1px solid #ddd;
}

.twothirdcol-col {
	flex-basis:33.3333%;
}

.twothirdcol-col:nth-child(2) {
	flex-basis:66.6666%;
}

.twothirdcol-col-inner {
	padding:30px;
}

.twothirdcol-col:nth-child(1) img {
	border-radius:100%;
	border:1px solid #ddd;
}

.twothirdcol {
	position:relative;
	margin:0 auto
}

.threecol-inner {
	position:relative;
	margin:0 auto;
	padding:0;
	max-width:1200px;
	box-sizing:border-box;
	display:flex;
	flex-flow:row;
	justify-content:space-between;
	align-items:center;
}

.threecol-col {
	flex-basis:33.3333%;
}

.threecol-col-inner {
	position:relative;
	padding:0 10px;
}

.threecol-col-img {
	position:relative;
}

.threecol-col-text {
	position:relative;
	padding:20px;
}

.fourcol {
	position:relative;
	margin:0 auto
}

.fourcol-inner {
	position:relative;
	margin:0 auto;
	padding:0;
	max-width:1200px;
	box-sizing:border-box;
	border-right:1px solid #9c9ea0;
	border-bottom:1px solid #9c9ea0;
}

.fourcol-col {
	position:relative;
	display:inline-block;
	width:25%;
	height:25vw;
	max-height:300px;
	box-sizing:border-box;
	overflow:hidden;
}

.fourcol-col:after {
	position:absolute;
	top:0;
	left:0;
	right:-1px;
	bottom:-1px;
	border:1px solid #9c9ea0;
	content:'';
}

.fourcol-col-inner {
	position:relative;
	padding:10px;
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	box-sizing:border-box;
	transform:translate(-50%,-50%);
}

.fourcol-col-inner img {
	width:60px;
	display:block;
	margin:0 auto 10px;
}

.fourcol .oh-typo h6 {
	color:#00143c;
}

.icons {
	position:relative;
	margin:0 auto
}

.icons-inner {
	position:relative;
	margin:0 auto;
	padding:0;
	max-width:1200px;
	box-sizing:border-box;
	display:flex;
	flex-flow:row;
	justify-content:space-between;
	align-items:center;
}

.icons-col {
	flex-basis:16.6666%;
	box-sizing:border-box;
	padding:0 10px;
}

.icons-col-inner {
	padding:0;
}

.icons-col img {
	width:80px;
	margin:0 auto 5px;
}

.cover {
	position:relative;	
}

.cover-inner {
	position:relative;
	height:calc(100vh - 130px);
	overflow:hidden;	
}

.cover-video video {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100vw;
	height:auto;
}

.portrait .cover-video video {
	width:auto;
	height:100%;
}

.cover-video:after {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	content:'';
}

.cover-caption {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	padding:40px 10px 10px;
	box-sizing:border-box;
}

.cover-caption img {
	width:440px;
	max-width:60vw;
}

.cover-caption h2 {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:none;
}

.cover-scroll {
	position:absolute;
	bottom:0;
	left:50%;
	cursor:pointer;
	-webkit-transition:all 0.8s ease-out;
	-moz-transition:all 0.8s ease-out;
	-ms-transition:all 0.8s ease-out;
	-o-transition:all 0.8s ease-out;
	transition:all 0.8s ease-out;
	transition-delay:2s;
	opacity:1;
}

.go .cover-scroll {
	opacity:0;
}

.cover-scroll-line {
	position:relative;
	display:inline-block;
	height:100px;
	width:2px;
	margin:0;
}

@keyframes scrollAni {
	0% {
		height:0;
		top:0;
	}
	25% {
		height:100%;
		top:0;
	}
	50% {
		height:100%;
		top:0;
	}
	100% {
		height:0;
		top:100%;
	}
}

.cover-scroll-line:after {
	position:absolute;
	top:0;
	right:-1px;
	width:2px;
	height:0%;
	background:#fff;
	content:'';
	animation:scrollAni 2s infinite;
	animation-delay:2s;
}

.scrolled .cover-scroll {
	opacity:0;
}

.gallery {
	position:relative;
	margin:0 auto;
	font-size:0;
	line-height:0;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	background:#9c9ea0;
}

.gallery-inner {
	position:relative;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	padding:0 10px;
	max-width:1200px;
}

.gallery-holder {
	position:relative;
	margin:0 auto;
	overflow:hidden;
	border:1px solid #ddd;
}

.gallery-holder-inner {
	position:relative;
	margin:0 auto;
	width:999999px;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
	-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;
	white-space:nowrap;
	padding:0;
}

.gallery-item {
	position:relative;
	width:0;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding:0;
	-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;
	cursor:pointer;
	z-index:9;
	overflow:hidden;
	transform-origin:50% 100%;
	margin:0;
}

.gallery-item.active {
	z-index:100;
}

.gallery-item img {
	width:100%;
}

.gallery-item a {
	display:block;
}

.gallery-item a:hover {

}

.gallery-arrow-left, .gallery-arrow-right {
	position:absolute;
	top:0;
	left:10px;
	width:50px;
	height:100%;
	background:url(../img/arrow.svg) no-repeat center center;
	background-size:18px 56px;
	cursor:pointer;
	-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;
	transform:rotate(0);
	z-index:100;
}

.gallery-arrow-right {
	left:auto;
	right:10px;
	transform:rotate(180deg);
}

.no-touch .gallery-arrow-left:hover {
	opacity:0.7;
}

.no-touch .gallery-arrow-right:hover {
	opacity:0.7;
}

.gallery-item-caption {
	position:absolute;
	left:25px;
	bottom:20px;
	border:1px solid #00143c;
	background:#fff;
}

.gallery-item-caption-text {
	font-size:15px;
	line-height:20px;
	padding:10px 15px 10px 60px;
	color:#00143c;
	display:inline-block;
	vertical-align:top;
}

.gallery-item-caption-number {
	display:inline-block;
	font-size:30px;
	line-height:40px;
	padding:7px 10px 13px;
	text-align:center;
	border-radius:100%;
	border:1px solid #00143c;
	width:60px;
	height:60px;
	box-sizing:border-box;
	position:absolute;
	top:-10px;
	left:-15px;
	vertical-align:top;
	color:#00143c;
	background:#fff;
	font-family:'Playfair Display', serif;
	font-weight:600;
}

.gallery-item-caption-number:after {
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	border-radius:100%;
	border:1px solid #00143c;
	content:'';
}

@media (max-width:1400px) {

#gallery3.gallery {
	left:0;
}

}

@media (max-width:1023px) {

#gallery3.gallery {
	left:-20px;
	width:calc(100% + 40px);
	max-width:calc(100% + 40px);
}

.gallery-inner {
	padding:0 20px;
}

.gallery-arrow-left, .gallery-arrow-right {
	width:20px;
	background-size:12px 36px;
}

}

.dsgvo-cookie-info-accept, .dsgvo-cookie-info-decline {
	padding:10px!important;
	background:#00143c!important;
	color:#fff!important;
}

.dsgvo-cookie-info-accept a, .dsgvo-cookie-info-decline a {
	color:#fff!important;
}

#dsgvCookie {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background:#00143c;
	font-size:0;
	line-height:0;
	z-index:100000;
	transform:translate(0,100%);
	-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;
}

.showDsgvCookie #dsgvCookie {
	transform:translate(0,0);
}

#dsgvCookie .dsgvCookie-inner {
	position:relative;
	max-width:1040px;
	padding:30px 0;
	box-sizing:border-box;
	margin:0 auto;
}

#dsgvCookie .dsgvCookie-left {
	display:inline-block;
	width:auto;
	vertical-align:middle;
	width:50%;
	padding:10px;
	box-sizing:border-box;
}

#dsgvCookie .dsgvCookie-right {
	display:inline-block;
	width:50%;
	vertical-align:middle;
	text-align:right;
	padding:10px;
	box-sizing:border-box;
}

#dsgvCookie p {
	font-size:14px;
	line-height:25px;
	margin:0;
	padding:0;
	font-weight:400;
	color:#fff;
	display:inline-block;
	vertical-align:middle;
}

#dsgvCookie p a {
	color:#fff;
	text-decoration:none;
}

#dsgvCookie p a:hover {
	opacity:0.7;
}

#dsgvCookie h3 {
	margin:0;
	padding:0;
	font-size:15px;
	line-height:25px;
	font-weight:400;
	display:inline-block;
	vertical-align:middle;
}

#dsgvCookie h3 a {
	background:#fff;
	padding:12px 30px 11px;
	margin:0 0 0 20px;
	color:#00143c;
	text-decoration:none;
	display:inline-block;
	border:1px solid #fff;
}

#dsgvCookie h3 a.dsgvo-cookie-accept:hover {
	opacity:0.7;
}

#dsgvCookie h3 a.dsgvo-cookie-decline {
	background:#00143c;
	border-color:#9c9ea0;
	color:#9c9ea0;
}

#dsgvCookie h3 a.dsgvo-cookie-decline:hover {
	background:#9c9ea0;
	color:#fff;
}

@media (max-width:1023px) {

#dsgvCookie .dsgvCookie-inner {
	padding:30px 0;
}

#dsgvCookie .dsgvCookie-left {
	width:100%;
}

#dsgvCookie .dsgvCookie-right {
	width:100%;
}

#dsgvCookie .dsgvCookie-right p {
	margin:0 0 20px;
	display:block;
}


#dsgvCookie h3 a {
	margin:0 0 0 10px;
}

}

.form-row {
	margin:0 auto 20px;
}

.form-row-col {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:50%;
	box-sizing:border-box;
	padding:0 10px 0 0;
	margin:0 auto;
}

.form-row-col:nth-child(2) {
	padding:0 0 0 10px;
}

.form-row-threecol {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:33.3333%;
	box-sizing:border-box;
	padding:0 10px 0 0;
	margin:0 auto;
}

.form-row-threecol:nth-child(2) {
	padding:0 5px;
}

.form-row-threecol:nth-child(3) {
	padding:0 0 0 10px;
}

.form-select-wrap:after {
	position:relative;
}

.form-select-wrap:after {
	position:absolute;
	top:50%;
	right:10px;
	width:20px;
	content:'\25BC';
	font-size:10px;
	line-height:20px;
	color:#4291b4;
	text-align:center;
	pointer-events:none;
	transform:translate(0,-50%);
}

.form input[type=text], .form select, .form textarea {
	font-family:'Helvetica Now Text W01',sans-serif;
	font-weight:400;
	position:relative;
	display:block;
	width:100%;
	border:0;
	border-radius:0;
	font-size:17px;
	line-height:20px;
	padding:9px;
	height:40px;
	box-sizing:border-box;
	border:1px solid #ddd;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	background:#fff;
	color:#222224;
	outline:none;
	text-align:center;
	margin:0 auto;
}

.form select::-ms-expand {
	display:none;
}

.form textarea {
	resize:none;
	height:120px;
	text-align:left;
}

.form input[type=submit], .form input[type=button] {
	font-family:'Helvetica Now Text W01',sans-serif;
	font-weight:700;
	position:relative;
	display:block;
	width:100%;
	border:0;
	border-radius:0;
	font-size:17px;
	line-height:20px;
	padding:9px;
	height:40px;
	box-sizing:border-box;
	border:1px solid #ddd;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	background:#00143c;
	color:#fff;
	cursor:pointer;
	outline:none;
	-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;
	font-variant-numeric: lining-nums;
	margin:0 auto;
	max-width:360px;
}

.form input[type=submit]:hover, .form input[type=button]:hover {
	opacity:0.7;
}

@media (max-width:767px) {

.form-row-col {
	display:block;
	width:100%;
	padding:0;
	margin:0 auto 20px;
}

.form-row-col:nth-child(2) {
	padding:0;
}

}

.faq {
	position:relative;
	margin:0 auto;
}

.faq-inner {
	position:relative;
	max-width:1200px;
	background:#fff;
	border:1px solid #EFEFEF;
	margin:0 auto;
	box-sizing:border-box;
}

.faq-question {
	padding:10px;	
}

.faq-question-img {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:50px;
	overflow:hidden;
}

.faq-question-img img {
	width:100%;
}

.faq-question-text {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 50px);
	padding:8px 0 0 20px;
	box-sizing:border-box;
}

.faq-answer-author {
	border-top:1px solid #EFEFEF;
	padding:10px;
	margin:0;
	position:relative;
	cursor:pointer;
}

.faq-answer-author:after {
	content:'Antwort lesen';
	position:absolute;
	top:20px;
	right:10px;
	border-radius:20px;
	font-size:12px;
	line-height:1.5;
	margin:0;
	padding:5px 9px;
	border:1px solid #00143c;
	background:#00143c;
	color:#fff;
	-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;
}

.active .faq-answer-author:after {
	content:'Antwort schließen';
}

.faq-answer-author:hover:after {
	color:#00143c;
	background:#fff;
}

.faq-answer-author img {
	height:50px;
	width:50px;
	border-radius:25px;
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.1);
	box-shadow:0 1px 5px rgba(0,0,0,0.1);
	margin:0 20px 0 0;
	display:inline-block!important;
	vertical-align:top;
}

.faq-answer-author img {

}

.faq-answer-author span {
	position:relative;
	color:#9c9ea0;
	font-size:13px;
	line-height:15px;
	margin:0;
	padding:10px 0;
	font-weight:400;
	display:inline-block;
}

.faq-answer-author span i {
	margin:0 0 0 10px;
}

.faq-question-content {
	display:none;
	padding:10px;
}

.faq-question-content p {
	font-weight:400;
	font-size:17px;
	line-height:1.5;
	margin:0 auto 20px;
	padding:0;
	color:#333;
}

.faq-question-content p:last-child {
	margin:0 auto;
}

.projektlist-item {
	position:relative;
	margin:0 auto;
	max-width:1200px;
	box-sizing:border-box;
}

.projektlist-item-open {
	position:relative;
	display:block;
	-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;
	cursor:pointer;
}

.projektlist-item-open:hover {
	opacity:0.7;
}

.projektlist-item-col {
	position:relative;
	margin:0 auto;
	padding:0 10px;
	width:33.3333%;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}

.projektlist-item-col:nth-child(1) {
	padding-top:20px;
}

.projektlist-item-col:nth-child(1):before {
	content:'';
	position:absolute;
	top:0;
	left:10px;
	right:10px;
	height:1px;
	background:#9c9ea0;	
}

.projektlist-item-col:nth-child(2) {
	width:66.6666%;
}

.projektlist-item-col-images img {
	width:100%;
}

.projektlist-item-button {
	margin:30px 0 0;
}

.projektlist-item-button img {
	padding:13px;
	border:1px solid #666C77;
	border-radius:28px;
	width:24px;
	height:24px;
}

.active .projektlist-item-button img {
	transform:rotate(90deg);
}

.projektlist-item-detail {
	position:relative;
	display:block;
	padding:50px 0;
	display:none;
}

.projektlist-item-detail-col {
	position:relative;
	margin:0 auto;
	padding:0 10px;
	width:33.3333%;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}

.projektlist-item-detail-col:nth-child(2) {
	width:66.6666%;
}


@media (max-width:767px) {

.projektlist-items {
	position:relative;
	margin:0 auto;
	max-width:1920px;
	box-sizing:border-box;
}

.projektlist-item {
	position:relative;
	padding:0 0 30px;
}

.projektlist-item-col {
	width:100%;
	display:block;
}

.projektlist-item-col:nth-child(2) {
	width:100%;
}

.projektlist-item-button {
	display:none;
}

}

.lg-backdrop {
	background:#00143c;
}

.lg-actions .lg-next, .lg-actions .lg-prev {

}

.lg-outer .lg-toogle-thumb {
	background:#00143c;
}

.lg-outer .lg-toogle-thumb:hover {
	color:#222222;
}

.lg-toolbar {
	background:#00143c;
}

#lg-counter {
	line-height:1;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
	width:45px;
	height:45px;
	background:url(../img/arrow.svg) no-repeat center center;
	background-size:14px 28px;
	padding:0;
	margin-top:-23px;
}

.lg-actions .lg-next {
	transform:rotate(180deg);
}

.lg-actions .lg-next:before, .lg-actions .lg-prev:after {
	content:'';
}

.lg-sub-html {
	font-size:15px;
	font-weight:400;
	line-height:20px;
	background:#00143c;
	color:#fff;
}

.lg-outer .lg-thumb-outer {
	background:#00143c;
}

.lg-outer .lg-thumb {
	margin:0 auto;	
}

.lg-outer .lg-toogle-thumb, #lg-counter {
	color:#fff;
}

.lg-toolbar .lg-icon {
	color:#fff;
}

.lg-toolbar .lg-icon:hover {
	opacity:0.7;
}