/*---- NAVIGATION ----*/

.naviIcon {
	position: absolute;
	left: 60px;
	top: 25px;
	color: white;
	font-family: 'fieldwork';
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
	pointer-events: all;
	transition: ease color 0.5s;
}
.naviIcon:hover {
	color: #D0A367;
    stroke: #D0A367; 
	transition: ease color 0.5s;
}

.naviIcon svg line {
	transition: ease stroke 0.5s;
}
.naviIcon:hover svg line {
    stroke: #D0A367; 
	transition: ease stroke 0.5s;
}
.naviIconIcon {
    padding-right: 8px;
}
.naviIconIcon:before {
	/* font-size: 36px;
	line-height: 36px;
	position: absolute;
	left: 0px;
	top: 0px; */
}
.naviClose {
	position: absolute;
	right: 30px;
	bottom: -60px;
	color: #9A8C85;
	padding-left: 35px;
	font-family: 'fieldwork';
	font-size: 12px;
	line-height: 36px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
	pointer-events: all;
	z-index: 10;
}
.naviCloseIcon:before {
	font-size: 24px;
	line-height: 36px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.navigation,
.naviOverlay {
	position: fixed;
	height: 100vh;
	width: 100%;
	left: 0px;
	top: 0px;
	pointer-events: none;
}

.navigation{
    visibility: hidden;
    animation: delayed-hide 0.5s forwards;
}

.menuOpen .navigation{
    visibility: visible;
    animation: none;
}

.naviOverlay {
	opacity: 0;
	transition: ease-out opacity 0.5s 0.5s;
}
.menuOpen .naviOverlay {
	opacity: 1;
	pointer-events: all;
	transition: ease-out opacity 0.5s;
}
.bh-bemode .navigation,
.bh-bemode .naviOverlay {
	height: calc(100vh - 50px);
	top: 50px;
}
.naviOverlay {
	cursor: pointer;
	background: rgba(0,0,0,0.7);
	z-index: 400;
}
.navigation {
	
	z-index: 500;
	
}
.menuOpen .navigation .naviInner {
	transform: translateX(0%);
	pointer-events: all;
	transition: ease-out transform 0.5s 0.5s;
}
.navigation .naviWrapper {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow-x: hidden;
}
.navigation .naviInner {
	max-width: 800px;
/* 	min-height: 700px; */
	background: white;
	transform: translateX(-100%);
	transition: ease-out transform 0.5s;
/*
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
*/
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 40px;
	box-sizing: border-box;
}
.navigation .naviTop {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}
.bhe-state-editing .navigation .naviTop {
	padding-top: 50px;
}
.navigation .naviTopContent {
	width: 50%;
}
.navigation .naviBottom {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 110px;
	box-sizing: border-box;
}
.navigation .naviBottom .hnavi_box {
	position: relative;
	height: 100%;
	width: auto;
	max-width: 330px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	box-sizing: border-box;
}
.navigation .hnavi_item {
	width: auto;
	padding-right: 50px;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	transition: ease padding 0.5s;
}
.navigation .hnavi_item.active {
	padding-right: 0px;
}
.navigation .hnavi_item > a {
	transition: ease color 0.5s;
}
.navigation .hnavi_item:not(.active):hover,
.navigation .hnavi_item.selected {
	padding-left: 23px;
	padding-right: 27px;
	color: #D0A367;
	transition: ease padding 0.5s;
}
.navigation .hnavi_item:hover > a,
.navigation .hnavi_item.selected > a {
	color: #D0A367;
	transition: ease color 0.5s;
}
.navigation .hnavi_item.active > a {
	color: #D0A367;
	transition: ease color 0.5s;
}
.navigation .hnavi_item_active_arrow {
	margin-left: 35px;
}
.navigation .hnavi_item_active_arrow:before {
	font-size: 26px;
	color: #D0A367;
}
.navigation .hnavi_box .hnavi_item:not(:last-child) {
	margin-bottom: 20px;
}
.navigation .hnavi_item > a {
	font-family: 'TT Ramillas';
	font-size: 32px;
	line-height: 1.3;
	color: #9A8C85;
	text-decoration: none;
	transition: ease color 0.5s;
}
.navigation .hsnavi_box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 100%;
	padding-left: 30px;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	opacity: 0;
	pointer-events: none;
	transition: ease opacity 0.5s;
    visibility: hidden;
    animation: delayed-hide 0.5s forwards;
    
}
.navigation .hnavi_item.selected > .hsnavi_box {
    visibility: visible;
    animation: none;
	opacity: 1;
	pointer-events: all;
	transition: ease opacity 0.5s;
}
.navigation .hsnavi_item > a {
	font-family: 'fieldwork';
	font-size: 18px;
	line-height: 2;
	color: #838383;
    font-weight: 300;
	transition: ease all 0.5s;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}
