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

body {
	position:relative;
	margin:0;
	padding:0;
	font-family:'Figtree',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;
	transition:background 2s ease-in-out;
}

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:5px;
	top:5px;
	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;
}

.oh-typo h1 {
	font-weight:500;
	font-size:60px;
	line-height:1.1;
	margin:0 auto 20px;
	padding:0;
	color:#222224;
}

.oh-typo h1 b {
	font-weight:900;
}

.oh-typo h2 {
	font-weight:300;
	font-size:40px;
	line-height:1.1;
	margin:0 auto 20px;
	padding:0;
	color:#222224;
}

.oh-typo h2 sup {
	position:relative;
	top:-2px;
	font-size:24px;
	vertical-align:top;
}

.oh-typo h2 b, .oh-typo h2 strong {
	font-weight:900;
}

.oh-typo h3 {
	font-weight:300;
	font-size:30px;
	line-height:1.1;
	margin:0 auto 20px;
	padding:0;
	color:#222224;
}

.oh-typo h3 b, .oh-typo h3 strong {
	font-weight:900;
}

.oh-typo .three-col h3 {
	font-weight:500;
}

.oh-typo h4 {
	font-size:20px;
	font-weight:300;
	line-height:1.1;
	margin:0 auto 20px;
	padding:0;
	color:#222224;
}

.cover .oh-typo h4 {
	margin:40px auto 0!important;
}

.oh-typo h4 b, .oh-typo h4 strong {
	font-weight:900;
}

.oh-typo h4 a {
	font-size:19px;
	font-weight:500;
	padding:10px 22px;
	display:inline-block;
	color:#fff;
	background:#9d5d51;
	border:1px solid #9d5d51;
	border-radius:8px;
}

.no-touch .oh-typo h4 a:hover {
	background:#fff;
	color:#9d5d51;
}

.oh-typo h5 {
	font-size:16px;
	font-weight:700;
	line-height:1.1;
	margin:0 auto 10px;
	padding:0;
	color:#9d5d51;
	text-transform:uppercase;
	letter-spacing:1px;
}

.oh-typo h6 {
	font-size:12px;
	font-weight:700;
	line-height:1.1;
	margin:0 auto 10px;
	padding:0;
	color:#9d5d51;
	text-transform:uppercase;
	letter-spacing:1px;
}

.oh-typo p {
	font-size:18px;
	line-height:1.75;
	font-weight:350;
	margin:0 auto 20px;
	padding:0;
	color:#222224;
}

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

.oh-typo p i, .oh-typo p em {
	font-style:italic;
}

.oh-typo p a {
	color:#9d5d51;
}

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

.oh-typo ul {
	color:#222224;
	font-size:18px;
	line-height:1.75;
	font-weight:300;
	margin:0 auto 30px;
	padding:0 0 0 30px;
	list-style-type:square;
}

.oh-typo ul.taglist {
	list-style:none;
	padding:0;
	margin:0;
	line-height:1.1;
}

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

.oh-typo ul.lines li {
	border-bottom:1px solid #222224;
}

@media (min-width:768px) {

.oh-typo ul.columns {
	columns:2;
}

.oh-typo ul.columns li {
	padding:0 10px 0 0;
}

}

.oh-typo ul.taglist li {
	display:inline-block;
	background:#fff;
	padding:10px 22px;
	margin:10px;
	border-radius:6px;
}

.oh-typo ul a {
	color:#9d5d51;
}

.no-touch .oh-typo ul a:hover {
	opacity:0.7;
}

.oh-typo ol {
	color:#222224;
	font-size:18px;
	line-height:1.75;
	font-weight:300;
	margin:0 auto 30px;
	padding:0 0 0 30px;
}

.oh-typo ol a {
	color:#9d5d51;
}

.no-touch .oh-typo ol a:hover {
	opacity:0.7;
}

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

.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 p a, .oh-typo-invers ul a, .oh-typo-invers ol a {
	color:#fff;
}

.oh-typo-invers h4 a {
	background:#fff;
	color:#9d5d51;
}

@media (max-width:1023px) {

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

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

.oh-typo h2 sup {
	font-size:18px
}

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

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

.oh-typo h4 a {
	font-size:17px;
	padding:8px 16px;
}

.oh-typo h5 {
	font-size:11px;
}

.oh-typo ul.taglist li {
	padding:4px 8px;
	margin:4px;
	font-size:13px;
}

}

header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:100;
	transition:all 0.3s ease-in-out;
}

.scrolled header {
	background:rgba(255,255,255,0.8);
}

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

.header-logo {
	position:relative;
	margin:0 auto;
	padding:0;
	color:#222224;
	display:inline-block;
	transition:all 0.3s ease-in-out;
	z-index:101;
}

