@font-face {
    font-family: 'impactregular';
    src: url('../fonts/impact-webfont.woff2') format('woff2'),
         url('../fonts/impact-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro.woff2') format('woff2'),
        url('../fonts/DINPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro-Bold.woff2') format('woff2'),
        url('../fonts/DINPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro-Light.woff2') format('woff2'),
        url('../fonts/DINPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/*
	# Fraben

	blau: #184495
	rot: #E40D18
	orange: #F59D34

	# Schriften

	font-family: 'impactregular';
	font-family: 'Caveat', cursive;
	font-family: 'DIN Pro';
*/




html {
	-webkit-font-smoothing: antialiased;
	font-kerning: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;

	font-size: 16px;
}

body {
    font-family: 'DIN Pro', sans-serif;
    -webkit-font-smoothing: antialiased;
    padding: 0;
	margin: 0;
    font-size: 1rem;
    line-height: 1.64em;

	color: #184495;
}
body.bh-bemode {
	padding-top: 50px;
}
@media only screen and (max-width: 767px) {
	html {
		font-size: 14px;
	}
}


/*
	STYLES
*/

a {
	color: inherit;
	text-decoration: none;
}
.bh-bodytext a:not([class*="style-button"]) {
	border-bottom: 0.08em solid currentcolor;
	transition: all 0.2s;
}
.bh-bodytext a:not([class*="style-button"]):hover {
	opacity: 0.8;
}

.bh-bodytext ul {
	list-style: none;
	padding: 0px;
}
.bh-bodytext li {
	position: relative;
	padding-left: 1.2em;
}
.bh-bodytext li:before {
	position: absolute;
	left: 0px;
	top: calc(0.75em - 0.2rem);
	content: '';
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 0.5rem;
	background-color: currentcolor;
}





/* ICONS */
.style-icon-button {
	display: block;
	height: 3em;
	width: 3em;
	border-radius: 100%;
	transform: scale(1) rotate(deg);
	overflow: hidden;
	background: no-repeat center center/contain;
}
.style-icon-button[href] {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.45);
	transition: all 0.2s;
}
.style-icon-button[href]:hover {
	transform: scale(1.2) rotate(3deg);
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.8);
}

.style-icon-button--size-big {
	font-size: 2rem;
}


.style-icon-button--youtube {
	background-image: url("../images/icon-youtube.svg");
}
.style-icon-button--webcam {
	background-image: url("../images/icon-webcam.svg");
}
.style-icon-buttons--white .style-icon-button--webcam {
	background-image: url("../images/icon-webcam--white.svg");
}
.style-icon-button--weather {
	background-image: url("../images/icon-weather.svg");
}
.style-icon-buttons--white .style-icon-button--weather {
	background-image: url("../images/icon-weather--white.svg");
}
.style-icon-button--ski {
	background-image: url("../images/icon-ski.svg");
}
.style-icon-button--sfl {
	background-image: url("../images/icon-sfl.svg");
}
.style-icon-button--service {
	background-image: url("../images/icon-service.svg");
}
.style-icon-button--region {
	background-image: url("../images/icon-region.svg");
}
.style-icon-button--pin {
	background-image: url("../images/icon-pin.svg");
}
.style-icon-button--pins {
	background-image: url("../images/icon-pins.svg");
}
.style-icon-button--phone {
	background-image: url("../images/icon-phone.svg");
}
.style-icon-button--mail {
	background-image: url("../images/icon-mail.svg");
}
[data-activelang-code="de"] .style-icon-button--language {
	background-image: url("../images/icon-language--de.svg");
}
[data-activelang-code="en"] .style-icon-button--language {
	background-image: url("../images/icon-language--en.svg");
}
.style-icon-button--karriere {
	background-image: url("../images/icon-karriere.svg");
}
.style-icon-button--jobs {
	background-image: url("../images/icon-jobs.svg");
}
.style-icon-button--intersport {
	background-image: url("../images/icon-intersport.svg");
}
.style-icon-button--home {
	background-image: url("../images/icon-home.svg");
}
.style-icon-button--facebook {
	background-image: url("../images/icon-facebook.svg");
}
.style-icon-button--depot {
	background-image: url("../images/icon-depot.svg");
}
.style-icon-button--depot-hotel {
	background-image: url("../images/icon-depot-hotel.svg");
}
.style-icon-button--cloth {
	background-image: url("../images/icon-cloth.svg");
}
.style-icon-button--clock {
	background-image: url("../images/icon-clock.svg");
}
.style-icon-button--blog {
	background-image: url("../images/icon-blog.svg");
}
.style-icon-button--bike {
	background-image: url("../images/icon-bike.svg");
}
.style-icon-button--instagram {
	background-image: url("../images/icon-instagram.svg");
}
.style-icon-button--shop {
/* 	background-image: url("../images/cart.svg"); */
	background-image: url("../images/icon-shop.svg");
}
.style-icon-button--voucher {
	background-image: url("../images/icon-voucher.svg");
/* 		background-image: url("../images/gutschein.svg"); */
}


