/*
Theme Name: WCD
Theme URI: http://www.wcd.ch
Version: 1.0
Author: weiss communication+design ag
Author URI: http://www.wcd.ch
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
Text Domain: wcd
*/

@media (max-width: 991px){
	#wpadminbar{
		display: none !important;
	}
}

@font-face{
	font-family: "AGaramondPro";
	src: url("fonts/adobe.woff2") format("woff2"),
		url("fonts/adobe.woff") format("woff");
	font-style: normal;
	font-weight: 400;
}

@font-face{
	font-family: "ITCAvantGardeStd";
	src: url("fonts/35EAB4_0_0.woff2") format("woff2"),
		url("fonts/35EAB4_0_0.woff") format("woff");
	font-style: normal;
	font-weight: bold;
}

@font-face{
	font-family: ITCAvantGardeStd;
	src: url("fonts/ITCAvantGardeStd-Md.woff2") format("woff2");
	font-style: normal;
	font-weight: 500;
}

@font-face{
	font-family: "SFProText";
	src: url("fonts/sanfranciscotext-regular.woff2") format("woff2"),
		url("fonts/sanfranciscotext-regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

body{
	position: relative;
	overflow-y: scroll;
	font-family: AGaramondPro, Garamond, Times New Roman, serif;
	font-weight: 400;
	background-color: #fff;
	-webkit-transition: background 300ms ease;
	transition: background 300ms ease;
}

a,
button,
input{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.form-control:active,
.form-control:focus,
a:focus,
a:active,
button:focus,
button:active,
input:focus,
input:active,
textarea:focus,
textarea:active{
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

button::-moz-focus-inner{
	border: 0;
}

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

textarea{
	resize: vertical;
}

.alignleft{
	float: left;
	margin-right: 15px;
}

.alignright{
	float: right;
	margin-left: 15px;
}

.aligncenter{
	display: block;
	margin: 0 auto;
}

.mapa label{
	width: auto;
	display: inline;
}

.mapa img{
	max-width: none;
}

.carousel-item .bg.full,
.carousel-item .bg.vertical{
	position: absolute;
	top: 0;
	height: 100%;
}
.carousel-item .bg.full{
	left: 0;
	width: 100%;
	object-fit: cover;
}
.carousel-item .bg.vertical{
	left: 50%;
	width: auto;
	transform: translateX(-50%);
}

.carousel-fade .carousel-inner .carousel-item{
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right{
	opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right{
	opacity: 1;
}

.carousel-fade .carousel-inner .carousel-item-next,
.carousel-fade .carousel-inner .carousel-item-prev,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right{
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.btn{
	padding: 0 20px;
	border: none;
	border-radius: 3px;
	font-size: 17px;
	font-weight: 700;
	line-height: 55px;
}

.btn:focus{
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-red,
.btn-red:focus,
.btn-red:not(:disabled):active,
.show > .btn-red.dropdown-toggle,
.btn-red:not(:disabled):active:focus,
.show > .btn-red.dropdown-toggle:focus{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#ea3228),
		to(#d01612)
	);
	background-image: linear-gradient(to bottom, #ea3228, #d01612);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
}

.btn-red:hover{
	opacity: 0.92;
	color: #fff;
}

.btn-red:disabled{
	opacity: 0.5;
	color: #fff;
}

#index_slider{
	margin-bottom: 40px;
}

#index_slider,
#index_slider .carousel-item{
	height: 640px;
}

#index_slider .carousel-item{
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#index_slider .carousel-item .popis{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40%;
	padding: 5% 3%;
	text-align: right;
}

#index_slider .carousel-item .title{
	position: relative;
	left: -80px;
	margin: 0;
	opacity: 0;
	padding: 0;
	font-size: 70px;
	color: #fff;
	margin-bottom: 0.3em;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#index_slider .carousel-item.active .title{
	left: 0;
	opacity: 1;
}

#index_slider .carousel-item p{
	position: relative;
	padding-left: 20%;
	font-size: 1.4em;
	font-style: italic;
	color: #ead6b9;
	left: 80px;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#index_slider .carousel-item.active p{
	left: 0;
	opacity: 1;
}

header{
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 30;
}

button.navbar-toggler{
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 30;
	border: none;
	border-radius: 0;
	top: 193px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: top 300ms ease;
	transition: top 300ms ease;
}

button.navbar-toggler.collapsed{
	top: 50px;
	-webkit-transition: top 350ms ease, opacity 200ms ease;
	transition: top 350ms ease, opacity 200ms ease;
}

button.navbar-toggler img{
	-webkit-transition: opacity 300ms ease 0ms;
	transition: opacity 300ms ease 0ms;
}

button.navbar-toggler.collapsed img{
	-webkit-transition: opacity 300ms ease 350ms;
	transition: opacity 300ms ease 350ms;
}

button.navbar-toggler img:first-child{
	opacity: 0;
}

button.navbar-toggler img:last-child{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
}

button.navbar-toggler.collapsed img:first-child{
	opacity: 1;
}

button.navbar-toggler.collapsed img:last-child{
	opacity: 0;
}

.scrolled:not(.logo_scroll_up) button.navbar-toggler.collapsed{
	top: -50px;
	opacity: 0;
}

header > .navbar{
	padding: 0;
}

@media (min-width: 768px){
	#menu{
		display: flex;
		justify-content: center;
	}
	#menu.collapse:not(.show){
		display: none;
	}
	#menu ul{
		display: inline-grid;
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
	}
}

#menu .nav-link{
	padding: 87px 35px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: -0.3px;
	text-align: center;
	color: #000;
	animation: fadein 2s;
	-moz-animation: fadein 2s; /* Firefox */
	-webkit-animation: fadein 2s; /* Safari and Chrome */
	animation-timing-function: cubic-bezier(0.3, 0.1, 0.25, 1);
}

#menu .nav-link:hover{
	background: rgba(000, 000, 000, 0.01);
}

#menu .nav-link .title{
	margin-top: 4px;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: normal;
}

@keyframes fadein{
	0%{
		opacity: 0;
		transform: translate(0, 15px);
	}
	20%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		transform: translate(0, 0);
	}
}
@-moz-keyframes fadein{
	/* Firefox */
	0%{
		opacity: 0;
		transform: translate(0, 15px);
	}
	20%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		transform: translate(0, 0);
	}
}
@-webkit-keyframes fadein{
	/* Safari and Chrome */
	0%{
		opacity: 0;
		transform: translate(0, 15px);
	}
	20%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		transform: translate(0, 0);
	}
}

.fp-section,
.notfullpage{
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}

.fp-section.fp-table::before{
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.04);
	display: block;
	position: absolute;
}

button.navbar-toggler ~ #barba-wrapper .fp-section.before-auto-height,
button.navbar-toggler ~ #barba-wrapper .fp-section.active,
button.navbar-toggler ~ #barba-wrapper .notfullpage{
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
}

button.navbar-toggler ~ #barba-wrapper .fp-section.before-auto-height .scrollDown,
button.navbar-toggler ~ #barba-wrapper .fp-section.active .scrollDown,
button.navbar-toggler ~ #barba-wrapper .notfullpage .scrollDown{
	opacity: 0;
	pointer-events: none;
}

button.navbar-toggler.collapsed ~ #barba-wrapper .fp-section.before-auto-height,
button.navbar-toggler.collapsed ~ #barba-wrapper .fp-section.active,
button.navbar-toggler.collapsed ~ #barba-wrapper .notfullpage{
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

button.navbar-toggler.collapsed ~ #barba-wrapper .fp-section.before-auto-height .scrollDown,
button.navbar-toggler.collapsed ~ #barba-wrapper .fp-section.active .scrollDown,
button.navbar-toggler.collapsed ~ #barba-wrapper .notfullpage .scrollDown{
	pointer-events: all;
	opacity: 1;
}

.fp-tableCell > .container,
.fp-tableCell > .container > .row{
	height: 100%;
}