.navigation .hsnavi_item.active > a,
.navigation .hsnavi_item:hover > a {
	color: #D0A367;
	transition: ease all 0.5s;
    text-decoration-color: currentcolor;
}

/*---- GLOBAL DATE PICKER ---- */

/* DATE PICKER */

#HapiGlobalDateBoxNew {
	position: fixed;
	height: 100vh;
	width: 100vw;
	left: 0px;
	top: 0px;
	background: white;
	pointer-events: none;
	opacity: 0;
	z-index: 400;
	transition: ease-out opacity 0.5s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow-y: auto;
}
.bh-state-desktop #HapiGlobalDateBoxNew {
	padding: 40px;
	box-sizing: border-box;
}
.bh-bemode #HapiGlobalDateBoxNew {
	top: 50px;
}
.showGlobalDate #HapiGlobalDateBoxNew {
	opacity: 1;
	pointer-events: all;
	transition: ease-out opacity 0.5s;
}
#HapiGlobalDateBoxNew .globalDateBoxInner {
	position: relative;
	width: 100%;
	height: auto;
	max-width: 780px;
	text-align: center;
}
#HapiGlobalDateBoxNew .dateBoxHeadline {
	font-family: 'miller-text';
	font-size: 32px;
	line-height: 1.3em;
	text-align: center;
	color: #8F817B;
	margin-bottom: 25px;
}
#HapiGlobalDateBoxNew .dateBoxText {
	max-width: 730px;
	margin: 0 auto;
	font-family: 'fieldwork';
	font-size: 18px;
	line-height: 1.6em;
	text-align: center;
	color: #000000;
	margin-bottom: 60px;
}
#HapiGlobalDateBoxNew .dateBoxText > a {
	color: #D0A367 !important;
	text-decoration: none;
}
#HapiGlobalDateBoxNew .dateBoxClose {
	position: absolute;
	top: -20px;
	right: 0px;
	font-size: 26px;
	color: #8F817B !important;
	cursor: pointer;
}
#HapiGlobalDateBoxNew .dateBoxButton {
	display: inline-block;
	background: #D0A367;
	border-radius: 50px;
	font-family: 'fieldwork';
	font-size: 18px;
	line-height: 55px;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	padding: 0 20px;
	cursor: pointer;
	margin-bottom: 20px;
}

#HapiGlobalDateBoxNew .bh-hapi-datepicker-container {
	margin-bottom: 30px;
}
#HapiGlobalDateBoxNew .glopbalDateBoxClear {
	font-family: 'fieldwork';
	font-size: 12px;
	line-height: 13px;
	color: #505050;
	cursor: pointer;
	pointer-events: all;
}

/* BUTTON */

/* #GlobalDateButton {
	position: fixed;
	height: auto;
	width: 122px;
	right: 0px;
	top: 280px;
	background: rgba(220, 193, 143, 1);
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
	font-family: 'fieldwork';
	font-size: 16px;
	line-height: 1.1;
	text-align: center;
	color: #FFFFFF;
	padding: 10px 15px 10px 25px;
	cursor: pointer;
	z-index: 300;
	opacity: 0;
	transform: translateY(calc(-100% - 30px));
	pointer-events: none;
	transition: ease opacity 0.5s, ease transform 0.5s;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
} */
#GlobalDateButton {
	position: fixed;
	height: 55px;
	width: 260px;
	/* left: calc(50% - 130px); */
	bottom: 30px;
	right: 45px;
	background: #D0A367;
	border-radius: 50px;
	font-family: 'fieldwork';
	font-size: 18px;
	line-height: 55px;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	padding: 0px 30px;
	cursor: pointer;
	z-index: 300;
	opacity: 0;
	pointer-events: none;
	transition: ease opacity 0.5s;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
