/**
 * @license
 * MyFonts Webfont Build ID 4175028, 2021-09-02T07:53:59-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: GillSansMTPro-Book by Monotype
 * URL: https://www.myfonts.com/fonts/mti/gill-sans/pro-book/
 * Copyright: Font software Copyright 1993 Adobe Systems Incorporated. Typeface designs Copyright The Monotype Corporation. All rights reserved.
 * 
 * 
 * 
 * © 2021 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3fb4b4");
  
@font-face {
	font-family:"GillSansMTPro-Book";
	src: url('../fonts/font.woff2') format('woff2'), url('../fonts/font.woff') format('woff');
}

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

body {
	position:relative;
	margin:0;
	padding:0;
	font-family:'Averta W01',sans-serif;
	font-family:'Open Sans',sans-serif;
	overflow:hidden;

	-webkit-font-smoothing:antialiased;
	-webkit-font-smoothing:subpixel-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, #ohswitch {
	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:900px) {

#ohswitch {
	display:block;
}

}

@media (max-width:767px) {

#ohmobile {
	display:block;
}

}

@media (max-width:900px) {

.hide-mobile {
	display:none!important;
}

}

@media (max-width:480px) {

#ohsmall {
	display:block;
}

}

@media (min-width:901px) {

.hide-desktop {
	display:none!important;
}

}

/*
#menubutton {
	position:fixed;
	right:0;
	top:0;
	width:70px;
	height:60px;
	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:30px;
	height:2px;
	background:#fff;
	right:20px;
	-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:17px;
}

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

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

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

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

.active #line3 {
	display:none;
}
*/

.graybg {
	background:#b4d1d8;
}

.bluebg {
	background:#00A2B8;
}

.black {
	color:#000000;
}

.white-line {
	color:#fff!important;
	border-bottom:1px solid #fff;
}

.black-line {
	color:#000000!important;
	border-bottom:1px solid #fff;
}

.oh-typo hr {
	width:50px;
	margin:30px auto;
	padding:0;
	height:1px;
	border:0;
	outline:none;
	display:block;
	background:#00606e;
}

.oh-typo h1 {
	font-size:36px;
	font-weight:700;
	letter-spacing:0;
	line-height:1.2;
	margin:0 auto 20px;
	padding:0;
	text-transform:uppercase;
	color:#00A2B8;
}

.oh-typo h2 {
	font-size:36px;
	font-weight:700;
	letter-spacing:0;
	line-height:1.2;
	margin:0 auto 20px;
	padding:0;
	color:#00A2B8;
}

.oh-typo h2 a {
	text-decoration:none;
	color:#00A2B8;
}

.graybg .oh-typo h2, .oh-typo .team2017 h2 {
	color:#fff;
}

.graybg .oh-typo h2 a, .oh-typo .team2017 h2 a {
	text-decoration:none;
	color:#fff;
}

.bluebg .oh-typo h2 {
	color:#fff;
	text-transform:uppercase;
}

.oh-typo h3 {
	font-size:19px;
	font-weight:400;
	letter-spacing:1px;
	line-height:1.2;
	margin:0 auto 15px;
	padding:0;
	color:#000000;
}

.oh-typo h3 a {
	color:#00606e;
}

.oh-typo #form h3 {
	color:#00A2B8;
}

.oh-typo h4 {
	font-size:19px;
	font-weight:400;
	letter-spacing:0;
	line-height:1.2;
	margin:0 auto;
	padding:0;
	color:#000000;
}

.oh-typo h4.gallery-caption {
	text-align:center;
	color:#fff;
}

.oh-typo h4.gallery2-caption {
	text-align:center;
	color:#fff;
}

.oh-typo h5 {
	font-size:17px;
	font-weight:700;
	letter-spacing:1px;
	line-height:1.2;
	margin:0 auto 10px;
	padding:0;
	color:#000000;
}

.bluebg .oh-typo h5 {
	color:#fff;
}

.oh-typo h6 {
	position:relative;
	font-size:13px;
	font-weight:400;
	letter-spacing:0;
	line-height:1.2;
	margin:0 auto;
	padding:0;
	color:#000000;
}

.oh-typo h6 a {
	color:#000000;
	text-decoration:underline;
}

.oh-typo h6 a:hover {
	text-decoration:none;
}

footer .oh-typo h6 {

}

footer .oh-typo h6 a {
	color:#fff;
}

.oh-typo p {
	font-size:18px;
	font-weight:400;
	letter-spacing:0;
	line-height:1.55;
	margin:0 auto 20px;
	padding:0;
	color:#000000;
}

.oh-typo p a {
	text-decoration:underline;
	color:#000000;
}

.oh-typo p a:hover {
	text-decoration:none;
}

footer .oh-typo p a {
	color:#fff;
}

.oh-typo ul {
	font-size:19px;
	font-weight:400;
	letter-spacing:0;
	line-height:2;
	margin:0 auto 20px;
	padding:0 0 0 20px;
	color:#000000;
}

.oh-typo ul.nolist {
	padding:0;
	list-style:none;
}

.oh-typo ul li span {
	display:inline-block;
	width:80px;
}

.oh-typo ul a {
	color:#000000;
	text-decoration:underline;
}

.oh-typo ul a:hover {
	text-decoration:none;
}

.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 {
	color:#fff;
}

@media (max-width:1023px) {

.oh-typo h1 {
	font-size:30px;
}

.oh-typo h2 {
	font-size:30px;
}

}

@media (max-width:900px) {

.oh-typo hr {
	margin:-5px auto 5px;
}

.oh-typo h1 {
	font-size:24px;
	text-align:center;
}

.oh-typo h2 {
	font-size:24px;
	text-align:center;
}

.oh-typo h3 {
	font-size:19px;
}

.oh-typo h4 {
	font-size:16px;
}

.oh-typo h5 {
	font-size:18px;
	text-align:center;
}

.oh-typo h6 {
	font-size:14px;
}

.oh-typo p {
	font-size:16px;
}

.oh-typo ul {
	font-size:16px;
}

}

/*
header {
	position:fixed;
	background:#00A2B8;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	-webkit-transition:all 1.6s ease-in-out;
	-moz-transition:all 1.6s ease-in-out;
	-ms-transition:all 1.6s ease-in-out;
	-o-transition:all 1.6s ease-in-out;
	transition:all 1.6s ease-in-out;
	border-bottom:1px solid #fff;
}

.header-inner {
	position:relative;
	margin:0 auto;
	min-height:60px;
	background:#00A2B8;
}

header nav {
	position:relative;
	margin:0 auto;
	padding:0;
	text-align:center;
}

@media (min-width:1024px) {

header nav {
	display:block!important;
}
	
}

header nav ul {
	position:relative;
	list-style:none;
	margin:0 auto;
	padding:10px;
}

header nav li {
	position:relative;
	margin:0 auto;
	padding:0;
	display:inline-block;
	vertical-align:top;
	height:60px;
}

header nav a {
	position:relative;
	padding:18px;
	display:block;
	vertical-align:top;
	font-size:18px;
	line-height:24px;
	text-transform:uppercase;
	color:#fff;
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
}

header nav a:after {
	position:absolute;
	bottom:5px;
	left:50%;
	height:1px;
	background:#fff;
	width:40px;
	transform:translate(-50%,0);
	content:'';
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
	opacity:0;
}

header nav a:hover:after {
	bottom:10px;
	opacity:1;
}

header nav .active a:after {
	bottom:10px;
	opacity:1;
}

header nav .nonav a {
	padding:0!important;
	text-decoration:none!important;
}

header nav .nonav a {
	padding:7px 36px 6px!important;
}

header nav .nonav a:hover img {
	text-decoration:none!important;
}

header nav .nonav a:after {
	display:none;
}

header nav img {
	vertical-align:top;
	width:auto;
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
	height:0;
}

header nav .nonav img {
	height:47px;
}

.mobile-logo {
	display:none;
}

header nav ol {
	position:relative;
	list-style:none;
	margin:0 auto;
	padding:10px;
	display:none;
}

header nav ol li {
	position:relative;
	margin:0 auto;
	padding:0;
	display:block;
	vertical-align:top;
	height:auto;
}

header nav ol a {
	position:relative;
	padding:10px;
	display:block;
	vertical-align:top;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	color:#fff;
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
}

@media (max-width:1200px) {

header nav a {
	font-size:16px;
}

header nav .nonav a {
	padding:10px 18px 10px!important;
}

header nav .nonav img {
	height:40px;
}

}

@media (max-width:1023px) {

.mobile-logo {
	display:block;
	position:fixed;
	top:0;
	left:0;
	transform:translate(0,0);
	padding:15px 20px!important;
}

.mobile-logo img {
	height:30px;
}

.scrolled header {
	background:transparent;
}

.header-inner {
	position:relative;
	margin:0 auto;
}

header nav {
	background:#00A2B8;
	position:fixed;
	top:0;
	left:0;
	right:60px;
	bottom:0;
	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;
	transform:translate(-100%,0);
}

header nav.active {
	transform:translate(0,0);
}

header nav ul {
	position:absolute;
	top:100px;
	left:50px;
	right:0;
	padding:0;
	text-align:left;
}

header nav ol {
	position:absolute;
	bottom:20px;
	left:50px;
	right:0;
	padding:0;
	text-align:left;
	display:block;
}

header nav li {
	display:block;
	height:40px;
}

header nav a {
	padding:10px!important;
	font-size:20px;
	line-height:1;
	display:inline-block;
}

header nav a:after {

}

header nav a:after {
	left:10px;
	transform:translate(0,0);
}

.scrolled header a {
	padding:15px;
}

.scrolled header nav a:after {
	left:20px;
	right:20px;
}

header nav .nonav {
	display:none;
}

}
*/