/* BUTTON */
.style-button,
.el-voucherlist-voucher-button.el-voucherlist-voucher-button,
.bh-shop-button.bh-shop-button,
.bh-shop-address-buton-edit.bh-shop-address-buton-edit,
.bh-shop-add-product-form input[type="submit"],
.bhnl-unregister-form input[type="submit"],
.bhnl-register-form input[type="submit"] {
	box-sizing: border-box;
	display: inline-block;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	line-height: 1.5rem;
	border-radius: 10px;

	cursor: pointer;
	color: #184495;
	background: #fff;
	text-transform: uppercase;

	position: relative;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
	border: 0px;
}
.style-button:after,
.el-voucherlist-voucher-button.el-voucherlist-voucher-button:after,
.bh-shop-button.bh-shop-button:after,
.bh-shop-address-buton-edit.bh-shop-address-buton-edit:after {
	content: ' ';
	position: absolute;
	pointer-events: none;
	top: 0px;
	left: -10%;
	width: 0%;
	height: 100%;
	background: currentcolor;
	transition: all 0.4s;
	opacity: 0.5;
	transform: skew(30deg);
}
.style-button,
.el-voucherlist-voucher-button.el-voucherlist-voucher-button,
.bh-shop-button.bh-shop-button,
.bh-shop-address-buton-edit.bh-shop-address-buton-edit,
.bh-shop-add-product-form input[type="submit"],
.bhnl-unregister-form input[type="submit"],
.bhnl-register-form input[type="submit"] {
	transition: all 0.2s;
	transform: scale(1) rotate(0deg);
}
.style-button:hover,
.el-voucherlist-voucher-button.el-voucherlist-voucher-button:hover,
.bh-shop-button.bh-shop-button:hover,
.bh-shop-address-buton-edit.bh-shop-address-buton-edit:hover,
.bh-shop-add-product-form input[type="submit"]:hover,
.bhnl-unregister-form input[type="submit"]:hover,
.bhnl-register-form input[type="submit"]:hover {
	transform: scale(1.1) rotate(-1deg);
}
.style-button:hover:after,
.el-voucherlist-voucher-button.el-voucherlist-voucher-button:hover:after,
.bh-shop-button.bh-shop-button:hover:after,
.bh-shop-address-buton-edit.bh-shop-address-buton-edit:hover:after {
	opacity: 0.1;
	width: 120%;
}

.style-button--blue {
	color: #fff;
	background: #184495;
}
.style-button--red,
.el-voucherlist-voucher-button.el-voucherlist-voucher-button,
.bh-shop-button.bh-shop-button,
.bh-shop-add-product-form input[type="submit"],
.bhnl-unregister-form input[type="submit"],
.bhnl-register-form input[type="submit"] {
	color: #fff;
	background: #E40D18;
}
.style-button--orange,
.bh-shop-address-buton-edit.bh-shop-address-buton-edit {
	color: #fff;
	background: #F59D34;
}

/* TEXT */
/* Block */
h1, h2, h3, h4, h5, h6, p, ul {
	margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	text-transform: uppercase;
}
h1 {
	font-size: 4.25rem !important;
	line-height: 100%;
	font-family: 'impactregular';
}
h2 {

}
h3 {

}
h4 {

}
h5 {
	font-size: inherit;
	font-weight: bold;
}
h6 {
	font-size: inherit;
}
.bh-bodytext h5 {
	margin-bottom: 1rem;
}
.style-text--teaser {
	font-size: 1.25rem;
	line-height: 1.75rem;
	text-transform: uppercase;
}
h4,
.style-text--m {
	font-size: 1.25rem;
	line-height: 1.75rem;
	text-transform: uppercase;
}
h3,
.style-text--l {
	font-size: 1.75rem;
	line-height: 2.25rem;
	text-transform: uppercase;
}
h2,
.style-text--xl {
	font-size: 2.5rem;
	line-height: 2.75rem;
	text-transform: uppercase;
}