.fp-tableCell > .container > .row{
	position: relative;
}
.fp-tableCell h2 ~ p{
	text-shadow: 0 1px 45px rgba(0, 0, 0, 0.35);
}
.fp-tableCell p.big {
	text-shadow: 0 1px 45px rgba(0, 0, 0, 0.35);
	margin: 0;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.5px;
	color: #fff;
	-webkit-transition: margin .35s ease;
	transition: margin .35s ease;
}

h1{
	margin: 0;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 45px;
	font-weight: bold;
	line-height: 1.09;
	letter-spacing: -0.8px;
	color: #fff;
	-webkit-transition: margin 350ms ease;
	transition: margin 350ms ease;
}

button.navbar-toggler ~ #barba-wrapper .fp-section h1{
	margin-top: -150px;
}

@media (min-width: 768px){
	button.navbar-toggler.collapsed ~ #barba-wrapper .fp-section h1{
		margin-top: 0;
		-webkit-animation-delay: 0ms;
		animation-delay: 0ms;
		-webkit-animation-duration: 700ms;
		animation-duration: 700ms;
		-webkit-animation-name: h1Slide;
		animation-name: h1Slide;
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}

	@-webkit-keyframes h1Slide{
		0%{
			margin-top: -150px;
		}

		50%{
			margin-top: 200px;
		}

		55%{
			margin-top: 200px;
		}

		100%{
			margin-top: 0px;
		}
	}

	@keyframes h1Slide{
		0%{
			margin-top: -150px;
		}

		50%{
			margin-top: 200px;
		}

		55%{
			margin-top: 200px;
		}

		100%{
			margin-top: 0px;
		}
	}
}

.scrollDown{
	position: absolute;
	bottom: 50px;
	left: 15px;
	padding-left: 41px;
	padding-bottom: 12px;
	background: url(images/arrow-down.svg) 0 0 repeat-y;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 21px;
	line-height: 1;
	color: #fff;
	-webkit-transition: bottom 350ms ease, background 0ms ease;
	transition: bottom 350ms ease, background 0ms ease;
}

.scrollDown:hover{
	background-position: 0 68px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: bottom 350ms ease, background 600ms ease;
	transition: bottom 350ms ease, background 600ms ease;
}

button.navbar-toggler ~ #barba-wrapper .fp-section.active .scrollDown{
	bottom: 250px;
}

button.navbar-toggler.collapsed
	~ #barba-wrapper
	.fp-section.active
	.scrollDown{
	bottom: 50px;
}

.label{
	position: absolute;
	top: -102px;
	left: 15px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: -0.4px;
	color: #fff;
}

.label + a,
.label + a:hover{
	text-decoration: none;
}

h2{
	margin: 0 0 27px;
	padding: 0 0 20px;
	position: relative;
	margin-right: -30px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 70px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: -1.9px;
	color: #fff;
}

h2.wider{
	margin-right: -100px;
}

h2:after{
	content: "";
	width: 123px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.fp-section h3{
	margin: 0 0 18px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 100px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -2.7px;
	color: #fff;
}

p{
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 24px;
	line-height: 1.42;
	letter-spacing: normal;
	color: #fff;
}

footer{
	padding: 62px 0 15px;
	background: #0e0e0e;
	color: #fff;
}

footer .row{
	min-width: 100%;
}

#footer-address{
	margin: -97px 0 35px;
	padding: 33px 35px 8px;
	background: #282828;
	-webkit-transform: translateY(35px);
	transform: translateY(35px);
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

#footer-address .title{
	font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica,
		Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: normal;
	color: #9d9d9d;
}

#footer-address h3{
	margin: 15px 0 25px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.38;
	letter-spacing: -0.2px;
}

#footer-address p{
	font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica,
		Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.69;
	letter-spacing: normal;
	color: #999;
}

#footer-address p strong{
	font-weight: normal;
	color: #fff;
}

#footer-address a{
	color: #fff;
	text-decoration: underline;
	line-height: 2.31;
}

.active #footer-address,
.notfullpage #footer-address{
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

footer .nav.flex-column a{
	position: relative;
	padding: 0;
	color: #fff;
}

footer .nav.flex-column a:after{
	content: "";
	width: 100%;
	height: 1px;
	background: #252528;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 0;
	right: 0;
}

footer .nav.flex-column a span:first-child{
	position: relative;
	z-index: 20;
	background: #0e0e0e;
	padding-right: 10px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 2.94;
	letter-spacing: -0.2px;
}

footer .nav.flex-column a span:last-child{
	position: relative;
	z-index: 3;
	background: #0e0e0e;
	padding-left: 8px;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 2.94;
	letter-spacing: -0.3px;
	color: #d0d0d0;
}

#footer_langs a{
	padding: 5px 12px;
	background-color: #282828;
	font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica,
		Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: normal;
	color: #d0d0d0;
	text-transform: uppercase;
}

#footer_langs li.current-lang a{
	background: #fff;
	color: #000;
}

#footer_langs li + li{
	margin-left: 1px;
}

#copyrights{
	font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica,
		Arial, sans-serif;
	font-size: 13px;
	line-height: 1.69;
	color: #d0d0d0;
}

[data-namespace="projects"], [data-namespace="blog"]{
	background: #000;
}

:is( [data-namespace="projects"], [data-namespace="blog"] ) h1{
	margin: 320px 0 12px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 1.5;
	letter-spacing: normal;
	color: #fff;
}

#filters{
	margin: 0 0 66px;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 18px;
	line-height: normal;
	letter-spacing: normal;
	color: rgba(255, 255, 255, 0.7);
}

#filter_label{
	padding-right: 6px;
}

#filter_content{
	position: relative;
}

#filter_current{
	position: relative;
	z-index: 10;
}

#filter_current{
	color: #ffffff;
	opacity: 1;
	-webkit-transition: opacity 600ms ease;
	transition: opacity 600ms ease;
}

#filter_choices{
	white-space: nowrap;
	display: flex;
	gap: 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	opacity: 0;
	transition: opacity 600ms ease;
}

#filter_choices a{
	color: rgba(255, 255, 255, 0.7);
	transition: color 600ms ease;
}

#filter_choices a:hover{
	color: #fff;
	text-decoration: none;
}

#filters:hover #filter_current{
	opacity: 0;
}

#filters:hover #filter_choices{
	opacity: 1;
}

#projects{
	margin-bottom: 98px;
}

.grid-item{
	display: block;
	width: 33.33%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	-webkit-transition: all 0ms linear;
	transition: all 0ms linear;
}

.grid-item:after{
	content: "";
	display: block;
	padding-top: 100%;
}

.grid-item--width2{
	width: 66.66%;
}