.cover {
	position:relative;
	margin:0 auto;
	overflow:hidden;
	height:100vh;
	height:calc(var(--vh, 1vh) * 100);
}

@keyframes coverZoom {
	0% {
		transform:scale(1.1);
	}
	50% {
		transform:scale(1);
	}
	100% {
		transform:scale(1.1);
	}
}

.cover-img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../img/kinderwunsch-main.jpg) no-repeat center center;
	background-size:cover;
	animation:coverZoom 20s infinite;
	-webkit-animation:coverZoom 20s infinite;
}

.cover-logo {
	position:absolute;
	right:7vw;
	bottom:7vw;
	width:20vw;
}

.cover-logo img {
	margin:0;
	width:50%;
	height:auto;
}

.cover-gradient {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../img/grad.png) no-repeat right bottom;
	background-size:100% 100%;
}

@keyframes coverScroll {
	0% {
		transform:translate(-50%,0);
	}
	5% {
		transform:translate(-50%,0);
	}
	10% {
		transform:translate(-50%,10px) scale(1.05);
	}
	15% {
		transform:translate(-50%,0px);
	}
	100% {
		transform:translate(-50%,0);
	}
}

.cover-scroll {
	position:absolute;
	bottom:30px;
	left:50%;
	transform:translate(-50%,0);
	cursor:pointer;
	animation:coverScroll 10s infinite;
	-webkit-animation:coverScroll 10s infinite;
}

.cover-scroll svg {
	width:45px;
	transform:rotate(90deg);
	-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;
}

.cover-scroll .cover-scroll-1, .cover-scroll .cover-scroll-2, .cover-scroll .cover-scroll-3 {
	-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;
}

.cover-scroll:hover .cover-scroll-1 {
	fill:#fff!important;
}

.cover-scroll:hover .cover-scroll-3 {
	fill:#EE7652!important;
}

@media (max-width:767px) {

.cover {
	min-height:480px;
}

.cover-gradient {
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../img/grad-mobile.png) no-repeat right bottom;
	background-size:100% 100%;
}

.cover-scroll {
	bottom:50px;
}

.cover-logo {
	right:auto;
	left:50%;
	bottom:145px;
	width:50vw;
	max-width:300px;
	transform:translate(-50%,0);
}

.cover-logo img {
	margin:0;
	width:100%;
	height:auto;
}

}

.jarallax2-wrap {
	position:relative;
}

.jarallax {
	position:relative;
	z-index:0;
	height:33vw;
	max-height:630px
}

.jarallax2 {
	height:45vw;
	max-height:860px
}

.jarallax > .jarallax-img {
	position:absolute;
	object-fit:cover;
	font-family: 'object-fit: cover;';
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
}

@media (max-width:767px) {

.jarallax {
	height:80vw;
}

.jarallax2 {
	height:80vw;
}

}

.text {
	position:relative;
	margin:0 auto;
	padding:80px 0;
}

.text.nobottom {
	padding-bottom:0;
}

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

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

@media (max-width:1023px) {

.text {
	padding:40px 0 40px;
}

}

#privacy, #imprint {
	display:none;
}


.twotext {
	position:relative;
	margin:0 auto;
	padding:80px 0;
}

.twotext.nobottom {
	padding-bottom:0;
}

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

.twotext-col {
	position:relative;
	margin:0 auto;
	padding:0 20px;
	width:50%;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:middle;
}

@media (max-width:1023px) {

.twotext {
	padding:40px 0 40px;
}

}

@media (max-width:767px) {

.twotext-col {
	width:100%;
	display:block;
	max-width:600px;
	margin:0 auto 40px;
}

.twotext-col:nth-child(2) {
	margin:0 auto;
}

}

.threetext {
	position:relative;
	margin:0 auto;
	padding:80px 0;
}

.threetext.nobottom {
	padding-bottom:0;
}

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

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

@media (max-width:1023px) {

.threetext {
	padding:40px 0 40px;
}

}

@media (max-width:767px) {

.threetext-col {
	width:100%;
	display:block;
	max-width:600px;
	margin:0 auto 40px;
}

.threetext-col:nth-child(2) {
	margin:0 auto;
}

}

footer {
	position:relative;
	margin:0 auto;
	background:#00606e;
}

.footer-scroll {
	position:absolute;
	top:-23px;
	left:50%;
	transform:translate(-50%,0) rotate(180deg);
	cursor:pointer;
	display:none;
}