.style-color--blue {
	color: #184495;
}
.style-color--red {
	color: #E40D18;
}
.style-color--orange {
	color: #F59D34;
}
.style-color--white {
	color: #fff;
}

/* BACKGROUND */
.style-background--blue {
	background-color: #184495;
	color: #fff;
}
.style-background--red {
	color: #fff;
	background-color: #E40D18;
}
.style-background--orange {
	color: #fff;
	background-color: #F59D34;
}

/* OVERLAY */
.style-overlay--blue {
	background-color: rgba(24, 68, 148, 0.8);
}
.style-overlay--red {
	background-color: rgba(227, 14, 25, 0.8);
}
.style-overlay--orange {
	background-color: rgba(245, 158, 51, 0.8);
}
.style-overlay--white {
	background-color: rgba(255,255,255,0.8);
}
.style-overlay--black {
	background-color: rgba(0,0,0,0.8);
}
@supports (mix-blend-mode: multiply) {
	.style-overlay--blue {
		background-color: rgba(24, 68, 148, 1);
		mix-blend-mode: multiply;
	}
	.style-overlay--red {
		background-color: rgba(227, 14, 25, 1);
		mix-blend-mode: multiply;
	}
	.style-overlay--orange {
		background-color: rgba(245, 158, 51, 1);
		mix-blend-mode: multiply;
	}
}

/* HÖHEN */
.style-height--vsmall {
	min-height: 20vh;
}
.style-height--small {
	min-height: 33vh;
}
.style-height--normal {
	min-height: 50vh;
}
.style-height--large {
	min-height: 66vh;
}
.style-height--xlarge {
	min-height: 90vh;
}
.style-height--full {
	min-height: 100vh;
}


/* INSIDE PREFIX */
[data-pid="19"] > a:before {
	content: 'Inside';
	font-family: 'Caveat', cursive;
	text-transform: none;
	padding-right: 0.3em;
	font-size: 1.5em;
	line-height: 0;
	font-weight: normal;
}


/*
	Layout
*/
.page {

}

/*
	HEADER
*/
.page__header {
	position: fixed;
	z-index: 500;
	top: 0px;
	left: 0px;
	right: 0px;
	background: #184495;
	color: #fff;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.45);

	z-index: 100;
}
.bh-bemode .page__header {
	top: 50px;
}
.header {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	height: 50px;
}
.header__menu-toggler {
	width: 50px;
	background: url("../images/menu-toggler.svg") no-repeat center center;
}
.header__menu {

}
.menu {

}
.menu__book-button {

}
.menu__home-button {

}
.menu__navigation {

}
.menu__navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.menu__navigation a {
	transition: all 0.2s;
	text-transform: uppercase;
}
.menu__navigation a:hover,
.menu__navigation .active > a {
	color: #E40D18;
}

.menu__buttons {

}
.header__logo {
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	max-height: 100%;
}
.header__logo a {
	position: relative;
	display: block;
	width: 166px;
	height: 70px;
	background: url("../images/logo.svg") no-repeat center top;
	background-size: contain;
}
.header__logo a:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	height: 10px;
	background: url("../images/logo-text.svg") no-repeat center bottom;
}
.header__buttons {
	display: flex;
}
.header__button {
	position: relative;
	width: 50px;
	background: no-repeat center center;
}
.header__button--voucher {
	background-image: url("../images/gutschein.svg");
}
.header__button--shop {
	background-image: url("../images/cart.svg");
}

