.el-rooms .el-rooms-body {
	padding: 40px;
	box-sizing: border-box;
}

/*---- VERFÜGBARKEIT ----*/

.el-rooms .date-range-body {
	text-align: center;
}
.el-rooms .date-range-button.buchungslink {
	transition: ease-out background 0.3s, ease-out color 0.3s;
	cursor: pointer;
}
.el-rooms .date-range-button.buchungslink:hover {
	transition: ease-out background 0.3s, ease-out color 0.3s;
}

/*---- TOGGLER ----*/

.el-rooms .rooms-togglers {
	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;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.el-rooms .rooms-toggler {
	opacity: 0.5;
	cursor: pointer;
	padding: 15px;
	transition: ease-out opacity 0.3s, ease-out color 0.3s;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}
.el-rooms .rooms-toggler:not(:last-child) {
	margin-right: 20px;
}
.el-rooms .rooms-toggler.active,
.el-rooms .rooms-toggler:hover {
    text-decoration-color: currentcolor;
	opacity: 1;
	transition: ease-out opacity 0.3s, ease-out color 0.3s;
}

/*---- ROOM LIST ----*/

.el-rooms .room-list {
	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: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}

/*---- ROOM ITEMS ----*/

.el-rooms .room-item {
	width: 100%;
	height: auto;
}
.el-rooms .room-item-body {
	position: relative;
	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: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.el-rooms .room-item-content {
	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: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.el-rooms .room-item-info {
	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: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.el-rooms .room-item-subtext,
.el-rooms .room-item-size {
	text-transform: uppercase;
	padding: 0 15px;
	border-right: 1px solid rgba(0,0,0,0.2);
}
.el-rooms .room-item-price {
	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;
	padding: 0 15px;
}
.el-rooms .room-item-price-value {
	text-transform: uppercase;
}
.el-rooms .package-item-price-info {
	padding-left: 5px;
}
.el-rooms .room-item-detail {
	text-align: center;
}
.el-rooms .room-item-buttons {
	width: 100%;
	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: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}
.el-rooms .room-item-buttons .hapi-button:first-child {
	margin-right: 15px;
}
.el-rooms .room-item-pictures {
	height: 520px;
	padding-top: 40px;
}
.el-rooms .room-item-pictures a {
	display: block;
}
.bh-state-desktop .el-rooms .hapi-room-list .room-item:nth-child(odd) .room-item-pictures a.room-image-2 {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.bh-state-desktop .el-rooms .hapi-room-list .room-item:nth-child(odd) .room-list-notification {
	justify-content: flex-start;
}
.bh-state-desktop .el-rooms .hapi-room-list .room-item:nth-child(even) .room-item-pictures a.room-image-2 {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.bh-state-desktop .el-rooms .hapi-room-list .room-item:nth-child(even) .room-item-pictures a.room-image-1 img {
	margin-left: auto;
	margin-right: 0px;
}


.bh-state-desktop .el-rooms .room-image-gallery {
	display: none;
}


@media only screen and (max-width: 811px) {
	.el-rooms .room-item-pictures a:nth-child(2) img {
		width: 100%;
		height: auto;
	}
}



/*---- MOBILE ----*/

.bh-state-mobile .el-rooms .el-rooms-body {
	padding: 20px 0px;
}
.bh-state-mobile .el-rooms .room-item-content {
	padding: 0 20px;
	box-sizing: border-box;
}
.bh-state-mobile .el-rooms .room-item-buttons {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.bh-state-mobile .el-rooms .room-item-info {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 25px;
}
.bh-state-mobile .el-rooms .room-item-info > div {
	padding: 0 8px !important;
}
.bh-state-mobile .el-rooms .room-item-detail {
	margin-bottom: 25px !important;
}
.bh-state-mobile .room-item-pictures {
	padding-top: 0px;
	height: auto;
}
.bh-state-mobile .el-rooms .room-item-pictures .room-image-2 {
	display: none !important;
}
.bh-state-mobile .el-rooms .room-image-gallery {
	padding: 10px 20px 0px 20px;
	cursor: pointer;
	pointer-events: all;
}
.bh-state-mobile .el-rooms .hapi-room-list .room-list-notification {
	justify-content: flex-start;
	bottom: 32px;
}
.bh-state-mobile .el-rooms .rooms-togglers {
	padding-bottom: 10px;
}
.bh-state-mobile .el-rooms .rooms-toggler {
	padding: 5px 15px;
}
.bh-state-mobile .el-rooms .room-item {
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.virtuelle-tour-button {
	text-transform: uppercase;
}

.virtuelle-tour-button .bhContainer:not(.bhe-state-content-inherit-empty) {
	margin-bottom: 0px;
}

.virtuelle-tour-button a,
.fotobutton {
	font-family: 'fieldwork';
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #9a8c85 !important;
}

.virtuelle-tour-button a:before,
.fotobutton:before {
	content: '\e963';
    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;
    -moz-osx-font-smoothing: grayscale;	
    padding-right: 8px;
}

.room-item-content a.room-item-detail-button {
	background: #D0A367;
	color: white !important;
	line-height: 45px !important;
	height: 45px !important;
	display: inline-block;
}

@media only screen and (max-width: 419px) {
	.el-rooms .room-item-buttons .hapi-button {
		margin: 0px 10px 15px 10px !important;
	}
	.el-rooms .room-item-buttons .hapi-button:last-child {
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 374px) {
	.bh-state-mobile .el-rooms .room-item-info {
		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;
	}
	.el-rooms .room-item-subtext {
		width: 100%;
		border-right: none;
		margin-bottom: 6px;
	}
}