.footer-scroll svg {
	width:45px;
	transform:rotate(90deg);
	-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-scroll .footer-scroll-1, .footer-scroll .footer-scroll-2, .footer-scroll .footer-scroll-3 {
	-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-scroll:hover .footer-scroll-1 {
	fill:#fff!important;
}

.footer-scroll:hover .footer-scroll-3 {
	fill:#EE7652!important;
}

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

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

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

.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 {
	text-decoration:underline;
	opacity:0.7;
}

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

.footer-col a {
	display:inline-block;
}

.footer-col img {
	width:auto;
	height:20px;	
}

@media (max-width:767px) {

.footer-scroll {
	display:block;
}

.footer-inner {
	padding:40px 0 30px;
}

.footer-col {
	padding:20px;
	width:100%;
	display:block;
	text-align:center;
}

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

.footer-col img {
	width:auto;
	height:15px;
}

}


.textboxright {
	position:relative;
}

.textboxright-inner {
	position:relative;
	margin:0 auto;
	max-width:1920px;
	padding:70px 0;
}

.textboxright-text {
	position:relative;
	width:56.77%;
	padding:0;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}

.textboxright-text-text {
	position:relative;
	padding:0 12.8%;
	margin:0 0 50px;
	box-sizing:border-box;
}

.textboxright-text.wide .textboxright-text-text {
	padding:0 0 0 12.8%;
}

.textboxright-text-text-inset {
	padding:0 0 0 14.7%;
}

.textboxright-text-img {
	position:relative;
}

.textboxright-text-img:after {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:'';
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
	background:#fff;
}

.textboxright-text-img.go:after {
	left:100%;
}

.textboxright-box {
	position:relative;
	width:43.23%;
	padding:95px 7.2% 0;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}

.textboxright-box-box {
	position:relative;
	background:#00A2B8;
	padding:40px;
	margin:0 0 50px;
	box-sizing:border-box;
	max-width:400px;
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
	transform:translate(20vw,0);
	opacity:0;
}

.textboxright-box-box.go {
	transform:translate(0,0);
	opacity:1;
}

@media (max-width:1023px) {

.textboxright-inner {
	padding:40px 0 0;
}

.textboxright-text {
	width:65%;
	display:inline-block;
	margin:0 0 40px;
}

.textboxright-text-text {
	padding:0 20px;
	margin:0 0 40px;
}

.textboxright-text.wide .textboxright-text-text {
	padding:0 20px;
}

.textboxright-text-text-inset {
	padding:0;
}

.textboxright-text-img.go:after {
	left:100%;
}

.textboxright-box {
	position:relative;
	width:35%;
	padding:0 20px;
}

.textboxright-box-box {
	padding:20px;
	margin:0 0 30px;
}

.textboxright-box-text {
	margin:0 auto 40px;
}

}

@media (max-width:900px) {

.textboxright-text {
	width:100%;
	display:block;
	margin:0 auto 40px;
}

.textboxright-text-text {
	padding:0 20px;
	margin:0 0 30px;
}

.textboxright-text.wide .textboxright-text-text {
	padding:0 20px;
}

.textboxright-text-text-inset {
	padding:0;
}

.textboxright-text-img {
	width:140vw;
	margin:0 -20vw;
}

.textboxright-text-img.go:after {
	left:100%;
}

.textboxright-box {
	position:relative;
	width:100%;
	margin:0 auto;
	display:block;
	padding:0 20px;
}

.textboxright-box-box {
	max-width:440px;
	padding:20px;
	margin:0 auto 40px;
}

}

.textboxleft {
	position:relative;
}

.textboxleft-inner {
	position:relative;
	margin:0 auto;
	max-width:1920px;
	padding:70px 0;
}

.textboxleft-text {
	position:relative;
	width:56.77%;
	padding:0;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}

.textboxleft-text-text {
	position:relative;
	padding:0 12.8%;
	margin:0 0 50px;
	box-sizing:border-box;
}

.textboxleft-text-img {
	position:relative;
}

.textboxleft-text-img:after {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:'';
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
	background:#fff;
}

.textboxleft-text-img.go:after {
	right:100%;
}

.textboxleft-box {
	position:relative;
	width:43.23%;
	padding:95px 7.2% 0;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	text-align:right;
}

.textboxleft-box-box {
	position:relative;
	background:#00A2B8;
	padding:40px;
	margin:0 0 50px;
	box-sizing:border-box;
	width:100%;
	max-width:400px;
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
	transform:translate(-20vw,0);
	opacity:0;
	display:inline-block;
	text-align:left;
}

.textboxleft-box-box.go {
	transform:translate(0,0);
	opacity:1;
}

.textboxleft-box-text {
	text-align:left;
}

@media (max-width:1023px) {

.textboxleft-inner {
	padding:40px 0 0;
}

.textboxleft-text {
	width:65%;
	display:inline-block;
	margin:0 0 40px;
}

.textboxleft-text-text {
	padding:0 20px;
	margin:0 0 40px;
}

.textboxleft-text.wide .textboxleft-text-text {
	padding:0 20px;
}

.textboxleft-text-text-inset {
	padding:0;
}

.textboxleft-text-img.go:after {
	left:100%;
}

.textboxleft-box {
	position:relative;
	width:35%;
	padding:0 20px;
}

.textboxleft-box-box {
	padding:20px;
	margin:0 0 30px;
}

.textboxleft-box-text {
	margin:0 auto 40px;
}

}

@media (max-width:900px) {

.textboxleft-text {
	width:100%;
	display:block;
	margin:0 auto 40px;
}

.textboxleft-text-text {
	padding:0 20px;
	margin:0 0 30px;
}

.textboxleft-text.wide .textboxleft-text-text {
	padding:0 20px;
}

.textboxleft-text-text-inset {
	padding:0;
}

.textboxleft-text-img {
	width:140vw;
	margin:0 -20vw;
}

.textboxleft-text-img.go:after {
	left:100%;
}

.textboxleft-box {
	position:relative;
	width:100%;
	margin:0 auto;
	display:block;
	padding:0 20px;
}

.textboxleft-box-box {
	max-width:440px;
	display:block;
	padding:20px;
	margin:0 auto 40px;
}

}

.galleryboxleft {
	position:relative;
}

.galleryboxleft-inner {
	position:relative;
	margin:0 auto;
	max-width:1920px;
	padding:70px 0;
}

.galleryboxleft-gallery {
	position:relative;
	width:56.77%;
	padding:0;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}

.galleryboxleft-gallery-inner {
	position:relative;
	padding:0 25.6% 0 0;
	margin:0;
	box-sizing:border-box;
}

.galleryboxleft-box {
	position:relative;
	width:43.23%;
	padding:150px 7.2% 0;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	z-index:120;
}

.galleryboxleft-box-box {
	position:relative;
	background:#00A2B8;
	padding:40px;
	margin:0 auto 50px;
	box-sizing:border-box;
	width:100%;
	max-width:400px;
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
	transform:translate(-20vw,0);
	opacity:0;
	display:block;
	text-align:left;
}

.galleryboxleft-box-box.go {
	transform:translate(0,0);
	opacity:1;
}

@media (max-width:1023px) {

.galleryboxleft-inner {
	padding:0 0 40px;
}

.galleryboxleft-gallery {
	position:relative;
	width:65%;
}

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

.galleryboxleft-box {
	width:35%;
	padding:150px 7.2% 0;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	z-index:120;
}

.galleryboxleft-box {
	width:35%;
	padding:0 20px;
}

.galleryboxleft-box-box {
	padding:20px;
	margin:0;
	display:block;
}
	
}

@media (max-width:900px) {

.galleryboxleft-inner {
	padding:0;
}

.galleryboxleft-gallery {
	width:100%;
	margin:0 auto 60px;
}

.galleryboxleft-box {
	position:relative;
	width:100%;
	margin:0 auto;
	display:block;
	padding:0 20px;
}

.galleryboxleft-box-box {
	max-width:440px;
	padding:20px;
	margin:0 auto 40px;
}
	
}

.map {
	position:relative;
}

.map-inner {
	position:relative;
	margin:0 auto;
	max-width:1920px;
	padding:70px 0;
}

.map-map {
	position:relative;
	width:56.77%;
	padding:0;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}

.map-map:after {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:'';
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
	background:#fff;
}

.map-map.go:after {
	left:100%;
}

.map-map a {
	display:block;
}

.map-map img:nth-child(2) {
	display:none;
}

.map-inner:before {
	position:absolute;
	left:-50vw;
	right:-50vw;
	top:70px;
	bottom:70px;
	content:'';
	background:#F3F3F3;
}

.map-text {
	position:relative;
	width:42.23%;
	padding:120px 3.1%;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}

.map-box {
	position:absolute;
	left:56.77%;
	width:43.23%;
	padding:0 7.2%;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	top:80%;
}

.map-box-box {
	position:relative;
	background:#00A2B8;
	display:block;
	padding:40px;
	margin:0 auto 50px;
	box-sizing:border-box;
	max-width:400px;
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
	transform:translate(0,30vh);
	opacity:0;
}

.map-box-box.go {
	transform:translate(0,0);
	opacity:1;
}

@media (max-width:1280px) {

.map-text {
	width:42.23%;
	padding-top:40px;
}

}

@media (max-width:900px) {

.map {
	margin:0 auto;
}

.map-inner {
	padding:0;
}

.map-map {
	width:100%;
	display:block;
}

.map-map img:nth-child(1) {
	display:none;
}

.map-map img:nth-child(2) {
	display:block;
}

.map-inner:before {
	top:0;
	bottom:0;
}

.map-text {
	position:relative;
	width:100%;
	padding:40px 20px 40px;
	display:block;
}

.map-box {
	position:relative;
	left:auto;
	width:100%;
	padding:40px 20px 0;
	display:block;
	top:auto;
}

.map-box-box {
	position:relative;
	background:#00A2B8;
	display:block;
	padding:20px;
	margin:0 auto;
	box-sizing:border-box;
	max-width:400px;
	transform:translate(0,30vh);
	opacity:0;
}

.map-box:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:50%;
	bottom:0;
	background:#fff;
}

.map-box-box.go {
	transform:translate(0,0);
	opacity:1;
}

}

.text-form {
	position:relative;
	margin:0 auto;
	max-width:1400px;
	padding:60px 120px;
}

.text-form-boxes {
	position:relative;
	margin:0 auto;
	display:inline-block;
	width:33%;
	padding:0 20px;
	vertical-align:top;
	box-sizing:border-box;
}

.text-form-box {
	position:relative;
	background:#00A2B8;
	display:block;
	padding:40px;
	margin:0 auto 60px;
	box-sizing:border-box;
	max-width:400px;
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
	transform:translate(-30vh,0);
	opacity:0;
}

.text-form-box:nth-child(2) {
	transition-delay:0.4s;
}

.text-form-box.go {
	transform:translate(0,0);
	opacity:1;
}

.text-form-box:nth-child(2) {
	position:relative;
	background:#DCDCDC;
	margin:0 auto;
}

.text-form-inner {
	position:relative;
	margin:0 auto;
	display:inline-block;
	width:67%;
	padding:0 20px 0 100px;
	vertical-align:top;
	box-sizing:border-box;
}

.text-form-spacer {
	height:60px;
}

.text-form-inner input[type=text], .text-form-inner textarea {
	font-family:"GillSansMTPro-Book",sans-serif;
	font-size:18px;
	font-weight:400;
	letter-spacing:0;
	line-height:1.55;
	margin:0 auto 15px;
	padding:5px 0;
	color:#000000;
	border:0;
	border-bottom:1px solid #000000;
	outline:none;
	background:transparent;
	display:block;
	width:100%;
	box-sizing:border-box;
	resize:none;
}

.text-form-inner textarea {
	height:100px;
}

.text-form-inner input[type=submit] {
	font-family:"GillSansMTPro-Book",sans-serif;
	font-size:20px;
	font-weight:400;
	letter-spacing:0;
	line-height:1;
	margin:0 auto 15px;
	padding:12px 0 6px;
	color:#000000;
	border:1px solid #000000;
	outline:none;
	background:transparent;
	display:block;
	width:100%;
	box-sizing:border-box;
	resize: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;
	max-width:260px;
	cursor:pointer;
	text-transform:uppercase;
}

.text-form-inner input[type=submit]:hover {
	background:#00A2B8;
	color:#fff;
	border-color:#00A2B8;
}

.oh-typo .text-form-inner h6 {
	padding:0 0 0 30px;
	margin:0 auto 20px;
}

.oh-typo .text-form-inner h6 label {
	display:block;
}

.oh-typo .text-form-inner h6 input[type=checkbox] {
	position:absolute;
	left:0;
	top:0;
}

::-webkit-input-placeholder {
	color:#000000;
	opacity:1;
}
::-moz-placeholder {
	color:#000000;
	opacity:1;
}
:-ms-input-placeholder {
	color:#000000;
	opacity:1;
}
:-moz-placeholder {
	color:#000000;
	opacity:1;
}

@media (max-width:1023px) {

.text-form {
	padding:40px 0 40px;
}

.text-form-inner {
	padding:0 20px;
}

}

@media (max-width:900px) {

.text-form-boxes {
	position:relative;
	margin:0 auto;
	display:block;
	width:100%;
	padding:0 20px;
	vertical-align:top;
	box-sizing:border-box;
}

.text-form-box {
	display:block;
	width:100%;
	background:#00A2B8;
	display:block;
	padding:20px;
	margin:0 auto 40px;
	transform:translate(-30vh,0);
}

.text-form-inner {
	padding:0 20px;
	width:100%;
	margin:0 auto 40px;
}

.text-form-spacer {
	display:none;
}

.text-form-inner input[type=text], .text-form-inner textarea {
	font-size:16px;
	margin:0 auto 15px;
}

.text-form-inner textarea {
	height:100px;
}

.text-form-inner input[type=submit] {
	font-size:16px;
}

}

.gallery-umgebung-wrap {
	position:relative;
	margin:0 auto 40px;
	padding:0 20px;
}

.gallery {
	position:relative;
	margin:0 auto;
	font-size:0;
	line-height:0;
	padding: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;
}

.gallery-inner {
	position:relative;
	margin:0;
	padding:0 0 56px;
	box-sizing:border-box;
}

.gallery-holder {
	position:relative;
	margin:0 auto;
}

.gallery-holder:before {
	content:'';
	position:absolute;
	right:100%;
	width:100vw;
	top:-1px;
	bottom:-1px;
	background:#fff;
	z-index:10;
}

.gallery-holder:after {
	content:'';
	position:absolute;
	left:100%;
	width:100vw;
	top:-1px;
	bottom:-1px;
	background:rgba(243,243,243,0.59);
}

.gallery-holder-inner {
	position:relative;
	margin:0 auto;
	width:99999px;
	-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;
}

.gallery-item {
	position:relative;
	width:0;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding:0 1px;
	-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;
	overflow:hidden;
}

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

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

.gallery-item a {
	display:block;
}

.gallery-arrow-left, .gallery-arrow-right {
	position:absolute;
	top:50%;
	left:-23px;
	width:45px;
	height:45px;
	background:url(../img/arrow.svg) no-repeat center center;
	background-size:100% 100%;
	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:translate(0,-50%) rotate(180deg);
	margin-top:-23px;
	z-index:100;
}

.gallery-arrow-right {
	left:auto;
	right:-23px;
	transform:translate(0,-50%);
}

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

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

.gallery-caption-wrap {
	position:absolute;
	bottom:0;
	left:1px;
	right:1px;
	box-sizing:border-box;
	padding:15px 5px;
	text-align:center;
	background:#00A2B8;
}

@media (max-width:1023px) {

.gallery-holder:after {
	background:#fff;
}

.gallery-arrow-left, .gallery-arrow-right {
	left:-10px;
	width:35px;
	height:35px;
	margin-top:-17px;
}

.gallery-arrow-right {
	right:-10px;
	left:auto;
}

}

@media (max-width:900px) {

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

.gallery-caption-wrap {
	padding:10px 5px;
}
	
}

.gallery2-outer-wrap {
	margin:0 auto;
	max-width:1920px;
}

.gallery2-outer {
	position:absolute;
	width:56.77%;
	padding:0 12%;
	top:10%;
	z-index:10;
}

.gallery2 {
	position:relative;
	margin:0 auto;
	font-size:0;
	line-height:0;
	padding: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;
}

.gallery2-inner {
	position:relative;
	margin:0;
	padding:0 0 54px;
	box-sizing:border-box;
}

.gallery2-holder {
	position:relative;
	margin:0 auto;
	overflow:hidden;
}

.gallery2-holder-inner {
	position:relative;
	margin:0 auto;
	width:99999px;
	-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;
	padding:0 0 0 80px;
}

.gallery2-item {
	position:relative;
	width:auto;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding:0 1px;
	-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;
	overflow:hidden;
	margin-top:160px;
	margin-left:-80px;
}

.gallery2-item-active3 {
	margin-top:-160px;	
	z-index:10;
}

.gallery2-item-active2 {
	margin-top:0;	
	z-index:10;
}

.gallery2-item-active {
	z-index:15;
}

.no-touch .gallery2-item:hover {

}

.gallery2-item a {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
}

.gallery2-item a:after {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	content:'';
	border:2px solid #fff;
}

.gallery2-item img {
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	transform:translate(-50%,0);
	max-width:unset;
	height:100%;
	width:auto;
	box-sizing:border-box;
}

.gallery2-arrow-left, .gallery2-arrow-right {
	position:absolute;
	top:auto;
	bottom:56px;
	left:calc(50% - 108px);
	width:45px;
	height:45px;
	background:url(../img/arrow.svg) no-repeat center center;
	background-size:100% 100%;
	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:translate(0,-50%) rotate(180deg);
	z-index:100;
}

.gallery2-arrow-right {
	left:auto;
	right:-68px;
	transform:translate(0,-50%);
}

.no-touch .gallery2-arrow-left:hover {
	opacity:0.5;
}

.no-touch .gallery2-arrow-right:hover {
	opacity:0.5;
}

.gallery2-caption-wrap {
	position:absolute;
	bottom:0;
	right:0;
	box-sizing:border-box;
	padding:15px 5px;
	text-align:center;
	background:#00A2B8;
	left:calc(50% - 40px);
	border-right:2px solid #fff;
	border-left:2px solid #fff;
}

.gallery2-spacer {
	height:260px;
}

@media (max-width:900px) {

.gallery2-spacer, .gallery2-outer-wrap {
	display:none;
}

}

.lg-backdrop {
	background:#fff;
}

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

}

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

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