.header__button-badge {
	position: absolute;
	top: 2px;
	right: 2px;
	border-radius: 100%;
	height: 1.2rem;
	width: 1.2rem;
	background: #E40D18;
	font-size: 0.75rem;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* Menü Desktop */
@media only screen and (min-width: 1300px) {
	.header__menu-toggler,
	.menu__book-button,
	.menu__buttons,
	.menu__book-button {
		display: none !important;
	}

	.header__menu {
		flex-grow: 1;
	}
	.menu__navigation .hnavi_box {
		display: flex;
	}
	.menu__navigation .hnavi_item {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		flex-grow: 2;
	}
	.menu__navigation .hnavi_item:nth-child(4) { /* change to 5 */
		margin-right: 166px;
	}
	.menu__navigation .hnavi_item:nth-child(n+6)  {
		flex-grow: 3; /* change to 5 */
	}
	.menu__navigation .hnavi_item > a {
		display: block;
		padding: 0px 1rem;
		font-size: 1.25rem;
		font-weight: bold;
		text-align: center;
		font-size: 0.9rem;
	}

	/* Sub-Navigation */
	.menu__navigation .hsnavi_box {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translate(-50%, -10px);
		box-sizing: border-box;
		width: 220px;
		z-index: -1;
		background: #FFFFFF;
		box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.25);
		border-radius: 0px 0px 10px 10px;
		padding: 1rem;
		transition: all 0.4s;
		opacity: 0;
		pointer-events: none;

		/* mobile inline styles override */
		height: auto !important;
	}
	.menu__navigation .hnavi_item:hover .hsnavi_box {
		opacity: 1;
		transform: translate(-50%, 0px);
		pointer-events: all;
	}
	.menu__navigation .hsnavi_box:before {
		content: ' ';
		position: absolute;
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 8px 8px;
		border-color: transparent transparent #ffffff transparent;
	}
	.menu__navigation .hnavi_item:first-child .hsnavi_box {
		left: 0;
		transform: translate(0%, -10px);
	}
	.menu__navigation .hnavi_item:nth-child(4) .hsnavi_box { /* delete me */
		left: unset;
		right: 0;
		transform: translate(0%, -10px);
	}
	.menu__navigation .hnavi_item:first-child:hover .hsnavi_box {
		opacity: 1;
		transform: translate(0%, 0px);
	}
	.menu__navigation .hnavi_item:nth-child(4):hover .hsnavi_box { /* delete me */
		opacity: 1;
		transform: translate(0%, 0px);
	}
	.menu__navigation .hnavi_item:first-child .hsnavi_box:before {
		left: 50px;
		transform: translateX(-50%);
	}
	.menu__navigation .hnavi_item:nth-child(4) .hsnavi_box:before { /* delete me */
		left: unset;
		right: 50px;
		transform: translateX(50%);
	}

	.menu__navigation .hsnavi_item {
/* 		margin-top: 1rem; */
		color: #184495;
	}
	.menu__navigation .hsnavi_item a {
		padding: 0.5rem 0;
		display: block;
	}



	.header__buttons {
		margin-left: 30px;
	}
}
@media only screen and (min-width: 1260px) {
	.menu__navigation .hnavi_item > a {
/* 		padding: 0px 2vw; */
	}
	.header__buttons {
/* 		margin-left: 80px; */
	}
}
@media only screen and (min-width: 1480px) {
	.menu__navigation .hnavi_item > a {
/* 		padding: 0px 2rem; */
	}
	.header__buttons {
/* 		margin-left: 80px; */
	}
}

/* Menü Desktop */
@media only screen and (max-width: 1299px) {
	.header__menu {
		position: fixed;
		z-index: -1;
		top: 0px;
		left: 0px;
		bottom: 70px;
		right: 0px;
		background: #184495 url("../images/menu-background.jpg") no-repeat center top;
		background-size: cover;
		padding-top: 20px;
		display: flex;
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.45);

		opacity: 0;
		pointer-events: none;
		transform: perspective(1000px) rotate3d(1, 0, 0, 10deg);
		transition: all 0.2s ease-in;
	}
	.bh-bemode .header__menu {
		top: 50px;
	}
	body.state-mobile-menu-open {
		max-height: 100vh;
		overflow: hidden;
	}
	.state-mobile-menu-open .header__menu {

		align-items: stretch;

		opacity: 1;
		pointer-events: all;
		transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
	}

	.menu {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;

		padding-top: 70px;
	}
	.menu__book-button {
		align-self: center;
	}
	.menu__home-button {
		margin: 20px 2rem;

		display: block;
		width: 55px;
		height: 55px;
		background: url("../images/icon-home--white.svg") no-repeat center center;
		background-size: contain;
	}
	.menu__navigation {
		box-sizing: border-box;
		width: 100%;
		padding: 0px 2rem;
		overflow: auto;
	}

	.menu__navigation .hnavi_item > a {
		font-size: 1.25em;
		line-height: 1.75em;
		font-weight: bold;
	}

	.hnavi_item > a:after {
		font-family: 'bakehouse-iconset';
		content: ' ';
		display: inline-block;
		text-align: right;
		width: 1.5rem;
	}
	.hnavi-has-submenu[data-submenu-state="closed"] > a:after {
		content: '\e908';
	}
	.hnavi-has-submenu[data-submenu-state="open"] > a:after {
		content: '\e907';
	}
	.menu__navigation .hsnavi_box {
		overflow:hidden;
	    transition:height 0.3s linear;
	    height:auto;
	    margin-left: 2rem;
	}
	.menu__navigation .hsnavi_item:last-child {
		padding-bottom: 1em;
	}
	.menu__navigation .hsnavi_item > a {
		display: block;
		padding: 0.15em 0;
	}

	.menu__buttons {
		padding: 1rem;
		margin-top: auto;
		align-self: flex-end;
		display: flex;
	}
	.menu__buttons .style-icon-button {
		margin-left: 0.5rem;
	}
}