.header-logo b {
	position:relative;
	font-size:19px;
	line-height:20px;
	font-weight:700;
}

.header-logo i {
	position:relative;
	font-style:normal;
	font-size:9px;
	line-height:10px;
	font-weight:300;
	left:1px;
}

.header-logo sup {
	position:relative;
	top:-3px;
	font-size:11px;
	vertical-align:top;
}

.scrolled .header-logo {
	color:#9d5d51;
}

.header-cta {
	position:absolute;
	right:20px;
	top:10px;
	font-size:15px;
	font-weight:400;
	line-height:20px;
	margin:0 auto;
	padding:4px 9px 4px;
	color:#fff;
	background:#9d5d51;
	border:1px solid #9d5d51;
	border-radius:6px;
	display:inline-block;
}

.no-touch .header-cta:hover {
	background:transparent;
	color:#9d5d51;
}

nav {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

@media (min-width:1024px) {

nav {
	display:block!important;
}

}

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

nav li {
	position:relative;
	list-style:none;
	padding:0;
	margin:0 20px;
	display:inline-block;
}

nav li a {
	position:relative;
	display:block;
	font-size:15px;
	line-height:20px;
	font-weight:400;
	margin:0 auto;
	padding:5px;
	color:#000;
}

nav li.active a, .no-touch nav li a:hover {
	opacity:0.5;
}

.scrolled nav li a {
	color:#000;
}

@media (max-width:1023px) {

.header-inner {
	padding:10px 20px;
}

.header-logo {
	margin:0 auto;
	padding:0;
}

.header-cta {
	right:50px;
	top:9px;
	font-size:13px;
	line-height:16px;
	padding:6px 8px;
	border-radius:6px;
}

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

nav ul {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	text-align:center;
}

nav li {
	padding:0;
	margin:20px 0;
	display:block;
}

nav li a {
	font-size:19px;
	line-height:20px;
	font-weight:300;
	margin:0 auto;
	padding:5px;
	color:#000;
}

.scrolled nav li a {
	color:#000;
}

}

@media (max-width:767px) {

.header-inner {
	padding:10px;
}

}

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

.padding-top-tiny {
	padding-top:10px!important;
}

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

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

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

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

.padding-bottom-tiny {
	padding-bottom:10px!important;
}

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

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

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

@media (max-width:1023px) {

.padding-top-tiny {
	padding-top:10px!important;
}

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

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

.padding-top-big {
	padding-top:80px!important;
}

.padding-bottom-tiny {
	padding-bottom:10px!important;
}

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

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

.padding-bottom-big {
	padding-bottom:80px!important;
}

}

@media (max-width:767px) {

.padding-top-tiny {
	padding-top:5px!important;
}

.padding-top-small {
	padding-top:10px!important;
}

.padding-top-default {
	padding-top:30px!important;
}

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

.padding-bottom-tiny {
	padding-bottom:5px!important;
}

.padding-bottom-small {
	padding-bottom:10px!important;
}

.padding-bottom-default {
	padding-bottom:30px!important;
}

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

}

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

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

.bg-rosa {
	background:#e6dfda;
}

.bg-white {
	background:#fff;
}

.bg-black {
	background:#eae6e3;
	background:#0E1A2D;
	background:#9d5d51;
}

.one {
	position:relative;
}

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

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

.one-medium .one-inner {
	max-width:900px;
}

.one-thin .one-inner {
	max-width:600px;
}

.one-img {
	position:relative;
	margin:0 auto 30px;
}

.one-img img {
	width:100%;
}

.one-video {
	position:relative;
	margin:0 auto 30px;
}

.one-video img {
	width:100%;
}

.one-html {
	position:relative;
	margin:0 auto 30px;
}

.one-iframe {
	position:relative;
	margin:0 auto 30px;
}

.one-text {
	position:relative;
	margin:0 auto 30px;
}

.one-inner > div:last-child {
	margin:0 auto!important;
}

@media (max-width:767px) {

.one-title {
	padding:0 10px;
}

.one-inner {
	padding:0 10px;
}

}

.two {
	position:relative;
}

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

@media (max-width:767px) {

.two-title {
	padding:0 10px;
}

}

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

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

.two-3565 .two-col {
	width:35%;
}

.two-3565 .two-col:nth-child(2) {
	width:65%;
}

.two-6535 .two-col {
	width:65%;
}

.two-6535 .two-col:nth-child(2) {
	width:35%;
}

.two-vcenter .two-col {
	vertical-align:middle;
}

.two-col > a {
	display:block;
	margin:0 auto;
}

.no-touch .two-col > a:hover {
	opacity:0.7;
}

.two-img {
	position:relative;
	margin:0 auto 30px;
}

.two-img img {
	width:100%;
}

.two-video {
	position:relative;
	margin:0 auto 30px;
}

.two-video img {
	width:100%;
}

.two-html {
	position:relative;
	margin:0 auto 30px;
}

.two-text {
	position:relative;
	margin:0 auto 30px;
}

.two-col > div:last-child, .two-col > a > div:last-child {
	margin:0 auto!important;
}

@media (max-width:767px) {

.two-inner {
	max-width:540px;
	padding:0;
}

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

.two-col:nth-child(2) {
	display:block;
	width:100%;
	margin:30px auto 0;
}

.two-3565 .two-col {
	width:100%;
}

.two-3565 .two-col:nth-child(2) {
	width:100%;
}

.two-6535 .two-col {
	width:100%;
}

.two-6535 .two-col:nth-child(2) {
	width:100%;
}

}

.three {
	position:relative;
}

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

@media (max-width:767px) {

.three-title {
	padding:0 10px;
}

}

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

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

.three-vcenter .three-col {
	vertical-align:middle;
}

.three-col > a {
	display:block;
	position:relative;
}

.no-touch .three-col > a:hover {
	opacity:0.7;

}

.three-caption {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:all 0.3s ease-in-out;
}

.three-caption-inner {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	padding:10px;
	transform:translate(0,-50%);
	text-align:center;
}

.oh-typo .three-caption-inner > h3 {
	color:#fff;
}

.oh-typo .three-caption-inner > p {
	transition:all 0.3s ease-in-out;
	color:transparent;
}

/*
.oh-typo .three-col > a:hover .three-caption-inner > p {
	color:#fff;
}
*/

.three-img {
	position:relative;
	margin:0 auto 30px;
}

.three-img img {
	width:100%;
}

.three-video {
	position:relative;
	margin:0 auto 30px;
}

.three-video video {
	width:100%;
}

.three-html {
	position:relative;
	margin:0 auto 30px;
}

.three-text {
	position:relative;
	margin:0 auto 30px;
}

.three-col > div:last-child, .three-col > a > div:last-child {
	margin:0 auto!important;
}

.three-col img {
	width:100%;
}

@media (max-width:767px) {

.three-inner {
	max-width:540px;
	padding:0;
}

.three-col {
	width:100%;
}

.three-col:nth-child(2), .three-col:nth-child(3) {
	display:block;
	width:100%;
	margin:30px auto 0;
}

}

footer {
	position:relative;
}

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

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

@media (min-width:768px) {

.footer-inner {
	display:flex;
	justify-content:space-between;
}

.footer-col {
	width:auto;
	margin:0;
}

}

@media (max-width:767px) {

.footer-inner {
	max-width:540px;
	padding:0;
}

.footer-col {
	width:100%;
}

.footer-col:nth-child(2), .footer-col:nth-child(3) {
	display:block;
	width:100%;
	margin:30px auto 0;
}

}

.cover {
	position:relative;
	height:100vh;
	min-height:480px;
	overflow:hidden;
}

.cover-bg-desktop {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.cover-bg-mobile {
	display:none;
}

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

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

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

@media (max-width:767px) {

.cover-bg-desktop {
	display:none;
}

.cover-bg-mobile {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
}

.cover-bg-mobile:after {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:'';
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.75) 75%,rgba(255,255,255,0.75) 100%);
}

.cover-caption {
	transform:translate(0,0);
	top:auto;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
}

}