.lg-toolbar {
	background:#fff;
}

.lg-toolbar .lg-icon {
	
}

.lg-toolbar .lg-icon:hover {
	color:#222222;
}

#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:45px 45px;
	padding:0;
	margin-top:-23px;
}

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

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

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

.lg-outer .lg-thumb-outer {
	background:#f0f0f0;
}

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



.team2017 {
	position:relative;
	margin:0 auto 120px;
}

.team2017-inner {
	position:relative;
	margin:0 auto;
	background:#b4d1d8;
	padding:30px 0;
	max-width:1200px;
}

.team2017-img {
	position:absolute;
	left:0;
	bottom:0;
	width:30%;
	position:absolute;
	box-sizing:border-box;
	padding:0 15px;
	font-size:0;
	line-height:0;
}

.team2017-img img {
	width:100%;
	height:auto;
	display:block!important;
}

.team2017-text {
	position:relative;
	width:70%;
	float:right;
	box-sizing:border-box;
	padding:0 15px;
	min-height:150px;
}

.oh-typo .team2017 ul {
	list-style:none;
	margin:0 auto 10px;
	padding:0;
}

.oh-typo .team2017 li {
	display:inline-block;
	margin:0 10px 0 0;
}

@media (max-width:767px) {

.team2017 {
	margin:0 auto 100px;
}

.team2017-inner {
	padding:200px 0 10px;
}

.team2017-img {
	position:absolute;
	left:10px;
	bottom:auto;
	top:-100px;
	width:280px;
	height:280px;
	box-sizing:border-box;
	padding:0;
}

.team2017-text {
	position:relative;
	width:auto;
	float:none;
	box-sizing:border-box;
	padding:0 15px;
	height:auto;
	min-height:0;
}

}

/* cta */

.oh-cta {
	position:fixed;
	bottom:20px;
	right:20px;
	width:180px;
	height:40px;
	background:#00A2B8;
	border-radius:20px;
	display:block;
	z-index:100;
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
	transition:all 0.3s ease-in-out;
	z-index:1200;
	cursor:pointer;
}

.oh-cta:hover {
	background:#00606e;
}

@keyframes ctaAni {
	0% {
		transform:scale(1);
		opacity:0;
	}
	15% {
		transform:scale(1.1);
		opacity:1;
	}
	16% {
		transform:scale(1);
		opacity:0;
	}
	100% {
		transform:scale(1);
		opacity:0;
	}
}

.oh-cta-ani {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:1px solid #00A2B8;
	border-radius:20px;
	pointer-events:none;
	animation:ctaAni 8s infinite;
}

.oh-cta-text {
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	white-space:nowrap;
	right:10px;
	color:#fff;
	font-size:15px;
	line-height:20px;
}

.xdsoft_datetimepicker {
	border:1px solid #dddddd;
	background:#f8f8fc;
	width:100%;
	box-sizing:border-box;
	margin:0 auto 10px;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
	background:#00A2B8;	
}