.grid-item span{
	position: absolute;
	z-index: 10;
	left: 25px;
	right: 25px;
	bottom: 25px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -1px;
	color: #fff;
}
.grid-item img,
.grid-item picture{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

:is( [data-namespace="single-project"], [data-namespace="single-post"] ) p{
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.42;
	letter-spacing: normal;
	color: inherit;
}

.hero{
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.4px;
	color: #fff;
}

.hero .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero h1{
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 70px;
	font-weight: bold;
	letter-spacing: -1.9px;
}
.centered_title h1{
	text-align: center;
	text-wrap: balance;
}

.hero .container:first-child{
	position: relative;
	z-index: 10;
	padding-top: 182px;
	min-height: 100vh;
}

.hero .container:last-child{
	position: relative;
	z-index: 10;
	padding-bottom: 50px;
}

html:not(.fl-builder-edit) .colorbackground{
	overflow: hidden;
}

.fl-module-project-content [data-vbg]{
	position: relative !important;
	min-height: 230px;
}

.colorbackground .fl-module-project-content + .fl-module-project-content{
	margin-top: 22px;
}

.colorbackground .fl-module-project-content:first-child{
	padding-top: 35px;
}

.colorbackground .fl-module-project-content:last-child{
	padding-bottom: 180px;
}

.colorbackground .item + .item{
	margin-top: 90px;
}

.colorbackground .image.order-0 img{
	-webkit-transform: translateX(-72px);
	transform: translateX(-72px);
}

.colorbackground .image.order-1 img{
	-webkit-transform: translateX(72px);
	transform: translateX(72px);
}

.colorbackground h2{
	margin: 0 0 -30px;
	padding: 0;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 48px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: normal;
}

.colorbackground h2:after{
	display: none;
}

.fl-module-heading.h1 h2,
.fl-module-heading.h1 h3,
.fl-module-heading.h1 h4,
.fl-rich-text .h1,
.colorbackground .h1,
.colorbackground h3{
	margin: 55px 0 37px;
	padding: 0;
	width: 80%;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 41px;
	font-weight: bold;
	line-height: 1.05;
	letter-spacing: -1.6px;
}

.fl-module-heading.h1 h2,
.fl-module-heading.h1 h3,
.fl-module-heading.h1 h4,
.fl-rich-text .h1,
.colorbackground .h1,
.colorbackground .title_and_description h3{
	margin-bottom: 21px;
	width: 90%;
}

.colorbackground p{
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.42;
	letter-spacing: normal;
}

.colorbackground .number{
	margin-top: 65px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 100px;
	font-weight: bold;
	line-height: 0.47;
	letter-spacing: -1.7px;
}

.colorbackground .numbers_list{
	padding-top: 60px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: -1px;
}
.colorbackground .numbers_list td{
	padding: 13px 0;
	vertical-align: top;
}
.colorbackground .numbers_list .cell-number{
	padding-right: 40px;
}

:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .slider{
	margin-top: -40px;
	padding-bottom: 70px;
}

:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .slider .label{
	position: static;
	color: #000;
}

:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .slider p{
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.42;
	letter-spacing: normal;
	color: #000;
}

:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel{
	margin-bottom: 70px;
}

:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel .bgimage{
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}

:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel .bgimage:after{
	content: "";
	display: block;
	padding-top: 56.25%;
}

:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel .carousel-inner{
	padding-bottom: 40px;
}

:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel-indicators{
	bottom: -42px;
}
:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel-bottom{
	position: absolute;
	bottom: -38px;
	left: 0;
	display: flex;
	justify-content: space-between;
	gap: 32px;
	width: 100%;
}
:is( [data-namespace="single-project"], [data-namespace="single-post"] ) figcaption{
	margin: 6px 0 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4444;
	color: #757575;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	@media (max-width: 991px){
		font-size: 16px;
	}

	@media (max-width: 767px){
		font-size: 14px;
	}
}
:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel .pagination{
	white-space: nowrap;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: -0.3px;
	color: rgba(0, 0, 0, 0.25);
}

:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel .pagination span{
	color: #000;
}

:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel > a.left,
:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel > a.right{
	position: absolute;
	top: calc(50% - 37px - 20px);
	line-height: 73px;
	font-size: 0;
	text-align: center;
	display: block;
	width: 74px;
	height: 74px;
	background-color: #000;
}
:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel > a.left{
	left: -37px;
}
:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel > a.right{
	right: -37px;
}

@media (max-width: 790px){
	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel > :is( a.left, a.right ){
		position: absolute;
		top: calc(50% - 13px - 20px);
		width: 26px;
		height: 26px;
		background: #000 url(images/swiper-mobile.svg) center no-repeat;
	}
	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel > :is( a.left, a.right ) svg{
		display: none;
	}
	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel > a.left{
		transform: rotate(180deg);
		left: -13px;
	}
	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel > a.right{
		right: -13px;
	}
}
@media (min-width: 992px) and (max-width: 1024px){
	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel > a.left{
		left: 0;
	}
	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel > a.right{
		right: 0;
	}
}

.carousel-indicators{
	bottom: -2px;
}

.carousel-indicators li,
.carousel-indicators li.active{
	margin: 0 5px;
	width: 60px;
	background: #000;
	opacity: 0.25;
}

.carousel-indicators li.active{
	background: #000;
	opacity: 1;
}

#similar{
	background: #000;
	color: #fff;
	padding: 130px 0 160px;
}

#similar h2{
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 41px;
	font-weight: bold;
	line-height: 1.05;
	letter-spacing: -1px;
	color: #fff;
}

#similar h2:after{
	display: none;
}

.latest{
	border: solid 1px #2a2a2e;
	border-top: none;
	color: #fff;
}

.latest:hover{
	background-color: #282828;
	text-decoration: none;
	color: #fff;
}

.latest span:first-child{
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	padding-left: 25px;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 95px;
}

.latest span + span{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 95px;
	flex: 0 0 95px;
	max-width: 95px;
	text-align: center;
	border-left: 1px solid #2a2a2e;
}

.latest:hover span + span{
	border-color: #000;
}

.square{
	position: relative;
	display: block;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}

.first_margin_top > .square:first-child{
	margin-top: -96px;
}

.square:after{
	content: "";
	display: block;
	padding-top: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}

.square span{
	position: absolute;
	left: 25px;
	right: 25px;
	bottom: 25px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -1px;
	color: #fff;
}

.fullheight{
	height: 100vh;
}

.height70{
	height: 70vh;
}

[data-namespace="p404"]{
	background: #000;
	color: #fff;
}

[data-namespace="p404"] .fullheight h1{
	margin: 36px 0 30px;
	padding: 0;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 48px;
	font-weight: normal;
	line-height: 1.15;
	letter-spacing: normal;
	color: rgba(255, 255, 255, 0.7);
}

[data-namespace="p404"] .fullheight h2{
	margin: 0;
	padding: 0;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.42;
	letter-spacing: normal;
	color: rgba(255, 255, 255, 0.7);
}

[data-namespace="p404"] .fullheight h2:after{
	display: none;
}

[data-namespace="p404"] .fullheight h2 a{
	color: #ffffff;
	text-decoration: underline;
}

.page-hero{
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}

.page-hero h1{
	position: absolute;
	left: 15px;
	bottom: 65px;
	font-size: 120px;
	letter-spacing: -3.2px;
}

.page-hero .image-credit{
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	color: #000;
	padding: 20px 0;
	font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica,
		Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0;
	padding: 10px 15px 8px 15px;
	line-height: 1;
}

.page-hero .image-credit:hover{
	text-decoration: none;
	opacity: 0.85;
}

#map-wrapper{
	position: relative;
}

#map-canvas{
	height: 662px;
}

#address-wrapper{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#address{
	background-color: #000000;
	border: solid 1px #2a2a2e;
	color: #fff;
}

#address .text{
	position: relative;
	padding: 65px 42px 24px;
}

#address .text p > a{
	color: #fff;
	white-space: nowrap;
	text-decoration: none;
}

#address .text:before{
	content: "";
	position: absolute;
	top: 65px;
	left: 42px;
	width: 123px;
	height: 2px;
	background: #7f7f7f;
}

#address .text h2{
	margin: 0;
	padding: 20px 0 24px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.2px;
	color: #fff;
}

#address .text h2:before,
#address .text h2:after{
	display: none;
}

#address .route{
	position: relative;
	display: block;
	padding: 0 0 0 42px;
	border-top: 2px solid #151517;
	line-height: 92px;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: normal;
	color: #fff;
}

#address .route:after{
	content: "";
	background: url(images/chevron-right-white.svg) center center no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 93px;
	border-left: 2px solid #151517;
}

.headline-above{
	position: relative;
	padding: 20px 0;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0;
	color: #000;
}

.headline-above:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 123px;
	height: 1px;
	background: #000;
}

.contact-text{
	padding-top: 98px;
	padding-bottom: 135px;
}

.contact-text p{
	color: #000;
}

#agentur-about{
	padding: 90px 0 114px;
}

#agentur-about h3{
	margin: 0 0 36px;
	padding: 0;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 48px;
	font-weight: normal;
	line-height: 1.25;
	color: #000;
}

#agentur-about h4{
	margin: 24px 0 5px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -0.4px;
	color: #000;
}

#agentur-about p{
	color: #000;
}

