/* one-col (Standard) */

div.onecol-teasermenu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	padding: 20px 0;
}
div.onecol-teasermenu h3 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-top: 20px;
	font-size: 1.4em;
}
div.onecol-teasermenu h3 span.room-size, div.onecol-teasermenu h3 span.package-price {
	font-weight: normal;
	display: inline-block;
	text-transform: none;
	white-space: nowrap;
}
div.onecol-teasermenu p.package-price {
	font-weight: bold;
	color: var(--color-gruen);
}
div.onecol-teasermenu p.package-price:empty { display: none; }
div.onecol-teasermenu-image {
	flex-basis: 100%;
}
div.onecol-teasermenu-image img {
	display: block;
	width: 100%;
	height: auto;
}
div.onecol-teasermenu-text {
	flex-basis: 100%;
}
div.onecol-teasermenu-text p { line-height: 1.6em; }


@media only screen and (min-width: 960px) {
	
	div.onecol-teasermenu h3 {
		padding-top: 0;
		font-size: 1.6em;
	}
	div.onecol-teasermenu-image {
		flex-basis: 31.58%;
	}
	div.onecol-teasermenu-text {
		flex-basis: 64%;
	}
	p.onecol-teasermenu-buttons {
		text-align: right;
	}
	
}

/* one-col (Alternative) */

.octm2-wrap {
	padding: 40px 0;
}
.octm2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: stretch;
	justify-content: space-between;
	margin: 40px 0 0 0;
	background: var(--color-bg-bright);
}
.octm2-wrap .octm2:first-child {
	margin-top: 0;
}
.octm2-image {
	flex-basis: 40%;
	min-height: 300px;
}
.octm2-text {
	flex-basis: 60%;
}
.octm2 h3 {
	padding-top: 0;
}
.octm2-image {
	background-size: cover;
	background-position: center center;
}
.octm2-image img {
	display: block;
	max-width: 100%;
	height: auto;
}

.octm2-text {
	padding: 40px;
}
.octm2 p { line-height: 1.6em; }

.octm2 p.package-price {
	font-size: 1.4em;
}



/* multi-col */

.frame-type-teasermenu_pi1.frame-layout-1 {
	width: var(--content-width-wide);
	max-width: 100%;
}

.mctm1-wrap {
	display: grid;
	grid-template-columns: 1fr; 
	gap: 20px;
}
.mctm1 {
	position: relative;
	text-align: center;
	color: var(--text-color);
	/* fuer den Filter */
    opacity: 1;
    height: auto;
    transition: opacity 0.5s ease, height 0.5s ease;
}
.mctm1.hidden {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 0.5s ease, height 0.5s ease;
    margin: 0;
    padding: 0;
    pointer-events: none;
	order: 999;
}
.mctm1 a {
	text-decoration: none;
	position: static;
	color: var(--text-color);
}
.mctm1 h3 {
	color: var(--text-color);
	padding: 10px 0;
	hyphens: auto;
	font-size: 1.4em;
}
.mctm1-image {
	width: 100%;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.mctm1-image img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	transition: 0.2s ease;
}
/*
div.multicol-teasermenu-image { overflow: hidden; }
div.multicol-teasermenu:hover div.multicol-teasermenu-image img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
*/
.mctm1 ul.tm-t-cat {
	display: block;
	list-style: none;
	position: absolute;
	top: 40px;
	left: 0;
}
.mctm1 ul.tm-t-cat li {
	display: block;
	padding-bottom: 10px;
	text-align: left;
}
.mctm1 ul.tm-t-cat li span {
	display: inline-block;
	background: var(--hsl-gruen);
	padding: 5px 10px;
	color: #fff;
	font-weight: 500;
}
.tm-blue ul.tm-t-cat li span {
	color: var(--text-color);
	background-color: var(--hsl-blau);
}
.tm-yellow ul.tm-t-cat li span {
	color: var(--text-color);
	background-color: var(--hsl-gelb);
}

.mctm1-text {
	display: block;
	position: relative;
	text-align: left;
	padding: 10px 20px;
}
.mctm1-text p:empty {
	display: none;
}