.xdsoft_datetimepicker .xdsoft_label {
	background:transparent;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	width:calc(100% - 80px);

	width:calc(100% - 20px);
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
	text-align:center;
	font-weight:700;
	color:#000;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
	text-align:center;
	font-weight:700;
	color:#000;	
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
	opacity:0.3;
	font-weight:400;
}


.contact2019 {
	position:relative;
	margin:0 auto;
	padding:0;
}

.contact2019-inner {
	position:relative;
	margin:0 auto;
	max-width:1000px;
	padding:0;
	box-sizing:border-box;
}

.contact2019-img1 {
	float:right;
	box-sizing:border-box;
	padding:0 0 20px 10px;
	display:inline-block!important;
	max-width:40%!important;
}

.content .center .contact2019 h2, .contact2019 h2 {
	font-size:36px;
	line-height:1.2;
	margin:0 0 20px;
	padding:90px 0 0;
	font-weight:400;
	color:#00a2b8;
}

@media (max-width:1150px) {

.contact2019-img1 {
	max-width:30%!important;
}

.content .center .contact2019 h2, .contact2019 h2 {
	padding:20px 0 0;
}

}

@media (max-width:550px) {

.contact2019-img1 {
	float:none;
	padding:0 10px 20px 10px;
	display:block!important;
	max-width:100%!important;
}

.content .center .contact2019 h2, .contact2019 h2 {
	padding:0;
}

}

.content .center .contact2019 h3, .contact2019 h3 {
	font-size:32px;
	line-height:1.2;
	margin:0 0 10px;
	padding:0;
	font-weight:400;
	color:#00A2B8;
}

.content .center .contact2019 h4, .contact2019 h4 {
	font-size:22px;
	line-height:1.2;
	margin:0;
	padding:0;
	font-weight:400;
	color:#454545;
}

.content .center .contact2019 h5, .contact2019 h5 {
	font-size:16px;
	line-height:1.2;
	margin:0 0 10px;
	padding:0;
	font-weight:400;
	color:#999999;
}

.content .center .contact2019 h5 b, .contact2019 h5 b {
	font-weight:400;
	color:#454545;
}

.content .center .contact2019 p, .contact2019 p {
	font-size:24px;
	line-height:1.6;
	margin:0 0 20px;
	padding:0;
	font-weight:400;
	color:#454545;
}

.contact2019 p:last-child {
	margin:0;
}

.content .center .contact2019 p a, .contact2019 p a {
	color:#003466;
}

.contact2019 p b {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:top;
	text-align:center;
	background:#00A2B8;
	color:#fff;
	font-size:15px;
	line-height:28px;
	border-radius:14px;
	margin:0 10px 0 0;
}


@media (max-width:767px) {

.content .center .contact2019 h2, .contact2019 h2 {
	font-size:28px;
}

.content .center .contact2019 h3, .contact2019 h3 {
	font-size:24px;
}

.content .center .contact2019 h4, .contact2019 h4 {
	font-size:17px;
}

.content .center .contact2019 h5, .contact2019 h5 {
	font-size:14px;
}

.content .center .contact2019 p, .contact2019 p {
	font-size:19px;
}

}

.contact2019-twocol {
	position:relative;
	margin:0 0 10px;
	font-size:0;
}

.contact2019-twocol.contact2019-twocol-institute {
	margin-top:80px;
}

.contact2019-twocol-col {
	position:relative;
	width:49%;
	margin:0 2% 0 0;
	box-sizing:border-box;
	padding:0;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	border-radius:5px;
}

.contact2019-twocol-col-text {
	border:1px solid #dddddd;
	background:#f8f8fc;
	padding:0 10px;
}

.contact2019-twocol-col:hover .contact2019-twocol-col-text, .contact2019-twocol-col.active .contact2019-twocol-col-text {
	background:#00A2B8;
}


.content .center .contact2019 .contact2019-twocol-col.active h4, .content .center .contact2019 .contact2019-twocol-col.active h5, .content .center .contact2019 .contact2019-twocol-col.active h5 b,
.content .center .contact2019 .contact2019-twocol-col:hover h4, .content .center .contact2019 .contact2019-twocol-col:hover h5, .content .center .contact2019 .contact2019-twocol-col:hover h5 b,
.contact2019 .contact2019-twocol-col.active h4, .contact2019 .contact2019-twocol-col.active h5, .contact2019 .contact2019-twocol-col.active h5 b,
.contact2019 .contact2019-twocol-col:hover h4, .contact2019 .contact2019-twocol-col:hover h5, .contact2019 .contact2019-twocol-col:hover h5 b {
	color:#fff;
}

.contact2019-twocol-col:last-child {
	margin:0;
}

.contact2019-twocol-col-text-inner {
	margin-top:-60px;
	text-align:center;
	padding:0 0 15px;
}

@media (max-width:767px) {

.contact2019-twocol-col {
	width:100%;
	margin:0 0 10px;
}

.contact2019-twocol.contact2019-twocol-institute .contact2019-twocol-col:nth-child(1) {
	margin:0 0 70px;
}

}

.contact2019-twocol img {
	height:120px!important;
	width:120px!important;
	margin:0 auto 5px;
	display:block!important;
}

.contact2019 label {
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	color:#454545;
	font-size:17px;
	line-height:1.2;
	margin:0 auto 10px;
	display:block;
	text-align:center;
}

.contact2019.umfrage2020 label {
	font-size:19px;
	text-align:left;
}

.contact2019 input[type=text] {
    font-family:'Open Sans', sans-serif;
	font-weight:400;
	color:#454545;
	font-size:19px;
	line-height:30px;
	border:1px solid #dddddd;
	margin:0 auto;
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:10px 15px;
	background:#f8f8fc;
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;
	text-align:center;
}

.contact2019 select {
    font-family:'Open Sans', sans-serif;
	font-weight:400;
	color:#454545;
	font-size:24px;
	line-height:30px;
	border:1px solid #dddddd;
	margin:0 auto;
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:10px 15px;
	background:#f8f8fc;
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;
	text-align:center;
}

.contact2019 select option {
	color:#454545;
	background:#f8f8fc;
}

.contact2019.umfrage2020 input[type=text].umfrageinput {
	font-size:19px;
	line-height:24px;
	margin:0 auto 20px;
	padding:5px 15px;
	background:#fff;
	text-align:left;
}

.contact2019 textarea {
    font-family:'Open Sans', sans-serif;
	font-weight:400;
	color:#454545;
	font-size:24px;
	line-height:30px;
	border:1px solid #dddddd;
	margin:0 auto 10px;
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:15px;
	height:150px;
	background:#f8f8fc;
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;
	resize:none;
}

.contact2019 input[type=submit] {
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	color:#fff;
	font-size:24px;
	line-height:30px;
	border:1px solid #00a2b8;
	margin:0;
	display:inline-block;
	box-sizing:border-box;
	padding:5px 15px;
	background:#00a2b8;
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;
	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-radius:0;
	width:150px;
	margin:0 auto;
	display:block;
}

.contact2019 input[type=submit]:hover {
	background:#00606e;
}

@media (max-width:767px) {

.contact2019 input[type=text] {
	font-size:20px;
	line-height:24px;
}

.contact2019 textarea {
	font-size:20px;
	line-height:24px;
}

.contact2019 input[type=submit] {
	font-size:20px;
	line-height:24px;
}

}




/* wunschbaby.at css begin */

.widthwrap {
	position:relative;
	margin:0 auto;
	padding:0 15px;
	max-width:1200px;
	height:100%;
}

.widthwrap2 {
	position:relative;
	margin:0 auto;
	padding:0 15px;
	max-width:1000px;
	height:100%;
}

header {
	z-index:999;
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:#fff;
	background:rgba(255,255,255,0.95);
	height:150px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.2);
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
}

@media (min-width:768px) {

.nav2022 header {
	height:200px;
}

}

#logo {
	position:absolute;
	top:65px;
	left:15px;
}

@media (min-width:768px) {

.nav2022 #logo {
	top:40px;
}

.nav2022 #logo a {
	display:block;
	font-size:0;
	line-height:0;
}

.nav2022 #logo img {
	height:100px;
}

}

#logo .logo-scrolled {
	display:none;
}

#logo img {
	width:auto;
	height:75px;
}

#menubutton {
	position:absolute;
	list-style:none;
	text-align:left;
	cursor:pointer;
	margin:0;
	display:none;
	top:5px;
	right:5px;
	padding:10px;
	width:30px;
	height:30px;
}

#line1, #line2, #line3 {
	position:absolute;
	width:30px;
	left:10px;
	height:2px;
	background:#454545;
	-webkit-transition:-webkit-transform 0.5s ease-in-out,top 0.1s ease-in-out;
	transition:transform 0.5s ease-in-out,top 0.1s ease-in-out;
}