#agentur-core{
	padding: 125px 0;
	background: #000;
	color: #fff;
}

#agentur-core .headline-above{
	color: #fff;
}

#agentur-core .headline-above:before{
	height: 2px;
	background: #7f7f7f;
}

#agentur-core h3{
	margin: 26px 0 40px;
	padding: 0;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 48px;
	font-weight: normal;
	line-height: 1.25;
	color: #fff;
}

.three_images{
	margin-top: 65px;
}

.three_images picture img{
	width: 100%;
}

.three_images .image{
	position: relative;
}

div:nth-child(1) > .three_images > .image:after,
div:nth-child(2) > .three_images > .image:after{
	content: url(images/sign-plus.svg);
	position: absolute;
	z-index: 99;
	right: -36px;
	top: 50%;
	margin-top: -25px;
}

div:nth-child(2) > .three_images > .image:after{
	content: url(images/sign-multiplication.svg);
}

.three_images h4{
	margin: 17px 0 5px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.79;
	letter-spacing: -0.4px;
	color: #fff;
}

.three_images p{
	color: #d0d0d0;
}

#agentur-services{
	background: #000;
	padding: 140px 0 130px;
}

#agentur-services .headline-above{
	color: #fff;
}
#agentur-services .headline-above:before{
	background: #7f7f7f;
}
#agentur-services #accordion h4,
#agentur-services #accordion [data-parent] p{
	color: #fff;
}

#agentur-services h3{
	margin: 25px 0 50px;
	font-size: 48px;
	font-weight: normal;
	line-height: 1.25;
	color: #fff;
}

#agentur-services p{
	color: #fff;
}

#accordion h4{
	margin: 0 0 12px;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 24px;
	line-height: 1.42;
	color: #000;
	cursor: pointer;
	text-decoration: underline;
}

#accordion [data-parent] p{
	font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica,
		Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.38;
	color: rgba(0, 0, 0, 0.5);
}

#accordion [data-parent] p:last-child{
	margin-bottom: 26px;
}

#agentur-clients{
	padding: 120px 0 68px;
	background: #fff;
}

#agentur-clients p,
#agentur-clients .headline-above{
	color: #000;
}

#agentur-clients .headline-above:before{
	height: 2px;
	background: #7f7f7f;
}

#agentur-clients h3{
	margin: 26px 0 40px;
	padding: 0;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 48px;
	font-weight: normal;
	line-height: 1.25;
	color: #000;
}

#agentur-clients .logo{
	padding-top: 65px;
	padding-bottom: 65px;
	text-align: center;
}

#agentur-clients .border-top{
	border-color: #2a2a2e !important;
}

#agentur-team{
	padding: 135px 0 165px;
}

#agentur-team .headline-above{
	padding-bottom: 40px;
}

#agentur-team h3{
	margin: 26px 0 40px;
	padding: 0;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 48px;
	font-weight: normal;
	line-height: 1.25;
	color: #000;
}

#agentur-team p{
	color: #000;
}

#agentur-team .person{
	height: 100%;
	padding: 40px 0 20px;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 24px;
	line-height: 1.42;
	color: #000;
	border-bottom: 2px solid #808080;
}

#agentur-team .person img{
	width: 100%;
	margin-bottom: 10px;
}

#agentur-team .person h4{
	margin: 0;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -0.4px;
	color: #000;
	padding: 10px 0 0;
}

#agentur-team .person a{
	font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica,
		Arial, sans-serif;
	font-size: 16px;
	line-height: 1.38;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.5);
	text-decoration: underline;
}

#jobs-listing{
	padding: 95px 0 110px;
}

.jobs-category + .jobs-category{
	margin-top: 130px;
}

.jobs-category .headline-above{
	margin-top: 11px;
}

.job-item{
	display: block;
	margin-bottom: 35px;
}

.job-item:hover{
	text-decoration: none;
	opacity: 0.65;
}

.job-item h2{
	margin: 0 0 14px;
	padding: 0;
	font-size: 48px;
	line-height: 1.25;
	color: #000000;
}

.job-item p{
	margin: 0;
	font-size: 24px;
	line-height: 1.42;
	color: #000;
}

.job-item img{
	margin-top: 25px;
}

#jobs-apply{
	padding: 120px 0 190px;
	background: #000;
	color: #fff;
}

#jobs-apply h3{
	margin: 0 0 40px;
	font-size: 48px;
	font-weight: normal;
	line-height: 1.25;
	color: #fff;
}

#jobs-apply p{
	margin-bottom: 46px;
}

#jobs-apply .latest{
	white-space: nowrap;
	border-top: solid 1px #2a2a2e;
}

#jobs-apply .latest span{
	display: block;
}

#jobs-apply .latest span:first-child{
	padding-right: 78px;
}

#jobs-apply .latest span + span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 95px;
}

[data-namespace="single-job"] .hero > .container{
	min-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}

[data-namespace="single-job"] .hero{
	font-size: 30px;
	letter-spacing: -0.7px;
}

[data-namespace="single-job"] .hero h1{
	margin: 42px 0 50px;
	font-size: 120px;
	letter-spacing: -3.2px;
	text-wrap: balance;
}

[data-namespace="single-job"] .hero h1.smaller-headline-size{
	margin: 42px 0 50px;
	font-size: 80px;
	letter-spacing: -2.2px;
}

#job-content,
#job-content h1,
#job-content h2,
#job-content p{
	color: #000;

}

#job-content{
	padding-top: 68px;
	padding-bottom: 174px;
}

#job-content > .container {
	display: flex;
	flex-direction: column;
	gap: 52px;
}

#job-content .row.label_text{
	margin-bottom: 54px;
}

#job-content .row.text + .row.label_text{
	margin-top: 54px;
}

#job-content h2{
	margin: 0 0 10px;
	padding: 0;
	font-size: 45px;
	font-weight: normal;
	line-height: 1.25;
	letter-spacing: normal;
}

#job-content *:last-child {
	margin-bottom: 0;
	margin-top: 0;
}

#job-content p{
	margin-bottom: 35px;
}

#job-content ul li{
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 1.42;
}

#job-content ul li:last-child {
	margin-bottom: 0px;
}

#job-content .apply span + span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 95px;
	border-left: 1px solid #2a2a2e;
}

#job-content .apply span + span:hover{
	border-color: #000;
}

#job-content .apply{
	white-space: nowrap;
	line-height: 95px;
	border: solid 1px #2a2a2e;
	color: #fff;
	background-color: #000;
}

#job-content .apply:hover{
	background-color: #282828;
	text-decoration: none;
	color: #fff;
}

#job-content .apply span{
	display: block;
}

#job-content .apply span:first-child{
	padding-right: 78px;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	padding-left: 25px;
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: normal;
}

.owl-carousel .owl-stage{
	padding-left: 0 !important;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{
	top: calc(50% - 37px);
	line-height: 1;
	font-size: 0;
	text-align: center;
	display: block;
	width: 74px;
	height: 74px;
	background-color: #000;
}
.owl-carousel .owl-nav button.owl-prev{
	left: -74px;
}
.owl-carousel .owl-nav button.owl-next{
	right: -74px;
}
.owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next.disabled{
	opacity: 0;
}

.SFProText{
	font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica,
		Arial, sans-serif;
}

#weissbox{
	position: fixed;
	z-index: 999999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.66);
}
#weissbox_wrapper{
	position: relative;
	max-width: calc(100% - 30px);
	max-height: 100%;
}
#weissbox_close,
#weissbox_prev,
#weissbox_next{
	display: block;
	width: 74px;
	height: 74px;
	background: #000 url(images/weissbox_close.svg) center center no-repeat;
	text-align: center;
	position: absolute;
}
#weissbox_close{
	top: 0;
	right: 0;
}
#weissbox_prev{
	bottom: 0;
	right: 84px;
	background-image: url(images/weissbox_prev.svg);
}
#weissbox_next{
	bottom: 0;
	right: 0;
	background-image: url(images/weissbox_next.svg);
}

