/*
Theme Name: Paradeplatz6
Author: Portalworks
Author URI: 
Description:
Version: 1.0

* For the full copyright and license information, please view
* the LICENSE file that was distributed with this source code.

*/
/* @import url('https://fonts.googleapis.com/css2?family=Neuton:wght@300&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap'); */
@font-face {
  font-family: "FrutigerLTStd-Light";
  src: url('fonts/font.woff2') format('woff2'), url('fonts/font.woff') format('woff');
}

@font-face {
  font-family: 'Neuton';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/UMBQrPtMoH62xUZKZKovcwr4Pro.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Neuton';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/UMBQrPtMoH62xUZKZKovfQr4.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/pxiEyp8kv8JHgFVrJJbecmNE.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/pxiEyp8kv8JHgFVrJJfecg.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

b, strong{
	font-weight:bold;
}

.to-floorplan{
	margin-top: 10px;
	position: relative;
	width: auto !important;
}

.retail-or-gastro-picker{
	text-align:center;
/* 	margin-bottom:50px; */
}

.retail-eg-ug-wrapper{
	position:relative;
}
.gastro-eg-ug-wrapper{
	position:relative;
}

.eg-ug-picker{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	height:100%;
}

.retail-gastro-floorplan td{
	font-weight:bold;
	padding:0 50px;
	font-size:20px;
	font-family:"FrutigerLTStd-Light",sans-serif;
}

.retail-eg, .retail-ug{
	display:none;
}

.disabled{
	pointer-events:none;
	cursor:not-allowed;
	color:gray;
}

.active-table{
	display:flex!important;
}

.retail-eg-table, .retail-ug-table, .gastro-eg-table, .gastro-ug-table{
	display:none;
	justify-content:center;
}

.eg-ug-picker a{
	text-decoration:none;
	display:block;
	font-family:"FrutigerLTStd-Light",sans-serif;
	margin-bottom:20px;
}
.eg-ug-picker a:hover{
	color:black;
}

.retail-or-gastro-picker a{
	color:black;
	text-decoration:none;
	font-size:50px;
	margin:0 70px;
}
.retail-or-gastro-picker a:hover{
	color:black;
}

.arrow-down-image{
	width:50px;
	height:10px;
}

.floorplan-text{
	font-size: 21px;
    font-family: "FrutigerLTStd-Light",sans-serif;
	line-height:32px;
	font-weight:300;
	color:#000;
}
.retail-eg-ug-wrapper, .gastro-eg-ug-wrapper{
	display:none;
}
.active-c-tab{
	display:block!important;
}

.mobile-logo{
	max-width:80px;
}

.active-section{
	font-weight:bold;
	position: relative;
	left:9px;
	font-size:1.5rem;
	transition:.2s;
}

:root{
	scroll-behavior:auto!important;
}

.before-active, .after-active{
	font-size: 1.3rem;
    font-weight: bold;
    position: relative;
    left: 6px;
	transition:.2s;
}

.two-before-active, .two-after-active{
	font-size: 1.2rem;
    position: relative;
    left: 3px;
	font-weight:bold;
	transition:.2s;
}

.two-before-active a, .two-after-active a, .before-active a, .after-active a, .active-section a{
	display:block;
	line-height:24px;
}

body{
	font-family:'Neuton', sans-serif;
	color:#000;
	font-weight:300;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Neuton",sans-serif;
	font-weight:300;
}

a{
	color:inherit;
}

.w-60{
	width:60%!important;
}

.wp-block {
    max-width: 100% !important;
    margin: 0 !important;
}

.custom-white-border{
	border: 17px solid #FFFFFF;
}

.custom-dark-border{
	border: 17px solid #444444;
}

.container{
	max-width:1165px;
}

.editor-styles-wrapper ol, .editor-styles-wrapper ul{
	list-style:inherit;
}

.carousel-indicators .active{
	background-color:#444;
}

.carousel-indicators button{
	width:30px;
	transition:.4s;
}

.active-link{
	text-decoration:underline!important;
}

.carousel-indicators button:hover{
	width:55px;
	transition:.4s;
}

.carousel-indicators > button{
	border:5px solid #444!important;
	height:5px!important;
	opacity:1!important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  	color: #444;
	opacity: 1; /* Firefox */
	font-weight:bold;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  	color: #444;
	font-weight:bold;
}

::-ms-input-placeholder { /* Microsoft Edge */
  	color: #444;
	font-weight:bold;
}


.floorplan-container{
	max-width:90%;
}

.floorplan-container img{
	width:75%;
	margin:auto
}

.florplan-bg-image{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:-1;
}

.floorplan-table td{
	border-bottom:1px solid gray;
}

.privacy_policy {
	font-weight: 400;
}

.privacy_policy p, li, h2 {
	font-weight: 400;
}

.legal_information {
	font-weight: 400;
}

.legal_information p, li, h2 {
	font-weight: 400;
}

/***********NAVBAR************/
.navbar-collapse {
	position: fixed;
    top: 0px;
    right: 0px;
    background: white;
    z-index: 100;
    width: 100%;
}
.nav-overlay-holder{
	height:100vh;
}

.icon-bar{
	width:40px;
	height:2px;
	background:#231f20;
	display:block;
	margin-bottom:6px;
}

.navbar-toggler{
    position: fixed;
    right: 30px;
    z-index: 101;
	top:30px;
}

.navbar-toggler:not(.collapsed)+ .lang-holder a{
	color:black!important;
    border-right: 1px solid black!important;
}
.navbar-toggler:not(.collapsed)+ .lang-holder .lang-item:last-child a{
	border-right:none!important;
}

.navbar-toggler:not(.collapsed) .icon-bar{
    background: #231f20!important;
}

.hamburger{
	position:relative;
	width:40px;
	height:15px;
}

.navbar-toggler:focus{
	box-shadow:none;
}

.navbar-toggler:not(.collapsed) .icon-bar-1{
	transform: rotate(45deg);
    top: 7px;
    transition: .5s;
    position: absolute;
}

.navbar-toggler:not(.collapsed) .icon-bar-2{
	display:none;
}
.navbar-toggler:not(.collapsed) .icon-bar-3{
	position: absolute;
    transform: rotate(-45deg);
    top: 7px;
    transition: .5s;
}

.navbar-nav{
	margin-top:3%;
}

.navbar-nav .menu-item a{
    font-size: 2.6vw;
    text-decoration: none;
    color: #231f20;
    line-height: 120%
}

.navbar-nav .menu-item a:hover{
	color:#9d6c02;
}

.navbar-nav .current-menu-item a{
	color:#9d6c02;
}

.start-overlay-logo{
	max-width:75%;
}

.overlay-logo{
	max-width:186px;
	margin-top:64px!important;
}
/************LANG MENU*******/
.lang-menu{
	list-style:none;
	padding:0;
	display:flex;
}


.lang-holder{
	position: fixed;
    right: 90px;
    top: 31px;
    z-index: 1000;
}

.lang-item a:hover{
	color:black;
}

.lang-item a{
	color:black;
	text-decoration:none;
    font-size: 18px;
    text-transform: uppercase;
	border-right: 1px solid black;
	padding:0 5px;
	line-height:100%;
}

.lang-item:last-child a{
	border:none!important;
}

.current-lang a{
	font-weight:bold;
}
/***********HEADER***********/


.arrows img {
	animation: arrow-move 2.5s infinite;
	-webkit-animation: arrow-move 2.5s infinite; 
	position:absolute;
	left:0;
	right:0;
	margin:auto	
}
.invert{
	transition:0.7s;
    filter: invert(1);
}

.arrow-4{
	bottom:0;
}
.arrow-3{
	bottom:5px;
}
.arrow-2{
	bottom:15px;
}
.arrow-1{
	bottom:30px;
}


@-webkit-keyframes arrow-move {
	  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
	  50%  { opacity: 1;  }
	  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes arrow-move {
	  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
	  50%  { opacity: 1;  }
	  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes arrow-move {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}


@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}



.arrows .arrow-1 {
	animation-delay:-1.5s;
-webkit-animation-delay:-1.5s; /* Safari 和 Chrome */
}

.arrows .arrow-2 {
animation-delay:-1s;
-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows .arrow-3 {
animation-delay:-0.5s;
-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}
.arrows .arrow-4 {
animation-delay:0s;
-webkit-animation-delay:0s; /* Safari 和 Chrome */
}



@keyframes linksAnimation {
   	0% {
		visibility: hidden;
	  	opacity: 0;
	  	transition: visibility 0s, opacity 0.5s linear;
	}
	80% {
		visibility: hidden;
	  	opacity: 0;
	  	transition: visibility 0s, opacity 0.5s linear;
	}
  	100% {
		visibility: visible;
  		opacity: 1;
	}
}

.header-left-link{
	position: absolute;
    bottom: 31px;
    left: 3.6%;
    font-size: 90px;
	color:white;
	text-decoration:none;
  	animation-name: linksAnimation;
 	animation-duration: 12s;
}

.header-left-link:hover{
	text-decoration:underline;
	color:white;
}

.header-right-link{
	right: 3.6%;
    position: absolute;
    bottom: 33px;
    color: white;
    font-size: 90px;
	text-decoration:none;
	animation-name: linksAnimation;
 	animation-duration: 12s;
}


.header-right-link:hover{
	text-decoration:underline;
	color:white;
}

.header-image{
	background-position:center;
}

.header-image{
	width:100%;
	height:100vh;
	display:flex;
	background-size:cover;
	overflow:hidden;
	position:relative;
}

.left-part, .middle-part, .right-part{
	width:33.333333%;
	background-color:white;
	height:100%;
}

@keyframes leftpart {
  from {transform:translateY(0);}
  to {transform:translateY(100%);}
}

@keyframes rightpart {
  from {transform:translateY(0);}
  to {transform:translateY(-100%);}
}
@keyframes middlepart {
  0% {transform:translateY(0);}
  83% {transform:translateY(0);}
  100% {transform:translateY(-100%);}
}

@keyframes arrowmove {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}

.scroll-down.btn{
/* 	animation: 1s infinite arrowmove;
  	animation-timing-function: ease-in, linear, ease-out; */
}
.scroll-down.btn:focus{
	box-shadow:none;
}

.middle-part{
	transform:translateY(100%);
  	animation-name: middlepart;
 	animation-duration: 12s;
}

.left-part{
	transform:translateY(100%);
  	animation-name: leftpart;
 	animation-duration: 2s;
}

.right-part{
	transform:translateY(-100%);
  	animation-name: rightpart;
 	animation-duration: 2s;
}

.middle-part{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	z-index:10;
}

.logo{
	max-width:186px;
	margin-top:64px;
	margin-bottom:25%;
}

.slogan h1{
	font-size:2.1vw;
}

.scroll-down.btn{
    position: absolute;
    bottom: 70px;
    left: 0;
    z-index: 10;
    width: 5%;
    right: 0;
    margin: auto;
	min-width:50px;
}



/*****Full Width Image ******/

.full-width-image{
	width:100%;
}

.full-width-image img{
	object-fit: cover;
    width: 100%;
    max-height: 100vh;
}

/*******Centered Image*******/

.centered-image{
	position:relative;
	text-align:center;
	min-height:3vw;
}

.centered-image .text{
	font-family:'Neuton',sans-serif;
	position:absolute;
	top:0;
	left: 5%;
    font-size: 2.5vw;
	width:25%;
    text-align: left;
	line-height:120%;
}

.centered-image img{
	width:25%;	
}
/***********Content**********/
.content{
	max-width:60%;
	margin:auto;
}

.content h2{
	font-size:1.8vw;
	color:#a2730e;
	margin-bottom:25px;
	font-family:"FrutigerLTStd-Light",sans-serif;
}

.content p{
	font-size:1.1vw;
	font-family: "FrutigerLTStd-Light",sans-serif;
}

/**********Carousel**********/
.carousel-control-prev{
	left:-5%;
	width:auto;
	opacity:1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 2.2rem;
    height: 2.2rem;
    filter: invert(1);
}

.carousel-control-next {
    right: -5%;
	width:auto;
    opacity: 1;
}

.carousel-wrapper{
	max-width:80%;
	margin:auto;
}
/************IMAGE************/
.image-component{
	max-width:80%;
	margin:auto;
}


/****Contact Footer Content***/

.contact-footer-content{
	font-family: 'FrutigerLTStd-Light';
    font-size: 20px;
}
.contact-footer img{
	max-height:100px;
}
/***********ACCORDION********/

.accordion{
	max-width:60%;	
	margin:auto;
}

.accordion-item{
	border:none;
}

.accordion-button{
	border: none;
	color:#000;
}

.accordion-button:hover{
	border: none;
}

.accordion-button:focus{
	box-shadow:none;
	border: none;
}

.accordion-button:not(.collapsed){
	color: #000;
    background-color: #fff;
    box-shadow: none;
	border: none;
}

.accordion-button:not(.collapsed):after{
	transform:rotate(0);
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
}
.accordion-button:after{
	
	transform:rotate(-90deg);
    background-size: 25px;
    background-position: center;

}

.accordion-button{
	font-size:30px;
	font-weight:bold;
}

.accordion-body{
	font-size:18px;
	padding:1rem 0;
}

.accordion-body p{
	font-family: "FrutigerLTStd-Light",sans-serif;
}

.accordion-button {
	padding:1rem 0;
	font-weight:400;
	font-size:50px;
}

.accordion-item{
	border-bottom:1px solid black;
}
/***********MAP**************/

.map{
	background-color:#444444;
}


/***********LAGE*************/

.lage{
	background-color:#444444;
	color:white;
}

.lage .text h2{
	font-size:60px;
	margin-bottom:24px;
}

.lage .text{
	font-size:15px;
	letter-spacing: 0px;
}


/***********OBJEKT***********/

.objekt{
	background-color:#444444;
	color:white;
}

.objekt .title h2{
	font-size:60px;
    padding: 15px 10px;
    margin-bottom: 0;
}

.objekt .text{
	font-size:15px;
	letter-spacing: 0px;
}

/*****TITLE-IMAGE-TEXT******/

.title-image-text h1{
	font-size:90px;
}

.title-image-text a{
	font-family: 'FrutigerLTStd-Light',sans-serif;
}


/***********KONTAKT*********/

.wpcf7-text{
	border:none;
	border-bottom:1px solid #444;
	font-size:25px;
}
.kontakt h2{
	font-size:60px;
	margin-bottom:35px;
}

.kontakt .text-area label{
	font-size:25px;
	font-weight:bold;
}
.wpcf7-list-item{
	margin:0!important;
}

.wpcf7-textarea{
	border: 17px solid #444444;
}

.btn-send{
	border: 17px solid #444;
    border-radius: 0;
    font-size: 25px;
}
/***********FOOTER**********/
a:hover{
	color:black;
	text-decoration:none;
}

.footer{
	display:flex;
	justify-content:center;
	align-items:flex-end;
}

.footer .copyright{
	font-family: 'Poppins', sans-serif;
}

.footer .copyright a{
	font-family: 'Poppins', sans-serif;
}

/*******TIMELINE********/

.year{
    margin-top: -30px;
    font-size: 50px;
}

.timeline:before{
	position: absolute;
    left: 50%;
    top: 0;
    content: ' ';
    display: block;
    width: 2px;
    height: 100%;
    margin-left: -3px;
    background: #000;
    z-index: 5;
}

.timeline {
    position: relative;
    width: 835px;
    margin: 0 auto!important;
	margin-left:20px!important;
    padding: 0!important;
    margin-top: 20px;
    list-style-type: none!important;
}

.direction-l {
    position: relative;
    width: 360px;
    float: left;
    text-align: right;
}

.direction-r {
    position: relative;
    width: 360px;
    float: right;
}

.timeline .desc{
	font-size:0.9vw;
}

.timeline li {
    padding: 0 0 50px;
}

.timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.direction-l .flag:before, .direction-r .flag:before {
    position: absolute;
    top: 5px;
    right: -66px;
    content: ' ';
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #000;
    border-radius: 10px;
    border: 2px solid #fff;
    z-index: 10;
}

.direction-r .flag:before {
    left: -69px;
}

.roadmap{
	height:100%;
	display:flex;
}

.roadmap-nav{
	position: sticky;
    display: block;
    align-self: flex-end;
    bottom: 0;
	list-style:none;
	padding:0;
	width:80px;
}
.roadmap-nav a{
	color:black;
	text-decoration:none;
}
.roadmp-nav a:hover{
	color:black;
}

/**********Downloads************/

.btn-downloads:focus{
	box-shadow:none;
}

.btn-downloads{
	font-size:4rem;
	text-align:left;
}

.btn-downloads img{
	max-height:4rem;
}

.btn-downloads:hover{
	text-decoration:underline!important;
}

/********Contact Footer*********/
.contact-footer{
	margin:auto;
	max-width:80%;
}

/*********About Persons*********/

.about-persons{
	max-width:50%;
	margin:auto;
}

.about-persons p{
	font-size: 20px;
    font-family: "FrutigerLTStd-Light",sans-serif;
}

.custom-width-text{
	font-family: 'Neuton',sans-serif;
    font-size: 2.5vw;
    text-align: left;
    line-height: 120%;
}

.person-row {
	justify-content: start;
}

/**********Gallery**************/

.gallery{
	width:80%;
	margin:auto;
}

.gallery-wrapper{
    display: grid;
	grid-template-columns: repeat(9, calc(100% / 9));
}
.gallery-item{
	padding:25px;
}


/******STARTSITE ANIMATION*******/

.skip-animation{
	position: absolute;
    bottom: 43px;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    font-family: 'FrutigerLTStd-Light',sans-serif;
	font-size:16px;
	cursor:pointer;
}

.start-overlay-logo{
/* 	padding-top:85px; */
}

.startsite-navbar{
	margin-top:120px;
}

.start-page-animation-wrapper{
	display:flex;
}

.start-animation-right{
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
}

.start-animation-left, .start-animation-right, .start-animation-middle{
	height:100vh;
	width:33.333333%;
	overflow:hidden;
}

.start-animation-middle{
	display:flex;
	justify-content:flex-end;
	align-items:flex-end
}

.start-animation-left img, .start-animation-right img{
	height:100vh;
	object-fit:cover;
}
.start-animation-left div, .start-animation-right div{
	transition: 2.5s;
}


.skipped{
	transition: 0.1ms!important;
}


@keyframes left-part {
	0% {transform:translateX(0);}
	16.6% {transform:translateX(-100%);}
	33.2% {transform:translateX(-100%);}
	49.9% {transform:translateX(-100%);}
	66.6% {transform:translateX(-100%);}
	83.3% {transform:translateX(-100%);}
	100% {transform:translateX(-100%);}
}



@keyframes middle-menu-animation{
	0%{ transform:translateY(-100%);}
	70%{ transform:translateY(-100%);}
	100%{  transform:translateY(0%); }
}

.middle-logo{
	display:flex;
	align-items:center;
	justify-content:center;
}

.middle-content-wrapper{
	transition:3s;
	animation: start-middle-animation;
 	animation-duration: 12s;
}

.middle-menu{
	overflow:hidden;
}

.start-animation-menu-wrapper{
	height:100%;
	display:flex;
	justify-content:center;
	flex-direction:column;
}

.middle-text{
	display: flex;
    align-items: center;
    justify-content: center;
	
}

.middle-content-wrapper{
/* 	height:100%;*/
	width:100%; 
}

.middle-text, .middle-logo, .middle-menu{
	height:100vh;
	width:100%;
} 

/*********MICRO MACRO***********/
.micro-macro-container{
	max-width:80%;
	position:relative;
	margin:auto;
}
.macro-plan,.micro-plan{
	position:relative;
}
.to-micro, .to-macro{
	position: absolute;
    top: 0px;
    right: 0;
}


/***********FLOORPLANS**********/

.opacity1{
	opacity:1!important;
}
.d-none{
	display:none!important;
}

/**********RESPONSIVE***********/
@media (max-width:1650px){
	.person-row {
		justify-content: space-between;
	}
}

@media (max-width:1580px){
	.timeline {
    	width: 768px;
	}
	.direction-l, .direction-r{
		width:40%;
	}
	.direction-l .flag:before, .direction-r .flag:before{
		right:-28%;
	}
	.direction-r .flag:before{
		left: -29%;
	}
}

@media (max-width:992px){
	.header-left-link,.header-right-link{
		display:none;
		
	}
	.navbar{
		justify-content:end;
	}
	.container{
		padding-left:20px;
		padding-right:20px;
	}
	.mietflaeche-content{
		padding: 0 20px!important;
	}
	.accordion {
		max-width:90%;
	}
	.navbar-nav .menu-item a{
		font-size:40px;
	}
	.content{
		max-width:80%;
	}
	.content h2{
		font-size:22px;
	}
	.content p{
		font-size:17px;
	}
	.accordion-button, .year{
		font-size:40px;
	}
	.timeline{
		width:768px;
	}
	.timeline .desc{
		font-size:18px;
	}
	.direction-l .flag:before, .direction-r .flag:before{
		/*right:-32px;*/
	}
	.direction-r .flag:before{
		/*left:-36px;*/
	}
	.scroll-down{
		width:100px;
	}
	ul.roadmap-nav li{
		width:60px;
	}
	.full-width-image{
		height:auto;
	}
	.gallery-wrapper{
		display:block;
	}
	.gallery{
		width:90%;
	}
	.about-persons{
		max-width:90%;
	}
}

@media (max-width:768px){

	.logo{
		width:30%;
	}
	
	.floorplan-container img{
		width:100%;
	}
	
	.footer .copyright a:first-child{
		display:block;
	}
	
	.eg-ug-picker{
		display:flex;
		justify-content:space-between;
		width:100%;
		top:0px;
		flex-direction:row;
	}
	
	.retail-eg, .retail-ug, .gastro-eg, .gastro-eg {
		padding-top:30px;
	}
	
	.start-overlay-logo{
		padding-top:0;
	}
	
	.start-animation-left img, .start-animation-right img{
		object-position:top;
	}
	
	.middle-logo div{
		height:100%;
		display:flex;
	}
	
	.middle-text, .middle-logo, .middle-menu{
		width:100vw;
		height:100%;
	}
	.navbar-nav{
		margin-top:0;
	}
	
	.middle-content-wrapper{
		display:flex;
		width:300vw;
		height:100%;
	}
	
	.start-animation-menu-wrapper a img{
		display:none!important;
	}
	.startsite-navbar{
		margin-top:0;
	}
	.start-animation-left>div, .start-animation-right>div{
		height:100%;
		display:flex;
		width:600vw;
	}
	.start-animation-left img, .start-animation-right img{
		width:100vw!important;
		height:100%;
	}
	
	.to-micro, .to-macro{
		display:flex;
		left:0;
		top:-25px;
		justify-content:center;
	}
	.to-floorplan{
		width:auto;
	}
/* 	.icon-bar{
    	background: white !important;
	} */
/* 	.lang-item a{
		color:black!important;
    	border-right: 1px solid black !important;
	} */
	.carousel-control-next, .carousel-control-prev{
		display:none;	
	}
	.overlay-logo{
		margin-top:100px!important;
		margin-bottom:50px;
	}
	.custom-width-text{
		font-size:33px;
		width:90%;
	}
	.contact-footer{
		max-width:90%;
	}
	.pdf-icon{
		width:100px;
	}
	h2{
		font-size:33px!important;	
	}
	.accordion-button{
		font-size: 22px;
    	font-weight: bold;
    	padding:10px 0;
	}
	.centered-image .text{
		position:unset;
		width:80%;
		margin:auto;
		text-align:center;
		font-size:22px;
		margin-bottom:30px;
	}
	.centered-image img{
		width:95%;
	}
	.content, .carousel-wrapper,.accordion,.timeline{
		max-width:95%;
	}
	.timeline:before{
		left:10px;
	}
	.direction-l, .direction-r{
		float:left;
		text-align:left;
		width:80%;
		margin-left:30px;
	}
	.direction-l .flag:before, .direction-r .flag:before{
		left:-32px;
	}
	.roadmap{
		flex-direction:column-reverse;
	}
	.header-image{
		flex-direction:column;
	}
	.left-part, .middle-part, .right-part{
		width:100%;
		height:33.33333%;
	}
	.middle-part{
    	flex-direction: row;
		justify-content:center;
	}
	.slogan h1{
		font-size:25px;
	}
	.logo{
		margin:0;
		margin-right:25px;
	}
	@keyframes leftpartmobile {
	  from {transform:translateX(0);}
	  to {transform:translateX(100%);}
	}

	@keyframes rightpartmobile {
	  from {transform:translateX(0);}
	  to {transform:translateX(-100%);}
	}
	@keyframes middlepartmobile {
	  0% {transform:translateX(0);}
	  83% {transform:translateX(0);}
	  100% {transform:translateX(-100%);}
	}
	.middle-part{
		transform:translateX(100%);
		animation-name: middlepartmobile;
	}

	.left-part{
		transform:translateX(100%);
		animation-name: leftpartmobile;
	}

	.right-part{
		transform:translateX(-100%);
		animation-name: rightpartmobile;
	}
	.retail-or-gastro-picker a {
		font-size: 30px;
	}
	.retail-gastro-floorplan td {
		padding: 0 30px;
	}
	.title-image-text h1 {
		font-size: 50px;
	}
	.nav-mobile-background{
		width: 100%;
    	background: white;
    	height: 90px;
    	position: fixed;
    	top: 0;
    	z-index: 99;
	}
	.video-component .nav-mobile-background {
		background: transparent;
	}
	
	.start-page-animation-wrapper{
		flex-direction:column;
		height:100vh;
	}
	.start-animation-left, .start-animation-right, .start-animation-middle{
		width:100vw;
		height:33.3333%;
	}
}