/* TM - Vermieter - Details */

html:not([lang="de"]) .tmAccoDetail .banner.freeCancellation {
	display: none;
}
.tm .ContentWrapper {
	padding: 0;
}
.tmAccoDetail > div > aside {
	background: #f1f3f5;
	float: left;
	padding: 20px 30px;
	position: relative;
	width: 31.140350877192983%; /* 355 */
}
.tmAccoDetail > div > section {
	float: right;
	margin: 0;
	position: relative;
	width: 65.526315789473685%; /* 747 */
}
.tmAccoDetail h2 {
	font-size: 34px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 20px;
}
.tmAccoDetail ul + .header {
	padding-top: 40px;
}
.tmAccoDetail ul + .header > h2 {
	display: none;
}
.tmAccoDetail > div > aside > div {
	padding-bottom: 15px;
	position: relative;
}
.tmAccoDetail > div > aside > div:after {
	background: #ffffff;
	content: "";
	height: 2px;
	left: -30px;
	right: -30px;
	position: absolute;
	bottom: 0;
}
.tmAccoDetail > div > aside > div:last-child:after {
	display: none;
}
.tmAccoDetail > div a {
	color: #67c484;
	transition: color 300ms ease;
}
.tmAccoDetail > div a:hover {
	color: #54a26c;
}

/* Breadcrumb */

.tmAccoDetail .breadcrumb {
	margin: -40px 0 39px;
	padding: 0;
}

/* Aside - Kontakt */

.tmAccoDetail > div > aside > .contact > .logo {
	width: 115px;
	display: flex;
	height: 115px;
	border-radius: 50%;
	background: #ffffff;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
}
.tmAccoDetail > div > aside > .contact > .logo img {
	display: block;
	max-width: 90px;
	max-height: 70px;
}
.tmAccoDetail > div > aside > .contact > .label {
	color: #193c53;
	font-family: "Poppins", sans-serif;
	font-size: 26px;
	font-weight: 500;
	margin: 10px 0 12px;
}
.tmAccoDetail > div > aside > .contact > .text {
	font-size: 16px;
}
.tmAccoDetail > div > aside > .contact > .text > span {
	display: block;
	line-height: 1.5;
}
.tmAccoDetail > div > aside > .contact > .text > span > a {
	color: #67c484;
	font-weight: normal;
}

/* Aside - Ausstattung */

.tmAccoDetail > div > aside > .facilities > .label {
	color: #193c53;
	font-family: "Poppins", sans-serif;
	font-size: 26px;
	font-weight: 500;
	margin: 10px 0 12px;
}
.tmAccoDetail > div > aside > .facilities > ul > li {
	font-size: 16px;
	padding: 3px 0 3px 28px;
	position: relative;
}
.tmAccoDetail > div > aside > .facilities > ul > li:before {
	color: #67c484;
	position: absolute;
	left: -2px;
	font-size: 22px;
	top: 50%;
	margin: -10px 0 0;
	line-height: 1;
}
.tmAccoDetail > div > aside > .facilities > a {
	background: #67c484;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin: 20px 0 0;
	padding: 14px 20px 16px;
	text-align: center;
	text-transform: uppercase;
	transition: background 300ms ease;
}
.tmAccoDetail > div > aside > .facilities > a:hover {
	background: #54a26c;
}

/* Aside - Ausstattung */

.tmAccoDetail > div > aside > .hotspots > .label {
	color: #193c53;
	font-family: "Poppins", sans-serif;
	font-size: 26px;
	font-weight: 500;
	margin: 10px 0 12px;
}
.tmAccoDetail > div > aside > .hotspots > ul > li {
	font-size: 16px;
	padding: 3px 0 3px 28px;
	position: relative;
}
.tmAccoDetail > div > aside > .hotspots > ul > li:before {
	color: #67c484;
	position: absolute;
	left: -2px;
	font-size: 22px;
	top: 50%;
	margin: -10px 0 0;
	line-height: 1;
}
.tmAccoDetail > div > aside > .hotspots > a {
	background: #67c484;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin: 20px 0 0;
	padding: 14px 20px 16px;
	text-align: center;
	text-transform: uppercase;
	transition: background 300ms ease;
}
.tmAccoDetail > div > aside > .hotspots > a:hover {
	background: #54a26c;
}

/* Aside - Marketinggruppen */

.tmAccoDetail > div > aside > .marketingGroups > .label {
	color: #193c53;
	font-family: "Poppins", sans-serif;
	font-size: 26px;
	font-weight: 500;
	margin: 10px 0 12px;
}
.tmAccoDetail > div > aside > .marketingGroups > ul > li {
	font-size: 16px;
	padding: 3px 40px 3px 28px;
	position: relative;
}
.tmAccoDetail > div > aside > .marketingGroups > ul > li:before {
	color: #67c484;
	position: absolute;
	left: -2px;
	font-size: 22px;
	top: 50%;
	margin: -10px 0 0;
	line-height: 1;
}
.tmAccoDetail > div > aside > .marketingGroups > ul > li > .info {
	background: #67c484;
	cursor: default;
	height: 24px;
	margin-top: -12px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 24px;
}
.tmAccoDetail > div > aside > .marketingGroups > ul > li > .info::before {
	color: #ffffff;
	content: "\1F707";
	display: block;
	font-family: "TirolIconsWeb";
	font-size: 30px;
	left: 0;
	position: absolute;
	top: -3px;
	line-height: 1;
}
.tmAccoDetail > div > aside > .marketingGroups > ul > li > .info > p {
	background: #f0ebdd;
	border-radius: 4px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	display: none;
	font-size: 12px;
	padding: 15px;
	position: absolute;
	right: 5px;
	bottom: 20px;
	width: 225px;
	z-index: 1000;
}
.tmAccoDetail > div > aside > .marketingGroups > ul > li > .info:hover > p {
	display: block;
}

@media all and (max-width: 1100px) {
	.tmAccoDetail > div > section {
		width: 71%;
	}
	.tmAccoDetail > div > aside {
		padding: 20px 20px;
		width: 27%;
	}
}

@media all and (max-width: 980px) {
	.tmAccoDetail .breadcrumb {
		display: none;
	}
	.tmAccoDetail > .wmMargin {
		margin-bottom: 35px;
		margin-top: 35px;
	}
	.tmAccoDetail > div > section > .wmMargin {
		margin-bottom: 35px;
		margin-top: 35px;
	}
	.tmAccoDetail > div > section {
		float: none;
		width: 100%;
	}
	.tmAccoDetail > div > aside {
		display: none;
	}
}

@media all and (max-width: 550px) {
	.tmAccoDetail h2 {
		font-size: 30px;
		margin: 0 0 15px;
	}

	/* Konditionen */

	.tmAccoDetail > .conditions .text {
		color: #8c9da9;
		font-size: 16px;
	}
}

/* TM - Vermieter - Details - Info */

.tm .infoWrapper .content {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 100%;
}
.tm .infoWrapper .content > div {
	padding-bottom: 156px;
}
.tm .infoWrapper .content:before {
	background: rgba(25, 60, 83, 0.8);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}
.tm .infoWrapper .content .info {
	display: flex;
	flex-flow: column;
	align-items: center;
	padding: 0 75px;
	position: relative;
}
.tm .infoWrapper .content .info > .title {
	display: flex;
	align-items: center;
	justify-content: center;
}
.tm .infoWrapper .content .info > .title > h1 {
	color: #ffffff;
	font-size: 60px;
	font-weight: bold;
	margin: 15px 0;
}
.tm .infoWrapper .content .info > .title .category {
	display: inline-block;
	font-size: 14px;
	margin: 0 0 0 4px;
	position: relative;
}
.tm .infoWrapper .content .info > .title .category > span {
	display: block;
	float: left;
}
.tm .infoWrapper .content .info > .title .category > span.classification {
	color: #ffffff;
	margin-top: -47px;
	position: relative;
}
.tm .infoWrapper .content .info > .title .category > span.classification > span {
	display: inline-block;
	position: relative;
}
.tm .infoWrapper .content .info > .title .category > span.classification > span.superior {
	font-size: 10px;
	margin-left: 2px;
	top: -2px;
}
.tm .infoWrapper .content .info > .title .category > span.classification.edelweiss > .icon,
.tm .infoWrapper .content .info > .title .category > span.classification.flowers > .icon {
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-right: 4px;
	top: 0;
}
.tm .infoWrapper .content .info > .title .category > span.classification > .icon:before {
	font-family: "TirolIconsWeb";
	margin: 0 1px 0 0;
}
.tm .infoWrapper .content .info > .title .category > span.classification.stars > .icon:before {
	content: "\1F799";
	font-size: 14px;
}
.tm
	.infoWrapper
	.content
	.info
	> .title
	.category
	> span.classification.edelweiss
	> .icon:before {
	content: "\1F71E";
	font-size: 30px;
}
.tm
	.infoWrapper
	.content
	.info
	> .title
	.category
	> span.classification.flowers
	> .icon:before {
	content: "\1F724";
	font-size: 30px;
}
.tm .infoWrapper .content .info > .title .category > span.classification.sun > .icon:before {
	content: "\1F5CD";
	font-size: 14px;
}
.tm
	.infoWrapper
	.content
	.info
	> .title
	.category
	> span.classification.edelweiss
	> span.superior {
	font-size: 18px;
	top: -6px;
}

/* Mobility */