.scrolled #line1, .scrolled #line2, .scrolled #line3 {
	background:#000;
}

#line1 {
	top:15px;
}

#line2 {
	top:24px;
}

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

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

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

.active #line3 {
	display:none;
}

@media (max-width:767px) {

#menubutton {
	display:block;
}

header {
	height:50px;
}

}

.badge40 {
	position:absolute;
	left:230px;
	top:10px;
	padding:0;
	margin:0;
	display:block;
	text-decoration:none;

	width:120px;
	width:160px;
	transform:rotate(-5deg);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.badge40:hover {
	transform:scale(1.05) rotate(-5deg);
}

.scrolled .badge40 {
	opacity:0;
	pointer-events:none;
}

.badge40 img {
	width:100%;
}

@media (max-width:1200px) {

.badge40 {
	left:130px;
	top:30px;
	width:120px;
}
	
}

@media (max-width:1100px) {

.badge40 {
	display:none;
}

}

@media (max-width:767px) {

.badge40 {
	left:60px;
	left:55px;
	top:0;

	width:55px;
	width:85px;
	display:block;

	display:none;
}

.badge40:hover {
	transform:rotate(-5deg);
}

.scrolled .badge40 {
	opacity:1;
	pointer-events:auto;
	width:70px;
}

}


.headerbuttons2022 {
	display:none;	
}

@media (min-width:768px) {

.nav2022 .headerbuttons2022 {
	position:absolute;
	right:15px;
	white-space:nowrap;
	padding:0;
	margin:0;
	top:60px;
	list-style:none;
	display:block;
}

.nav2022.scrolled .headerbuttons2022 {
	display:none;	
}

.nav2022 .headerbuttons2022 li {
	display:inline-block;
	padding:0;
	margin:0 0 0 15px;
	vertical-align:top;
}

.nav2022 .headerbuttons2022 li {

}

.nav2022 .headerbuttons2022 li a {
	position:relative;
	display:block;
	background:#00A2B8;
	border-radius:20px;
	font-size:15px;
	line-height:20px;
	color:#fff;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align:center;
	padding:10px 20px 10px 60px;
	font-weight:400;
}

.nav2022 .headerbuttons2022 li a:hover {
	background:#00606e;
}

.nav2022 .headerbuttons2022 li a span {
	display:block;
	font-size:11px;
	font-weight:700;
}

.nav2022 .headerbuttons2022 li a:before {
	position:absolute;
	top:10px;
	left:10px;
	width:40px;
	height:40px;
	content:'';
	background:url(../img/kinderwunsch-abend-wien.png) no-repeat center center;
	background-size:100% 100%;
}

.nav2022 .headerbuttons2022 li:nth-child(2) a:before {
	background:url(../img/kinderwunsch-klinik-wien-termin.png) no-repeat center center;
	background-size:100% 100%;
}

.nav2022 .headerbuttons2022 li:nth-child(3) a:before {
	background:url(../img/docfinder-kinderwunsch-wien-2.png) no-repeat center center;
	background-size:100% 100%;
}

}

@media (min-width:768px) and (max-width:1023px) {

.nav2022 .headerbuttons2022 li:last-child {
	display:none;	
}

}

aside {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:1000;
}

.nav2022 aside {
	display:none!important;
}

aside ul {
	margin:0 auto;
	padding:0;
	display:block;
	text-align:center;
	font-size:0;
	line-height:0;
	max-width:800px;
}

aside li {
	display:inline-block;
	margin:0;
	box-sizing:border-box;
	width:32%;
	margin:0 2% 0 0;
	padding:0;
	text-align:center;
}

aside li:last-child {
	margin:0;
}

aside a {
	display:block;
	font-size:15px;
	line-height:1.2;
	padding:5px 5px;
	background:rgba(0,162,184,0.8);
	color:#fff;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	font-weight:700;
	border:0;
	border-top:0;
	-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.2);
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
}

aside li:nth-child(2) a {
	background:#00606e;
}

aside a:hover {
	opacity:0.75;
}

aside a span {
	font-weight:400;
	display:block;
}

@media (min-width:1150px) {

#logo {
	top:10px;
}

#logo img {
	height:130px;
}

aside ul {
	max-width:800px;
}

}

@media (max-width:1149px) {

aside ul {
	width:700px;
	float:right;
}

aside a {
	font-size:13px;
	padding:3px 3px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}

#logo {
	top:10px;
}

#logo img {
	height:130px;
}

}

@media (max-width:900px) {

aside ul {
	width:auto;
	float:none;
}

#logo {
	top:65px;
	left:15px;
}

#logo img {
	height:75px;
}

}

@media (max-width:767px) {

#menubutton {
	display:block;
}

header {
	height:60px;
}

#logo, .scrolled #logo {
	position:absolute;
	top:5px;
	left:10px;
	margin:0;
}

#logo img, .scrolled #logo img {
	width:auto;
	height:50px;
}

aside {
	position:fixed;
	top:auto;
	bottom:0;
}

aside a {
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	background:rgba(0,162,184,1);
	border:0;
}

}

@media (min-width:768px) {

.scrolled.nav2022 #logo {
	display:none;
}

}

@media (max-width:700px) {

aside a {
	font-size:11px;
	padding:3px 3px;
}

}

@media (max-width:600px) {

aside li {
	width:100%;
	margin:0;
	border-radius:0!important;
}

aside li:nth-child(2) {
	margin:0;
}

aside li:nth-child(3) {
	display:none;
}

aside a, .scrolled aside a {
	font-size:13px;
	padding:12px 5px;
	border-radius:0!important;
}

aside li:nth-child(2) a {
	background:#00606e;
}

aside a span {
	font-size:9px;
	display:inline-block;
	margin:0 0 0 5px;
}

}

@media (max-width:500px) {

aside a, .scrolled aside a {
	font-size:11px;
}

header .widthwrap {
	padding:0;
}

}


nav {
	margin:0 auto;
	padding:0;
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
}

@media (min-width:768px) {

.nav2022 nav {
	text-align:center;
	left:0;
	background:#00A2B8;
}

.nav2022 nav:before {
	position:absolute;
	top:0;
	bottom:0;
	left:-2500px;
	right:-2500px;
	background:#00A2B8;
	content:'';
	z-index:-1;
}

}

nav ul {
	margin:0 auto;
	padding:0;
	display:inline-block;
}

@media (min-width:768px) {

.nav2022 nav > ul {
	position:relative;
	text-align:center;
	left:0;
	display:flex;
	justify-content:space-between;	
}

}

nav li {
	display:inline-block;
	margin:0 8px;
}

@media (min-width:768px) {

.nav2022 nav > ul > li {
	margin:0;
}

}

nav a {
	display:block;
	font-size:18px;
	line-height:18px;
	padding:13px 5px;
	color:#333;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

@media (min-width:768px) {

.nav2022 nav > ul > li > a {
	padding:15px;
	line-height:20px;
	color:#fff;
}

}

nav a.open {
	color:#00A2B8;
}

nav a.notopen {
	color:#454545;
}

nav a.active {
	color:#00A2B8;
}

@media (min-width:768px) {

.nav2022 nav > ul > li > a.active, .nav2022 nav > ul > li > a.open, .nav2022 nav > ul > li > a:hover {
	color:#ddd;
}

}


@media (min-width:768px) {

nav a:hover {
	color:#00A2B8;	
}

}

nav a.active.notopen {
	color:#00A2B8;
}

nav > ul > li:nth-last-child(2) > a {
	position:relative;
	padding-left:24px;

}
nav > ul > li:nth-last-child(2) > a:before {
	position:absolute;
	top:50%;
	left:0;
	width:16px;
	height:16px;
	background:url(img/cart-black.svg) no-repeat center center;
	background-size:100% 100%;
	content:'';
	pointer-events:none;
	margin-top:-8px;
}

nav > ul > li:last-child > a.active:before {
	background:url(img/cart-blue.svg) no-repeat center center;
	background-size:100% 100%;
}

.scrolled nav > ul > li:nth-last-child(2) > a:before {
	background:url(img/cart.svg) no-repeat center center;
	background-size:100% 100%;
}

.scrolled nav > ul > li:last-child > a.active:before {
	background:url(img/cart.svg) no-repeat center center;
	background-size:100% 100%;
}

@media (min-width:768px) {

.nav2022 nav > ul > li:last-child > a {
	font-weight:400;
}

.nav2022 nav > ul > li:nth-last-child(2) > a:before {
	background:url(img/cart.svg) no-repeat center center;
	background-size:100% 100%;
}

}

nav .mainsubnav {
	text-align:left;
	position:absolute;
	top:44px;
	display:none;
	background:#f5f5f5;
	left:0;
	right:0;
	padding:30px 10px 30px 60px;
	-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.2);
	box-shadow:0 10px 10px rgba(0,0,0,0.2);
}

.scrolled nav .mainsubnav {

}

nav .mainsubnav ul {
	margin:0;
	padding:0;
	display:block;
	list-style:none;
}

