@import url("https://use.typekit.net/ibq1xjc.css");
html {
	font-size: 10px;
}
body{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 
	SCHRIFTEN & FORMATE
*/

a {
	color: inherit;
	text-decoration: none;
}
body {
	font-family: "calluna";
	font-size: 18px;
	font-weight: 400;
	color: white;
	letter-spacing: 0;
	line-height: 31px;
	background-color: #2a2722;
}
h1 {
	font-family: "calluna";
	font-size: 44px;
	font-weight: 300;
	letter-spacing: 2px;
	text-align: center;
}
h2 {
	/* FAMILIE GENEWEIN: */
	font-family: "adelle-sans";
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
}
h3 {
	font-family: "adelle";
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 5px;
	text-transform: uppercase;
	text-align: center;
}
h4 {
	font-family: "calluna";
/* 	font-size: 44px; */
/* 	TODO-> bei kleinen Auflösungen Lösung für 3 Spalter mit h4 Text finden */
	font-size: 24px;
	font-weight: 300;
/* 	color: #2A2722; */
	letter-spacing: 2px;
}
.format-gruen {
	color: #C0D38F;
}
.format-blau {
	color: #DAE1F4;
}
.format-rosa {
	color: #F9E5FF;
}
.format-beige {
	color: #D6CEA7;
}
.format-braun {
	color: #2A2722;
}
.bhe-uppercase {
	text-transform: uppercase;
}
.bhe-small {
	font-size: 80%;
}
.bhe-big {
	font-size: 130%;
}
.bhe-button {
	font-family: "adelle";
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 4px;
	text-align: center;
	text-transform: uppercase;
	display: block;
	transition: opacity .5s;
	border-bottom: none;
}
.bhe-button a,
.bhe-button a:hover{
    border:none !important;
}
.bakehousefont{
	font-family: 'bakehouse-iconset' !important;
	text-transform: none;
}
.bh-bodytext a {
    border-bottom: 1px solid rgba(255,255,255,.3);
}
.bh-bodytext a:hover {
    border-bottom: 1px solid rgba(255,255,255,.8);
}

.bh-bodytext ul li {
	display: block;
	position: relative;
}
.bh-bodytext ul li:before {
	content: '';
	display: block;
	height: 1px;
	width: 20px;
	background-color: rgba(255,255,255,.3);
	position: absolute;
	left: -40px;
	top: 15px;
}
.el-groupbox.hintergrund-weiss .bh-bodytext ul li:before,
.el-groupbox.hintergrund-weiss-only .bh-bodytext ul li:before,
.el-groupbox.hintergrund-beige .bh-bodytext ul li:before,
.el-groupbox.hintergrund-rosa .bh-bodytext ul li:before,
.el-groupbox.hintergrund-blau .bh-bodytext ul li:before {
	background-color: rgba(42,39,34,.5);
}


input[type="submit"]{
	-webkit-appearance: none;
}

/*
	fader
*/
.cssFaderArrow:after {
	position: absolute;
	top: 50%;
	left:0px;
	margin-top: -25px;
	content: "\e905";
	font-family: 'bakehouse-iconset' !important;
	width: 100%;
	line-height: 50px;
	text-align: center;
	color:#404548;
	width: 100%;
	font-size: 30px;
	transition: color .3s;
}

.cssFaderArrow.fadeNext:after{
	content: "\e906";
}


/*
	Allgemeine Bakehouse-dev Sachen
*/
.dev-show-content-label {
	position: relative;
}
.bhe-state-dragging .dev-show-content-label:before {
	content: attr(id);
	position: absolute;
	z-index: 880;
	padding: 10px;
	background: white;
	color: #2A2722;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	border-bottom-right-radius: 4px;
	pointer-events: none;
	top: 0;
	left: 50%;
	transform: translateX( -50% );
}


/*
	Open Next
*/
.plugin-open-next {
	cursor:pointer;
}

.plugin-open-next-content {
	height:0px;
	overflow: hidden;
}
/*
.plugin-open-next .bh-font-arrow-simple-down {
	transition: transform 0.5s;
}
.plugin-open-next.next-opened .bh-font-arrow-simple-down {
	transform: rotate(-180deg);
}
*/


/* ------------------------------------------ */
/* --------         Content Elemente       ------- */
/* ------------------------------------------ */
/* -------- bhBox ------- */
.bhBox{
	position: relative;
}
.bhBox .boxTitle{
	display: none;
}
.bhBox .bhe-button {
	background-color: rgba(255,255,255,.5);
	padding-top: 3px;
	padding-bottom: 2px;
	color: #5f4d2f;
	transition: background-color .4s;
}


a.bhBox:hover .bhe-button {
	background-color: rgba(255,255,255,1);;
}
.bhBox .bhe-button{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.bhBox .boxContent .bh-bodytext{
	padding-bottom: 50px;
}

/* -------- FOOTER ------- */

#QuickLinks{
	text-align: center;
/* 	width: 60%; */
}
#QuickLinks a {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	
	font-family: "adelle";
	font-size: 13px;
	color: #DAE1F4;
	letter-spacing: 4px;
	text-transform: uppercase;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	border-left: 1px solid rgba(255, 255, 255, 0.15);
}
#QuickLinks a:hover{
	background-color: rgba(255, 255, 255, 0.10);
}
#QuickLinks .bh-col:nth-child(3) a,
#QuickLinks .bh-col:nth-child(6) a {
	border-right: 1px solid rgba(255, 255, 255, 0.15);
}
#QuickLinks span{
	display: block;
	font-size: 24px;
	margin-bottom: 30px;
}
#QuickLinks{
/* 	border: 1px solid white; */
/* 	opacity: 0.15; */
}