#GlobalDateButton .clearX {
	position: absolute;
	height: 15px;
	width: 15px;
	top: 10px;
	left: 15px;
	cursor: pointer;
	pointer-events: all;
	opacity: 0;
	transition: ease-out opacity 0.3s;
}
.hapi-state-datepicker-has-global #GlobalDateButton .clearX {
	opacity: 1;
	transition: ease-out 0.3s;
}
.hapi-state-datepicker-has-global #GlobalDateButton,
.scrolledbutton #GlobalDateButton {
	opacity: 1;
	pointer-events: all;
	transition: ease opacity 0.5s, ease-out background 0.5s;
}
#GlobalDateButton a {
	color: white;
}
.hapi-state-datepicker-has-global #GlobalDateButton {
	background: #90AA88;
}
.hapi-state-datepicker-has-global .buchungslink {
	opacity: 0;
	pointer-events: none;
	transition: ease-out opacity 0.5s;
}
.globalDateButton {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media only screen and (max-width:500px) {
	#GlobalDateButton {
		right: calc(50% - 130px);
	}
}

/*---- IIQ BOX ----*/

.iiq-box {
	display: none;
}
[data-page="1"] .header .iiq-box {
	display: block;
	position: absolute;
	left: 80px;
	top: 110px;
	height: 190px;
	width: 190px;
	z-index: 250;
}
.header .iiq-box:hover .iiq-box-inner {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	transition: ease-out box-shadow 0.3s;
}
.header .iiq-box .iiq-box-inner {
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 100%;
	background: #9A8C85;
	color: white;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	transition: ease-in box-shadow 0.3s;
}
.header .iiq-box .iiq-box-inner .iiq-box-title {
	font-family: 'miller text', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 26px;
	line-height: 1.3;
	text-align: center;
	color: #FFFFFF;
	width: 100%;
}
.header .iiq-box .iiq-box-inner .iiq-average-value {
	font-family: 'fieldwork', sans-serif;
	font-weight: 400;
	font-size: 40px;
	line-height: 1.3;
	text-align: center;
	color: #FFFFFF;
	width: 100%;
}
.header .iiq-box .iiq-box-inner .iiq-total-value {
	font-family: 'fieldwork', sans-serif;
	font-weight: 400;
	font-size: 25px;
	line-height: 1.3;
	text-align: center;
	color: #FFFFFF;
	width: 100%;
}
.header .iiq-box .iiq-box-inner .iiq-box-text {
	font-family: 'fieldwork', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
	color: #FFFFFF;
	width: 80%;
}
.header .iiq-box .iiq-box-inner .iiq-division {
	width: 120px;
	margin: 0 auto;
	border-bottom: 1px solid white;
}

/*---- SCROLLED STATE ----*/

#Top {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 80px;
	width: 100%;
	z-index: 350;
	transition: ease background 0.5s;
}
.bhe-state-dragging #Top {
	pointer-events: none;
}
#Top .topInner {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
}
.scrolled #Top,
.showGlobalDate #Top {
	position: fixed;
	width: 100%;
/* 	background: white; */
	transition: ease background 0.5s;
}
.scrolled.bh-bemode #Top,
.showGlobalDate.bh-bemode #Top {
	top: 50px;
}
.scrolled .naviIcon,
.showGlobalDate .naviIcon {
	color: #8F817B;
    stroke: #8F817B;
	transition: ease color 0.5s;
}

.scrolled .naviIcon svg line,
.showGlobalDate .naviIcon svg line {
    stroke: #8F817B;
	transition: ease stroke 0.5s;
}
.scrolled .naviIconIcon:before,
.showGlobalDate .naviIconIcon:before {
	color: #D0A367;
    stroke: #D0A367;
}
.scrolled .languagenavi a,
.showGlobalDate .languagenavi a {
	color: #505050;
}

