:root {
		--emg-color--white: #FFFFFF;
		--emg-color--gold: #C3AB82;
		--emg-color--light-gold: #e7dccd;
		--emg-color--x-light-gold: #f9f6f1;
		--emg-color--green: #738C6E;
		--emg-color--gray: #505055;

		--emg-border-radius--none: 0px;
		--emg-border-radius--s: 5px;
		--emg-border-radius--m: 10px;
		--emg-border-radius--l: clamp(16px, 4vw, 20px);
		--emg-border-radius--xl: clamp(30px, 8vw, 40px);

		--emg-shadow: 0px 3px 40px 0px #0000000D;

		--emg-font-open-sans: 'Open Sans', sans-serif;
		--emg-font-abel: 'Abel', sans-serif;
		--emg-font-euphoria-script: 'Euphoria Script', serif;

		--emg-transition-time--m: 0.3s;
		--emg-transition-time--l: 0.5s;

		--datepicker-color-highlight: var(--emg-color--gold);
		--datepicker-color-selected: color-mix(in srgb, var(--emg-color--gold), transparent 80%);
}

body {
	font-family: 'Open Sans', serif;
}

.bh-touch-language-toggler{
	color: inherit;
}

.bh-touch-language-pane:before{
	display: none;
}

.bh-touch-start .bh-navigation {
	left: 0px;
	top: 0px;
	bottom: 0px;
	background: #c3ab82e3;
	backdrop-filter: blur(3px);
	padding-left: 58px;
	box-sizing: border-box;
	max-width: 447px;
	padding-top: 120px;
}

.bh-touch-start .bh-navigation a {
	color: white;
	font-family: 'Abel', serif;
    text-transform: uppercase;
	font-size: 36px;
	line-height: 1;
	padding-bottom: 1vh;
	padding-top: 1vh;
	position: relative;

	&::before {
		content: '';
		display: block;
		position: absolute;
		inset-inline: 0;
		inset-block-end: 0;
		height: 1px;
		background: currentcolor;
		transition: .2s ease-in-out;
		transition-property: background-color, inset;
	}
}
.bh-touch-start .bh-navigation a:active,
.bh-touch-start .bh-navigation a:focus-visible {
	&::before {
		inset-inline: 6px;
	}
}

.bh-touch-start-logo {
	max-width: 447px;
	width: 100%;
	z-index: 100;
	left: 0px;
	top: 71px;

}

.bh-touch-top-logo,
.bh-touch-top-back-text {
	background-color: #e7dccd;
	background-size: 55%;
	color: #C3AB82;
	font-family: 'Open Sans';
}

.bh-touch-top-logo {
	border-left: 20px solid #e7dccd;
}

.bh-touch-top a.bh-touch-top-back-text {
	padding-left: 0px;
	text-transform: uppercase;
    padding-right: 16px;
}

.bh-touch-top a {
	justify-content: flex-start;
}

.bh-touch-content {
	height: 100%;
}

.bh-touch-start-info  {
	width: 447px;
	background: none;
}

.bh-touch-start-info .bh-touch-start-left {
	display: none;
}

.bh-touch-top {
	padding-left: 0px;
}

.bh-touch-start-right .bh-bodytext p  {
	padding: 0px;
	color: white;
	font-family: 'Open Sans';
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 0px;
}
.bh-touch-start-right {
	flex-basis: calc(100% - 80px);
}

.bh-touch-page .bh-touch-language-pane a {
	font-family: 'Open Sans';
}

.bh-touch-language-toggler,
.bh-touch-top-back {
	color: #C3AB82;
}

.bh-touch-start .bh-touch-language-toggler {
	color: white;
}

.bh-touch-top-title {
	text-align: center;
	font-size: 36px;
	line-height: 35px;
	color: #C3AB82;
	font-family: 'Abel';
}

h1 {
	color: #C3AB82;
	font-weight: 600;
	font-size: 52px;
	line-height: 110%;
	letter-spacing: 0.02em;
}