/* ----- TAGESPREISE TABELLE ----- */

.el-tables.tagespreise-winter table,
.el-tables.tagespreise-winter2 table,
.el-tables.tagespreise-silvesterwoche table,
.el-tables.tagespreise-sommer table {
	margin-bottom: 60px !important;
	line-height: 22px;
	font-family: "adelle-sans";
	font-size: 15px;
	text-align: center;
	letter-spacing: .5px;
}
.el-tables.tagespreise-winter table tr td,
.el-tables.tagespreise-winter2 table tr td,
.el-tables.tagespreise-silvesterwoche table tr td,
.el-tables.tagespreise-sommer table tr td {
	padding: 12px 12px 13px 12px;
	vertical-align: center;
}
.el-tables.tagespreise-winter table tr td:first-child,
.el-tables.tagespreise-winter2 table tr td:first-child,
.el-tables.tagespreise-silvesterwoche table tr td:first-child,
.el-tables.tagespreise-sommer table tr td:first-child {
	text-align: left;
	color: #D6CEA7;
}
.el-tables.tagespreise-winter table tr td:first-child,
.el-tables.tagespreise-winter2 table tr td:first-child,
.el-tables.tagespreise-sommer table tr td:first-child {
	min-width: 145px;
}
.el-tables.tagespreise-winter table tr:nth-child(1),
.el-tables.tagespreise-winter2 table tr:nth-child(1),
.el-tables.tagespreise-sommer table tr:nth-child(1) {
	color: #DAE1F4;
}
.el-tables.tagespreise-winter table tr,
.el-tables.tagespreise-winter2 table tr,
.el-tables.tagespreise-silvesterwoche table tr,
.el-tables.tagespreise-sommer table tr {
	border-bottom: 1px solid #403D39;
}
.el-tables.tagespreise-winter table tr:nth-child(2),
.el-tables.tagespreise-winter2 table tr:nth-child(2),
.el-tables.tagespreise-sommer table tr:nth-child(2) {
	color: rgba(255,255,255,.5);
}
.el-tables.tagespreise-winter table tr:nth-child(3) td,
.el-tables.tagespreise-winter table tr:nth-child(7) td,
.el-tables.tagespreise-winter table tr:nth-child(11) td,
.el-tables.tagespreise-sommer table tr:nth-child(3) td,
.el-tables.tagespreise-sommer table tr:nth-child(4) td,
.el-tables.tagespreise-sommer table tr:nth-child(5) td,
.el-tables.tagespreise-winter2 table tr:nth-child(3) td,
.el-tables.tagespreise-winter2 table tr:nth-child(4) td,
.el-tables.tagespreise-winter2 table tr:nth-child(5) td {
	background-color: #3E3A34;
	font-size: 16px;
	font-family: "adelle";
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 13px;
	padding-bottom: 11px;
	border-bottom: 1px solid #2A2622;
}
.el-tables.tagespreise-winter table tr:nth-child(1) td:nth-child(2),
.el-tables.tagespreise-winter table tr:nth-child(2) td:nth-child(3),

.el-tables.tagespreise-winter table tr:nth-child(4) td:nth-child(3),
.el-tables.tagespreise-winter table tr:nth-child(5) td:nth-child(3),
.el-tables.tagespreise-winter table tr:nth-child(6) td:nth-child(3),

.el-tables.tagespreise-winter table tr:nth-child(8) td:nth-child(3),
.el-tables.tagespreise-winter table tr:nth-child(9) td:nth-child(3),
.el-tables.tagespreise-winter table tr:nth-child(10) td:nth-child(3),

.el-tables.tagespreise-winter table tr:nth-child(12) td:nth-child(3),
.el-tables.tagespreise-winter table tr:nth-child(13) td:nth-child(3),
.el-tables.tagespreise-winter table tr:nth-child(14) td:nth-child(3)  {
	border-right: 1px solid rgba(255,255,255,.1);
}
.el-tables.tagespreise-winter table tr td,
.el-tables.tagespreise-sommer table tr td {
	transition: all .2s;
}
.el-tables.tagespreise-winter table tr:hover td,
.el-tables.tagespreise-sommer table tr:hover td {
	background-color: #DAE1F4;
	color: #2A2723 !important;
}