.tm .infoWrapper .mobility {
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	height: 137px;
	width: 137px;
	border-radius: 50%;
	margin-top: -68px;
	z-index: 100;
	left: 120px;
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
.tm .green-arrival .infoWrapper .mobility {
	display: flex;
}
.tm .infoWrapper .mobility img {
	height: 100%;
	display: block;
	width: 100%;
}

/* Hotspots */

.tm .infoWrapper .content .info .hotspots {
	display: flex;
	align-items: center;
	margin-top: 25px;
}
.tm .infoWrapper .content .info .hotspots > span {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	margin-right: 26px;
	position: relative;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 110px;
}
.tm .infoWrapper .content .info .hotspots > span > .text {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tm .infoWrapper .content .info .hotspots > span.town {
	margin-right: 21px;
}
.tm .infoWrapper .content .info .hotspots > span.lift {
	margin-right: 24px;
}
.tm .infoWrapper .content .info .hotspots > span:last-child {
	margin: 0;
}
.tm .infoWrapper .content .info .hotspots > span.town {
	padding-left: 30px;
}
.tm .infoWrapper .content .info .hotspots > span.lake {
	padding-left: 37px;
}
.tm .infoWrapper .content .info .hotspots > span.lift,
.tm .infoWrapper .content .info .hotspots > span.centre {
	padding-left: 28px;
}
.tm .infoWrapper .content .info .hotspots > span:before {
	color: #ffffff;
	font-size: 30px;
	font-weight: normal;
	font-family: "TirolIconsWeb";
	left: 0;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	line-height: 1;
}
.tm .infoWrapper .content .info .hotspots > span.town:before {
	content: "\1F36B";
}
.tm .infoWrapper .content .info .hotspots > span.lake:before {
	content: "\1F43F";
	font-size: 40px;
	margin-top: -20px;
}
.tm .infoWrapper .content .info .hotspots > span.lift:before {
	content: "\1F38A";
}
.tm .infoWrapper .content .info .hotspots > span.centre:before {
	content: "\1F3A0";
}
.tm .infoWrapper .content .info .hotspots > span > label {
	background: #67c484;
	border-radius: 2px 0 0 2px;
	color: #ffffff;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	right: 50%;
	top: -25px;
	transition: opacity 300ms ease;
	white-space: nowrap;
	z-index: 10;
}
.tm .infoWrapper .content .info .hotspots > span > label:before {
	border-left: 6px solid #67c484;
	border-top: 22px solid transparent;
	bottom: 0;
	content: "";
	position: absolute;
	right: -6px;
	top: 0;
	width: 6px;
}
.tm .infoWrapper .content .info .hotspots > span > label:after {
	border-bottom: 4px solid transparent;
	border-left: 6px solid #67c484;
	bottom: -4px;
	height: 4px;
	content: "";
	position: absolute;
	right: -6px;
	width: 6px;
}
.tm .infoWrapper .content .info .hotspots > span:hover > label {
	max-width: 300px;
	opacity: 1;
	overflow: visible;
	padding: 0 9px;
}
.tm .infoWrapper .content .info .hotspots > span.map {
	cursor: pointer;
	height: 20px;
	width: 28px;
}
.tm .infoWrapper .content .info .hotspots > span.map:before {
	content: "\1F79D";
	font-size: 34px;
}

/* Trusyou - Rating */

.tm .infoWrapper .content .info .rating {
	cursor: pointer;
	align-items: center;
	display: flex;
	z-index: 2;
}
.tm .infoWrapper .content .info .rating > span.logo {
	background: #ffffff;
	display: table;
	padding: 6px 9px 6px 9px;
	position: relative;
}
.tm .infoWrapper .content .info .rating > span.logo:before {
	border-right: 12px solid #ffffff;
	border-bottom: 10px solid transparent;
	bottom: -7px;
	content: "";
	height: 10px;
	left: 2px;
	position: absolute;
	width: 12px;
}
.tm .infoWrapper .content .info .rating > span.logo img {
	display: block;
	width: 100%;
}
.tm .infoWrapper .content .info .rating > span.points {
	color: #67c484;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	margin-left: 10px;
}
.tm .infoWrapper .content .info .rating > span.points > span {
	color: #ffffff;
}
.tm .infoWrapper .content .info .rating > span.points > span.icon::before {
	line-height: 11px;
}
.tm .infoWrapper .content .info .rating > span.count {
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	margin: 4px 0 0 8px;
}
.tm .infoWrapper .content .info .rating > span.count > .score {
	font-size: 16px;
	font-weight: bold;
}
.tm .infoWrapper .content .info .rating > span.count > .number {
	color: #ffffff;
	margin-left: 3px;
}
.tm .infoWrapper .content .info .rating > span.button, .tm .infoWrapper .content .info .rating > a.button {
	background: #67c484;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	margin: 0 0 0 12px;
	padding: 0 7px;
}

/* Top Facilities */

.tm .infoWrapper .content .info .topFacilities {
	margin-top: 25px;
	max-width: 175px;
}
.tm .infoWrapper .content .info .topFacilities > ul {
	display: flex;
	position: relative;
}
.tm .infoWrapper .content .info .topFacilities > ul > li {
	margin: 0 5px 0 0;
	position: relative;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.umwelt {
	border: 2px solid #ffffff;
	color: #ffffff;
	display: block;
	line-height: 38px;
	height: 40px;
	width: 40px;
	transition: color 300ms ease, border 300ms ease;
}
.tm .infoWrapper .content .info .topFacilities > ul > li:hover > span.umwelt {
	border: 2px solid #67c484;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.umwelt:before {
	content: "";
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNNy45NzksMjguMTE4YzMuMDk3LC0xMi43MzMgMTUuMjEsLTIwLjgyMyAxNS4yMSwtMjAuODIzYy02LjQ2OCw2LjE1NiAtOS45MTUsMTEuMDkxIC0xMS43MzcsMTQuNThjNC4zOSwzLjY5NyA4LjA5NSw0LjIyMSAxMC42NTksMS4zNTZjNi4wNDQsLTYuODA3IDQuMzkyLC0xOS40NSA0LjM5MiwtMTkuNDVjMCwwIC0xMi43NjIsLTAuMTk5IC0xOC43OTksNi41OTZjLTIuNDIyLDIuNzIxIC0xLjY5OSw2LjExMSAxLjk0NCw5LjgzNWMtMS43MTgsMi4xNiAtMy4yNjMsNC40NDcgLTQuMzU3LDYuNzUybDIuNjg4LDEuMTU0WiIgc3R5bGU9ImZpbGw6IzY3YzQ4NDtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4=");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 28px auto;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	max-height: 40px;
	max-width: 40px;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon {
	border: 2px solid #ffffff;
	color: #ffffff;
	display: block;
	line-height: 38px;
	height: 40px;
	width: 40px;
	transition: color 300ms ease, border 300ms ease;
}
.tm .infoWrapper .content .info .topFacilities > ul > li:hover > span.icon {
	border: 2px solid #67c484;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon:before {
	font-family: "TirolIconsWeb";
	font-size: 50px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	max-height: 40px;
	max-width: 40px;
	top: 50%;
	margin-top: -20px;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon.pets:before {
	content: "\1F52E";
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon.wellness:before {
	content: "\1F164";
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon.sauna:before {
	content: "\1F5D4";
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon.wifi:before {
	content: "\1F709";
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon.doubleg {
	text-align: center;
	font-weight: bold;
}
.tm .infoWrapper .content .info .topFacilities > ul > li:hover > span.icon {
	color: #67c484;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.label {
	background: #67c484;
	border-radius: 2px 0 0 2px;
	color: #ffffff;
	font-size: 14px;
	line-height: 22px;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	right: 50%;
	top: -25px;
	transition: opacity 300ms ease;
	white-space: nowrap;
	z-index: 10;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.label::before {
	border-left: 6px solid #67c484;
	border-top: 22px solid transparent;
	bottom: 0;
	content: "";
	position: absolute;
	right: -6px;
	top: 0;
	width: 6px;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.label::after {
	border-bottom: 4px solid transparent;
	border-left: 6px solid #67c484;
	bottom: -4px;
	height: 4px;
	content: "";
	position: absolute;
	right: -6px;
	width: 6px;
}
.tm .infoWrapper .content .info .topFacilities > ul > li:hover > span.label {
	max-width: 300px;
	opacity: 1;
	overflow: visible;
	padding: 0 9px;
}

/* ScrollDown Buttons */

.tm .infoWrapper .content .buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 60px;
	left: 0;
	padding: 0 20px;
	position: absolute;
	width: 100%;
}
.tm .infoWrapper .content .buttons > a {
	background: #ffffff;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	color: #000000;
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	margin-right: 10px;
	padding: 17px 65px 17px 20px;
	position: relative;
	transition: background 300ms ease, color 300ms ease;
	width: 245px;
}
.tm .infoWrapper .content .buttons > a.request {
	background: #67c484;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}
.tmAccoDetail.hasNoEmail .infoWrapper .content .buttons > a.request {
	display: none;
}
.tm .infoWrapper .content .buttons > a.request:hover {
	background: #54a26c;
}
.tm .infoWrapper .content .buttons > a.request.mobile {
	display: none;
}
.tm .infoWrapper .content .buttons > a.checkavailability {
	background: #ee5f55;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	width: 374px;
	text-transform: uppercase;
}
.tm .infoWrapper .content .buttons > a.checkavailability.mobile {
	display: none;
}
.tm .infoWrapper .content .buttons > a.checkavailability:hover {
	background: #c9524b;
}
.tm .infoWrapper .content .buttons > a:last-child {
	margin: 0;
}
.tm .infoWrapper .content .buttons > a:hover {
	background: #67c484;
	color: #ffffff;
}
.tm .infoWrapper .content .buttons > a:before {
	color: #67c484;
	font-family: "TirolIconsWeb";
	font-size: 45px;
	font-weight: normal;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	right: 10px;
	transition: color 300ms ease;
}
.tm .infoWrapper .content .buttons > a:hover:before {
	color: #ffffff;
}
.tm .infoWrapper .content .buttons > a.description:before {
	content: "\1F346";
}
.tm .infoWrapper .content .buttons > a.rooms:before {
	content: "\1F54A";
}
.tm .infoWrapper .content .buttons > a.location:before {
	content: "\1F79D";
	font-size: 50px;
	margin-top: -25px;
}
.tm .infoWrapper .content .buttons > a.checkavailability:before {
	content: "\1F5F5";
	color: #ffffff;
	font-size: 40px;
	margin-top: -20px;
}
.tm .infoWrapper .content .buttons > a.checkavailability.book:before {
	color: #ffffff;
	content: "\1F476";
	font-family: "TirolIconsWeb";
	font-size: 34px;
	font-weight: normal;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	right: 10px;
}
.tm .infoWrapper .content .buttons > a.request:not(.mobile):before {
	content: "\1F620";
	font-size: 44px;
	margin-top: -22px;
	color: #ffffff;
}
.tm .infoWrapper .content .buttons > a.request:not(.mobile):hover:before {
	color: #ffffff;
}

/* Preis */
.tm .tmAccoDetail.camping .infoWrapper .content .price {
	display: none !important;
}
.tm .infoWrapper .content .price {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	height: 137px;
	width: 137px;
	background: #67c484;
	border-radius: 50%;
	margin-top: -68px;
	z-index: 100;
	left: 120px;
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
.tm .infoWrapper .content .price > p {
	color: #ffffff;
	display: table;
	font-size: 10px;
	text-align: right;
}
.tm .infoWrapper .content .price > p > span.value > span {
	display: none;
}
.tm .infoWrapper .content .price > p > span {
	display: block;
	line-height: 1;
}
.tm .infoWrapper .content .price > p > span.value {
	display: block;
	font-size: 12px;
	text-align: left;
}
.tm .infoWrapper .content .price > p > span.number {
	font-size: 32px;
	font-family: "Poppins", sans-serif;
	font-weight: bold;
	line-height: 1;
}
.tm .infoWrapper .content .price > p > span.info {
	display: none;
}

/* Storno */

.tm .infoWrapper .content .free-cancellation {
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	height: 155px;
	width: 155px;
	margin-top: -75px;
	z-index: 100;
	left: 110px;
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
.tm .infoWrapper .content .free-cancellation a {
	position: relative;
	width: 100%;
}
.tm .infoWrapper .content .free-cancellation img {
	width: 100%;
}

/* Quicklinks */

.tm .infoWrapper .quicklinks {
	display: flex;
	position: absolute;
	top: 20px;
	right: -3px;
	align-items: center;
}
.tm .infoWrapper .quicklinks > * {
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: auto;
	max-width: 26px;
	min-width: 20px;
}
.tm .infoWrapper .quicklinks a.showMap {
	margin-right: 2px;
}
.tm .infoWrapper .quicklinks div.share {
	color: #ffffff;
	line-height: 30px;
	margin-right: 6px;
	position: relative;
}
.tm .infoWrapper .quicklinks div.share > div {
	background: #ffffff;
	border-radius: 4px;
	display: flex;
	max-height: 0;
	overflow: hidden;
	width: 75px;
	justify-content: space-between;
	position: absolute;
	left: 50%;
	margin-left: -33px;
	top: 35px;
	z-index: -1;
}
.tm .infoWrapper .quicklinks div.share:hover > div {
	max-height: 40px;
	overflow: visible;
	transition: max-height 100ms ease;
	padding: 5px;
	z-index: 100;
}
.tm .infoWrapper .quicklinks div.share > div:before {
	content: "";
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -5px;
}
.tm .infoWrapper .quicklinks div.share > div a {
	background: #193c53;
	height: 30px;
	width: 30px;
}
.tm .infoWrapper .quicklinks div.share > div a:hover {
	background: #67c484;
}
.tm .infoWrapper .quicklinks div.share > div a:before {
	color: #ffffff;
	display: block;
	font-family: "TirolIconsWeb";
	font-size: 40px;
	font-weight: normal;
	position: relative;
	height: 30px;
	width: 30px;
}
.tm .infoWrapper .quicklinks div.share > div a.fb:before {
	content: "\1F41C";
}
.tm .infoWrapper .quicklinks div.share > div a.tw:before {
	content: "\1F4B6";
}
.tm .infoWrapper .quicklinks a.showMap:hover,
.tm .infoWrapper .quicklinks div.share:hover {
	color: #67c484;
}
.tm .infoWrapper .quicklinks a.showMap:before {
	content: "\E8EF";
	display: block;
	font-family: "webmanager";
	font-size: 26px;
}
.tm .infoWrapper .quicklinks div.share:before {
	content: "\1F6C4";
	display: block;
	font-family: "TirolIconsWeb";
	font-size: 40px;
}
.tm .infoWrapper .quicklinks a.bookMark {
	line-height: 29px;
	position: relative;
}
.tm .infoWrapper .quicklinks a.bookMark:before {
	color: #ffffff;
	content: "\1F3A8";
	display: block;
	font-family: "TirolIconsWeb";
	font-size: 40px;
}
.tm .infoWrapper .quicklinks a.bookMark:hover:before,
.tm .infoWrapper .quicklinks a.bookMark.selected:before {
	color: #c30018;
}

@media all and (max-width: 1200px) {
	.tm .infoWrapper .content > div {
		padding-bottom: 180px;
	}
	.tm .infoWrapper .content .buttons {
		flex-wrap: wrap;
	}
	.tm .infoWrapper .content .buttons > a.checkavailability {
		margin-top: 20px;
	}
}

@media all and (max-width: 1100px) {
	.tm .infoWrapper .content .buttons > a {
		width: 22%;
	}
}

@media all and (max-width: 980px) {
	.tm .infoWrapper .content > div {
		padding-bottom: 220px;
	}
	.tm .infoWrapper .content .info {
		padding: 0;
	}
	.tm .infoWrapper .content .info > .title > h1 {
		font-size: 30px;
		margin: 15px 0 5px;
	}
	.tm .infoWrapper .content .info > .title .category {
		margin: 0 0 0 10px;
	}
	.tm .infoWrapper .content .info > .title .category > span.classification {
		margin-top: -28px;
	}
	.tm .infoWrapper .content .buttons {
		bottom: 0;
		left: 0;
		padding: 30px 20px;
		position: absolute;
		width: 100%;
		background: #f0ebdd;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.tm .infoWrapper .content .buttons > a {
		padding: 16px 65px 18px 20px;
		margin-right: 0;
		width: 32.5%;
	}
	.tm .infoWrapper .content .buttons > a.request.mobile {
		background: #67c484;
		color: #ffffff;
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;
		display: block;
		width: 49.5%;
		margin: 0 0 1%;
	}
	.tm .infoWrapper .content .buttons > a.request.mobile:before {
		color: #ffffff;
		content: "\1F620";
	}
	.tm .infoWrapper .content .buttons > a.request:not(.mobile) {
		display: none;
	}
	.tm .infoWrapper .content .buttons > a.checkavailability {
		display: none;
	}
	.tm .infoWrapper .content .buttons > a.checkavailability.mobile {
		display: block;
		margin: 0 0 1%;
		width: 49.5%;
	}
	.tm .infoWrapper .quicklinks {
		display: none;
	}
	.tm .infoWrapper .gallery {
		margin-bottom: 0;
	}
}

@media all and (max-width: 768px) {
	.tm .infoWrapper .mobility {
		left: 35px;
		margin-top: 45px;
	}

	.tm .infoWrapper .content .info .rating > span.count > .score {
		display: none;
	}
	.tm .infoWrapper .content .info .rating > span.logo {
		padding: 5px 9px 5px 5px;
	}
	.tm .infoWrapper .content .info .rating > span.logo img {
		width: 81px;
	}
	.tm .infoWrapper .content .info .rating > span.points {
		font-size: 18px;
	}
	.tm .infoWrapper .content .info .rating > span.count {
		margin: 3px 0 0 2px;
	}
	.tm .infoWrapper .content .info .hotspots {
		justify-content: space-between;
		width: 100%;
	}
	.tm .infoWrapper .content .info .hotspots > span {
		font-size: 12px;
		margin-right: 10px !important;
	}
	.tm .infoWrapper .content .info .hotspots > span:last-child {
		margin-right: 0 !important;
	}
	.tm .infoWrapper .content .info .hotspots > span:before {
		color: #8c9da9;
		font-size: 22px;
		margin-top: -11px;
	}
	.tm .infoWrapper .content .info .hotspots > span.lake:before {
		font-size: 30px;
		margin-top: -15px;
	}
	.tm .infoWrapper .content .info .hotspots > span.town {
		max-width: 80px;
		padding-left: 27px;
	}
	.tm .infoWrapper .content .info .hotspots > span.lake {
		padding-left: 32px;
	}
	.tm .infoWrapper .content .info .hotspots > span.centre {
		padding-left: 25px;
	}
	.tm .infoWrapper .content .info .hotspots > span.lift {
		padding-left: 24px;
	}
	.tm .infoWrapper .content .info .hotspots > span.map {
		width: 20px;
	}
	.tm .infoWrapper .content .info .hotspots > span.map:before {
		font-size: 28px;
	}
	.tm .infoWrapper .content .info .topFacilities {
		display: none;
	}
	.tm .infoWrapper .content .price {
		margin-top: 45px;
		left: 35px;
	}
	.tm .infoWrapper .content .buttons > a {
		width: 49.5%;
	}
	.tm .infoWrapper .content .buttons > a.description {
		display: none;
	}
	.tm .infoWrapper .content .free-cancellation {
		margin-top: 40px;
		left: 30px;
		width: 150px;
		height: 150px;
	}
}

@media all and (max-width: 650px) {
	.tm .infoWrapper .content > div {
		padding-bottom: 280px;
	}
	.tm .infoWrapper .content .buttons > a.request.mobile {
		width: 100%;
	}
	.tm .infoWrapper .content .buttons > a.checkavailability.mobile {
		width: 100%;
	}
}

@media all and (max-width: 500px) {
	.tm .infoWrapper .content .info .rating {
		padding: 0 0 40px 0;
		position: relative;
	}
	.tm .infoWrapper .content .info .rating > .button {
		bottom: 0;
		left: 50%;
		position: absolute;
		transform: translate(-50%, 0);
		white-space: nowrap;
	}
}

@media all and (max-width: 420px) {
	.tm .infoWrapper .mobility {
		height: 100px;
		width: 100px;
	}

	.tm .infoWrapper .content .price {
		height: 105px;
		margin-top: 45px;
		left: 35px;
		width: 105px;
	}
	.tm .infoWrapper .content .price > p > span.number {
		font-size: 26px;
	}
	.tm .infoWrapper .content .free-cancellation {
		margin-top: 40px;
		left: 30px;
		width: 115px;
		height: 115px;
	}
}

@media all and (max-width: 350px) {
	.tm .infoWrapper .content .info .hotspots > span {
		margin-right: 6px !important;
	}
	.tm .infoWrapper .content .info .hotspots > span.town {
		padding-left: 23px;
	}
	.tm .infoWrapper .content .info .hotspots > span.lake {
		padding-left: 28px;
	}
	.tm .infoWrapper .content .info .hotspots > span.centre {
		padding-left: 21px;
	}
	.tm .infoWrapper .content .info .hotspots > span.lift {
		padding-left: 20px;
	}
	.tm .infoWrapper .content .buttons > a {
		padding: 16px 50px 18px 15px;
	}
	.tm .infoWrapper .content .buttons > a:before {
		right: 5px;
	}
}

/* TM - Vermieter - Details - Info */

.tm .infoWrapper .gallery {
	opacity: 0;
	margin-top: 30px;
	transition: opacity 500ms ease;
}
.tm .infoWrapper .gallery.show {
	opacity: 1;
}
.tm .infoWrapper .gallery .images {
	max-height: 333px;
}
.tm .infoWrapper .gallery li > a {
	display: block;
	width: 100%;
}
.tm .infoWrapper .gallery li > a > .copyright {
	background: rgba(0,0,0,0.3);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    padding: 2px 5px;
    left: 0;
    bottom: 0;
}
.tm .infoWrapper .gallery .thumbnails {
	display: block;
	margin-top: 30px;
	text-align: center;
}
.tm .infoWrapper .gallery .thumbnails li {
	border: 2px solid transparent;
	display: inline-block;
	margin-right: 5px;
}
.tm .infoWrapper .gallery .thumbnails li.selected {
	border: 2px solid #FFFFFF;
}
.tm .infoWrapper .gallery .thumbnails li:last-child {
	margin-right: 0;
}
.tm .infoWrapper .gallery .thumbnails li img {
	display: block;
	width: 100%;
}
.tm .infoWrapper .gallery .trigger {
	background: #67C484;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin: 20px auto 0;
	padding: 14px 20px 16px;
	text-align: center;
	text-transform: uppercase;
	transition: background 300ms ease;
	width: 250px;
}
.tm .infoWrapper .gallery .trigger:hover {
	background: #54a26c;
}

/* Nav */

.tm .infoWrapper .gallery .owl-nav > div {
	position: absolute;
	top: 50%;
}
.tm .infoWrapper .gallery .owl-nav > div.disabled {
	opacity: 0.5;
}
.tm .infoWrapper .gallery .owl-nav > .owl-prev {
	left: -85px;
}
.tm .infoWrapper .gallery .owl-nav > .owl-next {
	right: -27px;
}
.tm .infoWrapper .gallery .owl-nav > div::before {
	color: #FFFFFF;
	content: "\1F476";
	font-family: 'TirolIconsWeb';
	font-size: 76px;
	font-weight: normal;
	line-height: 60px;
	position: absolute;
	width: 60px;
	max-height: 60px;
	text-align: center;
	top: 50%;
	margin-top: -30px;
}
.tm .infoWrapper .gallery .owl-nav > .owl-prev:before {
	position: absolute;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

@media all and (max-width: 1325px){

	.tm .infoWrapper .gallery .owl-nav > .owl-prev {
		left: 10px;
	}
	.tm .infoWrapper .gallery .owl-nav > .owl-next {
		right: 70px;
	}

}

@media all and (max-width: 1020px){

	.tm .infoWrapper .gallery .images {
		max-height: none;
	}
	.tm .infoWrapper .gallery .thumbnails {
		display: none;
	}
	.tm .infoWrapper .gallery .trigger {
		display: none;
	}

}

@media all and (max-width: 980px){

	
	.tm .infoWrapper .gallery .owl-nav > div:before {
		font-size: 50px;
		line-height: 50px;
		width: 50px;
		max-height: 50px;
		margin-top: -35px;
	}
	.tm .infoWrapper .gallery .owl-nav > .owl-prev {
		left: 5px;
	}
	.tm .infoWrapper .gallery .owl-nav > .owl-next {
		right: 55px;
	}

}

@media all and (max-width: 550px){

	.tm .infoWrapper .gallery {
		margin-left: -20px;
		margin-right: -20px;
	}
	.tm .infoWrapper .gallery .owl-carousel .owl-stage-outer {
		overflow: visible;
	}
	.tm .infoWrapper .gallery ul .owl-item {
		transform: scale(0.9);
		transition: all 300ms ease;
	}
	.tm .infoWrapper .gallery ul .owl-item.active {
		box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
		transform: scale(1);
		z-index: 100;
	}
	.tm .infoWrapper .gallery .owl-nav > .owl-next {
		right: 85px;
	}
	.tm .infoWrapper .gallery .owl-nav > .owl-prev {
		left: 35px;
	}
		
	/* Dots */

	.tm .infoWrapper .gallery .owl-dots {
		text-align: center;
	}
	.tm .infoWrapper .gallery .owl-dots.disabled {
		opacity: 0;
	}
	.tm .infoWrapper .gallery .owl-dots .owl-dot {
		cursor: pointer;
		display: inline-block;
	}
	.tm .infoWrapper .gallery .owl-dots .owl-dot > span {
		background: rgba(255, 255, 255, 0.5);
		border-radius: 50%;
		display: inline-block;
		height: 10px;
		margin: 0 7px;
		width: 10px;
	}
	.tm .infoWrapper .gallery .owl-dots .owl-dot.active > span {
		background: #ffffff;
	}


}

/* TM - Vermieter - Details - Beschreibung */

.tmAccoDetail .description > h2 {
	margin-bottom: 10px;
	margin-top: -11px;
}
.tmAccoDetail .description > .wrapper > .text {
	overflow: visible;
	position: relative;
}
.tmAccoDetail .description > .wrapper > .text > p {
	line-height: 1.25;
	margin-bottom: 20px;
}
.tmAccoDetail .description > .wrapper > .trigger {
    color: #67C484;
    cursor: pointer;
    display: none;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	padding-left: 30px;
	position: relative;
}
.tmAccoDetail .description > .wrapper > .trigger:before {
	color: #67c484;
	content: "+";
	font-family: "Arial";
	font-size: 28px;
	font-weight: normal;
	line-height: 1;
	margin-top: -13px;
	position: absolute;
	left: 0;
	transition: transform 300ms ease;
	top: 50%;
}
.tmAccoDetail .description > .wrapper > .trigger.less:before {
	content: "-";
	margin-top: -15px;
}
.tmAccoDetail .description.hidden > .wrapper > .text {
    overflow: hidden;
}
.tmAccoDetail .description.hidden > .wrapper > .trigger {
    display: inline-block;
}
.tmAccoDetail .description.hidden.showFullText > .wrapper > .text {
    height: auto !important;
}
.tmAccoDetail .description.hidden > .wrapper > .text:after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.55) 21%, #ffffff);
	bottom: 0;
	content: "";
	height: 70px;
	left: 0;
	position: absolute;
	width: 100%;
}
.tmAccoDetail .description.hidden.showFullText > .wrapper > .text:after {
    display: none;
}
.tmAccoDetail .description.hidden > .wrapper > .text ul > li {
	padding: 1px 20px 5px 28px;
	position: relative; 
}
.tmAccoDetail .description.hidden > .wrapper > .text ul > li:before {
	content: '\e8ed';
	color: #67C484;
    position: absolute;
    left: -2px;
    font-size: 22px;
    top: 4px;
    line-height: 1;
	font-family: 'Webmanager';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: .5em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
}


@media all and (max-width: 550px){

	.tmAccoDetail .description.hidden > .wrapper > .text {
		font-size: 16px;
	}
	.tmAccoDetail .description.hidden > .wrapper > .text:after {
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.55) 21%, #ffffff);
		bottom: 0;
		content: "";
		height: 170px;
		left: 0;
		position: absolute;
		width: 100%;
	}
	.tmAccoDetail .description > .wrapper > .text > p {
		line-height: 1.44;
		margin-bottom: 20px;
	}
	.tmAccoDetail .description.hidden > .wrapper > .trigger {
		background: #FFFFFF;
		border: 2px solid #67c484;
		color: #67c484;
		border-radius: 5px;
		display: block;
		line-height: 40px;
		padding: 0 50px 0 20px;
		text-transform: uppercase;
	}
	.tmAccoDetail .description > .wrapper > .trigger:before {
		left: auto;
		margin-top: -19px;
		position: absolute;
		right: 15px;
		transition: transform 300ms ease;
		top: 50%;
	}

}

/* TM - Vermieter - Details - Profil */

.tmAccoDetail .profile > .wrapper {
	background: #F0EBDD;
	display: flex;
	align-items: center;
	padding: 20px 30px;
	justify-content: center;
}
.tmAccoDetail .profile > .wrapper .image {
	display: block;
	margin-right: 27px;
	width: 100%;
	max-width: 130px;
	min-width: 130px;
}
.tmAccoDetail .profile > .wrapper .image > img {
	border-radius: 50%;
	display: block;
	width: 100%;
}
.tmAccoDetail .profile > .wrapper .name {
	margin-right: 30px;
	min-width: 300px;
}
.tmAccoDetail .profile > .wrapper .noName {
	min-width: 150px;
}
.tmAccoDetail .profile > .wrapper .name > .label {
	color: #193c53;
	font-family: "Poppins", sans-serif;
	font-size: 34px;
	font-weight: bold;
	line-height: 1.29;
}
.tmAccoDetail .profile > .wrapper .name > .addition {
	color: #8c9da9;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.15;
	margin-top: 3px;
}
.tmAccoDetail .profile > .wrapper .text {
	font-size: 20px;
	line-height: 1.15;
}

@media all and (max-width: 980px){

	.tmAccoDetail .profile > .wrapper {
		background: #f2e8c8;
		flex-flow: column;
		padding: 30px 20px;
		text-align: center;
	}
	.tmAccoDetail .profile > .wrapper .image {
		margin-right: 0;
		margin-bottom: 5px;
	}
	.tmAccoDetail .profile > .wrapper .name {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.tmAccoDetail .profile > .wrapper .name > .label {
		font-size: 30px;
	}
	.tmAccoDetail .profile > .wrapper .name > .addition {
		color: #193c53;
	}
	.tmAccoDetail .profile > .wrapper .text {
		font-size: 16px;
		line-height: 1.44;
	}

}

/* TM - Vermieter - Details - Ausstattung/Dropdown */

.tmAccoDetail .dropdownContent > .contact,
.tmAccoDetail .dropdownContent > .hotspots,
.tmAccoDetail .dropdownContent > .marketingGroups {
	display: none;
}

/* Ausstattung */

.tmAccoDetail .facilitiesExtended ul {
	display: flex;
	flex-flow: wrap;
	margin: 15px 0;
}
.tmAccoDetail .facilitiesExtended ul > li {
	font-size: 16px;
	position: relative;
	padding: 1px 20px 1px 28px;
	width: 33.33%;
}
.tmAccoDetail .facilitiesExtended ul > li:before {
	color: #67C484;
	position: absolute;
	left: -2px;
	font-size: 22px;
	top: 4px;
	line-height: 1;
}
.tmAccoDetail .facilitiesExtended p:not(.trigger) {
	color: #193c53;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.15;
}
.tmAccoDetail .facilitiesExtended > .content > div {
	overflow: visible;
	position: relative;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger {
    color: #67C484;
	cursor: pointer;
	display: none;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	text-align: center;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger:after {
	background: #f1f3f5;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: 0;
	z-index: 1;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger > span {
	background: #FFFFFF;
	padding: 0 30px 0 60px;
	position: relative;
	z-index: 2;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger > span:before {
	color: #67c484;
	content: "+";
	font-family: "Arial";
	font-size: 28px;
	font-weight: normal;
	line-height: 1;
	margin-top: -13px;
	position: absolute;
	left: 30px;
	top: 50%;
}
.tmAccoDetail .facilitiesExtended.hidden > .content > div {
    overflow: hidden;
}
.tmAccoDetail .facilitiesExtended.hidden > .content > .trigger {
    display: block;
}
.tmAccoDetail .facilitiesExtended.hidden > .content > div:after {
    background: #ffffff;
    bottom: 0;    
	content: "";
	height: 38px;
	left: 0;
    position: absolute;
    right: 0;
    width: auto;
}
.tmAccoDetail .facilitiesExtended.hidden > .content.showFullFacilities > div {
    height: auto !important;
}
.tmAccoDetail .facilitiesExtended.hidden > .content.showFullFacilities > div:after {
    display: none;
}
.tmAccoDetail .facilitiesExtended > .content.showFullFacilities > .trigger > span:before {
	content: "-";
	margin-top: -15px;
}

/* Ausstattung Mobile */


/* Kontakt */

.tmAccoDetail .dropdownContent > .contact {
	display: none;
}
.tmAccoDetail .dropdownContent > .contact .text {
	font-size: 16px;
}
.tmAccoDetail .dropdownContent > .contact span {
	display: table;
}
.tmAccoDetail .dropdownContent > .contact span > span {
	display: inline-block;
}

/* Lage & Anreise */

.tmAccoDetail .dropdownContent > .hotspots ul > li {
	font-size: 20px;
	position: relative;
	padding: 1px 20px 1px 28px;
}
.tmAccoDetail .dropdownContent > .hotspots ul > li:before {
	color: #67C484;
	position: absolute;
	left: -2px;
	font-size: 22px;
	top: 4px;
	line-height: 1;
}
.tmAccoDetail .dropdownContent > .hotspots a {
	background: #67C484;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	padding: 14px 20px 16px 20px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: background 300ms ease;
	width: 250px;
	margin: 30px auto 0;
}
.tmAccoDetail .dropdownContent > .hotspots a:hover {
	background: #54a26c;
}

/* Marketinggruppen */

.tmAccoDetail .dropdownContent > .marketingGroups ul > li {
	font-size: 20px;
	position: relative;
	padding: 1px 20px 1px 28px;
}
.tmAccoDetail .dropdownContent > .marketingGroups ul > li:before {
	color: #67C484;
	position: absolute;
	left: -2px;
	font-size: 22px;
	top: 4px;
	line-height: 1;
}
.tmAccoDetail .dropdownContent > .marketingGroups .info > p {
	font-size: 14px;
	margin: 10px 0;
}

@media all and (max-width: 980px){

	.tmAccoDetail > .dropdownContent > div {
		margin: 35px 0;
	}
	.tmAccoDetail .dropdownContent > .contact,
	.tmAccoDetail .dropdownContent > .hotspots,
	.tmAccoDetail .dropdownContent > .marketingGroups {
		display: block;
	}
	.tmAccoDetail .facilitiesExtended ul > li {
		width: 50%;
	}

}

@media all and (max-width: 650px){

	.tmAccoDetail .facilitiesExtended ul > li {
		width: 100%;
	}

}

@media all and (max-width: 550px){

	.tmAccoDetail .dropdownContent {
		background: #193c53;
		padding: 12px 20px;
	}
	.tmAccoDetail .dropdownContent > div {
		border-bottom: 2px solid #8c9da9;
		color: #FFFFFF;
		margin: 0;
	}
	.tmAccoDetail .dropdownContent > div:last-child {
		border: none;
	}
	.tmAccoDetail .dropdownContent > div > h2 {
		color: #FFFFFF;
		cursor: pointer;
		font-size: 20px;
		font-weight: 600;
		margin: 0;
		padding: 14px 0 13px;
		position: relative;
	}
	.tmAccoDetail .dropdownContent > div > h2:before {
		color: #67c484;
		content: "+";
		font-size: 38px;
		font-weight: normal;
		right: 0;
		line-height: 1;
		margin: -19px 0 0;
		position: absolute;
		top: 50%;
		z-index: 1;
	}
	.tmAccoDetail .dropdownContent > div.open > h2:before {
		content: "-";
		right: -3px;
	}
	.tmAccoDetail .dropdownContent > div .content {
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition: padding 500ms ease, opacity 500ms ease, max-height 500ms ease;
		z-index: -1;
	}
	.tmAccoDetail .dropdownContent > div.open .content {
		max-height: 100%;
		opacity: 1;
		padding: 0 0 15px;
		z-index: 0;
	}
		
	/* Ausstattung */
	
	.tmAccoDetail .facilitiesExtended.open > .content {
		padding: 0 0 30px !important;
	}	
	.tmAccoDetail .facilitiesExtended > .content > div {
		padding-left: 17px;
	}
	.tmAccoDetail .facilitiesExtended.hidden > .content > div:after {
		display: none;
	}
	.tmAccoDetail .facilitiesExtended p:not(.trigger) {
		color: #67c484;
	}
	.tmAccoDetail .facilitiesExtended > .content > .trigger:after {
		display: none;
	}
	.tmAccoDetail .facilitiesExtended > .content > .trigger {
		background: none;
		border: 2px solid #67c484;
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
		color: #67c484;
		border-radius: 5px;
		display: block;
		line-height: 40px;
		margin-top: 5px;
		padding: 0 50px 0 20px;
		text-transform: uppercase;
	}
	.tmAccoDetail .facilitiesExtended > .content > .trigger:before {
		color: #67c484;
		content: "+";
		font-family: "Arial";
		font-size: 38px;
		font-weight: normal;
		line-height: 1;
		left: auto;
		margin-top: -19px;
		position: absolute;
		right: 15px;
		transition: transform 300ms ease;
		top: 50%;
	}
	.tmAccoDetail .facilitiesExtended > .content > .trigger > span {
		display: block;
		background: none;
		padding: 0;
		position: relative;
	}
	.tmAccoDetail .facilitiesExtended > .content > .trigger > span:before {
		display: none;
	}

	/* Lage & Anreise */
		
	.tmAccoDetail .dropdownContent > .hotspots a {
		width: 100%;
		margin: 10px auto 15px;
	}

	/* Marketinggruppen */

	.tmAccoDetail .dropdownContent > .marketingGroups ul > li {
		padding: 1px 0 1px 28px;
	}

}

/* TM - Vermieter - Details - Weiter Links */

.tmAccoDetail .links ul > li {
	padding: 1px 0 1px 37px;
	position: relative;
} 
.tmAccoDetail .links ul > li:before {
	color: #8c9da9;
	font-family: "TirolIconsWeb";
	font-size: 34px;
	font-weight: normal;
	position: absolute;
	top: 50%;
	line-height: 1;
	margin-top: -17px;
	left: 0;
}
.tmAccoDetail .links ul > li.other:before {
	content: "\1F73D";
}    
.tmAccoDetail .links ul > li.fb:before {
	content: "\1F41C";
	font-size: 40px;
	left: -2px;
	margin-top: -20px;
}
.tmAccoDetail .links ul > li.pano:before {
	content: "\1F76B";
	font-size: 32px;
	margin-top: -16px;
}
.tmAccoDetail .links ul > li.video:before {
	content: "\1F488";
}
.tmAccoDetail .links ul > li.ig:before {
	content: "\1F708";
	font-size: 40px;
	left: -2px;
	margin-top: -20px;
}
.tmAccoDetail .links ul > li.livecam:before {
	content: "\1F4CA";
	font-size: 50px;
	left: -5px;
	margin-top: -25px;
}

/* TM - Vermieter - Details - Anfrage */

.tmAccoDetail .tmAccoFormRequest {
	margin-bottom: 90px;
}
.tmAccoDetail .tmAccoFormRequest h2 {
	font-size: 60px;
	font-weight: bold;
	line-height: 1.18;
	margin: 0 0 46px;
	padding: 0;
	text-align: center;
}
.tmAccoDetail .wmForm .row.multicolumn > div {
	padding: 0;
}
.tmAccoDetail .wmForm .row.multicolumn > .msg.error {
	margin: 40px 0 0 0;
	padding: 10px 20px;
}
.tmAccoDetail .wmForm .row.multicolumn > .msg.success {
	margin: 40px 0 0 0;
	padding: 10px 20px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata {
	display: flex;
	padding: 0 10px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row {
	padding: 0;
	width: 250px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.arrival {
	margin-right: 10px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.persons {
	margin-left: 33px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.arrival .icon,
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.departure .icon {
	bottom: auto;
	height: 50px;
	margin-top: -5px;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 50%;
	width: 50px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.arrival .icon:before,
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.departure .icon:before {
	color: #8c9da9;
	content: "\1F6CF";
	font-size: 60px;
	margin-top: -30px;
	right: -3px;
	font-family: "TirolIconsWeb";
	font-weight: normal;
	line-height: 1;
	position: absolute;
	top: 50%;
	transition: color 300ms ease;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row > input {
	background: #f1f3f5;
	border: 2px solid transparent;
	cursor: pointer;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.check > input {
	border: 2px solid #67c484;
	border-top: 2px solid #67c484;
	box-shadow: 0 0 6px -3px #67c484;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.validationError > input {
	background: #f8e4e6;
	border: 2px solid #ee5c5c;
	border-top: 2px solid #cf4141;
	box-shadow: 0 0 6px -3px #cb2f2f;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row > label {
	margin: 0 0 14px 0;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.persons > .value {
	background: #f1f3f5;
	border-radius: 5px;
	cursor: pointer;
	display: block;
	font-size: 15px;
	line-height: 50px;
	padding: 0 20px;
}
.tmAccoDetail .tmAccoFormRequest .container {
	display: flex;
	margin: 0;
	padding: 0 10px;
}
.tmAccoDetail .tmAccoFormRequest .container > .row.multicolumn {
	float: none;
	margin: 0;
	width: 509px;
	padding: 0;
}
.tmAccoDetail .tmAccoFormRequest .container > .row.multicolumn:nth-child(2) {
	margin-left: 33px;
	width: 598px;
	padding: 0;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.remarks {
	margin-bottom: 70px;
}
.tmAccoDetail .tmAccoFormRequest .container .row > label {
	margin: 0 0 4px 0;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox {
	display: block;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox > p.label {
	display: none;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox .icon {
	background: #FFFFFF;
	border: 2px solid #CCCCCC;
	content: "";
	height: 24px;
	left: 0;
	margin-top: -12px;
	position: absolute;
	top: 50%;
	transition: background 500ms ease, border 500ms ease;
	width: 24px;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox.check .icon {
	background: #67c484;
	border: 2px solid #67c484;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox .icon:before {	
	color: #FFFFFF;
	font-size: 23px;
	font-weight: normal;
	margin-left: 1px;
	margin-right: 0;
	position: absolute;
	top: -2px;
	left: -2px;
	opacity: 0;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox input:checked + div > .icon:before {
	opacity: 1;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox .icon:after {
	display: none;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox > p {
	color: #666666;
	cursor: pointer;
	font-size: 16px;
	font-weight: normal;
	padding-left: 38px;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox > p > a {
	font-weight: normal;
	text-decoration: underline;
}
.tmAccoDetail .tmAccoFormRequest .container .row.select:before {
	color: #67c484;
	font-family: "webmanager";
	font-size: 8px;
	font-weight: normal;
	content: "\E8EB";
	right: 22px;
	line-height: 1;
	margin: 10px 0 0;
	position: absolute;
	top: 50%;
	z-index: -1;
}
.tmAccoDetail .tmAccoFormRequest .container .row.select > select {
	outline: none !important;
	background: none;
	z-index: 2;
}
.tmAccoDetail .tmAccoFormRequest .container .row.select > select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.dialcode {
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.dialcode > div {
	position: relative;
	background: none;
	width: 32.42%;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.dialcode > div:before {
	color: #67c484;
	font-family: "webmanager";
	font-size: 8px;
	font-weight: normal;
	content: "\E8EB";
	right: 22px;
	line-height: 1;
	margin: -4px 0 0;
	position: absolute;
	top: 50%;
	z-index: 1;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.dialcode > div > select {
	outline: none;
	width: 100%;
	position: relative;
	background: none;
	padding: 0 10px;
	z-index: 2;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.dialcode > div > select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.phone {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	width: 65.63%;
}
.tmAccoDetail .tmAccoFormRequest .reCaptchaPolicy {
    bottom: -40px;
    font-size: 14px;
    left: 0;
    padding-right: 10px;
	position: absolute;
}
.tmAccoDetail .tmAccoFormRequest .button {
	display: inline-block;
	float: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: auto;
	bottom: 0;
	right: 0; 
}
.tmAccoDetail .tmAccoFormRequest .button > input,
.tmAccoDetail .tmAccoFormRequest .button > button {
	transition: background 300ms ease;
}
.tmAccoDetail .tmAccoFormRequest .row > .field::-webkit-input-placeholder {
    color: #FFFFFF ;
    opacity: 0;
}
.tmAccoDetail .tmAccoFormRequest .row > .field:-moz-placeholder {
    color: #FFFFFF ;
    opacity: 0;
}
.tmAccoDetail .tmAccoFormRequest .row > .field::-moz-placeholder {
    color: #FFFFFF ;
    opacity: 0;
}
.tmAccoDetail .tmAccoFormRequest .row > .field:-ms-input-placeholder {
    color: #FFFFFF ;
    opacity: 0;
}
.tmAccoDetail .tmAccoFormRequest .row > .field::-ms-clear {
   display: none;
}


@media all and (max-width: 980px){

	.tmAccoDetail .tmAccoFormRequest h2 {
		font-size: 30px;
		line-height: 1.27;
	}

}

@media all and (max-width: 768px){

	.tmAccoDetail .wmForm .field {
		border: 2px solid #707070;
		padding-left: 10px;
		padding-right: 10px;
	}
	.tmAccoDetail .wmForm select.field {
		padding-left: 10px;
		padding-right: 10px;
	}
	.tmAccoDetail .wmForm textarea.field {
		padding: 10px;
	}
	.tmAccoDetail .tmAccoFormRequest h2 > br {
		display: none;
	}
	.tmAccoDetail .tmAccoFormRequest .traveldata {
		display: block;
		margin-bottom: 20px;
	}
	.tmAccoDetail .tmAccoFormRequest .traveldata > .row {
		float: left;
		width: 48%;
	}
	.tmAccoDetail .tmAccoFormRequest .traveldata > .row.arrival {
		margin-right: 4%;
	}
	.tmAccoDetail .tmAccoFormRequest .traveldata > .row.persons {
		clear: left;
		margin: 0;
		float: none;
		width: 100%;
	}
	.tmAccoDetail .tmAccoFormRequest .traveldata > .row > input {
		background: none;
		border: 2px solid #707070;
	}
	.tmAccoDetail .tmAccoFormRequest .traveldata > .row.persons > .value {
		background: none;
		border: 2px solid #707070;
	}
	.tmAccoDetail .tmAccoFormRequest .container {
		flex-flow: column;
	}
	.tmAccoDetail .tmAccoFormRequest .container > .row.multicolumn {
		width: 100%;
	}
	.tmAccoDetail .tmAccoFormRequest .container > .row.multicolumn:nth-child(2) {
		margin: 15px 0 0;
		width: 100%;
	}
	.tmAccoDetail .tmAccoFormRequest .container .row > label {
		display: none;
		font-size: 16px;
	}
	.tmAccoDetail .tmAccoFormRequest .container .row.dialcode > label,
	.tmAccoDetail .tmAccoFormRequest .container .row.remarks > label {
		display: block;
	}
	.tmAccoDetail .tmAccoFormRequest .container .row.select:before {
		margin: -4px 0 0;
	}
	.tmAccoDetail .tmAccoFormRequest .container .row > .row.remarks {
		margin-bottom: 30px;
	}
	.tmAccoDetail .tmAccoFormRequest .button {
		display: block;
		position: relative;
		bottom: auto;
		left: auto;
		margin: 0 10px;
	}
	.tmAccoDetail .tmAccoFormRequest .button > input {
		width: 100%;
	}
	.tmAccoDetail .tmAccoFormRequest .row > .field::-webkit-input-placeholder {
		color: #333333 ;
		opacity: 1;
	}
	.tmAccoDetail .tmAccoFormRequest .row > .field:-moz-placeholder {
		color: #333333 ;
		opacity: 1;
	}
	.tmAccoDetail .tmAccoFormRequest .row > .field::-moz-placeholder {
		color: #333333 ;
		opacity: 1;
	}
	.tmAccoDetail .tmAccoFormRequest .row > .field:-ms-input-placeholder {
		color: #333333 ;
		opacity: 1;
	}
	.tmAccoDetail .tmAccoFormRequest .reCaptchaPolicy {
		bottom: 0;
		left: 0;
		position: relative;
		margin-top: 10px;
	}
	.tmAccoDetail .wmForm .row.multicolumn > .msg.error {
		margin-bottom: 20px;
	}

}

@media all and (max-width: 370px){

	.tmAccoDetail .tmAccoFormRequest .traveldata > .row > input {
		padding: 0 15px;
	}
	.tmAccoDetail .tmAccoFormRequest .traveldata > .row.arrival:before, 
	.tmAccoDetail .tmAccoFormRequest .traveldata > .row.departure:before {
		right: -8px;
	}

}

@media all and (max-width: 340px){

	.tmAccoDetail .tmAccoFormRequest .traveldata > .row > input {
		padding: 0 10px;
	}
	.tmAccoDetail .tmAccoFormRequest .traveldata > .row.arrival:before, 
	.tmAccoDetail .tmAccoFormRequest .traveldata > .row.departure:before {
		right: -11px;
	}

}

/* TM - Vermieter - Details - Zimmer */

.tmAccoDetail > div .rooms .header > .subheader {
	background: #F1F3F5;
    padding: 10px 15px;
	position: relative;
    margin: 0 0 40px;
}
.tmAccoDetail > div .rooms .header > .subheader > h3 {
	font-size: 16px;
	padding: 0 250px 0 0;
	margin-bottom: 0;
	margin-top: 0;
}
.tmAccoDetail > div .rooms .header > .subheader > h3 > .date {
	margin: 0 5px 0 0;
}
.tmAccoDetail > div .rooms .header > .subheader > h3 > .date:after {
    content: "";
    display: block;
}
.tmAccoDetail > div .rooms .header > .subheader > a {
	background: #67C484;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    float: left;
    padding: 14px 60px 16px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: background 300ms ease;
	position: absolute;
	right: 15px;
	top: 10px;
}
.tmAccoDetail > div .rooms .header > .subheader > a:hover {
    background: #54a26c;
}
.tmAccoDetail > div .rooms .entry {  
	background: #193c53;
    margin: 0 0 20px;
    padding: 10px 13px 15px 17px;
	position: relative;
}
.tmAccoDetail > div .rooms .entry.noFreeCancelation::before {
    background: #67C484;
    color: #FFFFFF;
    content: "Bestes Angebot";
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}
.tmAccoDetail > div .rooms .entry.noFreeCancelation {
    padding-top: 40px;
}
.tmAccoDetail > div .rooms .entry:last-child {
	margin-bottom: 0;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent {
    position: relative;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent > .mobileTitle {
	color: #FFFFFF;
	display: none;
	font-family: "Poppins", sans-serif;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.22;
	margin-bottom: 10px;
	padding-right: 40px;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent > .special {
	background: #67c484; 
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	left: -17px;
	position: absolute;
	padding: 2px 10px 1px;
	top: 10px;
	z-index: 1;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img {
	bottom: 0;
	left: 0;
	max-height: 153px;
	position: absolute;
	top: 5px;
    width: 21.35%; /* 153 */
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image {
	bottom: 0;
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image.hide {
	display: none;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image .icon {
	background: #67c484;
	color: #FFFFFF;
	height: 30px;
	line-height: 28px;
	width: 30px;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image .icon:before {
	content: "\1F76C";
	font-family: "TirolIconsWeb";
	font-size: 38px;
	font-weight: normal;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	max-height: 30px;
	max-width: 30px;
	top: 50%;
	margin-top: -14px;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image img {
	display: block;
	height: 100%;
	left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
	transition: transform 1000ms ease 0s;
	width: 100%;
}
.tmAccoDetail > div .rooms .entry .cwrapper {
	margin: 0 0 0 21.35%;
	min-height: 150px;
	padding: 0 0 65px 13px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content {
	color: #FFFFFF;
	min-height: 123px;
	position: relative;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .title {
	font-family: "Poppins", sans-serif;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.22;
	margin-bottom: 10px;
	padding-right: 40px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > p.facilities {
	float: left;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .request {
	color: #FFFFFF;
	position: absolute;
	right: -9px;
	top: -9px;
	height: 45px;
	width: 45px;
	transition: color 300ms ease;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .request:before {
	content: "\1F620";
	font-family: "TirolIconsWeb";
	font-size: 44px;
	font-weight: normal;
	position: absolute;
	left: 4px;
	line-height: 1;
	top: 50%;
	margin-top: -22px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .request:hover {
	color: #67c484;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .facilities > span {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	display: inline-block;
	height: 30px;
	line-height: 28px;
	width: 30px;
	position: relative;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .facilities > span:before {
	font-family: "TirolIconsWeb";
	font-size: 38px;
	font-weight: normal;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	max-height: 30px;
	max-width: 30px;
	top: 50%;
	margin-top: -14px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .facilities > span.wlan:before {
	content: "\1F709";
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .facilities > span.accessible:before {
	content: "\1F6C1";
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .cancellationMark {
	color: #FFFFFF;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	margin: 3px 0 5px 0;
	padding: 0 0 0 30px;
	position: relative;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .cancellationMark:before {
    background: #67C484;
    color: #FFFFFF;
    content: "\1F707";
    display: block;
    left: 0;
    font-family: 'TirolIconsWeb';
    font-size: 30px;
	font-weight: normal;
    position: absolute;
    top: 0;
    height: 24px;
    width: 24px;
    line-height: 24px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .facilities + .cancellationMark {
	margin-left: 20px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info {
	clear: both;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 25px;
	position: relative;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span:before {
	color: #8c9da9;
	font-family: "TirolIconsWeb";
	font-size: 22px;
	font-weight: normal;
	position: absolute;
	left: 0;
	line-height: 1;
	top: 50%;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.size:before {
	content: "\1F516";
	margin-top: -10px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.bedrooms:before {
	content: "\1F769";
	font-size: 34px;
	left: -3px;
	margin-top: -17px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.persons:before {
	content: "\1F59C";
	font-size: 34px;
	left: -4px;
	margin-top: -17px;
}
.tmAccoDetail.camping > div .rooms .entry .cwrapper > .price {
		display: none !important;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price {
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 55px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > span.value {
	color: #FFFFFF;
	display: block;
	font-family: "Poppins", sans-serif;
	font-size: 34px;
	font-weight: bold;
	line-height: 1;
	margin-top: 1px;
	padding: 0 30px 0 0;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > span.value > span:before {
	background: #67C484;	
	color: #FFFFFF;
	content: "\1F707";	
	display: block;	
	font-family: 'TirolIconsWeb';	
	font-size: 30px;	
	font-weight: 500;
	right: 0;	
	position: absolute;	
	bottom: 6px;	
	height: 24px;	
	width: 24px;	
	line-height: 24px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > span.rule {
	color: #FFFFFF;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 5px;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .details {
	color: #67c484;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	padding-right: 24px;
	position: relative;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .details:before {
	color: #67c484;
	font-family: "webmanager";
	font-size: 6px;
	font-weight: normal;
	content: "\E8EB";
	right: 0;
	line-height: 1;
	margin: -1px 0 0;
	position: absolute;
	top: 50%;
}
.tmAccoDetail > div .rooms .entry.show .cwrapper .actionWrapper .details:before {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a {
	background: #67C484;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	padding: 14px 60px 16px 20px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: background 300ms ease;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li.booking > a {
	background: #ee5f55;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a:before {
	content: "\1F5F5";
	color: #FFFFFF;
	font-size: 34px;
	margin-top: -17px;
	font-family: "TirolIconsWeb";
	font-weight: normal;
	position: absolute;
	top: 50%;
	right: 10px;
	transition: color 300ms ease;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li.booking > a:before {
    content: "\1F476";
    margin-top: -17px;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a:hover {
	background: #54a26c;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li.booking > a:hover {
	background: #c9524b;
}
.tmAccoDetail > div .rooms .entry .actionWrapper > ul.buttons > li.booking > a.multi {
	display: none;
}
.tmAccoDetail > div .rooms.multi .entry .actionWrapper > ul.buttons > li > a {
	display: none;
}
.tmAccoDetail > div .rooms.multi .entry .actionWrapper > ul.buttons > li > a.multi {
	display: block;
}
.tmAccoDetail > div .rooms.multi .entry .cwrapper > .buttons > li > a.multi {
	display: block;
}

/* hidden content */

.tmAccoDetail > div .rooms .entry > .hiddenContent {
    max-height: 0;
    overflow: hidden;    
    opacity: 0;
    padding: 0 13px;
    position: relative;
    transition: opacity 500ms ease, max-height 500ms ease;
    z-index: -1;
}
.tmAccoDetail > div .rooms .entry.show > .hiddenContent {
	margin-top: 18px; 
    max-height: 1400px;
    opacity: 1;
    padding-bottom: 10px;
	padding-left: 0;
    padding-top: 12px;
	padding-right: 0;
    z-index: 0;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent > p {
	color: #FFFFFF;
    font-size: 16px;
	font-weight: normal;
	margin-bottom: 18px;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent > p:last-child {
	margin-bottom: 0;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent ul {
	display: flex;
	flex-flow: wrap;
	margin: 10px 0 0;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent ul > li {
	font-size: 16px;
	position: relative;
	padding: 2px 20px 3px 28px;
	width: 33.33%;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent ul > li:before {
	color: #67C484;
	content: '\e8ed';
	font-family: 'Webmanager';
	position: absolute;
	left: -2px;
	font-size: 22px;
	top: 4px;
	line-height: 1;
}
.tmAccoDetail > div .rooms .mainRoomContent > .cwrapper .highlights {
	display: none;
}

/* Zimmer - Angebote */

.tmAccoDetail > div .rooms.roomoffers h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: -8px;
	text-align: left;
}
.tmAccoDetail > div .rooms.roomoffers h3 > span {
	text-decoration: underline;
}
.tmAccoDetail > div .rooms.roomoffers h3 + a {
	display: block;
	font-size: 16px;
	margin-bottom: 40px;
	padding: 0 0 0 36px;
	position: relative;
}
.tmAccoDetail > div .rooms.roomoffers h3 + a:before {
	content: "\1F798";
    font-family: 'TirolIconsWeb';
    font-size: 40px;
	font-weight: normal;
	line-height: 1;
	position: absolute;
	right: 10px;
	top: 0;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper {
	padding: 0 0 65px 13px;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price {
	bottom: 55px;
	padding-left: 155px;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition {
	background: #f0ebdd;
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    color: #4d4945;
    display: none;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    padding: 15px 20px 15px 20px;
    position: absolute;
    top: 80px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 440px;
    z-index: 10;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition > span {
    display: block;
    text-align: left;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition > .storno {
	margin: 10px 0 0 0;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition > .storno > .title {
    display: block;
    font-weight: bold;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .storno {
	color: #FFF;
	display: inline-block;
	font-size: 14px;
	right: 0;
	position: relative;
	white-space: nowrap;
	width: 100%;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .value:hover + .addition {
    display: block;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > span.availability {
	color: #67c484;
	font-size: 14px;
	font-weight: bold;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > span.availability > span {
	font-size: 20px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .catering {
	background: #FFFFFF;
	border: 2px solid #999999;
	border-radius: 5px;
	display: block;
	margin: 0 0 10px 0;
	top: 2px;
	left: 0;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .catering:before {
	color: #67c484;
	font-family: "webmanager";
	font-size: 6px;
	font-weight: normal;
	content: "\E8EB";
	right: 10px;
	line-height: 1;
	margin: -3px 0 0;
	position: absolute;
	top: 14px;
	transition: color 300ms ease;
	z-index: 1;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .catering > select {
	background: none;
	border: none;
	color: #999999;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 30px 0 7px;
	position: relative;
	outline: none;
	z-index: 2;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .catering > select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .label {
	color: #FFF;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}

@media all and (max-width: 1220px){

	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition {
		left: auto;
		right: 0;
		-webkit-transform: none;
		transform: none;	
	}

}
@media all and (max-width: 770px){

	.tmAccoDetail > div .rooms .header > .subheader > h3 {
		padding-right: 0;
	}
	.tmAccoDetail > div .rooms .header > .subheader > h3 > .date:after {
		display: none;
	}
	.tmAccoDetail > div .rooms .header > .subheader > a {
		float: none;
		margin: 10px 0 5px 0;
		position: relative;
		right: 0;
		top: 0;
	}

}
@media all and (max-width: 750px){

	.tmAccoDetail > div .rooms .entry .cwrapper {
		padding: 0 0 0 13px;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .price {
		text-align: right;
		position: relative;
		right: auto;
		bottom: auto;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper {
		bottom: auto;
		left: auto;
		position: relative;
		right: auto;
		display: flex;
		justify-content: unset;
		align-items: flex-start;
		flex-direction: column-reverse;
		margin-top: 10px;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper > .buttons {
		margin-top: 0;
		width: 100%;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a {
		text-align: left;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .details {
		margin-top: 15px;
	}
	.tmAccoDetail > div .rooms .entry > .hiddenContent ul > li {
		width: 50%;
	}

	/* Angebote */
	
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper {
		padding: 0 0 0 13px;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .content {
		margin-bottom: 20px;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price {
		bottom: auto;
		padding-left: 0;
		position: relative;
		right: auto;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price:after {
		clear: both;
		content: "";
		display: block;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > span.value {
		float: right;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .catering {
		position: relative;
		top: auto;
		left: auto;
		margin-top: 2px;
		float: left;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > span.availability {
		display: none;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li.booking > a {
		width: 100%;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .price > .label {
		text-align: right;
	}

}

@media all and (max-width: 550px){

	.tmAccoDetail > div .rooms .entry {
		padding: 15px 15px 20px;
	}
	.tmAccoDetail > div .rooms .entry .mainRoomContent > .mobileTitle {
		display: block;
		padding-right: 0;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .title {
		display: none;
	}
	.tmAccoDetail > div .rooms .entry .mainRoomContent .img {
		bottom: auto;
		left: auto;
		max-height: none;
		position: relative;
		top: auto;
		width: 100%;
	}
	.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image {
		bottom: auto;
		position: static;
		top: auto;
	}
	.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image .more {
		display: none;
	}
	.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image img {
		height: auto;
		left: auto;
		object-fit: unset;
		position: relative;
		top: auto;
		transition: none;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper {
		margin: 10px 0 0;
		padding: 0;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content {
		margin-bottom: 15px;
		min-height: auto;
		padding-top: 40px;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .request {
		display: none;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content > p.facilities {
		float: none;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .cancellationMark {
		float: none;
		margin: 15px 0 0 0;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		top: 5px;
		width: 100%;
	}
	.tmAccoDetail > div .rooms .entry > .hiddenContent {
		padding: 0 !important;
	}
	.tmAccoDetail > div .rooms .entry.show > .hiddenContent {
		margin-top: 20px;
		padding: 0 !important;
	}
	.tmAccoDetail > div .rooms .entry > .hiddenContent ul > li {
		width: 100%;
	}

	/* Angebote */

	.tmAccoDetail > div .rooms.roomoffers h3 {
		margin-bottom: 22px;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper {
		padding: 0;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .content {
		margin-bottom: 15px; 
		min-height: auto;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price {
		bottom: auto;
		padding-left: 0;
		position: relative;
		right: auto;
		width: 100%;
		z-index: 1;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .content > .info {
		justify-content: flex-start;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .content > .info > span {
		margin-right: 15px;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition {
		width: 300px;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .storno {
		bottom: auto;
		clear: both;
		display: block;
		left: auto;
		position: relative;
		padding-top: 5px;
	}

}

@media all and (max-width: 450px){

	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > span.value {
		float: none;
		display: block;
		margin-bottom: 5px;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .catering {
		float: none;
		display: inline-block;
	}

}
		
@media all and (max-width: 375px){

	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span {
		font-size: 14px;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.bedrooms:before {
		font-size: 30px;
		margin-top: -15px;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.persons {
		padding-left: 20px;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.persons:before {
		font-size: 30px;
		margin-top: -15px;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a {
		padding: 14px 50px 16px 10px;
	}

}

@media all and (max-width: 350px){

	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span {
		margin-right: 5px;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.size {
		min-width: 70px;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.bedrooms {
		margin-right: 5px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.persons {
		min-width: 80px;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span:after {
		margin-right: 0;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a {
		padding: 14px 40px 16px 10px;
	}
	.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a:before {
		right: 6px;
	}
	.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition {
		right: -25px;
		width: 300px;
	}
	.tmAccoDetail > div .rooms .header > .subheader > a {
		padding-left: 19px;
		padding-right: 59px;
	}

}

/* TM - Vermieter - Detail - Zimmer - Error */

.tmAccoDetail .roomoffers > div > .error {
    background: #f8e4e6;
	border: 2px solid #ee5c5c;
    border-radius: 4px;
    font-size: 16px;
    margin: 0 0 20px 0;
    padding: 8px 15px;
}
.tmAccoDetail .roomoffers > div > .buttons {
	text-align: right;
}
.tmAccoDetail .roomoffers > div > .buttons > li {
	display: inline-block;
}
.tmAccoDetail .roomoffers > div > .buttons > li > a {
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	padding: 17px 65px 17px 20px;
	position: relative;
	transition: background 300ms ease, color 300ms ease;
}
.tmAccoDetail.hasNoMail .roomoffers > div > .buttons > li.request {
	display: none;
}
.tmAccoDetail .roomoffers > div > .buttons > li.request > a {
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	background: #67C484;
	margin-right: 10px;
}
.tmAccoDetail .roomoffers > div > .buttons > li.request > a:before {
	content: "\1F620";
	color: #FFFFFF;
	font-size: 40px;
	margin-top: -20px;
	font-family: "TirolIconsWeb";
	font-weight: normal;
	position: absolute;
	top: 50%;
	right: 10px;
	transition: color 300ms ease;
}
.tmAccoDetail .roomoffers > div > .buttons > li.request > a:hover {
    background: #54a26c;
}
.tmAccoDetail .roomoffers > div > .buttons > li.avail > a {
	background: #EE5F55;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
.tmAccoDetail .roomoffers > div > .buttons > li.avail > a:before {
	content: "\1F5F5";
	color: #FFFFFF;
	font-size: 40px;
	margin-top: -20px;
	font-family: "TirolIconsWeb";
	font-weight: normal;
	position: absolute;
	top: 50%;
	right: 10px;
	transition: color 300ms ease;
}
.tmAccoDetail .roomoffers > div > .buttons > li.avail > a:hover {
    background: #c9524b;
}

/* TM - Vermieter - Detail - Verfügbarkeit */

.tmAccoDetail .availability {
	display: none;
}

body.overlay {
    overflow: hidden;
}
body.overlay .ContentWrapper {
    filter: blur(15px);
}
#OverlayWrapper {
    background: rgba(33, 68, 91, 0.9);
    bottom: 0;
	left: 0;
	overflow: auto;
	position: fixed;
	top: 120px;
	width: 100%;
	z-index: 9000;
}
#OverlayWrapper > .close {
	border: 2px solid #67c484;
    border-radius: 4px;
	color: #67c484;
    cursor: pointer;
    height: 40px;
    line-height: 42px;
    margin: 0 -570px 0 0;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 40px;
    transition: all 300ms ease;
    width: 40px;
    z-index: 11;
}
#OverlayWrapper > .close:before {
    display: block;
	line-height: 38px;
	margin: 0;
    transition: color 300ms ease;
}
#OverlayWrapper > .close:hover {
	background: #67c484;
	color: #FFFFFF;
}

/* Overlay */

#OverlayWrapper .availability {
	margin: 0 auto;
	max-width: 888px;
	padding: 60px 20px 170px 20px;
	position: relative;
	z-index: 1;
}
#OverlayWrapper .availability > .wrapper {
    background: #f1f3f5;
    border: 2px solid #67c484;
    border-radius: 5px;
    padding: 20px;
}
#OverlayWrapper .availability header {
    z-index: 1;
}
#OverlayWrapper .availability header:after {
	clear: both;
	content: "";
	display: block;
}
#OverlayWrapper .availability header h2 {
	color: #FFFFFF;
	margin: 0;
}
#OverlayWrapper .availability header h2 > span {
	color: #FFFFFF;
}
#OverlayWrapper .availability header > .title {
	color: #FFF;
    text-align: center;
}
#OverlayWrapper .availability > .infobox {
	display: none;
}

/* Zimmerauswahl */

#OverlayWrapper .traveldata {
	background: none;
	clear: both;
	margin: 40px 0 0 0;
	opacity: 1;
	position: relative;
	visibility: visible;
}
.packagedetail #OverlayWrapper .traveldata {
	margin: 20px 0 0 0;
}
#OverlayWrapper .traveldata:before {
	display: none;
}
#OverlayWrapper .traveldata > .roomSelection {
	display: block;
	left: 0;
	padding-top: 0;
	position: relative;
    top: 0;
    transform: none;
	width: 100%;
}
.packagedetail #OverlayWrapper .traveldata > .roomSelection {
	padding-bottom: 20px;
}
#OverlayWrapper .traveldata .roomoverlay {
	color: #525252;
}
#OverlayWrapper .traveldata > .roomSelection > .rooms {
	padding-left: 234px;
	padding-right: 234px;
}
#OverlayWrapper .traveldata > .roomSelection > .rooms > .room {
	overflow: visible;
}
#OverlayWrapper .traveldata > .roomSelection > .rooms > .room > label {
	display: block;
    font-weight: 600;
    margin: 0 0 15px 0;
    left: -150px;
    position: absolute;
    top: 41px;
}

/* Pauschalen - Auswahl Nächte */

.packagedetail #OverlayWrapper .traveldata > .row.nights {
	align-items: center;
    display: flex;
    margin: 0 auto 50px;
	padding: 0;
	position: relative;
	width: 268px;
	z-index: 1;
}
.packagedetail #OverlayWrapper .traveldata > .row.nights label {
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin: 0 20px 0 0;
}
.packagedetail #OverlayWrapper .traveldata > .row.nights > select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #FFFFFF;
	border: 2px solid #999;
	border-radius: 4px;
	box-shadow: none;
	color: #000000;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	height: 50px;
	outline: none;
	padding: 0 19px 0 19px;
	width: 100%;
}
.packagedetail #OverlayWrapper .traveldata > .row.nights > .icon {
	bottom: auto;
	font-size: 8px;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 50%;
	height: 50px;
	width: 50px;
	margin-top: -25px;
}
.packagedetail #OverlayWrapper .traveldata > .row.nights > .icon:before {
	bottom: 20px;
	color: #8c9da9;
	font-family: "webmanager";
	font-size: 8px;
	font-weight: normal;
	content: "\E8EB";
	right: 20px;
	line-height: 1;
	position: absolute;
	transition: color 300ms ease;
	z-index: 1;
}

/* Legende */

#OverlayWrapper .calendar.active + .addition {
	display: block;
	margin: 40px 0 0 0;
}
#OverlayWrapper .addition:after {
	clear: both;
	content: "";
	display: block;
}
#OverlayWrapper .addition > .infoMessage {
	display: none;
}
#OverlayWrapper .addition > .infoMessage.msg2 {	
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    margin: 40px 0 0px 0;
    text-align: center;
}
#OverlayWrapper .addition > .infoMessage.msg2.show {
    display: block;
}
#OverlayWrapper .addition > .infoMessage.msg2 > span {
    color: #FFFFFF;
    display: inline-block;
}
#OverlayWrapper .addition > .infoMessage.msg2 > .label {
    display: block;
    margin: 0 0 10px 0;
}
#OverlayWrapper .addition > .infoMessage.msg2 > .date:before {
    color: #8c9da9;
    content: "\1F6CF";
    display: block;
    font-size: 60px;
    font-family: "TirolIconsWeb";
    font-weight: normal;
    line-height: 1;
}
#OverlayWrapper .addition > .infoMessage.msg2 > .until {
    margin: 0 20px 0 20px;
    position: relative;
    top: -32px;
}
#OverlayWrapper .addition > .infoMessage.msg2 > .until:before {
    color: #FFFFFF;
    content: "\1F476";
    display: block;
    font-size: 30px;
    font-family: "TirolIconsWeb";
    font-weight: normal;
    line-height: 1;
}
#OverlayWrapper .addition > ul {
	float: left;
	margin: 12px 0 0;
}
#OverlayWrapper .addition > ul:after {
	clear: both;
	content: "";
	display: block;
}
#OverlayWrapper .addition > ul > li {
	color: #333;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 0 20px 0 0;
    padding: 0 0 0 20px;
    position: relative;
}
#OverlayWrapper .addition > ul > li:before {
    background: #67c484;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 10px;
}
#OverlayWrapper .addition > ul > li.highlight:before {
	background: #193c53;
}
#OverlayWrapper .addition > ul > li.partlyavailable:before {
	background: rgba(103, 196, 132, 0.5);
}
#OverlayWrapper .addition > .buttonWrapper {
	bottom: 60px;
	display: block;
	left: 50%;
	position: absolute;	
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#OverlayWrapper .addition > .buttonWrapper > .button {
	background: #67c484;
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
    color: #FFF;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    height: 50px;
    line-height: 48px;
    padding: 0 60px 0 20px;
    position: relative;
    right: auto;
    text-transform: uppercase;
    top: auto;
    transition: background 300ms ease;
    left: auto;
    bottom: auto;
}
#OverlayWrapper .addition > .buttonWrapper > .button:before {
    color: #FFFFFF;
    font-family: "TirolIconsWeb";
    font-size: 40px;
    font-weight: normal;
    content: "\1F5F5";
    line-height: 1;
	position: absolute;
	right: 10px;
    top: 4px;
}
#OverlayWrapper .addition > .buttonWrapper > .button:hover {
	background: #54a26c;
}

/* TM - Kalender - Verfügbarkeit */

#OverlayWrapper .calendar.acco {
	position: relative;
}
#OverlayWrapper .calendar.acco .ui-datepicker {
	background: none;
	box-shadow: none;
	border: none;
	margin: 0;
	padding: 0;
	width: 100% !important;
}
#OverlayWrapper .calendar.acco .ui-datepicker .ui-datepicker-header {
	border-radius: 4px 4px 0 0;
}
#OverlayWrapper .calendar.acco > .prev {
	background: rgba(255, 255, 255, 0.9);
	color: #97bf0d;	
	cursor: pointer;	
	display: none;	
	font-size: 32px;
	height: 60px;	
	left: -85px;	
	line-height: 60px;	
	padding: 0 0 0 20px;	
	position: absolute;	
	top: 50%;	
	width: 60px;	
}
#OverlayWrapper .calendar.acco > .prev:before {
	content: '\E906';
	font-family: 'webmanager';
	font-weight: normal;
}
#OverlayWrapper .calendar.acco > .next {
	background: rgba(255, 255, 255, 0.9);
	color: #97bf0d;	
	cursor: pointer;
	display: none;
	font-size: 32px;
	height: 60px;	
	line-height: 60px;
	padding: 0 0 0 20px;
	position: absolute;
	right: -85px;
	top: 50%;
	width: 60px;
}
#OverlayWrapper .calendar.acco > .next:before {
	content: '\E905';
	font-family: 'webmanager';
	font-weight: normal;
}
#OverlayWrapper .calendar.acco.active > .prev,
#OverlayWrapper .calendar.acco.active > .next {
	display: none;
}

/* --- Markierungen --- */


#OverlayWrapper .calendar.acco .ui-datepicker .ui-datepicker-group {
    width: 48%;
}
#OverlayWrapper .calendar.acco .ui-datepicker .ui-datepicker-group.ui-datepicker-group-first {
	margin: 0 4% 0 0;
}

/* verfügbar */
#OverlayWrapper .ui-datepicker-multi .ui-datepicker-group table {
	margin: 0;
	width: 100%;
}
#OverlayWrapper .calendar.acco .ui-datepicker td {
	padding: 1px;
}
#OverlayWrapper .calendar.acco .ui-datepicker td > a {
	font-size: 16px;
	height: 42px;
	padding-top: 3px;
	position: relative;
}
.packagedetail #OverlayWrapper .calendar.acco .ui-datepicker td > a {
	padding-top: 10px;
}
#OverlayWrapper .calendar.acco .ui-datepicker td.available > a {
	background: #67c484;
}
#OverlayWrapper .calendar.acco .ui-datepicker td.available a {
	color: #FFFFFF;
}
#OverlayWrapper .calendar.acco .ui-datepicker td.available a:hover {
    border-radius: 0;
}
#OverlayWrapper .calendar.acco .ui-datepicker td.available a:after {
	bottom: 4px;
	color: #FFFFFF;
	color: rgba(255, 255, 255, 0.7);
	content: attr(data-price);
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	left: 0;
	line-height: 1;
	position: absolute;
	text-align: center;
	width: 100%;
}
/* Anreise gesperrt */

#OverlayWrapper .calendar.acco .ui-datepicker td.noarrival > a {
	background: rgba(103, 196, 132, 0.5);
}
/*#OverlayWrapper .calendar.acco.activeSelection .ui-datepicker td.noarrival {
	background: #8E9D08;
}*/
#OverlayWrapper .calendar.acco .ui-datepicker td.noarrival:not(.highlight) > a,
#OverlayWrapper .calendar.acco .ui-datepicker td.noarrival:not(.highlight) > a:after {
	color: #FFFFFF;
	cursor: not-allowed;
}
#OverlayWrapper .calendar.acco.activeSelection .ui-datepicker td.noarrival > a,
#OverlayWrapper .calendar.acco.activeSelection .ui-datepicker td.noarrival > a:after {
	cursor: pointer;
}

/* ausgewählt */

#OverlayWrapper .calendar.acco .ui-datepicker td.start.highlight > a,
#OverlayWrapper .calendar.acco .ui-datepicker td.highlight > a {
	background: #193c53;
	border-radius: 0;
	cursor: pointer;
	font-weight: 500;
	position: relative;
}

/* bei nicht erfüllter Mindestaufenthaltsdauer (bei Markierung) */

#OverlayWrapper .calendar.acco .ui-datepicker td.start,
#OverlayWrapper .calendar.acco .ui-datepicker td.nohighlight {
	background: #e5efc2 !important;
}

/* nicht verfügbar */

#OverlayWrapper .calendar.acco .ui-datepicker td.tmpnotavailable {
	background: #e5e5e7 !important;
}
#OverlayWrapper .calendar.acco .ui-datepicker td.tmpnotavailable > a:hover,
#OverlayWrapper .calendar.acco .ui-datepicker td.tmpnotavailable > a:hover:after {
	color: #808080 !important;
}
/* TM - Kalender - Verfügbarkeit - Tooltip */

#OverlayWrapper .tooltip {
	background: #f0ebdd;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	color: #000000;
	display: none;
	font-size: 14px;
	font-weight: normal;
	height: 125px;
	margin: -133px 0 0 -115px;
	opacity: 0;
	padding: 14px 20px 0;
	position: absolute;
	width: 280px;
	z-index: -1;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
#OverlayWrapper .tooltip.show {
	display: block;
	opacity: 1;
	z-index: 20;
}
#OverlayWrapper .tooltip > .date {
	font-weight: bold;
}
#OverlayWrapper .tooltip > .price.hide {
	display: none;
}
#OverlayWrapper .tooltip > .state {
	display: none;
	padding: 6px 0 4px 25px;
	position: relative;
}
#OverlayWrapper .tooltip > .state.show {
	display: block;
}
#OverlayWrapper .tooltip > .state:before {
	content: "";
	display: block;
	height: 16px;
	left: 0;
	position: absolute;
	top: 8px;
	width: 16px;
}
#OverlayWrapper .tooltip > .state1:before { /* Abreise möglich */
	background: #67c484;
}
#OverlayWrapper .tooltip > .state2:before { /* Keine Abreise möglich */
	background: #EE5F55;
}
#OverlayWrapper .tooltip > .state3:before { /* Anreise möglich */
	background: #67c484;
}
#OverlayWrapper .tooltip > .state4:before { /* Keine Anreise möglich */
	background: #EE5F55;
}

@media all and (max-width: 1352px){

    #OverlayWrapper > .close {
		margin: 0;
        right: 15px;    
        top: 20px;
    }

}
@media all and (max-width: 1350px){

	#OverlayWrapper .calendar.acco > .prev {
		left: -55px;
	}
	#OverlayWrapper .calendar.acco > .next {
		right: -55px;
	}

}
@media all and (max-width: 1280px){

	#OverlayWrapper .tooltip {
		display: none !important;
	}
	#OverlayWrapper .calendar.acco .ui-datepicker .ui-datepicker-title {
		text-align: center;
	}
	#OverlayWrapper .calendar.acco > .prev {
		background: none;
		left: 20px;
		font-size: 24px;
		height: 40px;
		line-height: 40px;
		top: 10px;
		width: 40px;
		z-index: 1;
	}
	#OverlayWrapper .calendar.acco > .next {
		background: none;
		font-size: 24px;
		height: 40px;
		line-height: 40px;
		right: 20px;
		top: 10px;
		width: 40px;
		z-index: 1;
	}

}
@media all and (max-width: 1140px){

	#OverlayWrapper .traveldata .roomoverlay {
		left: auto;
		margin: 0;
		right: 0;
	}
	#OverlayWrapper .traveldata .roomoverlay > div:before {
		left: auto;
		right: 30px;
	}

}
@media all and (max-width: 980px){

	#OverlayWrapper {
		top: 0;
	}


}
@media all and (max-width: 900px){

	body.overlay > #PageWrapper {
		display: none;
	}
	body.isSafari #OverlayWrapper {
		position: absolute;
		overflow: initial;
	}

}
@media all and (max-width: 888px){

	#OverlayWrapper .traveldata > .roomSelection {
		padding: 0;
	}
	#OverlayWrapper .traveldata > .roomSelection > .rooms {
		padding-left: 0;
		padding-right: 0;	
	}
	#OverlayWrapper .traveldata > .roomSelection > .rooms > .room > label {
		left: 0;
		position: relative;
		top: 0;	
	}

}
@media all and (max-width: 800px){

	#OverlayWrapper .calendar.acco > .prev {
		left: 12px;
		top: 12px;
	}
	#OverlayWrapper .calendar.acco > .next {
		right: 12px;
		top: 12px;
	}
	#OverlayWrapper .traveldata {
		display: table;
		margin-left: auto;
		margin-right: auto;
		min-width: 100%;
	}
	#OverlayWrapper .addition {
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 14px;
	}
	#OverlayWrapper .addition > ul {
		display: table;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#OverlayWrapper .addition > ul > li:last-child {
		margin-right: 0;
	}

}
@media all and (max-width: 750px){

	#OverlayWrapper .traveldata > .row.nights {
		padding-left: 60px;
		width: 200px;
	}
	#OverlayWrapper .availability header h2 {
		font-size: 20px;
	}
	#OverlayWrapper .availability header > .title {
		font-size: 16px;
	}

}
@media all and (max-width: 700px){

	#OverlayWrapper .traveldata > .row {
		clear: both;
		width: 100%;
	}
	#OverlayWrapper .traveldata > .row.nights {
		margin-bottom: 10px;
		margin-top: 0;
		width: 100%;
	}

}
@media all and (max-width: 650px){

	#OverlayWrapper .addition > .infoMessage.show {
		overflow: hidden;
	}
	#OverlayWrapper .addition > .infoMessage.msg1 > a {
		height: 36px;
		line-height: 36px;
		margin-top: -18px;
		padding-bottom: 0;
		padding-top: 0;
		top: 50%;
		z-index: 1;
	}
	#OverlayWrapper .addition > .infoMessage.msg1 > a::after {
		background: inherit;
		content: "";
		height: 300px;
		left: 0;
		position: absolute;
		top: -100px;
		width: 100%;
		z-index: -1;
	}

}
@media all and (max-width: 630px){

	#OverlayWrapper .availability header {
		left: 40px;
		top: 80px;
	}

}
@media all and (max-width: 600px){

	#OverlayWrapper .traveldata > .roombox > * .counter {
		float: none;
		left: 0;
		margin: 0 0 5px;
		position: relative;
	}

}
@media all and (max-width: 500px){

	#OverlayWrapper .calendar.acco .ui-datepicker .ui-datepicker-header {
		margin-left: 0;
		margin-right: 0;
	}
	#OverlayWrapper .availability {
		padding-bottom: 130px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#OverlayWrapper .availability > .wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
	#OverlayWrapper .traveldata {
		margin-top: 20px;
	}
	#OverlayWrapper .addition > ul > li {
		font-size: 14px;
		margin: 0 20px 5px 0;
	}
	#OverlayWrapper .addition > ul > li:before {
		height: 10px;
		width: 10px;
	}
	#OverlayWrapper .traveldata > .row {
		width: 100%;
	}
	#OverlayWrapper .calendar.active + .addition {
		margin-top: 20px;
		padding: 0;
	}
	#OverlayWrapper .addition > .buttonWrapper {
		left: 10px;
		right: 10px;
		-webkit-transform: none;
		transform: none;	
	}
	#OverlayWrapper .addition > .buttonWrapper > .button {
		text-align: center;
		width: 100%;
	}
	.packagedetail #OverlayWrapper .traveldata > .row.nights {
		margin: 0 auto 30px;
	}

}
@media all and (max-width: 400px){

	#OverlayWrapper .calendar.acco > .prev,
	#OverlayWrapper .calendar.acco > .next {
		height: 30px;
		line-height: 30px;
		top: 17px;
		width: 30px;
	}
	#OverlayWrapper .calendar.acco > .prev:before,
	#OverlayWrapper .calendar.acco > .next:before {
		font-size: 18px;
		line-height: 30px;
	}
	#OverlayWrapper .availability header {
		left: 20px;
		top: 20px;
	}
	#OverlayWrapper > .close {	
		background: none;
		color: #FFFFFF;
		font-size: 18px;
		height: 45px;	
		line-height: 45px;	
		width: 45px;			
		z-index: 1;
	}
	#OverlayWrapper > .close:before {
		line-height: 45px;
	}
	#OverlayWrapper .addition {
		padding-bottom: 44px;
	}
	#OverlayWrapper .addition > .button {
		border-radius: 0;
	}

}

/* TM - Vermieter - Details - Warenkorb vorschau */

body.showCartPreview {
    overflow: hidden;
}
body.showCartPreview .tmCartPreview {
    background: url("/img/layout/tm-quickbooker-bg.jpg") no-repeat;
    background-size: cover;
    opacity: 1;
    overflow-y: scroll;
    visibility: visible;
    -webkit-overflow-scrolling: touch;
}

.tmCartPreview {
    background: rgba(25, 60, 83, 0.85);
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: auto;
    padding: 80px 0 60px 0;
    position: fixed;
    right: 0;
    transition: opacity 500ms ease 0s, visibility 500ms ease 0s;
    top: 0;
    visibility: hidden;
    z-index: 9999;
}
.tmCartPreview:before {
    background: rgba(25, 60, 83, 0.85);
    bottom: 0;
    content: "";
    left: 0;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}
.tmCartPreview > .close {
	border: 2px solid #67c484;
	border-radius: 4px;
	cursor: pointer;
	height: 40px;
	line-height: 42px;
    margin: 0 -590px 0 0;
	position: absolute;
    right: 50%;
    text-align: center;
    top: 25px;
    transition: all 300ms ease;
    width: 40px;
    z-index: 11;
}
.tmCartPreview > .close > i {
    color: #67c484;
    display: block;
    line-height: 40px;
    transition: color 300ms ease;
}
.tmCartPreview > .close > i:before {
    display: block;
    margin: 0;
    line-height: 36px;
}
.tmCartPreview > .close:hover {
    background: #67c484;
    color: #FFFFFF;
}
.tmCartPreview > div {
    border-radius: 4px;
    margin-bottom: 60px;
    padding-bottom: 30px;
    padding-top: 20px;
    position: relative;
    z-index: 3;
}
.tmCartPreview > div > h2 {
    color: #FFF;
    margin: 0 0 40px 0;
}
.tmCartPreview > div article {
    background: #F1F3F5;
    border-radius: 5px;
    margin: 0 0 10px 0;
    padding: 30px;
    position: relative;
}
.tmCartPreview > div article > h2 {
    display: none;
}
.tmCartPreview > div article > .image {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 15.454545454545454545454545454545%;
}
.tmCartPreview > div article > .image > .img {
    bottom: 0;
    display: block;
    position: relative;
    top: 0;
    width: 100%;
}
.tmCartPreview > div article > .image > .img:before {    
    content: "";
    display: block;
    padding-top: 92.5%;
    width: 100%;
}
.tmCartPreview > div article > .image > .img img {
    display: block;
    left: 0;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}
.tmCartPreview > div article > .content {
    float: left;
    padding: 0 0 0 20px;
    position: relative;
    width: 84.545454545454545454545454545455%;
}
.tmCartPreview > div article.noImg > .content {
    margin-left: 0;
    width: 100%;
}
.tmCartPreview > div article > .content > .cwrapper {
    float: left;
    padding: 0 10px 0 0;
    width: 45%;
}
.tmCartPreview > div article > .content .title {
    color: #193c53;    
    font-size: 26px;    
    font-weight: 600;    
    line-height: 1;    
}
.tmCartPreview > div article > .content .category {
    font-size: 14px;
    line-height: 1.43;
    margin: 12px 0 0 0;
}
.tmCartPreview > div article > .content .bookingDetails {
    float: left;
    width: 55%;
}
.tmCartPreview > div article > .content .bookingDetails > .name {
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 5px 0;
}
.tmCartPreview > div article > .content .bookingDetails > ul > li {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 10px 0;
}
.tmCartPreview > div article > .content .bookingDetails > ul > li > .label {
    float: left;
}
.tmCartPreview > div article > .content .bookingDetails > ul > li > .label > span {
    display: block;
}
.tmCartPreview > div article > .content .bookingDetails > ul > li > .price {
    float: right;
}
.tmCartPreview > div article > .content .bookingDetails > .total {
    border-top: 2px solid #e5e5e7;
    bottom: 0;
    display: block;
    position: relative;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno {
    display: inline-block;
    font-size: 14px;
    padding-top: 15px;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > span {
    font-weight: 600;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info {
    cursor: pointer;
    color: #9b9c9f;
    content: "\E82A";
    display: inline-block;
    margin: 0 0 0 5px;
    position: relative;
    text-align: center;
    top: 1px;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info:before {
    color: #21445b;
    display: block;
    font-size: 18px;
    margin: 0;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span {
    background: #f0ebdd;
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    color: #4d4945;
    display: none;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    padding: 15px 20px 15px 20px;
    position: absolute;
    top: 25px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 440px;
    z-index: 10;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno:hover > .info > span,
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info:hover > span {
    display: block;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span > span {
    display: block;
    line-height: 1.4;
    position: relative;
    z-index: 3;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span > span > .title {
    display: block;
    font-size: 18px;
    margin: 0 0 10px 0;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .price {
    color: #193c53;
    float: right;
    font-family: "Poppins", sans-serif;
    font-size: 34px;
    font-weight: bold;
    line-height: 1;
    padding-top: 7px;
}
.tmCartPreview > div article p.remove {    
    border: 2px solid #67c484;
    border-radius: 4px;
    color: #67c484;    
    cursor: pointer;    
    font-size: 14px;
    height: 28px;        
    line-height: 26px;    
    position: absolute;
    right: 10px;    
    text-align: center;
    top: 10px;    
    transition: all 300ms ease 0s;
    width: 28px;    
    z-index: 1;
}
.tmCartPreview > div article p.remove:hover {
    background: #67c484;
    color: #FFFFFF;
}
.tmCartPreview > div article p.remove > i {
    line-height: 32px;
    margin: 0;
    position: relative;
    text-align: center;
}
.tmCartPreview > div article p.remove > i:before {
    display: block;
    margin: 0;
    line-height: 24px;
}
.tmCartPreview > div article.booked p.remove {
    display: none;
}

.tmCartPreview > div .msg {
    border: 2px solid #ee5f55;
    color: #ee5f55;
    margin: 40px 0 40px 0;
    overflow: hidden;
    padding: 10px 20px;
    transition: opacity 500ms ease;
}
.tmCartPreview > div .msg.error {
    margin: 0;
}
.tmCartPreview > div .msg.success {
    border: 2px solid #66a61b;
    color: #66a61b;
}
.tmCartPreview > div > .confirm > span {
    display: none;
    float: left;
    position: relative;
    top: -3px;
}
.tmCartPreview > div > .confirm > span > .ssl {
    background: #67C484;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 3px 0;
    padding: 0 8px 0 8px;
}
.tmCartPreview > div > .confirm > span > .info {
    display: block;
    font-size: 14px;
}
.tmCartPreview > div > .confirm > span > .info > span {
    font-weight: 600;
}
.tmCartPreview > div > .confirm > .button {
    display: block;
    margin: 30px 0 0 0;
    text-align: center;
}
.tmCartPreview > div > .confirm > .button > a {
    background: #67C484;
    border: 2px solid #67C484;
    border-radius: 5px;    
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    color: #FFFFFF;    
    display: inline-flex;
    font-size: 16px;
    font-weight: bold;
    height: 46px;
    line-height: 42px;     
    padding: 0 55px 0 20px;
    position: relative;
    text-transform: uppercase;
    transition: background 500ms ease 0s, border 500ms ease 0s, color 500ms ease 0s;
}
.tmCartPreview > div > .confirm > .button > a:before {
    color: #FFFFFF;
    content: "\1F476";
    font-family: "TirolIconsWeb";
    font-size: 34px;
    font-weight: normal;
    position: absolute;
    right: 10px;
}
.tmCartPreview > div > .confirm > .button > a:hover {
    background: #54a26c;
    border: 2px solid #54a26c;
}
.tmCartPreview > div > .confirm > .button > a.more {    
    background: none;
    color: #67C484;          
    margin: 0 20px 0 0;  
    overflow: hidden;  
    padding-left: 20px;
    padding-right: 20px;    
    text-overflow: ellipsis;      
    white-space: nowrap;    
}
.tmCartPreview > div > .confirm > .button > a.more:before {
    display: none;
}
.tmCartPreview > div > .confirm > .button > a.more:hover {
    background: #54a26c;
    border: 2px solid #54a26c;
    color: #FFFFFF;
}

@media all and (max-width: 1392px){

    .tmCartPreview > .close {
        margin: 0;
        right: 20px;
        top: 25px;    
    }

}

@media all and (max-width: 1200px){
    
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span {
        left: auto;
        right: -20px;
        transform: none;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span::before {
        left: auto;
        right: 10px;
    }

}
@media all and (max-width: 1000px){

    .tmCartPreview > div article > .image {
        display: none;
    }
    .tmCartPreview > div article > .content {
        border-left: 2px solid #f2efec;
        border-radius: 4px;
        margin: 0;
        padding-bottom: 0;
        padding-left: 0;
        width: 100%;
    }    

}

@media all and (max-width: 980px){

    .tmCartPreview {
        top: 0;
    }

}

@media all and (max-width: 900px){

    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span {
        left: auto;
        right: -25px;
        -webkit-transform: none;
        transform: none;    
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span:before {
        left: auto;
        right: 20px;
    }

}

@media all and (max-width: 720px){

    .tmCartPreview > div article > .content .title {
        font-size: 19px;
    }
    .tmCartPreview > div article > .content .bookingDetails {
        margin: 20px 0 0 0;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .price {
        font-size: 19px;
        padding-top: 15px;
    }
    .tmCartPreview > div article .image > .rating {
        padding-left: 10px;
        padding-right: 10px;
    }
    .tmCartPreview > div article .image > .rating:before {
        background-size: 71px auto;
        height: 8px;
        top: 23px;
        width: 71px;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span {
        left: 50%;
        right: auto;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 360px;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span:before {
        left: 50%;
        right: auto;
    }
    .tmCartPreview > div article > .content .title {
        padding-right: 20px;
    }
    .tmCartPreview > div article > .content .facilities {
        border-bottom: 2px solid #e5e5e7;
        margin: 15px 0 20px 0;
        position: relative;
        width: 100%;
    }
    .tmCartPreview > div article > .content > .cwrapper {
        float: none;
        padding-right: 0;
        width: 100%;
    }
    .tmCartPreview > div article > .content .bookingDetails {
        float: none;
        width: 100%;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total {
        bottom: 0;
        margin: 20px 0 0 0;
        position: relative;
        right: 0;
        width: 100%;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span {
        left: -30px;
        -webkit-transform: none;
        transform: none;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span:before {
        left: 40px;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span {
        left: 50%;
        right: auto;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);    
        width: 320px;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span:before {
        left: 50%;
        right: auto;
    }
    .tmCartPreview > div > .confirm > .button {
        width: 100%;
    }
    .tmCartPreview > div > .confirm > .button > a {
        margin: 10px 0 0 0;
        text-align: center;
        width: 100%;
    }

}

@media all and (max-width: 600px){

    .tmCartPreview > div article > .image {
        display: none;
    }
    .tmCartPreview > div article > .content {
        width: 100%;
    }

}

@media all and (max-width: 500px){

    .tmCartPreview > div article {
        padding: 15px;
    }
	.tmCartPreview > div article > .content .title {
		font-size: 18px;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info {
        position: static;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle {
        position: static;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span {
        left: 0;
        padding-left: 10px;
        padding-right: 10px;
        transform: none;
        top: 58px;
        width: 100%;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span {
        top: 60px;
        width: calc(100% + 30px);
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span:before {
        left: 30px;
        right: auto;
    }
    .tmCartPreview > div > .title {
        font-size: 32px;
    }
    .tmCartPreview > div > .confirm > .button > a {
        font-size: 14px;
    }

}

@media all and (max-width: 400px){

    .tmCartPreview > div article > .content .bookingDetails > ul > li {
        font-size: 15px;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .storno {
        display: block;
        font-size: 14px;
        line-height: 1.2;
        padding: 10px 0 0 0;
    }
    .tmCartPreview > div article > .content .bookingDetails > .total > .price {
        font-size: 17px;
        line-height: 1.2;
        margin-bottom: 10px;
        margin-top: 5px;
    }

}

.tmAccoDetail .mapWrapper {
	padding-bottom: 30px;
	padding-top: 30px;
	position: relative;
}
.tmAccoDetail .mapWrapper:before {
	background: #143d51;
	content: "";
	height: 100%;
	left: -2000px;
	position: absolute;
	top: 0;
	width: 4000px;
	z-index: -1;
}
.tmAccoDetail .mapWrapper > .map {
	height: 420px;
	float: left;
	position: relative;
	width: 65.789473684210526315789473684211%;
}
.tmAccoDetail .mapWrapper > .map:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.tmAccoDetail .mapWrapper > .map > .button {
	background: #67c484;
	border-radius: 5px;
	display: block;
	height: 46px;
	padding: 5px;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 46px;
	z-index: 3;
}
.tmAccoDetail .mapWrapper > .map > .button > span {
	border: 2px solid #fff;
	border-radius: 5px;
	display: block;
	height: 36px;
}
.tmAccoDetail .mapWrapper > .map > .button > span:before {
	bottom: 9px;
	color: #fff;
	content: "\1F424";
	font-family: "TirolIconsWeb";
	font-size: 22px;
	font-weight: normal;
	height: 15px;
	left: 9px;
	line-height: 15px;
	position: absolute;
	width: 15px;
}
.tmAccoDetail .mapWrapper > .map > .button > span:after {
	color: #fff;
	content: "\1F37C";
	font-family: "TirolIconsWeb";
	font-size: 22px;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	right: 10px;
	top: 9px;
	position: absolute;
	width: 15px;
}
.tmAccoDetail .mapWrapper.clicked > .map:before {
	display: none;
}
.tmAccoDetail .mapWrapper > .map > div {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.tmAccoDetail .mapWrapper > .contact {
	color: #ffffff;
	float: left;
	padding-left: 30px;
	position: relative;
	width: 34.210526315789473684210526315789%;
}
.tmAccoDetail .mapWrapper > .contact > .label {
	font-family: "Poppins", sans-serif;
	font-size: 34px;
	font-weight: bold;
	margin: 0 0 40px 0;
}
.tmAccoDetail .mapWrapper > .contact > .text > span {
	display: block;
}
.tmAccoDetail .mapWrapper > .contact > .text .town {
	display: flex;
	gap: 6px;
}
.tmAccoDetail .mapWrapper > .contact > .text > .title {
	font-weight: bold;
	margin: 0 0 10px 0;
}
.tmAccoDetail .mapWrapper > .contact > .button {
	background: #67c484;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin: 40px 0 0 0;
	padding: 14px 20px 16px;
	text-align: center;
	text-transform: uppercase;
	transition: background 300ms ease;
}
.tmAccoDetail .mapWrapper > .contact > .button:hover {
	background: #54a26c;
}

@media all and (max-width: 900px) {
	.tmAccoDetail .mapWrapper > .map {
		height: 340px;
		width: 100%;
	}
	.tmAccoDetail .mapWrapper > .contact {
		padding-left: 0;
		padding-top: 20px;
		width: 100%;
	}
	.tmAccoDetail .mapWrapper > .contact > .label {
		margin-bottom: 10px;
	}
}
@media all and (max-width: 600px) {
	.tmAccoDetail .mapWrapper > .map {
		height: 250px;
	}
}
@media all and (max-width: 500px) {
	.tmAccoDetail .mapWrapper > .contact > .label {
		font-size: 24px;
	}
}

/* Vermieter Pauschalen */

.accodetail .tmStPackageTeaser > div article {
	background: #193c53;
	padding: 15px;
}
.accodetail .tmStPackageTeaser > div article h2 {
	display: none;
}
.accodetail .tmStPackageTeaser > div article .image {
	position: relative;
}
.accodetail .tmStPackageTeaser > div article .image:before {
	background: linear-gradient(to bottom, rgba(23, 55, 87, 0) 32%, #193c53 100%);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}
.accodetail .tmStPackageTeaser > div article .image > p {
	bottom: 0;
	color: #FFFFFF;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	left: 0;
	padding: 20px;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 1;
}
.accodetail .tmStPackageTeaser > div article .image a {
	display: block;
	min-height: 183px;
	position: relative;
}
.accodetail .tmStPackageTeaser > div article .image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.accodetail .tmStPackageTeaser > div article a.bookMark {
	line-height: 28px;
	position: absolute;
	right: 20px;
	top: 27px;
}
.accodetail .tmStPackageTeaser > div article a.bookMark:before {
	color: #8c9da9;
	content: "\1F3A8";
	display: block;
	font-family: 'TirolIconsWeb';
	font-size: 40px;
}
.accodetail .tmStPackageTeaser > div article a.bookMark:hover:before,
.accodetail .tmStPackageTeaser > div article a.bookMark.selected:before {
	color: #C30018;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .description {
	color: #FFFFFF;
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	max-height: 175px;
	min-height: 175px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .description:after {
	background: linear-gradient(to bottom, rgba(25, 60, 83, 0), rgba(25, 60, 83, 0.55) 21%, #193c53);
	bottom: 0;
	content: "";
	height: 70px;
	left: 0;
	position: absolute;
	width: 100%;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .description > .title {
	color: #FFFFFF;
	display: block;
	font-family: "Poppins", sans-serif;
	font-size: 25px;
	font-weight: normal;
	line-height: 1.2;
	margin: 15px 0 10px;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .price {
	display: block;
	text-align: right;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .price > span.value {
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .price > span.value > span {
	color: #FFFFFF;
	display: inline-block;
	font-family: "Poppins", sans-serif;
	font-size: 34px;
	font-weight: bold;
	line-height: 1;
	margin: 1px 0 0 5px;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .price > span.rule {
	color: #FFFFFF;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption > .buttonWrapper {
	display: flex;
	margin-top: 20px;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption > .buttonWrapper > a {
	background: #67C484;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	padding: 14px 10px 16px 10px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: background 300ms ease;
	width: 100%;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption > .buttonWrapper > a:hover {
	background: #54a26c;
}

/* Swiper */

.accodetail .tmStPackageTeaser .swiper-container {
	padding-bottom: 50px;
	width: 100%;
}
.accodetail .tmStPackageTeaser .swiper-wrapper {
	height: auto !important;
}
.accodetail .tmStPackageTeaser .swiper-slide {
	background-position: center;
	background-size: cover;
}
.accodetail .tmStPackageTeaser .swiper-slide-shadow-left,
.accodetail .tmStPackageTeaser .swiper-slide-shadow-right {
	background: rgba(0,0,0,0.2);
}
.accodetail .tmStPackageTeaser .swiper-pagination {
	bottom: 0;
}
.accodetail .tmStPackageTeaser .swiper-pagination-bullet {
	background: #193c53;
	bottom: 0;
	margin: 0 4px !important;
	width: 11px;
	height: 11px;
}
.accodetail .tmStPackageTeaser .swiper-button-disabled {
	opacity: 0.5 !important;
	pointer-events: none;
}
.accodetail .tmStPackageTeaser .swiper-prev,
.accodetail .tmStPackageTeaser .swiper-next {
	background: #67c484;
	border-radius: 0px 5px 5px 0px;
	cursor: pointer;
	height: 46px;
	position: absolute;
	top: calc(50% - 50px);
	left: 0; 
	transition: background 300ms ease;
	width: 46px;
	z-index: 1;
}
.accodetail .tmStPackageTeaser .swiper-next {
	border-radius: 5px 0 0 5px;
}
.accodetail .tmStPackageTeaser .swiper-next:before,
.accodetail .tmStPackageTeaser .swiper-prev:before {
	color: #FFFFFF;
	content: "\1F476";
	font-family: "TirolIconsWeb";
	font-size: 34px;
	left: 9px;
	line-height: 46px;
	position: absolute;
}
.accodetail .tmStPackageTeaser .swiper-prev:before {
	left: 4px;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.accodetail .tmStPackageTeaser .swiper-next {
	left: auto;
	right: 0;
}

@media all and (max-width: 700px){

	.accodetail .tmStPackageTeaser .swiper-container {
		margin: 0 -20px;
		width: auto;
	}

}

@media all and (max-width: 500px){

	.accodetail .tmStPackageTeaser > div article figure > figcaption .description {
		max-height: 150px;
		min-height: 150px;
	}

}

@media all and (max-width: 370px){

	.accodetail .tmStPackageTeaser > div article figure > figcaption .description {
		font-size: 15px;
		max-height: 150px;
	}
	.accodetail .tmStPackageTeaser > div article figure > figcaption .description > .title {
		font-size: 20px;
	}

}

.tmAccoDetail .infoText {
	background: #f2e8c8;
    margin-bottom: 40px;
    padding: 20px 30px;
}
.tmAccoDetail .infoText h2 {
	font-size:20px; 
	margin-bottom: 10px; 
}
.tmAccoDetail .infoText .text {
	font-size: 16px; 
}

.tmAccoDetail .environment {
	background: #67C484;
  padding: 20px;
}
.tmAccoDetail .environment > a {
	display: block;	
}
.tmAccoDetail .environment > a > .image {
	display: block;	
  background: #FFF;
	float: left;	
  width: 60px;
  height: 60px;
  overflow: hidden;	
  border-radius: 60px;	
	margin-right: 20px;
	padding: 5px;
}
.tmAccoDetail .environment > a > .image > img {
	width: 50px;
	height: auto;
}
.tmAccoDetail .environment > a > .label {
	padding: 15px 0 0 0;
}
.tmAccoDetail .environment > a > .label > label {
	color: #FFFFFF; 
	font-weight: bold;	
}
@media all and (max-width: 685px){

	.tmAccoDetail .environment > a > .label {
		padding: 0;
	}

}

.tmAccoDetail .sustainabilityFacilities > .content {
	border: solid 2px #67C484;	
	border-radius: 5px;
	padding: 10px; 
}
.tmAccoDetail .sustainabilityFacilities > .content > div {
    max-height: 150px;
    overflow: hidden;   
}
.tmAccoDetail .sustainabilityFacilities.expand > .content > div {
    max-height: none;
}
.tmAccoDetail .sustainabilityFacilities > .content > div:after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.55) 21%, #ffffff);
    bottom: 0;
    content: "";
    height: 70px;
    left: 0;
    position: absolute;
    width: 100%;
}
.tmAccoDetail .sustainabilityFacilities.expand > .content > div:after {
    display: none;
}
.tmAccoDetail .sustainabilityFacilities p {
	color: #193c53; 
	font-family: "Poppins", sans-serif;
	font-weight: 600;	
	line-height: 1.15;
}
.tmAccoDetail .sustainabilityFacilities ul {
	margin: 5px 0 20px 0;  
}
.tmAccoDetail .sustainabilityFacilities ul > li:before {
	color: #67C484;
    position: absolute;
    left: -2px;
    font-size: 22px;
    top: 4px;
    line-height: 1;
}
.tmAccoDetail .sustainabilityFacilities ul > li {
    font-size: 16px;
    position: relative;
    padding: 1px 20px 1px 28px;
}
.tmAccoDetail .sustainabilityFacilities ul > li:before {
		content: "";
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNNy45NzksMjguMTE4YzMuMDk3LC0xMi43MzMgMTUuMjEsLTIwLjgyMyAxNS4yMSwtMjAuODIzYy02LjQ2OCw2LjE1NiAtOS45MTUsMTEuMDkxIC0xMS43MzcsMTQuNThjNC4zOSwzLjY5NyA4LjA5NSw0LjIyMSAxMC42NTksMS4zNTZjNi4wNDQsLTYuODA3IDQuMzkyLC0xOS40NSA0LjM5MiwtMTkuNDVjMCwwIC0xMi43NjIsLTAuMTk5IC0xOC43OTksNi41OTZjLTIuNDIyLDIuNzIxIC0xLjY5OSw2LjExMSAxLjk0NCw5LjgzNWMtMS43MTgsMi4xNiAtMy4yNjMsNC40NDcgLTQuMzU3LDYuNzUybDIuNjg4LDEuMTU0WiIgc3R5bGU9ImZpbGw6IzY3YzQ4NDtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4=);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    margin-left: -10px;
    max-height: 40px;
    max-width: 40px;
    margin-top: -10px;
    width: 40px;
    height: 40px;
}
.tmAccoDetail .sustainabilityFacilities > .content > .trigger {
    color: #67C484;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    padding-left: 30px;
    position: relative;
}
.tmAccoDetail .sustainabilityFacilities > .content > .trigger:before {
    color: #67c484;
    content: "+";
    font-family: "Arial";
    font-size: 28px;
    font-weight: normal;
    line-height: 1;
    margin-top: -13px;
    position: absolute;
    left: 0;
    transition: transform 300ms ease;
    top: 50%;
}

.tmAccoDetail .sustainabilityFacilities > .content > .trigger.less:before {
    content: "-";
    margin-top: -15px;
}

/* TM - Vermieter - Details - Bewertungen */

.tmAccoDetail .ratings {
	display: flex !important;
	flex-direction: column;
	gap: 16px;
}
.tmAccoDetail .ratings .item {
	background: #f1f3f5;
	border-radius: 5px;
	display: grid;
	gap: 24px;
	padding: 24px;
}
.tmAccoDetail .ratings .item.hidden {
	display: none;
}
.tmAccoDetail .ratings .item .date {
	font-size: 16px;
}
.tmAccoDetail .ratings .item .name {
	color: #193c53;
	font-size: 18px;
	font-weight: 700;
}
.tmAccoDetail .ratings .item .average {
	margin-top: 8px;
}
.tmAccoDetail .ratings .item .average span {
	background: #67c484;
	border-radius: 5px 0 5px 0;
	color: #FFFFFF;
	display: block;
	height: 32px;
	font-size: 16px;
	font-weight: 700;
	line-height: 32px;
	padding: 0 10px;
	text-align: center;
	width: 48px;
}
.tmAccoDetail .ratings .item .comment {
	font-size: 16px;
	font-style: italic;
	margin-bottom: 16px;
}
.tmAccoDetail .ratings .item .text {
	font-size: 18px;
}
.tmAccoDetail .ratings .item .text.disabled {
	opacity: 0.5;
}
.tmAccoDetail .ratings .button {
	display: flex;
	justify-content: center;
	margin: 8px 0 0;
}
.tmAccoDetail .ratings .button.hidden {
	display: none;
}
.tmAccoDetail .ratings .button button {
	background: #67C484;
	border: 0;
	border-radius: 5px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	height: 46px;
	line-height: 42px;
	margin: 0;
	padding: 0 20px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
}
.tmAccoDetail .ratings .button button:hover {
	background: #54a26c; 
}

@media all and (min-width: 680px){

	.tmAccoDetail .ratings .item {
		gap: 32px;
		grid-template-columns: 200px 1fr;
		position: relative;
	}
	.tmAccoDetail .ratings .item::before {
		background: #67c484;
		bottom: 24px;
		content: "";
		left: 224px;
		position: absolute;
		top: 24px;
		width: 2px;
	}

}

/* Allgemein */

/* Aside */

.tmAccoDetail.package > div > aside > div.contact {
	padding-top: 15px;
}

/* Aside - Allgemeine Daten */

.tmAccoDetail.package > div > aside > .details {
	background: #193c53;
	margin: -20px -30px 0;
	padding: 30px;
}
.tmAccoDetail.package > div > section > .details {
	display: none;
	margin-bottom: 40px;
	padding: 20px 30px;
	position: relative;
}
.tmAccoDetail.package > div > section > .details:before {
	background: #193c53;
	content: "";
	height: 100%;
	left: -1000px;
	position: absolute;
	top: 0;
	width: 2000px;
	z-index: -1;
}
.tmAccoDetail.package > div > aside > .details > h2,
.tmAccoDetail.package > div > section > .details > h2 {
	color: #FFFFFF;
	font-family: "Poppins", sans-serif;
	font-size: 34px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 20px 0;
}
.tmAccoDetail.package > div > aside > .details > p.price,
.tmAccoDetail.package > div > section > .details > p.price {
	color: #FFFFFF;
	display: block;
	margin-bottom: 10px;
	text-align: right;
}
.tmAccoDetail.package > div > aside > .details > p.price > span.value,
.tmAccoDetail.package > div > section > .details > p.price > span.value {
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.tmAccoDetail.package > div > aside > .details > p.price > span.value > span,
.tmAccoDetail.package > div > section > .details > p.price > span.value > span {
	color: #FFFFFF;
	display: inline-block;
	font-family: "Poppins", sans-serif;
	font-size: 34px;
	font-weight: bold;
	line-height: 1;
	margin: 1px 0 0 5px;
}
.tmAccoDetail.package > div > aside > .details > p.price > span.rule,
.tmAccoDetail.package > div > section > .details > p.price > span.rule {
	color: #FFFFFF;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.tmAccoDetail.package > div > aside > .details > p.date,
.tmAccoDetail.package > div > section > .details > p.date {
	color: #FFFFFF;
	margin-bottom: 20px;
	padding: 0 0 0 35px;
	position: relative;
}
.tmAccoDetail.package > div > aside > .details > p.date:before,
.tmAccoDetail.package > div > section > .details > p.date:before {
	color: #8c9da9;
	font-family: "TirolIconsWeb";
	font-size: 60px;
	font-weight: normal;
	content: "\1F6CF";
	left: -12px;
	line-height: 1;
	margin: -33px 0 0;
	position: absolute;
	top: 50%;
	z-index: 1;
}
.tmAccoDetail.package > div > aside > .details > .buttons,
.tmAccoDetail.package > div > section > .details > .buttons {
	display: flex;
}
.tmAccoDetail.package > div > aside > .details > .buttons > a.booking,
.tmAccoDetail.package > div > section > .details > .buttons > a.booking {
	background: #EE5F55;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin-right: 5px;
	padding: 14px 10px 16px 10px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: background 300ms ease;
	flex: 1;
}
.tmAccoDetail.package > div > aside > .details > .buttons > a.booking:hover,
.tmAccoDetail.package > div > section > .details > .buttons > a.booking:hover {
	background: #c9524b;
}
.tmAccoDetail.package > div > aside > .details > .buttons > a.request,
.tmAccoDetail.package > div > section > .details > .buttons > a.request {
	background: #67c484;
	border: none;
	border-radius: 5px;
	color: #FFFFFF;
	height: 46px;
	position: relative;
	transition: all 300ms ease;	
	width: 46px;
}
.tmAccoDetail.package > div > aside > .details > .buttons > a.request:hover,
.tmAccoDetail.package > div > section > .details > .buttons > a.request:hover { 
	background: #54a26c;
	color: #FFF;
}
.tmAccoDetail.package > div > aside > .details > .buttons > a.request:before,
.tmAccoDetail.package > div > section > .details > .buttons > a.request:before {
	content: "\1F620";
	font-family: "TirolIconsWeb";
	font-size: 44px;
	font-weight: normal;
	position: absolute;
	left: 5px;
	line-height: 1;
	top: 50%;
	margin-top: -22px;
}

/* Buttons */

.tmAccoDetail.package .bookmark {
	position: relative;
}
.tmAccoDetail.package .bookmark a.bookMark {
	line-height: 25px;
	position: absolute;
	width: 26px;
	height: 25px;
	right: 0;
	top: -2px;
	z-index: 1;
}
.tmAccoDetail.package .bookmark a.bookMark span {
	position: relative;
	color: #8c9da9;
	position: absolute;
	top: 0;
	left: -4px;
	width: 26px;
	height: 25px;
	transition: color 300ms ease;
}
.tmAccoDetail.package .bookmark a.bookMark span:before {
	content: "\1F3A8";
	display: block;
	font-family: 'TirolIconsWeb';
	font-size: 40px;
}
.tmAccoDetail.package .bookmark a.bookMark:hover span,
.tmAccoDetail.package .bookmark a.bookMark.selected span {
	color: #C30018;
}

@media all and (max-width: 1100px){

	.tmAccoDetail.package > div > aside > .details {
		background: #193c53;
		margin: -20px -20px 0;
		padding: 20px;
	}
	.tmAccoDetail.package > div > aside > .details > h2 {
		font-size: 26px;
	}

}

@media all and (max-width: 980px){

	.tmAccoDetail.package > div > .infoWrapper {
		margin-top: -35px;
		padding: 30px 0;
		position: relative;
	}
	.tmAccoDetail.package > div > .infoWrapper:before {
		background: #193c53;
		content: "";
		height: 100%;
		left: -1000px;
		position: absolute;
		top: 0;
		width: 2000px;
		z-index: -1;
	}
	.tmAccoDetail.package > div > .infoWrapper > h1 {
		color: #FFFFFF;
		margin: 0;
	}
	.tmAccoDetail.package > div > section > .details {
		display: block;
		padding: 20px 0;
	}
	.tmAccoDetail.package > div > section > .details > h2 {
		font-size: 30px;
	}
	.tmAccoDetail.package > div > section > .details > .buttons {
		width: 100%;
		justify-content: flex-end;
		max-width: 370px;
		margin: 0 0 0 auto;
	}

}

.tmAccoDetail.package .description.services {
	margin-bottom: 45px;
	margin-top: 45px;
}
.tmAccoDetail.package .description.services .label {
	color: #193C53;
	font-family: "Poppins", sans-serif;
	font-size: 26px;
	font-weight: 500;
	margin: 10px 0 12px;
}
.tmAccoDetail.package .description.services ul > li {
	font-size: 16px;
	padding: 3px 0 3px 28px;
	position: relative;
}
.tmAccoDetail.package .description.services ul > li:before {
	color: #67C484;
	content: '\e8ed';
	font-family: 'Webmanager';
	position: absolute;
	left: -2px;
	font-size: 22px;
	top: 50%;
	margin: -10px 0 0;
	line-height: 1;
}

/* TM - Event - Details - Gallery */

.tmAccoDetail.package .package-gallery {
	margin: 0 0 30px;
	max-height: 355px;
	overflow: hidden;
}
.tmAccoDetail.package .package-gallery > ul {
	display: flex;
	justify-content: center;
}
.tmAccoDetail.package .package-gallery ul li > a {
	display: block;
	min-height: 355px;
	position: relative;
}
.tmAccoDetail.package .package-gallery ul li > a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}

/* Swiper */

.tmAccoDetail.package .package-gallery .swiper-container {
	width: 100%;
}
.tmAccoDetail.package .package-gallery .swiper-wrapper {
	height: auto !important;
}
.tmAccoDetail.package .package-gallery .swiper-slide {
	background-position: center;
	background-size: cover;
}
.tmAccoDetail.package .package-gallery .swiper-pagination {
	bottom: 10px;
	left: 0;
	right: 0;
}
.tmAccoDetail.package .package-gallery .swiper-pagination-bullet {
	background: #fff;
	bottom: 0;
	margin: 0 4px;
	opacity: 0.5;
	width: 11px;
	height: 11px;
}
.tmAccoDetail.package .package-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}
.tmAccoDetail.package .package-gallery .swiper-button-disabled {
	opacity: 0.5 !important;
	pointer-events: none;
}
.tmAccoDetail.package .package-gallery .swiper-slide-shadow-left,
.tmAccoDetail.package .package-gallery .swiper-slide-shadow-right {
	background: rgba(255,255,255,0.8);
}
.tmAccoDetail.package .package-gallery .swiper-prev,
.tmAccoDetail.package .package-gallery .swiper-next {
	background: #67c484;
	border-radius: 0px 5px 5px 0px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	cursor: pointer;
	height: 46px;
	position: absolute;
	top: calc(50% - 23px);
	left: 0; 
	transition: background 300ms ease;
	width: 46px;
	z-index: 1;
}
.tmAccoDetail.package .package-gallery .swiper-next {
	border-radius: 5px 0 0 5px;
	left: auto;
	right: 0;
}
.tmAccoDetail.package .package-gallery .swiper-next:before,
.tmAccoDetail.package .package-gallery .swiper-prev:before {
	color: #FFFFFF;
	content: "\1F476";
	font-family: "TirolIconsWeb";
	font-size: 34px;
	left: 9px;
	line-height: 46px;
	position: absolute;
}
.tmAccoDetail.package .package-gallery .swiper-prev:before {
	left: 4px;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

@media all and (max-width: 980px){

	.tmAccoDetail.package .package-gallery {
		margin: 0 -20px;
		padding: 0 20px 20px;
	}
	.tmAccoDetail.package .package-gallery:before {
		background: #193c53;
		content: "";
		height: 100%;
		left: -1000px;
		position: absolute;
		top: 0;
		width: 2000px;
		z-index: -1;
	}

}

@media all and (max-width: 500px){

	.tmAccoDetail.package .package-gallery {
		width: auto;
		margin-left: -20px;
		margin-right: -20px;
		padding: 0 0 20px;
	}
	.tmAccoDetail.package .package-gallery .swiper-slide-shadow-left,
	.tmAccoDetail.package .package-gallery .swiper-slide-shadow-right {
		background: rgba(0,0,0,0.16);
	}
	.tmAccoDetail.package .package-gallery .swiper-slide-active {
		box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
	}

}

.tmAccoDetail.package > div .rooms .entry .cwrapper > .content > .title {
	margin-bottom: 0;
}
.tmAccoDetail.package > div .rooms .entry .cwrapper > .content > .room {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}