h2 {
	color: #C3AB82;
	font-family: "Abel";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

h3 {
	font-family: "Open Sans";
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #7D6657;
}

/* width */
::-webkit-scrollbar {
width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #C3AB82;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #C3AB82;
}

iframe[name="contewisemaps"] {
	height: calc( var(--content-height) );
}

.bh-touch-start-content-right {
	display: none;
}

.touchformCols {
	display: flex;
	gap: 30px;
}
.touchformCols > * {
	flex-basis: 50%;
}

.touchformText {
	display: flex;
	background: white;
	padding: 45px;
	margin-bottom: 92px;
}

.touchformText p {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 180%;
	color: #1A1A1A;
}

.bh-fieldblock input,
.bh-fieldblock textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d1c8c4;
	border-radius: 2px;
	margin-bottom: 18px;
	height: 50px;
	padding: 0px;
	font-size: 14px;
	color: #7D6657;
	padding-left: 20px;
	font-family: 'Open Sans';
}
.bh-fieldblock textarea {
	padding-top: 15px;
	height: 100px;
}

.bh-fieldblock [type="submit"] {
	background: #C3AB82;
	border: 0px;
	color: white;
	text-transform: uppercase;
	width: 154px;
	padding-left: 0px;
	cursor: pointer;
	border-radius: 0px;
}

html .el-scrollbox-pane {
	max-width: 100%;
	background: #faf9f8;
	/* background-image: url(/fileadmin/images/bg-logo.svg); */
    background-size: auto;
    background-position: bottom left 27px;
    background-repeat: no-repeat;
}

html .el-scrollbox-wrapper {
	padding-top: 0px;
	padding-bottom: 0px;

}

.bh-style-color-green {
	color: #C3AB82;
}

.bh-styleclass-teaser {
	font-family: 'Open Sans', serif;
    font-size: 30px;
    line-height: 1.6;
    font-style: italic;
    letter-spacing: 0.68px;
}

.bhTabElement {
	font-family: 'Open Sans';
	padding: 0px 8px;
	font-size: 18px;
	line-height: 35px;
	display: flex;
	align-items: center;
	text-align: center;

	background: none;
	border: 0px;
	font-weight: 400;
	margin-bottom: 10px;
}
.bhTabElement .bh-bodytext p {
	color: #C3AB82;
}

.bhTabElement.bh-tabtoggler-active .bh-bodytext p {
	font-weight: 600;
	font-size: 48px;
	line-height: 35px;
}

.bh-tabtogglers {
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #C3AB82;
	margin-bottom: 40px;
	flex-wrap: wrap;
}


.bh-bodytext p {
	font-family: 'Open Sans';
	font-size: 18px;
	line-height: 180%;
	color: #1A1A1A;
	font-weight: 300;
	margin-bottom: 50px;
}

.style-list--restaurant-icon {
	/* bh-font-cutlery2 */
	position: relative;
	display: flex;
	&::before {
	  content: "";
	  margin-right: 1.45em;
	  display: block;
	  height: 30px;
	  aspect-ratio: 10/12.5;
	  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12.5'%3E%3Cpath fill='%23738A6F' d='M0 5q0 2 4 7 1 1 2 0 4-5 4-7A1 1 0 0 0 0 5'/%3E%3C/svg%3E");
	}
	&::after {
	  content: "bh-font-cutlery2";
	  color: #fff;
	  height: 30px;
	  font-size: 0.65em;
	  aspect-ratio: 10/12.5;
	  display: block;
	  text-align: center;
	  position: absolute;
	  left: 0;
	  top: 0.2em;
	  font-family: 'bakehouse-iconset' !important;
	  speak: never;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  /* line-height: 1; */
	  letter-spacing: 0;
	  -webkit-font-feature-settings: "liga";
	  -moz-font-feature-settings: "liga=1";
	  -moz-font-feature-settings: "liga";
	  -ms-font-feature-settings: "liga" 1;
	  font-feature-settings: "liga";
	  -webkit-font-variant-ligatures: discretionary-ligatures;
	  font-variant-ligatures: discretionary-ligatures;
	  -webkit-font-smoothing: antialiased;
	}
}
.style-list--highlights-icon {
	/* bh-font-star-filled */
	position: relative;
	display: flex;
	&::before {
	  content: "";
	  margin-right: 1.45em;
	  display: block;
	  height: 30px;
	  aspect-ratio: 10/12.5;
	  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12.5'%3E%3Cpath fill='%23C7B18C' d='M0 5q0 2 4 7 1 1 2 0 4-5 4-7A1 1 0 0 0 0 5'/%3E%3C/svg%3E");
	}
	&::after {
	  content: "bh-font-star-filled";
	  color: #fff;
	  height: 30px;
	  font-size: 0.65em;
	  aspect-ratio: 10/12.5;
	  display: block;
	  text-align: center;
	  position: absolute;
	  left: 0;
	  top: 0.2em;
	  font-family: 'bakehouse-iconset' !important;
	  speak: never;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  /* line-height: 1; */
	  letter-spacing: 0;
	  -webkit-font-feature-settings: "liga";
	  -moz-font-feature-settings: "liga=1";
	  -moz-font-feature-settings: "liga";
	  -ms-font-feature-settings: "liga" 1;
	  font-feature-settings: "liga";
	  -webkit-font-variant-ligatures: discretionary-ligatures;
	  font-variant-ligatures: discretionary-ligatures;
	  -webkit-font-smoothing: antialiased;
	}
}
.style-list--marker-green {
  border-radius: 99px;
  padding: 2px;
  background-color: #738A6F;
  margin-left: -0.7lh;
  margin-right: 2em;
  min-width: 1lh;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 1.1;
  font-size: 17px;
  font-weight: bolder;
}
.style-list--marker-yellow {
  border-radius: 99px;
  padding: 2px;
  background-color: #C7B18C;
  margin-left: -0.7lh;
  margin-right: 2em;
  min-width: 1lh;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 1.2;
  font-size: 17px;
  font-weight: bolder;
}
ul:has(
  .style-list--marker-green,
  .style-list--marker-yellow
) {
  list-style: none;
}