/* ----- COOKIES WARNING ------- */
.bh-cookies-warning{ 
    background-color: #2a2722;
    color: white;
    text-align: center;
}
.bh-cookies-warning-link{
	display: none;
}
.bh-cookies-warning-accept{
	margin: 0;
	padding: 5px;
}
.bh-cookies-warning-accept,
.bh-cookies-warning-link{
	color: white;
}
.bh-cookies-warning-accept:hover,
.bh-cookies-warning-link:hover{
	color: #00BAE8
}
.bh-cookies-warning-text{
	font-size: 12px;
}
.bh-cookies-warning-text a{
	font-weight: bold;
	color: inherit;
	text-decoration: underline;
}


/* ----- ROUTENPLANER ----- */

#Page .bhRoute.bhElement {
	width: 100%;
	min-width: 100%;
}
#Page .cooRouteLocation {
	padding: 15px !important;
	background: rgba(0,0,0,.3) !important;
	text-align: center;
	height: 39px;
	position: absolute;
	width: 580px;
	top: calc(80vh - 69px);
	z-index: 2;
	left: 50%;
	margin-left: -303px;
}
#Page .cooRouteLocation input[type="text"] {
	width: 260px;
	margin-right: 10px;
	position: relative;
    box-sizing: border-box;
    background: rgba(239,240,244,.4);
    border: 1px solid rgba(239,240,244,.6);
    padding: 10px;
	line-height: 20px;
    text-align: center;
    transition: all 0.5s;
    font-family: "calluna";
    font-size: 18px;
    color: #2A2722;
}
#Page .cooRouteLocation input[type="submit"] {
	font-family: "adelle";
    font-size: 14px;
    font-weight: bold;
    color: #2A2722;
    letter-spacing: 3px;
    background-color: #DAE1F4;
    width: 260px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 2px 10px 0px 10px;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
}
.cooRouteLegs .adp-placemark {
	background: rgba(0,0,0,.1) !important;
}
.cooRouteLegs .adp-placemark {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 1px;
}
.cooRouteLegs .adp-directions td:first-child {
	background: #fff !important;
}
.cooRoutePointSubtext {
	color: #000;
	text-align: center;
	padding-bottom: 15px;
}
#Page .cooRouteMap {
	min-height: 80vh;
}
#Page table.adp-placemark {
	background: #fff !important;
}
.cooRouteLegs .adp-summary {
    background: #000 !important;
}

/* ----- LIGHTBOX ----- */

#cboxOverlay {
    background: rgba(0,0,0,.95);
}
#cboxContent {
    background: transparent;
}
#cboxPrevious {
    position: fixed !important;
    top: 50% !important;
    left: 0 !important;
    height: 60px !important;
    width: 60px !important;
}
#cboxNext {
    left: auto !important;
    position: fixed !important;
    right: 0 !important;
    height: 60px !important;
    width: 60px !important;
    top: 50% !important;
}
#cboxPrevious:hover,
#cboxNext:hover {
	background-color: #RGBA(218, 225, 244, 1.00) !important;
}
#cboxClose {
    top: 10px !important;
    right: 10px !important;
    position: fixed !important;
}
#cboxContent img.cboxPhoto {
    border-radius: 4px;
}



.hapi-liveprice {
    padding: 0 40px;
    box-sizing: border-box;
}

.hapi-liveprice-room {
    color: #2A2722;
    --hapi-background-contrast: rgba(0, 0, 0, 0.1);
}

.bh-state-mobile .hapi-liveprice {
    padding: 0 15px;
}

.hapi-liveprice .hapi-w-button {
    font-family: "adelle";
    font-weight: bold;
    letter-spacing: 4px;
    padding: 0.5em 1em;
    min-height: 40px;
    text-transform: uppercase;
    line-height: 1;
}

.hapi-liveprice .hapi-w-button-book {
    --hapi-background-button: #d6cea7;
}

.hapi-w-overlay-frame {
    color: #2A2722;
}

:root {
    /*-- 1. empfohlene Einstellungen --*/

    /* Farben für Anfrage- und Buchenbuttons */
    --hapi-background-button: #DAE1F4;
    --hapi-color-button: #2A2722;

    /* Primär: Farben für eine buchungsspezifische Auswahl, z. B. Urlaubszeitraum */
    --hapi-background-primary: #d6cea7;
    --hapi-color-primary: #2A2722;

    /* Kontrast: diese Farben sollten einen möglich gut erkennbaren Kontrast zu den oben genannten primären Farben haben, z. B. im Kalender ein verfügbarer Tag */
    --hapi-background-contrast: rgba(255, 255, 255, 0.1);
    --hapi-color-contrast: inherit;

    /* Ecken für Buttons, Cards usw. */
    --hapi-border-radius: 0px; /* für CIs mit Eckigen Kanten = 0px */

    /*-- 2. sonstige Einstellungen (optional) --*/

    /* Schriftgröße */
    --hapi-font-size: 14px;

    /* Schriftfarbe */
    --hapi-color-text: inherit; /* standardmäßig wird die aktuelle Schriftfarbe übernommen */

    /* Linkfarbe in den Widgets, z. B. Pauschalendetail Link */
    --hapi-color-link: #DAE1F4;

    /* Markierung für eine nicht verfügbare Auswahl, z. B. Datum ist nicht buchbar */
    --hapi-error-color: #db6060;
    --hapi-error-color-text: #ffffff;
}