nav .mainsubnav li {
	display:inline-block;
	margin:0 2.5% 0 0;
	padding:0;
	border-bottom:1px solid #ccc;
	width:45%;
	float:left;
}

nav .mainsubnav li a {
	display:block;
	font-size:17px;
	line-height:1.35;
	padding:5px 0;
	margin:0;
	color:#333;
	text-decoration:none;
	text-transform:none;
	font-weight:400;
}

nav .mainsubnav li a:hover, nav .mainsubnav li a.active {
	color:#00A2B8;
}

nav .mainsubnav .column {
	padding:0 50px 0 0;
	box-sizing:border-box;
}

nav .mainsubnav .column:last-of-type {
	width:230px;
	margin:0;
}

@media (min-width:1025px) and (max-width:1200px) {

nav > ul {
	padding:0 12px 0 0;
}

nav li {
	margin:0 8px;
}

nav a {
	font-size:17px;
}

}

@media (min-width:1023px) and (max-width:1200px) {

nav {
	width:auto;
	left:0;
	right:0;
}

nav li {
	margin:0 6px;
}

nav a {
	font-size:14px;
}

}

@media (min-width:768px) and (max-width:1023px) {

nav li {
	margin:0 3px;
}

nav a {
	font-size:12px;
}

}

@media (max-width:767px) {

nav {
	text-align:left;
	position:fixed;
	top:60px;
	bottom:0;
	width:100vw;
	right:-100vw;
	min-height:calc(100vh - 50px);
	border-top:1px solid #dee6da;
	background:#fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
}

nav.mobileactive {
	right:0;
}

nav ul {
	display:block;
	padding:0;
	margin:0 0 150px;
	text-align:center;
}

nav li {
	display:block;
	margin:0;
}

nav > ul > li > a {
	border-bottom:1px solid #dee6da;
}

nav a {
	display:block;
	padding:15px 20px;
}

nav .mainsubnav {
	text-align:left;
	position:relative;
	top:auto;
	background:#f2f2f2;
	left:auto;
	right:auto;
	width:auto;
	padding:0 20px;
	margin:0;
	line-height:0;
	border-bottom:1px solid #dee6da;
	
	-webkit-box-shadow:unset;
	box-shadow:unset;

}

.scrolled nav .mainsubnav {
	top:auto;
}

nav .mainsubnav ul {
	margin:0;
	padding:0;
	display:block;
	font-size:15px;
}

nav .mainsubnav li {
	display:block;
	margin:0;
	padding:0;
	width:100%;
	float:none;
}

nav .mainsubnav li a {
	padding:10px 0;
	margin:0;
	text-transform:none;
	font-size:15px;
	border-color:#454545;
}

nav .mainsubnav li:last-child {
	border-bottom:0;
}

}


@media (max-width:480px) {

nav {
	width:100%;
	right:-100%;
}

}


#topnav {
	position:absolute;
	right:55px;
	top:65px;
	line-height:35px;
	height:35px;
}

#headerclaim {
	display:none;
}

@media (min-width:768px) {

.nav2022 #topnav {
	top:0;
	left:0;
	right:0;
	height:31px;
	background:#f8f8fc;
	border-bottom:1px solid #ddd;
	display:flex;
	justify-content:space-between;
	box-sizing:border-box;
}

.nav2022 #topnav:before {
	position:absolute;
	top:0;
	left:-2500px;
	right:-2500px;
	height:31px;
	box-sizing:border-box;
	background:#f8f8fc;
	border-bottom:1px solid #ddd;
	content:'';
	z-index:-1;
}

.nav2022 #headerclaim {
	font-size:13px;
	line-height:20px;
	padding:5px 15px;
	color:#454545;
	display:inline-block;
}

.nav2022 #headerclaim a {
	color:#454545;
	text-decoration:none;
}

}

#langnav {
	display:inline-block;
	font-size:15px;
	margin:0 0 0 20px;
	font-weight:400;
	height:100%;
	border-radius:10px;
}

#langnav p {
	margin:0;
	padding:0;
	cursor:pointer;
}

#langnav:hover p {
	opacity:0.75;
}

#langnav {
	display:inline-block;
	font-size:15px;
	margin:0 0 0 20px;
	font-weight:400;
	padding:0;
	text-align:left;
}

#langnav img {
	padding:8px 0 14px 0;
	vertical-align:middle;
	height:13px;
	width:20px;
}

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

#langnav li {
	margin:0 0 0 3px;
	padding:0;
	display:inline-block;
}

#langnav li:nth-child(n+4) {
	display:none!important;
}

#langnav li a {
	font-size:15px;
	font-weight:400;
	display:block;
	color:#222;
	text-decoration:none;
	line-height:13px;
	text-align:left;
	padding:0;
	font-weight:700;
}

#langnav li a:hover {
	color:#00A2B8;
}

#langnav li.active a, #langnav li.active a:hover {
	color:#00A2B8;
}

#langnav li a img {
	padding:8px 0 14px 0;
	vertical-align:middle;
	height:13px;
	width:20px;
}

#langnav a.active {
	color:#000;
	border-bottom:1px solid transparent!important;
}

@media (min-width:768px) {

.nav2022 #langnav {
	font-size:15px;
	line-height:30px;
	margin:0;
	border-radius:0;
	padding:0 15px 0 0;
}

.nav2022 #langnav img {
	padding:9px 0 8px 0;
	vertical-align:middle;
	height:13px;
	width:20px;
}

.nav2022 #langnav li {
	font-size:15px;
	line-height:30px;
}

.nav2022 #langnav li a {
	font-size:15px;
	line-height:30px;
}

.nav2022 #langnav li a img {
	padding:9px 0 8px 0;
	vertical-align:middle;
	height:13px;
	width:20px;
}

}

#phone {
	display:inline-block;
	font-size:18px;
	font-weight:700;
}

#phone img {
	margin:0 5px 0 0;
	padding:7px 0 9px;
	vertical-align:middle;
}

#phone a {
	text-decoration:none;
	color:#454545;
	display:inline-block;
}

@media (min-width:768px) {

.nav2022 #phone {
	position:relative;
	font-size:15px;
	font-weight:700;
	line-height:30px;
	padding:0 15px;
}

.nav2022 #phone img {
	margin:0 5px 0 0;
	padding:6px 0 5px;
	vertical-align:top;
}

}

@media (max-width:1024px) {

#topnav {
	top:65px;
	line-height:25px;
	height:25px;
}

#langnav img {

}

#langnav li a img {
	padding:4px 0 6px 0;
}

#phone {
	display:inline-block;
	font-size:12px;
	font-weight:700;
}

}

@media (max-width:767px) {

#topnav {
	right:65px;
	top:10px;
	line-height:25px;
}

#langnav {
	display:none;
	margin:0;
	position:fixed;
	right:50px;
	top:5px;
	height:25px;
	padding:10px;
	background:#fff;
}

#phone {
	font-size:15px;
	line-height:20px;
	vertical-align:middle;
}

#phone img {
	height:20px;
	width:20px;
	margin:0;
	padding:0;
	vertical-align:middle;
}

#phone span {
	display:none;
}


}

@media (max-width:480px) {

#phone span {
	display:none;
}

#phone img {
	height:20px;
	width:20px;
	margin:0;
}

}

article {
	position:relative;
	margin:150px auto 0;
}

.nav2022 article {
	margin:200px auto 0;
}

@media (max-width:767px) {

article {
	margin:110px auto 0;
}

.nav2022 article {
	margin:110px auto 0;
}

}









#topnav #headersearch {
	position:relative;
	display:inline-block;
	margin:0 10px 0 0;
	padding:4px 0;
	line-height:1;
	vertical-align:top;
}

#topnav #headersearch input[type=text] {
	font-size:13px;
	line-height:20px;
	color:#000;
	padding:3px 5px 4px;
	background:#fff;
	border-radius:5px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	outline:none;
	border:1px solid #00A2B8;
	display:inline-block;
	margin:0 3px 0 0;
	box-sizing:border-box;
	height:27px;
	vertical-align:top;
}

#topnav #headersearch input[type=submit] {
	font-size:0;
	line-height:27px;
	padding:0;
	color:transparent;
	background:transparent url(search.png) no-repeat center center;
	background-size:19px 19px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	outline:none;
	border:0;
	cursor:pointer;
	margin:0;
	box-sizing:border-box;
	height:27px;
	width:27px;
	vertical-align:top;
}

#topnav #headersearch input[type=submit]:hover {
	opacity:0.7;
}

@media (min-width:768px) {

.nav2022 #topnav #headersearch {
	position:relative;
	display:inline-block;
	margin:0;
	padding:4px 0;
	line-height:1;
	vertical-align:top;
}

.nav2022 #topnav #headersearch input[type=text] {
	font-size:13px;
	line-height:20px;
	padding:0 5px;
	background:#fff;
	border-radius:5px;
	margin:0 3px 0 0;
	height:22px;
}