.bigger-paragraph-margin-bottom p{
	margin-bottom: 40px;
}

:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .slider.single-slide{
	margin-top: -70px;
	padding-bottom: 95px;
}
:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .single-slide .carousel{
	margin-bottom: 20px;
}
:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .slider.single-slide .label{
	padding-left: 4.31vw;
}
:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .slider.single-slide p{
	padding-right: 10.69vw;
}

.simple-content,
.simple-content h1,
.simple-content h2,
.simple-content h3,
.simple-content h4,
.simple-content h5,
.simple-content h6,
.simple-content p,
.simple-content a{
	color: #000;
}
.simple-content{
	padding: 300px 0;
}
.simple-content h1{
	margin: 0 0 140px;
	font-size: 120px;
	letter-spacing: -3.2px;
}
.page-template-template-datenschutzerklarung .simple-content h1{
	margin: 0 0 40px;
	font-size: 100px;
}
.simple-content h2{
	margin: 60px 0 0;
}
.simple-content ul{
	font-size: 24px;
	line-height: 1.42;
	letter-spacing: normal;
}
.simple-content p em{
	font-family: adobe-garamond-pro, AGaramondPro, Garamond, Times New Roman,
		serif;
	font-size: 24px;
	line-height: 1.42;
	letter-spacing: normal;
	font-style: normal;
	margin: 0;
	font-weight: bolder;
}
.simple-content p > a{
	columns: rgba(0, 0, 0, 0.5);
}
.simple-content .label_text + .label_text{
	margin-top: 100px;
}
.page-template-template-datenschutzerklarung .simple-content a{
	text-decoration: underline;
}

.vimeo-container{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	pointer-events: none;
}
.vimeo-container .vimeo-video{
	pointer-events: none;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}

@media (min-width: 768px){
	.vimeo-container:has(.desktop):has(.mobile) .vimeo-video.mobile{
		display: none;
	}
}

@media (max-width: 767px){
	.vimeo-container:has(.desktop):has(.mobile) .vimeo-video.desktop{
		display: none;
	}
}

body:not(.fl-builder-edit) .pointer-events-none{
	pointer-events: none;
}

#logo-square{
	-webkit-animation-name: colorChange;
	animation-name: colorChange;
	-webkit-animation-duration: 23s;
	animation-duration: 23s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	will-change: fill;
}
@-webkit-keyframes colorChange{
	0%{
		fill: #000;
	}
	20%{
		fill: #000;
	}
	25%{
		fill: #49caff;
	}
	45%{
		fill: #49caff;
	}
	50%{
		fill: #fff;
	}
	70%{
		fill: #fff;
	}
	75%{
		fill: #49caff;
	}
	95%{
		fill: #49caff;
	}
	100%{
		fill: #000;
	}
}
@keyframes colorChange{
	0%{
		fill: #000;
	}
	20%{
		fill: #000;
	}
	25%{
		fill: #49caff;
	}
	45%{
		fill: #49caff;
	}
	50%{
		fill: #fff;
	}
	70%{
		fill: #fff;
	}
	75%{
		fill: #49caff;
	}
	95%{
		fill: #49caff;
	}
	100%{
		fill: #000;
	}
}

#logo-symbol{
	-webkit-animation-name: symbolColorChange;
	animation-name: symbolColorChange;
	-webkit-animation-duration: 23s;
	animation-duration: 23s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	will-change: fill;
}

@-webkit-keyframes symbolColorChange{
	0%{
		fill: #fff;
	}
	20%{
		fill: #fff;
	}
	25%{
		fill: transparent;
	}
	45%{
		fill: transparent;
	}
	50%{
		fill: transparent;
	}
	70%{
		fill: transparent;
	}
	75%{
		fill: transparent;
	}
	95%{
		fill: transparent;
	}
	100%{
		fill: #fff;
	}
}
@keyframes symbolColorChange{
	0%{
		fill: #fff;
	}
	20%{
		fill: #fff;
	}
	25%{
		fill: transparent;
	}
	45%{
		fill: transparent;
	}
	50%{
		fill: transparent;
	}
	70%{
		fill: transparent;
	}
	75%{
		fill: transparent;
	}
	95%{
		fill: transparent;
	}
	100%{
		fill: #fff;
	}
}

.wpml-ls-legacy-list-horizontal{
	border: none;
	margin: 0;
	padding: 0;
}

#gdpr ul{
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
#gdpr ul li + li{
	margin-left: 12px;
}
#gdpr ul li a{
	font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #f2f2f2;
	text-decoration: underline;
}

.main-swiper .swiper-button-next,
.main-swiper .swiper-button-prev{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 74px;
	margin-left: min( 0px, max( -74px, calc( 570px - 50vw + 20px ) ) );
	margin-top: -37px;
	background: #000;
}
.main-swiper .swiper-button-disabled:is(.swiper-button-next, .swiper-button-prev){
	opacity: 0;
}
.main-swiper .swiper-button-next{
	margin-left: 0;
	margin-right: min( 0px, max( -74px, calc( 570px - 50vw + 20px ) ) );
}
.main-swiper .swiper-button-next:after,
.main-swiper .swiper-button-prev:after{
	content: url('data:image/svg+xml,<svg height="17" viewBox="0 0 34 17" width="34" xmlns="http://www.w3.org/2000/svg"><path d="m38 22v32m0 1 8-8m-8 8-8-8" fill="none" stroke="white" stroke-linecap="square" transform="matrix(0 -1 1 0 -21.5 46.5)"></path></svg>');
	display: block;
	font-size: 0;
}
.main-swiper .swiper-button-prev:after{
	transform-origin: center;
	transform: rotate(180deg);
}

ul.socials,
#menu-socials{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.socials a,
#menu-socials a{
	display: block;
	font-size: 0;
}

#footer-address #menu-socials{
	margin: 0 0 14px;
}

.sharing{
	margin-bottom: clamp( 80px, 10.8333vw, 130px );
	line-height: 1.5;
	font-family: ITCAvantGardeStd,Helvetica,Arial,sans-serif;
	font-weight: 700;
	font-size: clamp( 18px, 1.25vw, 26px );
	letter-spacing: -0.03vw;
	color: #000;
}
.sharing .row{
	gap: 24px 0;
}
.sharing hr{
	width: 123px;
	margin: 0 0 15px;
	border-color: #000;
}

/* COMPLIANZ PLUGIN */

#cmplz-document,
#cmplz-document p,
#cmplz-document li{
	font-size: 24px;
	color: #000 !important;
}
#cmplz-document h2, .editor-styles-wrapper .cmplz-unlinked-mode h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h3{
	color: #000 !important;
}

#cmplz-cookiebanner-container {
	font-family: system-ui !important;
}
.cmplz-cookiebanner .cmplz-title {
	justify-self: left !important;
	color: #fff !important;
}
.cmplz-cookiebanner .cmplz-title {
	justify-self: left !important;
	grid-column-start: 1 !important;
	grid-column-end: 3 !important;
}
.cmplz-cookiebanner .cmplz-links.cmplz-documents {
	justify-content: start !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category {
	background-color: #282828 !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon {
	fill: #b2b2b2 !important;
}

body #lt_header .logo {
	top: 100%;
	margin: -37px 0 0 -37px;
	transform: none
}
body #lt_nav {
	padding: clamp(86px, 12.6344vw, 94px) 0;
}
body #lt_nav a {
	font-family: ITCAvantGardeStd;
	font-weight: 700;
}

body:not(.fl-builder-edit) .pe-none{
	pointer-events: none;
}

#klaro{
	position: absolute;
}