/*---- ELEMENTE ----*/

/* BH-ACCORDEON */
.bh-accordion-toggler {
	position: relative;
	padding: 14px 0;
}
.bh-accordion-toggler:after {
	content: '\e906';
	position: absolute;
	height: 40px;
	width: 40px;
	right: 30px;
	top: 10px;
	font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    letter-spacing: 0;
    line-height: 40px;
    font-size: 24px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: ease-out transform 0.5s;
}
.bh-accordion-active.bh-accordion-toggler:after {
	transform: rotate(90deg);
	transform-origin: center;
	transition: ease-out transform 0.5s;
}
.bh-accordion-element-inner {
	overflow: visible;
	padding-top: 10px;
	padding-bottom: 30px;
	box-sizing: border-box;
}

/* BH-PICTURE */

.bhPicture.fullWidth img {
	width: 100%;
	height: auto;
}
/*---- NEWSLETTER ABMELDUNG ----*/

/* .bhT3.t3style1 {
	max-width: 960px;
	margin: 0 auto;
} */
#bhnl-unregisterform form,
#bhnl-registerform form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#bhnl-unregisterform form input,
#bhnl-registerform form input {
	background: transparent !important;
    font-family: 'fieldwork';
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    text-transform: uppercase;
    border: 0px;
    border-radius: 0px;
    border-bottom: 2px solid #D0A367;
    padding-left: 0px;
    outline: 0px;
    flex-basis: 200px;
    padding: 10px 20px;
    -webkit-appearance: none;
    margin-right: 20px;
    margin-left: 20px;
    color: #D0A367;
}
#bhnl-unregisterform form label,
#bhnl-registerform form label {
	font-size: 18px;
	color: #D0A367;
}
#bhnl-unregisterform form input[type="submit"],
#bhnl-registerform form input[type="submit"] {
	color: white;
    background: #D0A367 !important;
    line-height: 16px;
    height: auto;
    border-radius: 30px;
    font-family: 'fieldwork';
    font-size: 16px;
    padding: 20px;
    text-align: center;
    color: #FFFFFF;
    border: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);

}


/*---- JOBS-BUTTON IM HEADER ----*/

a.job-btn {
	display: block;
	position: absolute;
	right: 0px;
	top: 150px;
	width: 122px;
	height: 48px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    color: white;
    background: rgba(219, 191, 139, 1.000);
    z-index: 100;
    font-size: 16px;
}
.bh-bemode a.job-btn {
	top: 220px;
}
.job-btn-icon {
	width: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	margin-right: 15px;
}

@media only screen and (max-height: 700px) {
	#HapiGlobalDateBoxNew {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

/*
	S P E C I A L  -  HEADER No PIC
*/

/*
[data-page="35"] .header,
[data-page="36"] .header {
	background: none;
}
[data-page="35"] .content,
[data-page="36"] .content {
	padding-top: 0px;;
}
[data-page="35"] .header .el-headerpicture .headerPicText .bh-bodytext,
[data-page="36"] .header .el-headerpicture .headerPicText .bh-bodytext,
[data-page="37"] .header .el-headerpicture .headerPicText .bh-bodytext {
	color: #D0A367;
}
[data-page="35"] .header .el-headerpicture .headerPicText .bh-bodytext,
[data-page="36"] .header .el-headerpicture .headerPicText .bh-bodytext {
	color: #9A8C85;
}
[data-page="35"] .headerLogo,
[data-page="36"] .headerLogo {
	width: 63px;
	left: calc(50% - 31.5px);
	background-position: center top;
	background-image: url('/fileadmin/images/logo_gold.svg');
}
[data-page="35"] .contact,
[data-page="36"] .contact {
	top: 200px;
}
[data-page="35"] .naviIcon,
[data-page="36"] .naviIcon {
	color: #8F817B;
}
[data-page="35"] .naviIconIcon:before,
[data-page="36"] .naviIconIcon:before {
	color: #D0A367;
}
[data-page="35"] .languagenavi a,
[data-page="36"] .languagenavi a {
	color: #505050;
}
*/


.fotobutton > a {
	color: #9a8c85 !important;
}