.nav2022 #topnav #headersearch input[type=submit] {
	line-height:22px;
	height:22px;
	width:22px;
}

}

@media (max-width:1024px) {

#topnav #headersearch {
	margin:0 15px 0 0;
	padding:3px 0;
}

#topnav #headersearch input[type=text] {
	font-size:11px;
	line-height:19px;
	padding:1px 5px 2px;
	height:22px;
}

#topnav #headersearch input[type=submit] {
	height:22px;
}
	
}

@media (max-width:1024px) {

#topnav #headersearch {
	margin:0 15px 0 0;
	padding:3px 0;
	vertical-align:middle;
}

#topnav #headersearch input[type=text] {
	font-size:11px;
	line-height:19px;
	padding:1px 5px 2px;
	height:22px;
}

#topnav #headersearch input[type=submit] {
	background-size:17px 17px;
	height:22px;
}
	
}

@media (max-width:767px) {

#topnav #headersearch {
	padding:0;
	vertical-align:middle;

	display:none!important;
}

#topnav #phone {
	display:none!important;
}

#topnav #headersearch input[type=text] {
	display:none;
}

#topnav #headersearch input[type=submit] {
	background-size:20px 20px;
	height:20px;
}

#topnav #headerclaim {
	position:fixed;
	display:block;
	text-decoration:none;
	color:#00A2B8;
	top:12px;
	left:75px;
	line-height:18px;
	font-size:15px;
	width:150px;
}

#topnav #headerclaim a {
	color:#00A2B8;
	text-decoration:none;
}

}

@media (max-width:480px) {

#topnav #headersearch input[type=submit] {
	background-size:15px 15px;
	height:30px;
}

}





@media (max-width:767px) {

aside, #starbadge {
	display:none!important;
}
	
}


.cta {
 position:fixed;
 bottom:10px;
 left:10px;
 right:10px;
 height:40px;
 display:block;
 z-index:1001;
 -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
}

@media (min-width:768px) {

.cta {
 display:none;
}

}

@media (min-width:481px) {

.cta {
 left:50%;
 right:auto;
 transform:translate(-50%,0);
 width:480px
}

}

.cta h5 {
 position:absolute;
 top:0;
 left:0;
 width:50%;
 font-size:11px!important;
 line-height:20px!important;
 font-weight:550;
 margin:0!important;
 padding:0 5px 0 0;
 color:#A094C7;
 vertical-align:middle;
 -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;
 display:block;
 margin:0;
 box-sizing:border-box
}

.cta h5:nth-child(2) {
 left:50%;
 padding:0 0 0 5px
}

.cta h5 a {
 position:relative;
 color:#fff;
 background:rgba(0,162,184,1);
 font-weight:400;
 margin:0;
 padding:9px 9px 9px;
 display:block;
 text-align:center;
 box-sizing:border-box;
 width:100%;
 border:1px solid #fff;
 border-radius:10px;
 box-shadow:rgba(0,0,0,.15) 0 0 8px 0;
 text-decoration:none;
}

.cta h5:nth-child(2) a {
 color:#fff;
 border:1px solid #fff;
 background:#00606e
}

.cta h5 img {
 width:20px;
 height:20px;
 vertical-align:top;
 margin:0 5px 0 0
}

@media (max-width:350px) {

.cta h5 a {
 padding:9px 4px 9px;
}

.cta h5 img {
 width:10px;
 height:10px;
 margin:0 4px 0 0;
 padding:5px 0;
}
	
}


.navloc-ascontent {
	background:#fff;
	margin:-30px auto 30px;
	padding:30px 0 5px;
}

.navloc {
	position:relative;
	text-align:center;
}

@media (min-width:768px) {

.navloc, .navloc-ascontent {
	display:none;
}

}

.navloc-inner {
	position:relative;
	margin:0 auto 20px;
	font-size:0;
}

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

.navloc-col:nth-child(1):after {
	position:absolute;
	top:10px;
	left:100%;
	bottom:10px;
	border-right:1px solid #dee6da;
	content:'';
}

.navloc p {
 font-size:11px;
 line-height:1.5;
 font-weight:400;
 margin:0 0 10px;
 padding:0;
}

.navloc p b {
 	font-size:13px;
	color:rgba(0,162,184,1);
	font-weight:700;
}

.navloc h3 {
	font-size:15px;
	line-height:1.5;
	font-weight:700;
	margin:0;
	padding:0;
	color:rgba(0,162,184,1);
}

.navloc h5 {
 font-size:11px!important;
 line-height:20px!important;
 font-weight:700;
 padding:0 0 0;
 color:#A094C7;
 vertical-align:middle;
 -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;
 display:block;
 margin:0 0 10px;
 box-sizing:border-box;
}

.navloc h5 a {
 position:relative;
 color:#fff!important;
 background:rgba(0,162,184,1);
 font-weight:400;
 margin:0;
 padding:5px 5px 5px;
 display:block;
 text-align:center;
 box-sizing:border-box;
 width:100%;
 border:1px solid #fff;
 border-radius:10px;
 box-shadow:rgba(0,0,0,.1) 0 0 4px 0;
 text-decoration:none;
 font-size:11px!important;
 line-height:20px!important;
 font-weight:700;
}

.navloc h5 img {
 width:20px;
 height:20px;
 vertical-align:top;
 margin:0 5px 0 0
}




.scrolled aside {
	position:fixed;
	bottom:0;
	top:auto;
}

.scrolled aside a {
	border-top-right-radius:10px;
	border-top-left-radius:10px;	
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-bottom:0;
}

.scrolled header {
	height:45px;
	background:#00A2B8;
}

.scrolled #logo {
	top:5px;
}

.scrolled #logo img {
	height:35px;
}

.scrolled nav a.notopen, .scrolled nav a {
	color:#fff;
}

.scrolled nav a.open {
	color:#454545;
}

.scrolled #topnav {
	display:none;
}

.scrolled #logo .logo-unscrolled {
	display:none;
}

.scrolled #logo .logo-scrolled {
	display:block;
}

@media (min-width:768px) {

.scrolled.nav2022 header {
	height:50px;
}

}

@media (max-width:767px) {

.scrolled nav a.notopen, .scrolled nav a {
	color:#454545;
}

.scrolled header {
	height:60px;
	background:rgba(255,255,255,0.95);
}

.scrolled nav {
	top:60px;
}

.scrolled #logo {
	top:5px;
}

.scrolled #logo img {
	height:50px;
}

.scrolled #logo .logo-unscrolled {
	display:block;
}

.scrolled #logo .logo-scrolled {
	display:none;
}

.scrolled #topnav {
	display:block;
}

}



@media (min-width:768px) {

.mobileaction {
	display:none;	
}

}

.mobileaction {
	position:fixed;
	z-index:50;
	top:60px;
	left:0;
	right:0;
	background:#00A2B8;
}

.mobileaction-inner {
	position:relative;
	margin:0 auto;
	max-width:600px;
	display:flex;
	justify-content:space-around;
}

.mobileaction-item {
	position:relative;
	display:inline-block;
	vertical-align:top;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	box-sizing:border-box;
}

.mobileaction-item-border {
	position:relative;
	display:inline-block;
	width:1px;
}

.mobileaction-item-border:after {
	position:absolute;
	right:0;
	top:10px;
	bottom:10px;
	width:1px;
	content:'';
	background:rgba(255,255,255,0.5);
}

.mobileaction-item:nth-child(4):after {
	display:none;
}

.mobileaction-item-text {
	position:relative;
	font-size:12px;
	line-height:15px;
	padding:10px 10px 10px 55px;
	box-sizing:border-box;
	display:block;
	vertical-align:top;
	text-align:left;
	color:#fff;
	text-decoration:none;
}

.mobileaction-item-text.mobileaction-item-text-one {
	padding:17px 10px 18px 55px;
}

.mobileaction-item-img {
	position:absolute;
	top:0;
	left:0;
	box-sizing:border-box;
	padding:10px;
}

.mobileaction-item-img img {
	width:30px;
	height:auto;
}

@media (max-width:560px) {

.mobileaction-item-text {
	font-size:11px;
	line-height:15px;
	padding:10px 5px 10px 35px;
}

.mobileaction-item-text.mobileaction-item-text-one {
	padding:17px 5px 18px 35px;
}

.mobileaction-item-img {
	padding:15px 5px 15px 5px;
}

.mobileaction-item-img img {
	width:20px;
}

}

@media (max-width:480px) {

.mobileaction-item-text {
	font-size:10px;
	line-height:13px;
	padding:12px 5px 12px 35px;
}

.mobileaction-item-text.mobileaction-item-text-one {
	padding:18px 5px 19px 35px;
}

.mobileaction-item-border:after {
	top:12px;
	bottom:12px;
}

}

@media (max-width:370px) {

.mobileaction-item-text {
	font-size:8px;
}

.mobileaction-item-text span {
	display:none;
}

}

/* wunschbaby.at css end */