#articles{
	max-width: 1072px;
	margin: 0 auto 98px;
}
#articles a.grid-item{
	display: flex;
	width: 100%;
	margin-bottom: 66px;
	background: #fff;
	color: #141412;
	text-decoration: none;
}
#articles .grid-item:nth-child(even){
	background: #282828;
	color: #fff;
}
#articles .grid-item::after{
	display: none;
}
#articles .grid-item img{
	flex-shrink: 0;
	position: static;
	width: 50%;
	min-height: 100%;
	aspect-ratio: 536/480;
	object-fit: cover;
}
#articles .grid-item:nth-child(even) img{
	order: 1;
}
#articles .grid-item .text{
	display: flex;
	flex-direction: column;
	padding: 28px 48px 0;
	text-align: left;
}
#articles .grid-item .category{
	margin: 0 0 15px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5333;
	color: #000;
}
#articles .grid-item:nth-child(even) .category{
	color: #fff;
}
#articles .grid-item .title{
	margin: 0 0 20px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3889;
	letter-spacing: -0.0096em;
	color: #141412;
}
#articles .grid-item:nth-child(even) .title{
	color: #fff;
}
#articles .grid-item .excerpt{
	margin: 0 0 40px;
	font-family: ITCAvantGardeStd, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.7;
	color: #696969;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
#articles .grid-item:nth-child(even) .excerpt{
	color: #B2B2B2;
}
#articles .grid-item .button{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: auto -48px 0;
	padding: 20px 48px;
	border-top: 1px solid #B2B2B2;
	font-size: 22px;
	line-height: 1.0909;
	transition: background-color .3s ease;
}
#articles .grid-item .button:hover{
	background-color: #B2B2B2;
}
#articles .grid-item .button::after{
	content: url(images/chevron-right-black.svg);
	font-size: 0;
}
#articles .grid-item:nth-child(even) .button:hover{
	background-color: #0E0E0E;
}
#articles .grid-item:nth-child(even) .button::after{
	content: url(images/chevron-right-white.svg);
}

.fl-menu li a:has(img){
	line-height: 1;
}
.fl-menu li a img{
	display: block;
	width: 1em;
}

.fl-module-article-intro{
	margin: 36px 0 107px;
	font-family: ITCAvantGardeStd;
	color: #000;
}
.fl-module-article-intro p{
	font-size: 28px;
	font-weight: 500;
	line-height: 1.3571;
}
.fl-module-article-intro h2{
	margin: 22px 0 32px;
	padding: 0;
	font-size: 41px;
	font-weight: 700;
	line-height: 1.2195;
	letter-spacing: 0.0025em;
	color: #46b0e5;
}
.fl-module-article-intro .category{
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.004em;
}
.fl-module-article-intro p{
	font-family: ITCAvantGardeStd;
}

.fl-module-article-text h2{
	margin: 0 0 20px;
	padding: 0;
	font-size: 41px;
	line-height: 1.2683;
	color: #141412;
	text-wrap: balance;
}
.fl-module-article-text h3{
	margin: 0 0 20px;
	padding: 0;
	font-family: ITCAvantGardeStd;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3333;
	color: #3f2b15;
	text-wrap: balance;
}

.fl-module-quote-and-image blockquote{
	margin: 0;
	padding: 0;
	font-family: ITCAvantGardeStd;
}
.fl-module-quote-and-image blockquote p{
	font-family: ITCAvantGardeStd;
	font-size: 38px;
	font-weight: 700;
	line-height: 1;
	color: #46b0e5;
	text-wrap: balance;
}
.fl-module-quote-and-image cite{
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.5333;
	color: #141412;
}
.fl-module-quote-and-image figure{
	margin: 0;
	padding: 0 0 0 70px;
	font-size: 18px;
	line-height: 1.4444;
	color: #757575;
}
.fl-module-quote-and-image figcaption{
	margin: 12px 0 0;
}

@media (min-width: 992px){
	#articles .grid-item .title{
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
}

@media (min-width: 2000px){
	[lang="de-DE"] body.postid-4645 .hero h1{
		font-size: 112px;
	}
}

@media (min-width: 2000px){
	h1{
		font-size: 68px;
		line-height: 1.12;
		letter-spacing: -0.9px;
	}

	h2{
		font-size: 98px;
		letter-spacing: -2.6px;
	}
	.fp-section h3{
		font-size: 120px;
	}

	p{
		font-size: 26px;
		line-height: 1.31;
	}

	.scrollDown{
		font-size: 26px;
	}

	.hero{
		font-size: 30px;
		letter-spacing: -0.6px;
	}

	.hero h1{
		font-size: 135px;
		letter-spacing: -3.6px;
	}

	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) p{
		font-size: 26px;
		line-height: 1.31;
	}

	.colorbackground h2{
		font-size: 74px;
		line-height: 1.01;
	}
	.fl-module-heading.h1 h2,
	.fl-module-heading.h1 h3,
	.fl-module-heading.h1 h4,
	.fl-rich-text .h1,
	.colorbackground .h1,
	.colorbackground h3{
		font-size: 68px;
		line-height: 0.99;
		letter-spacing: -1px;
	}

	.colorbackground .number{
		font-size: 180px;
		line-height: 0.8;
		letter-spacing: -3.1px;
	}

	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel .pagination{
		font-size: 16px;
		letter-spacing: -0.5px;
	}

	.label{
		font-size: 30px;
		letter-spacing: -0.6px;
	}

	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .slider{
		padding-bottom: 140px;
	}

	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .slider p{
		font-size: 26px;
		line-height: 1.31;
	}

	#similar{
		padding: 175px 0 236px;
	}

	#similar h2{
		font-size: 67px;
		line-height: 0.64;
		letter-spacing: -1.6px;
	}

	.square span{
		font-size: 44px;
		letter-spacing: -1.2px;
	}

	.latest span:first-child{
		font-size: 24px;
	}

	#footer-address .title{
		font-size: 14px;
		line-height: 0.86;
	}

	#footer-address h3{
		font-size: 24px;
		line-height: 0.92;
		letter-spacing: 0;
	}

	#footer-address p{
		font-size: 16px;
		line-height: 1.88;
	}

	footer .nav.flex-column a span:first-child{
		font-size: 24px;
		line-height: 2.92;
		letter-spacing: -0.2px;
	}

	footer .nav.flex-column a span:last-child{
		font-size: 24px;
		line-height: 2.92;
		letter-spacing: -0.2px;
	}

	#footer_langs a{
		font-size: 14px;
		line-height: 1.14;
	}

	#copyrights{
		font-size: 16px;
		line-height: 1.38;
	}

	#job-content h2{
		font-size: 52px;
		line-height: 1.01;
	}

	#job-content ul li{
		font-size: 26px;
		line-height: 1.31;
	}
}

@media (max-width: 1400px){
	.colorbackground .numbers_list{
		font-size: 52px;
	}
}

@media (min-width: 1200px){
	.container{
		max-width: 81vw;
	}

	#address{
		width: 450px;
		float: right;
	}
}

@media (min-width: 1500px){
	.container{
		max-width: 71vw;
	}
}

@media (min-width: 1900px){
	.container{
		max-width: 68vw;
	}
}

@media (max-width: 1499px){
	.fl-module-quote-and-image blockquote p{
		font-size: 24px;
		line-height: 1.25;
	}
}

@media (max-width: 1199px){
	#menu .nav-link{
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media (max-width: 991px){
	h2{
		font-size: 60px;
	}
	.fp-section h3{
		font-size: 80px;
	}

	#menu .nav-link{
		padding-left: 16px;
		padding-right: 16px;
		font-size: 24px;
	}

	footer{
		padding: 30px 0 38px;
	}

	#footer-address{
		margin-top: -66px;
	}

	.grid-item span{
		font-size: 28px;
	}

	.latest span:first-child{
		font-size: 14px;
		line-height: 38px;
	}

	.latest span + span{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 64px;
		flex: 0 0 64px;
		max-width: 64px;
	}

	.page-hero h1{
		font-size: 85px;
	}

	[data-namespace="single-job"] .hero{
		font-size: 25px;
		letter-spacing: -0.7px;
	}

	[data-namespace="single-job"] .hero h1{
		margin: 32px 0 40px;
		font-size: 85px;
		letter-spacing: -3.2px;
	}

	[data-namespace="single-job"] .hero h1.smaller-headline-size{
		margin: 32px 0 40px;
		font-size: 60px;
		letter-spacing: -2.2px;
	}

	#address .text h2{
		font-size: 16px;
	}
	.colorbackground .numbers_list{
		font-size: 38px;
	}
	#articles a.grid-item{
		flex-direction: column;
	}
	#articles .grid-item img{
		width: 100%;
		order: 0 !important;
	}
	#articles .grid-item .title{
		margin-bottom: 40px;
	}
	#articles .grid-item .excerpt{
		display: none;
	}
	.fl-module-quote-and-image figure{
		padding: 0 0 40px;
	}
	.fl-module-quote-and-image figcaption{
		margin: 8px 0 0;
	}
	.fl-module-article-text h2{
		font-size: 28px;
	}
}