/*
	MAIN
*/
.page__main {

}
.page__main-header {
	position: relative;
	z-index: 2;
	padding-top: 50px;
	background: #184495;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.45);
/* 	min-height: 500px; */
}
.bhe-state-editing .page__main-header {
	padding-top: calc(50px + 60px);
}


.page__main-body {
	padding: 4rem 0;
}
.page__main-body .el-section:first-child {
	margin-top: -4rem;
}

/*
	FOOTER
*/

@media only screen and (max-width: 1023px) {
	.page__footer {
		padding-bottom: 70px;
	}
}

.footer-content {
	margin-bottom: 2rem;
}

.bhe-state-editing .footer-content > .bhContainer:before {
	content: 'Beginn des Footerbereichs';
/* 	padding: 1rem; */
	background: rgba(255, 208, 0, 0.1);
	color: #ffd000;
	display: block;
	text-align: center;
}

.footer {
	padding: 4rem 0;
	background: #184495;
	color: #fff;
}
.footer__socials {
	display: flex;
	justify-content: center;
}
.footer__socials .style-icon-button {
	margin: 0 0.5rem;
}

.footer__contact {
	margin: 2rem 0;
}
.footer__contact-company {
	text-align: center;
	margin-bottom: 2rem;
}
.footer__contact-locations {
	display: flex;
	justify-content: center;
}
.contact-location {
/* 	flex-basis: 50%; */
	display: flex;
	flex-direction: column;
	align-items: center;
}
.contact-location:first-child {
	margin-right: 10%;
}
.contact-location__pin {
	font-size: 1.75rem;
	margin-bottom: 1rem;
}
.contact-location__text {
	text-align: center;
}
.footer__info-buttons {
	display: flex;
	justify-content: center;
}
.footer__info-buttons .style-icon-button {
	margin: 0 0.5rem;
}
.footer__navigation {
	margin: 4rem 0;
}
.footer__navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
@media only screen and (min-width: 768px) {
	.footer__navigation ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer__navigation li {
		flex-basis: 25%;
		margin-bottom: 2rem;
	}
}
@media only screen and (max-width: 767px) {
	.footer__navigation li:nth-child(3),
	.footer__navigation li:nth-child(6) {
		margin-bottom: 2rem;
	}
}
.footer__navigation a {
	display: block;
	font-size: 1.25rem;
	line-height: 1.75rem;
	padding: 0.25rem 0;

	transition: all 0.2s;
	text-transform: uppercase;
}
.footer__navigation a:hover,
.footer__navigation .active > a {
	color: #E40D18;
}


.footer__top {
	cursor: pointer;
	text-align: center;
	margin: 2rem 0 2rem;
}
.footer__top-icon {
	height: 2rem;
	background: url("../images/to-top.svg") center top/contain no-repeat;

}
.footer__service {

}
.footer__service ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.footer__service li:before {
	content: '|';
	padding: 0 0.5rem;
}
.footer__service li:first-child:before {
	display: none;
}
.footer__service a:hover {
	text-decoration: underline;
}

.footer-fixed {
	position: fixed;
	z-index: 99;
	right: 0px;
	bottom: 1rem;
}