#dsgvCookie {
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:10000;
	width:280px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 11px 50px 0px;
	display:none;
}

.showDsgvCookie #dsgvCookie {
	display:block;
}

.dsgvCookie-inner {
	position:relative;
	padding:15px;
	background:#9d5d51;
}

#dsgvCookie svg {
	width:60px;
	height:60px;
	margin:0 0 10px;
}

#dsgvCookie svg path {
	fill:#fff;
}

#dsgvCookie .oh-typo p {
	font-size:15px;
	line-height:1.35;
}

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

#dsgvCookie .oh-typo h4 a {
	margin:0 auto;
}

#dsgvCookie .oh-typo h4 a {
	display:block;
	text-align:center;
}

#dsgvCookie .oh-typo h4 a.dsgvo-cookie-accept {
	background:#ffffff;
	color:#9d5d51;
	border-color:#9d5d51;
}

#dsgvCookie .oh-typo h4 a.dsgvo-cookie-accept:hover {
	background:#ffffff;
	color:#9d5d51;
	border-color:#9d5d51;
	opacity:0.7;
}

#dsgvCookie .oh-typo h4 a.dsgvo-cookie-decline {
	cursor:not-allowed;
	background:transparent;
	color:#ffffff;
	border-color:transparent;
}

#dsgvCookie .oh-typo h4 a.dsgvo-cookie-decline:hover {
	background:transparent;
	color:#ffffff;
}