@media (max-width: 767px){
	h1{
		font-size: 28px;
		letter-spacing: -0.5px;
	}

	h2{
		margin-right: 0;
		font-size: 48px;
		line-height: 1.08;
		letter-spacing: -1.3px;
	}

	h2.wider{
		margin-right: 0;
	}
	.fp-section h3{
		font-size: 54px;
	}

	p{
		font-size: 21px;
		line-height: 1.19;
	}

	.container{
		padding-left: 32px;
		padding-right: 32px;
	}

	.d-mobile-block{
		display: block;
		overflow: hidden;
	}

	.label{
		position: static;
		margin-top: 110px;
		margin-bottom: 20px;
	}

	button.navbar-toggler{
		top: 418px;
	}

	button.navbar-toggler.collapsed{
		top: 20px;
	}

	button.navbar-toggler img{
		width: 60px;
	}

	#menu li{
		display: block;
		width: 100%;
	}

	#menu .nav{
		padding-top: 50px;
		padding-bottom: 70px;
	}

	#menu .nav-link{
		display: flex;
		padding: 15px 30px;
		font-size: 20px;
		letter-spacing: -0.2px;
	}

	#menu .nav-link .pagename{
		position: relative;
		padding-right: 12px;
		background: #fff;
	}

	#menu .nav-link .pagename:after{
		content: "";
		position: absolute;
		z-index: -1;
		top: 50%;
		left: 10px;
		width: calc(100vw - 80px);
		height: 1px;
		background: #d8d8d8;
	}

	#menu .nav-link .title{
		margin: 3px 0 0 auto;
		padding-left: 12px;
		background: #fff;
		font-size: 20px;
		letter-spacing: -0.2px;
	}

	#footer-address h3{
		margin-bottom: 8px;
	}

	.active #footer-address,
	.notfullpage #footer-address{
		margin-bottom: 20px;
	}

	:is( [data-namespace="projects"], [data-namespace="blog"] ) h1{
		margin-top: 170px;
	}

	#filters{
		margin-top: 40px;
		display: block !important;
	}

	#filter_content,
	#filter_label{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	#filter_content{
		margin-top: 20px;
		overflow-x: scroll;
		box-shadow: inset -5px 0 20px #000000;
		-moz-box-shadow: inset -5px 0 20px #000000;
		-webkit-box-shadow: inset -5px 0 20px #000000;
	}

	.grid-item,
	.grid-item--width2{
		width: 100%;
	}

	.hero .container:first-child{
		padding-top: 110px;
	}

	.hero h1{
		margin-top: 30px;
		font-size: 35px;
		letter-spacing: -1.3px;
		/* word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
           -moz-hyphens: auto;
                hyphens: auto; */
	}
	.hero.centered_title h1{
		font-size: min( 48px, 12.6316vw );
	}

	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) p{
		font-size: 24px;
		line-height: 1.42;
	}
	[data-namespace="single-project"] p{
		margin-top: 25px;
	}

	.hero .container:last-child{
		padding-bottom: 18px;
	}

	.colorbackground h2{
		font-size: 32px;
		line-height: 1.19;
	}

	.colorbackground .item + .item{
		margin-top: 75px;
	}

	.colorbackground .image.order-0 img,
	.colorbackground .image.order-1 img{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.colorbackground .image{
		margin-bottom: 30px;
		text-align: center;
	}

	.colorbackground .image img{
		max-width: 75%;
		height: auto;
	}
	.fl-module-heading.h1 h2,
	.fl-module-heading.h1 h3,
	.fl-module-heading.h1 h4,
	.fl-rich-text .h1,
	.colorbackground .h1,
	.colorbackground h3{
		margin-top: 44px;
		margin-bottom: 62px;
		padding: 0;
		font-size: 41px;
	}

	.colorbackground .number{
		margin-bottom: 65px;
	}

	.fl-module-project-content:last-child
		.col-12:last-child
		.row:last-child
		.number{
		margin-bottom: 0;
	}

	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .carousel{
		margin-left: -12px;
		margin-right: -12px;
	}

	.carousel-indicators li,
	.carousel-indicators li.active{
		margin: 0 2px;
		width: 17px;
		height: 1px;
	}

	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .slider{
		padding-bottom: 55px;
	}

	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .slider .label{
		margin: 0;
	}

	:is( [data-namespace="single-project"], [data-namespace="single-post"] ) .slider p{
		font-size: 21px;
		line-height: 1.19;
	}

	#similar{
		padding: 60px 0 100px;
	}

	.first_margin_top > .square:first-child{
		margin-top: 0;
	}

	button.navbar-toggler ~ #barba-wrapper .fp-section h1{
		margin-top: -300px;
		-webkit-transition: margin 300ms ease;
		transition: margin 300ms ease;
	}

	button.navbar-toggler.collapsed ~ #barba-wrapper .fp-section h1{
		margin: 0;
		-webkit-transition: margin 300ms ease;
		transition: margin 300ms ease;
	}

	:is( [data-namespace="projects"], [data-namespace="blog"] ) h1{
		margin-top: 136px;
		font-size: 46px;
		line-height: 1.04;
	}

	#filters{
		margin-bottom: 34px;
	}

	#filter_label{
		padding: 0;
	}

	#filter_content{
		width: calc(100% + 60px);
		max-width: none;
		margin: 20px -30px;
		padding: 30px;
		border: 1px solid #2a2a2e;
		border-left: none;
		border-right: none;
	}

	#filter_current{
		display: none;
	}

	#filter_choices{
		position: static;
		opacity: 1;
	}
	#filter_choices a:last-child{
		padding-right: 30px;
	}

	#filter_choices a.active{
		color: #fff;
	}

	.page-hero h1{
		bottom: 55px;
		font-size: 60px;
		letter-spacing: -1.6px;
	}

	#agentur-about{
		padding: 50px 0 90px;
	}

	#agentur-core{
		padding: 56px 0;
	}

	#agentur-services{
		padding: 72px 0;
	}

	#agentur-core h3,
	#agentur-services h3,
	#agentur-about h2{
		margin: 18px 0 38px;
		font-size: 32px;
		line-height: 1.19;
	}

	#agentur-core .headline-above:before{
		height: 1px;
		background: #fff;
	}

	.three_images{
		margin-top: 32px;
	}

	.three_images h4{
		margin: 20px 0 8px;
		font-size: 18px;
		line-height: 2.39;
		letter-spacing: -0.7px;
	}

	div:nth-child(1) > .three_images > .image:after,
	div:nth-child(2) > .three_images > .image:after{
		display: none;
	}

	div:nth-child(1) > .three_images:after,
	div:nth-child(2) > .three_images:after{
		content: url(images/sign-multiplication.svg);
		position: absolute;
		z-index: 99;
		left: 50%;
		bottom: -24px;
		transform: translateY(100%) translateX(-50%);
	}

	div:nth-child(1) > .three_images:after{
		content: url(images/sign-plus.svg);
	}

	#accordion{
		margin-top: 15px;
	}

	#accordion h4{
		font-size: 21px;
		line-height: 1.67;
	}

	#agentur-clients{
		padding: 56px 0;
	}

	#agentur-clients .logo{
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#agentur-team{
		padding: 65px 0;
	}

	#agentur-team .headline-above{
		padding-bottom: 0;
	}

	#agentur-team div:last-child > .person{
		border: none;
		padding-bottom: 60px;
	}

	#agentur-team .person{
		padding-bottom: 8px;
		font-size: 21px;
		border-bottom: 1px solid #000;
	}

	#agentur-team .person h4{
		font-size: 21px;
		letter-spacing: -0.8px;
	}

	#agentur-team .person a{
		display: -moz-inline-stack;
		display: -webkit-inline-box;
		display: inline-block;
		margin-top: 10px;
	}

	#jobs-listing{
		padding: 40px 0 70px;
	}

	.job-item h2{
		margin-top: 10px;
		font-size: 36px;
		line-height: 1.22;
		letter-spacing: -1px;
	}

	.job-item p{
		font-size: 21px;
		line-height: 1.19;
	}

	.jobs-category + .jobs-category{
		margin-top: 60px;
	}

	#jobs-apply{
		padding: 75px 0 120px;
	}

	#jobs-apply h3{
		font-size: 32px;
		line-height: 1.19;
	}

	.latest{
		line-height: 70px;
	}

	.latest span:first-child{
		padding-top: 25px;
		padding-bottom: 25px;
		font-size: 20px;
	}

	.latest span + span{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 70px;
		flex: 0 0 70px;
		max-width: 70px;
	}

	#jobs-apply .latest span + span{
		width: 70px;
	}

	[data-namespace="single-job"] .hero{
		font-size: 18px;
		letter-spacing: -0.4px;
	}

	[data-namespace="single-job"] .hero h1{
		margin-top: 20px;
		font-size: 60px;
		letter-spacing: -1.6px;
	}

	[data-namespace="single-job"] .hero h1.smaller-headline-size{
		font-size: 38px;
		letter-spacing: -1.6px;
		margin: 20px 0 14px;
	}

	[data-namespace="single-job"] .hero h1 span{
		display: -moz-inline-stack;
		display: -webkit-inline-box;
		display: inline-block;
	}

	#job-content{
		padding: 16px 0 60px;
	}

	#job-content > .container {
		gap: 38px;
	}

	#job-content h2{
		font-size: 30px;
		line-height: 1.19;
	}

	#job-content .row.text + .row.label_text{
		margin-top: 0;
		margin-bottom: 0;
	}

	#job-content ul{
		margin: 0;
		padding-left: 22px;
	}

	#job-content ul li{
		font-size: 21px;
		line-height: 1.19;
	}

	#job-content ul li:last-child{
		margin-bottom: 0;
	}

	.contact-text{
		padding: 50px 0 20px;
	}

	#map-canvas{
		height: 405px;
	}

	#address-wrapper{
		position: relative;
		z-index: 9999;
		margin-top: -52px;
		padding-bottom: 70px;
		-webkit-transform: none;
		transform: none;
	}

	#footer-address,
	#address{
		margin-left: -20px;
		margin-right: -20px;
	}

	#address .text{
		padding: 40px 20px;
	}

	#address .text:before{
		top: 40px;
		left: 20px;
		height: 1px;
		background: #fff;
	}

	#address .text h2{
		font-size: 18px;
	}

	#address .text p{
		margin-bottom: 0;
	}

	#address .route{
		padding-left: 20px;
		line-height: 70px;
	}

	#address .route:after{
		width: 70px;
	}
	.colorbackground .numbers_list{
		font-size: 25px;
	}
	.better_share_buttons.bsb-style-inline-squares{
		--bsb-mx: 12px !important;
		--bsb-my: 12px !important;
		--bsb-px: 6px !important;
		--bsb-py: 6px !important;
	}
	#articles a.grid-item{
		margin-bottom: 50px;
	}
	#articles .grid-item .text{
		padding: 19px 25px 0;
	}
	#articles .grid-item .category{
		margin-bottom: 10px;
	}
	#articles .grid-item .title{
		font-size: 28px;
	}
	#articles .grid-item .button{
		margin: auto -25px 0;
		padding: 10px 25px;
		font-size: 18px;
		line-height: 1.3333;
	}
	.fl-module-article-intro{
		margin: 28px 0 58px;
	}
	.fl-module-article-intro p{
		font-size: 22px;
	}
	.fl-module-article-intro h2{
		margin: 18px 0;
		font-size: 28px;
	}
	.fl-module-article-intro .category{
		font-size: 15px;
	}
}