.mctm1-button {
	display: block;
	padding: 12px 0;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	position: relative;
}
.mctm1-button span {
	display: inline-block;
}
.mctm1-button span:after {
	display: block;
	content: '';
	width: 100%;
	height: 4px;
	overflow: hidden;
	background: var(--color-green);
	transition: 0.2s ease;
}
/*
.mctm1:hover .mctm1-button span:after{
	width: 100%;
}
*/

.mctm1-pricelabel {
	display: inline-block;
	font-size: 1.4em;
	padding: 20px;
	font-weight: normal;
	font-family: 'xeye_sans', Arial, Helvetica, sans-serif;
}

@media only screen and (min-width: 960px) {
	
	.mctm1-wrap {
		grid-template-columns: 1fr 1fr 1fr; 
	}
	.mctm1-image {
		overflow: hidden;
	}
	.mctm1 .mctm1-image img {
		transition: 0.2s;
	}
	.mctm1:hover .mctm1-image img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
}

/* multi-col */



/* slider */

.tm-slider {
	overflow: hidden;
	position: relative;
	touch-action: pan-y;
}
.tm-slider .slides {
  display: flex;
  transition-property: transform;
  will-change: transform;
}

.tm-slider .slides > li {
  flex: 0 0 auto;
}
.tm-slider .slides > li a {
	text-decoration: none;
}
.tm-slider-button span {
	display: inline-block;
}
.tm-slider-button span:after {
	display: block;
	content: '';
	width: 100%;
	height: 4px;
	overflow: hidden;
	background: var(--color-green);
	transition: 0.2s ease;
}
.tm-slider-image img {
	display: block;
	width: 100%;
	height: auto;
}

.tm-slider ul.flex-direction-nav {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.tm-slider ul.flex-direction-nav button,
.tm-slider ul.flex-direction-nav a {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	padding: 20px 0;
	margin: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	line-height: inherit;
	text-align: inherit;
	cursor: pointer;
}
.tm-slider ul.flex-direction-nav button svg,
.tm-slider ul.flex-direction-nav a svg {
	display: block;
	width: 40px;
	height: auto;
}

.tm-slider-next,
.tm-slider-prev {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	font-family: 'FontAwesome';
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	color: var(--color-green);
}
.tm-slider-next:after {
	content: '\f105';
}
.tm-slider-prev:after {
	content: '\f104';
}
/*
.tm-slider ul.flex-direction-nav button span {
	display: none;
}
.tm-slider ul.flex-direction-nav button:after {
	content: '\f178';
	font-family: 'FontAwesome';
	font-size: 30px;
}
.tm-slider ul.flex-direction-nav button.flex-prev:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M41.4 297.4C28.9 309.9 28.9 330.2 41.4 342.7L169.4 470.7C181.9 483.2 202.2 483.2 214.7 470.7C227.2 458.2 227.2 437.9 214.7 425.4L141.3 352L576 352C593.7 352 608 337.7 608 320C608 302.3 593.7 288 576 288L141.3 288L214.7 214.6C227.2 202.1 227.2 181.8 214.7 169.3C202.2 156.8 181.9 156.8 169.4 169.3L41.4 297.3z'/%3E%3C/svg%3E");
}
*/

@media only screen and (min-width: 1200px) {

	.tm-slider {
		overflow: hidden;
	}
/*
	.tm-slider:before,
	.tm-slider:after {
		display: block;
		content: '';
		width: 1000px;
		position: absolute;
		top: 0;
		bottom: 0;
		background: rgba(255,255,255,0.8);
		z-index: 10;
		pointer-events: none;
	}
	.tm-slider:before { right: 100%; }
	.tm-slider:after { left: 100%; }
*/
	
	.tm-slider-image {
		overflow: hidden;
		border-radius: 10px;
	}
	.tm-slider-image img {
		display: block;
		width: 100%;
		height: auto;
		transition: 0.2s;
	}
	.tm-slider .slides li:hover img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
}




/* one Level up / back to List */

a.back-to-list {
	display: block;
	width: 80%;
	color: #555555;
	text-decoration: underline;
	font-size: 1em;
	line-height: 3em;
	padding: 50px 10px 10px 10px;
}