/* !- fix picture scaling */
.bhPicture .bhImageInner img {
	max-width: 100%;
	max-height: 100%;
}

@media only screen and (max-height: 700px) {
	.bh-touch-start .bh-navigation a {
		font-size: 25px;
	}
	.bh-touch-start-logo {
		top: 30px;
	}
	.bh-touch-start-right .bh-bodytext p {
		font-size: 15px;
		line-height: 20px;
	}
}

@media only screen and (max-width: 700px) {
	.bh-touch-start .bh-navigation {
		right: 0px;
		max-width: 100%;
		width: 100%;
	}
	.bh-touch-start-info {
		width: 100%;
	}
	.bh-touch-start .bh-navigation {
		padding-left: 30px;
	}
	.bh-touch-start-logo {
		height: 100px;
	}
	html .el-scrollbox-pane {
		padding: 20px;
	}
	h1 {
		font-size: 30px;
	}
	.bh-touch-start .bh-navigation {
		height: 100vh;
		box-sizing: border-box;
		padding-top: 240px;
		justify-content: flex-start;
		align-items: flex-start;

	}
	.bh-touch-start-right {
		padding-right: 0px;
	}
	.bh-touch-top-back-text {
		display: none !important;
	}
	.bh-touch-top a {
		border-left: 0px !important;
	}
	.touchformCols {
		display: block;
	}
	a.bh-touch-top-back {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}




/*------------------------------------*\
  #Mobilversion
\*------------------------------------*/
/* @media only screen and (max-width : 767px), screen and (max-height: 700px)  {
	.bh-touch-content.bh-touch-start {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		position: relative;
	}

	.bh-touch-content.bh-touch-start > *.bh-touch-start-logo {
		flex-basis: auto;
		width: 100%;
		background-position: left 20px center;
		height: 100px;
	}

	.bh-touch-start .bh-touch-language {
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.bh-touch-content.bh-touch-start > *:not(.bh-touch-language) {
		position: relative;
		left: inherit;
		right: inherit;
		top: inherit;
		bottom: inherit;
		order: 1;
		flex-basis: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.bh-touch-content.bh-touch-start > *.bh-touch-start-info {
		display: block;
		flex-basis: 100%;
	}

	.bh-touch-top-title {
		white-space: nowrap;
		font-size: 0px;
	}
	.bh-touch-top a.bh-touch-top-back-text {
		display: none;
	}



	.el-scrollbox-wrapper {
		padding-top: 0;
		padding-bottom: 0;
		   height: auto;
		   overflow: auto;
	}

	.el-scrollbox-pane{
		padding: 15px;
	}
} */