/* -------------- Temporarly hide english language switcher --------------- */
.lang-item-en{
	display: none;
}

/* landscape mobile */
@media screen and (max-device-width: 991px) and (orientation: landscape){
	button.navbar-toggler.collapsed{
		top: 25px;
	}
	#logo{
		width: 60px;
		height: 60px;
	}
	.container{
		max-width: 710px;
	}
	.fullpage > .section h1{
		font-size: 28px;
		line-height: 1.18;
		letter-spacing: 0.8px;
	}
	.fullpage > .section h3{
		font-family: ITCAvantGardeStd,Helvetica,Arial,sans-serif;
		font-size: 48px;
		font-weight: 700;
		line-height: 1.0417;
		color: #fff;
	}
	.fullpage > .section p{
		font-size: 21px;
		line-height: 1.2;
	}
	.fullpage > .section{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		position: relative;
		min-height: 100vh;
		padding: 40px 0;
		background-position: center center;
	}
	.fullpage > .section.fp-auto-height{
		padding: 0;
	}
	.label{
		margin-top: 134px;
	}
	#logo-5{
		max-height: 50px;
	}
	#menu .nav{
		padding: 25px 0 45px;
		display: grid;
		grid-template-columns: repeat(3,1fr);
	}
	#menu .nav-link{
		display: flex;
		padding: 15px 30px;
		font-size: 20px;
		letter-spacing: -0.2px;
	}

	#menu .nav-link .pagename{
		position: relative;
		padding-right: 12px;
		background: #fff;
	}

	#menu .nav-link .pagename:after{
		content: "";
		position: absolute;
		z-index: -1;
		top: 50%;
		left: 10px;
		width: calc(100vw - 80px);
		height: 1px;
		background: #d8d8d8;
	}

	#menu .nav-link .title{
		margin: 3px 0 0 auto;
		padding-left: 12px;
		background: #fff;
		font-size: 20px;
		letter-spacing: -0.2px;
	}
	#menu .nav-link{
		flex-direction: column;
	}
	#menu .nav-link .pagename,
	#menu .nav-link .title{
		margin: 0;
		padding: 0;
	}
	#menu .nav-link .pagename{
		margin-bottom: 10px;
		font-size: 28px;
	}
	#menu .nav-link .pagename:after{
		display: none;
	}
	button.navbar-toggler{
		top: 226px;
	}
	#footer-address{
		transform: none;
		margin: 14px 0 0;
		padding: 0;
		background: none;
	}
	.fullpage > .section .scrollDown{
		display: none;
	}
}


/* Base container styles */
[data-video-background] {
	position: relative;
	overflow: hidden;
}

/* Video wrapper positioning */
[data-desktop-video],
[data-mobile-video] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

/* Video and iframe styling */
[data-desktop-video] iframe,
[data-desktop-video] video,
[data-mobile-video] iframe,
[data-mobile-video] video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	min-width: 100%;
	min-height: 100%;
	pointer-events: none;
}

/* Video element specific styles */
[data-desktop-video] video,
[data-mobile-video] video {
	object-fit: cover;
}

/* Desktop-first approach - show desktop video by default */
[data-desktop-video] {
	display: block;
}

[data-mobile-video] {
	display: none;
}

/* Show mobile video and hide desktop video on mobile */
@media (max-width: 767px) {
	[data-desktop-video] {
		display: none;
	}

	[data-mobile-video] {
		display: block;
	}
}

/* Ensure content above video */
[data-video-background]>*:not([data-desktop-video]):not([data-mobile-video]) {
	position: relative;
	z-index: 2;
}

/* Legacy vimeo-container compatibility */
.vimeo-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	pointer-events: none;
}

.vimeo-container .vimeo-video {
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}