.footer-fixed__inner {

}
.footer-buttons {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}
@media only screen and (min-width: 1300px) {
	.footer-fixed {
		bottom: 50%;
		transform: translateY(50%);
	}
}
@media only screen and (max-width: 1299px) {
	.footer-fixed {
		left: 0px;
		bottom: 0px;
/* 		background: #fff; */
		background: rgba(255,255,255,0);
/* 		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.45); */
/* 		backdrop-filter: blur(2px); */
		transition: all 0.6s;
	}
	[data-scroll-direction="DOWN"]:not(.state-mobile-menu-open) .footer-fixed {
/* 		transition-delay: 0.5s; */
		transform: translateY(100%);
	}
	.footer-fixed .footer-buttons > * {
		transition: all 0.3s;
	}
	[data-scroll-direction="DOWN"]:not(.state-mobile-menu-open) .footer-buttons > * {
		transform: translateY(200%);
	}
	.footer-fixed .footer-buttons > *:nth-child(2) {
		transition-delay: 0.05s;
	}
	.footer-fixed .footer-buttons > *:nth-child(3) {
		transition-delay: 0.1s;
	}
	.footer-fixed .footer-buttons > *:nth-child(4) {
		transition-delay: 0.15s;
	}
	.footer-fixed .footer-buttons > *:nth-child(5) {
		transition-delay: 0.2s;
	}


	.state-mobile-menu-open .footer-fixed {
		background: rgba(255,255,255,1);
/* 		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.45); */
/* 		backdrop-filter: blur(2px); */
	}
	.footer-buttons {
		height: 70px;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
}


.footer-buttons .style-icon-button {
	margin: 0.5rem;
}
.footer-buttons .bh-language-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
[data-activelang-code="de"] .footer-buttons [data-lang="de"] {
	display: none;
}
[data-activelang-code="en"] .footer-buttons [data-lang="en"] {
	display: none;
}




/* SWIPER */
.bh-swiper .swiper-navigation {
	background: #184495;
	border-radius: 100%;
	height: 1.2em;
	width: 1.2em;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.bh-swiper .swiper-navigation:before {
	font-size: inherit;
}

/* SOCIAL WALL */
.bh-social-widget .bh-social-post {
	height: auto;
}
.bh-social-widget .bh-social-content {
	height: 0px;
	padding-top: 100%;
}
.bh-social-content > * {
	display: none;
}



/*
	NEWS
*/
/* teaser */
.el-newsteaser-big {
	display: flex;
	flex-direction: column;
	align-items: center;

	text-align: center;
	margin-bottom: 2rem;
}
.el-newsteaser-big-icon {
	margin-bottom: 1rem;
}
.el-newsteaser-big-pictures {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 2rem 0;
}
.el-newsteaser-big-picture-link {
	flex-basis: calc( (100% - 2rem) / 3 );
}
.el-newsteaser-big-picture {
	height: 0px;
	padding-top: 60%;
	background: no-repeat center center/cover;

}
.el-newsteaser-big-text {
	max-width: 500px;
	text-align: center;
	margin-bottom: 1rem;
}

.el-newslist-list {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;

	margin-left: -1rem;
	margin-bottom: -1rem;
}
.el-newslist-item {
	display: flex;
	align-items: stretch;
	box-sizing: border-box;
	width: 100%;
	margin: 0px;
	flex-basis: 33.333%;
	padding-left: 1rem;
	padding-bottom: 1rem;

	margin-bottom: 0px;

	flex-grow: 1;
	flex-shrink: 0;

	color: #fff;

	max-width: none;
}
.el-newslist-item-inner {
	display: flex;
	align-items: stretch;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width : 1199px) {
	.el-newslist-list .el-newslist-item {
		flex-basis: 50%;
	}
}
@media only screen and (max-width : 768px) {
	.el-newslist-list .el-newslist-item-overlay {
		min-height: 150px;
	}
}

.el-newslist-item-picture {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: no-repeat center center;
	background-size: cover;
}
.el-newslist-item-overlay {
	position: relative;
	width: 100%;
	min-height: 300px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	overflow: hidden;

	z-index: 1;
	background-color: rgba(24, 68, 148, 0.5);
/* 	mix-blend-mode: multiply; */
	padding: 1rem;
	transition: all 0.2s;
}
.el-newslist-item-overlay:after {
	content: ' ';
	position: absolute;
	pointer-events: none;
	top: 0px;
	left: -30%;
	width: 0%;
	height: 100%;
	background: currentcolor;
	transition: all 0.4s;
	opacity: 0.3;
	transform: skew(30deg);
}
.el-newslist-item:hover .el-newslist-item-overlay:after {
	opacity: 0;
	width: 160%;
}


.el-newslist-item-title {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.el-newslist-item-subtext {
	text-align: center;
	text-transform: uppercase;
}

.el-newsteaser-blog-link {
	margin-top: 2rem;
	text-align: center;
}


/* News Detail*/

body[data-page="34"] .page__main > * > .bhContainer > .bhe-container-dropzone,
body[data-page="34"] .page__main > * > .bhContainer > .bhElement > .bhe-element-toolbar {
	display: none !important;
}
body[data-page="34"].bhe-state-editing .page__main-body > .bhContainer:before,
body[data-page="34"].bhe-state-editing .page__main-body > .bhContainer:after {
	content: 'News Detail Bereich';
/* 	padding: 1rem; */
	background: rgba(255, 208, 0, 0.1);
	color: #ffd000;
	display: block;
	text-align: center;
}

.el-newsdetail-header {
	position: relative;
	padding: 5rem 1rem 3rem;
	min-height: 50vh;
	box-sizing: border-box;

	display: flex;
	align-items: flex-end;
}
.el-newsdetail-header-picture,
.el-newsdetail-header-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.el-newsdetail-header-picture {
	background: no-repeat center center/cover;
}
.el-newsdetail-header-content {
	position: relative;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.el-newsdetail-header-icon {
	margin-bottom: 2rem !important;
}

.el-newdetail-content-backlink {
	text-align: center;
	margin-top: 2rem;
}



/*
	GUTSCHEIN
*/
.el-voucherlist-voucher {
	max-width: none !important;
	margin-right: 0px;
}
.el-voucherlist-voucher:hover {
	background: none !important;
}
.el-voucherlist-voucher-button {
	/* wird bei style-button definiert*/

	display: block !important;
    position: absolute !important;
    right: 0px;
    bottom: 0px;
}

@media only screen and (max-width: 767px){
	.el-voucherlist-voucher {
	    flex-direction: column;
	}
	.el-voucherlist-voucher-image {
		max-width: 200px;
		margin-bottom: 1rem;
	}
	.el-voucherlist-voucher-description {
		padding: 0px;
	}
}


/* WARENKORB / CART */
.bh-shop-buttons.bh-shop-buttons {
	border-width: 0px;
}
@media only screen and (max-width: 710px){
	.bh-shop-item-property-count.bh-shop-item-property-count {
		text-align: right;
	}
	.bh-shop-cart-item .bh-shop-cart-cell-remove.bh-shop-cart-cell-remove {
		right: 0px;
	}
	.cart-item-remove.cart-item-remove {
		display: flex;
		align-items: center;
	}
	.cart-item-remove .cart-cell-tool-label.cart-cell-tool-label {
		display: block;
	}
	.bh-shop-cart-total.bh-shop-cart-total {
		margin-right: 0px;
	}
}




.property-salutation .bh-shop-field-label:after,
.property-firstname .bh-shop-field-label:after,
.property-lastname .bh-shop-field-label:after,
.property-email .bh-shop-field-label:after,
.property-address .bh-shop-field-label:after,
.property-zip .bh-shop-field-label:after,
.property-city .bh-shop-field-label:after,
.property-country .bh-shop-field-label:after,
.property-gdpr .bh-shop-field-label:before {
	content: '*';
}


/* PRODUKT LISTE */
.isp-product-list {
	font-size: 1rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 2em;
}
.isp-product-item {
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 1rem rgba(0,0,0,0.1);
	transition: all 0.4s;

	display: flex;
	flex-direction: column;
}
.isp-product-item:hover {
	box-shadow: 0px 0.2em 1em rgba(0,0,0,0.3);
}
.isp-product-item-image {
	position: relative;
	padding-top: 100%;
}
.isp-product-item-image img {
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.isp-product-item-title {
	font-size: 1.25em;
    line-height: 1.75em;
    text-transform: uppercase;

    padding: 1rem 1rem 0;
    margin-bottom: auto;
    text-align: center;
}
.isp-product-item-price {
	font-weight: bold;
	font-size: 1.25em;
    line-height: 1.75em;
    text-transform: uppercase;
	padding: 0 1rem 1rem;
	text-align: center;
}


/* PRODUCT Detail*/
.el-productdetail-title,
.el-productdetail-top {
	max-width: 940px;
	margin: 0 auto;
}
.el-productdetail-title,
.el-productdetail-top {
	padding-left: 4rem;
	padding-right: 4rem;
}
@media only screen and (max-width : 1024px) {
	.el-productdetail-title,
	.el-productdetail-top {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media only screen and (max-width : 767px) {
	.el-productdetail-title,
	.el-productdetail-top {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.el-productdetail-title {
	margin-bottom: 2rem;
}
.el-productdetail-sku {
	opacity: 0.8;
}
.el-productdetail-images img {
	object-fit: contain;
	max-height: 400px;
}
.el-productdetail-subtext {
	margin-bottom: 1rem;
}
.el-productdetail-price {
	margin-bottom: 1rem;
	font-size: 1.25rem;
	line-height: 1.75rem;
	text-transform: uppercase;
}
.bh-shop-add-product-form select,
.bh-shop-add-product-form input[type="number"],
.bhnl-form-field input {
		box-sizing: border-box;
	display: inline-block;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	line-height: calc(1.5rem - 4px);
	border-radius: 10px;

	cursor: pointer;
	color: #184495;
	background: #fff;
	position: relative;
	overflow: hidden;
	border: 2px solid #184495;
	margin-bottom: 1rem;
}
.bh-shop-add-product-form select:focus,
.bh-shop-add-product-form input:focus,
.bhnl-form-field input:focus {
	outline: 0px;
	box-shadow: 0px 0px 0px 2px rgba(24, 68, 148, 0.2);
}


.el-productdetail .isp-product-list {
	font-size: 0.75rem;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 1em;
}
@media only screen and (max-width : 1024px) {
	.el-productdetail .isp-product-list {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media only screen and (max-width : 767px) {
	.el-productdetail .isp-product-list {
		grid-template-columns: 1fr 1fr;
	}
}


/*
	Fade In
*/
.js-fade-in > .bhElementInner{
	transition: all 0.7s;
	opacity: 0;
}
.js-fade-in.style-fade--left > .bhElementInner {
	transform: translateX(-2rem);
}
.js-fade-in.style-fade--right > .bhElementInner {
	transform: translateX(2rem);
}
.js-fade-in.style-fade--bottom > .bhElementInner {
	transform: translateY(10vh);
}
@media( max-width: 767px ){
	.js-fade-in.style-fade--bottom > .bhElementInner,
	.js-fade-in.style-fade--left > .bhElementInner,
	.js-fade-in.style-fade--right > .bhElementInner {
		transform: translateY(4rem);
	}
}
.js-fade-in.js-fade-in--visible > .bhElementInner,
.state-fade-in-not-supported .js-fade-in > .bhElementInner {
	transform: translate(0,0);
	opacity: 1;
}




/* Video-Wizard */

.yt-wizard-wrapper,
.vi-wizard-wrapper,
.bhHtml5VideoElement {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}
.yt-wizard-wrapper.ar-16-10,
.vi-wizard-wrapper.ar-16-10,
.bhHtml5VideoElement.ar-16-10 {
  padding-bottom: 62.5%;
}
.yt-wizard-wrapper.ar-4-3,
.vi-wizard-wrapper.ar-4-3,
.bhHtml5VideoElement.ar-4-3 {
  padding-bottom: 75%;
}
.yt-wizard-wrapper iframe,
.vi-wizard-wrapper iframe,
.bhHtml5VideoElement video {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}



/*
	Sozial Widget
*/
.bh-social-widget {
	display: flex;
	flex-wrap: wrap;
	margin: -1rem 0 0 -1rem;
}
.bh-social-widget > * {
	flex: 0 0 calc(33.333% - 1rem);
	margin: 1rem 0 0 1rem;
}
@media( max-width: 767px ){
	.bh-social-widget > * {
		flex: 0 0 calc(50% - 1rem);
	}
}


/* Newsletter An und Abmelden */
/*ACHTUNG Buttons und Input sind unter anderen Bereichen gestyled*/

.bhnl-register-form form,
.bhnl-unregister-form form {
	    display: flex;
    flex-direction: column;
    align-items: center;
}



/*
	COOKIES
*/
.bh-cookies-buttons > * {
	width: 110px;
	margin-bottom: 10px;
	color: white;
	text-align: center;
	font-size: 14px;

    border-radius: 10px;
    text-transform: uppercase;

    color: #fff;
    background: #184495;
}
@media all and (min-width: 768px) {
	.bh-state-desktop .bh-cookies-warning {
		width: 300px;
		padding-bottom: 0px;
		-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
		        box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
		background: rgba(255,255,255,0.9) !important;
		border-top-left-radius: 5px;
		right: 0px;
		left: auto;
	}

	.bh-state-desktop .bh-cookies-buttons {
		width: 130px;
		margin-right: 10px;

	}



	.bh-state-desktop .bh-cookies-warning-text {
		width: 130px;
		height: 75px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		text-align: left;
	}
}
@media all and (max-width: 767px) {
	.bh-state-mobile .bh-cookies-warning {
		z-index: 1000;
		-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
		        box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
		text-align: center;
	}

	.bh-state-mobile .bh-cookies-buttons {
		width: 100%;
	}
}