/*!* alegreya-sans-medium - latin_latin-ext *!*/
@font-face {
	font-display: swap;
	font-family: 'Alegreya Sans';
	font-style: normal;
	font-weight: 500;
	src: url('../../../../fileadmin/_template/Fonts/Alegreya/alegreya-sans-v25-latin_latin-ext-500.woff2') format('woff2');
}

body { overflow: visible; }
.map-wrapper {
	/*position: relative;*/
	position: sticky;
	top: 0;
	/*padding-top: 66%;*/
	padding-top: 81%;
	margin-right: -10vw;
	height: 100dvh;
}
.hostMarker {
	display: flex !important;
	padding-bottom: 9px;
}
.hostMarker .icon {
	display: block;
	pointer-events: none;
	margin-bottom: -9px;
}
.hostMarker .price {
	display: block;
	pointer-events: none;
	background-color: #ffffff;
	padding: 5px;
	border-left: 1px solid #ffffff;
	align-content: center;
	transition: .3s;
	font-family: var(--font-lato);
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.25rem;
}
.hostMarker.active .price,
.hostMarker .price:hover {
	background-color: var(--color-brand);
	color: #ffffff;
}
.hostMarker .markerIcon {
	display: block;
	width: 30px;
	height: 40px;
	position: relative;
	pointer-events: none;
}
.hostMarker .markerIcon:before,
.hostMarker .markerIcon:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
}
.hostMarker .markerIcon:before {
	opacity: 1;
	background-image: url(../../../../fileadmin/_template/Icons/pictos/green/greenmarker.png);
}
.hostMarker .markerIcon:after {
	opacity: 0;
	background-image: url(../../../../fileadmin/_template/Icons/pictos/green/darkgreenmarker.png);
}
.hostMarker.active .markerIcon:before { opacity: 0; }
.hostMarker.active .markerIcon:after { opacity: 1; }
.hostCard {
	border: 1px solid transparent;
	transition: .3s;
}
.hostCard:last-of-type {
	margin-bottom: 0 !important;
}
.hostCard.active {
	box-shadow: 0 1px 10px #0000003b;
}
.hostCard .image {
	position: relative;
	width: 40%;
	min-width: 40%;
}
.hostCard .image img.activeCard {
	width: 75px;
	height: auto;
	position: absolute;
	top: 0;
	left: auto;
	right: 20px;
}
.hostCard .image:after {
	content: '';
	display: block;
	width: 100%;
	padding-top: 100%;
}
.hostCard .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;

}
.hostCard .content {
	flex-grow: 1;
	padding: 30px;
	background-color: #F4F4F4;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.hostCard .content * {
	font-family: var(--font-alegreya);
}
.hostCard .content h4 {
	font-size: 24px;
}
.hostCard .location {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.hostCard .location-icon {
	display: flex;
	align-items: center;
}
.hostCard .location-icon:before {
	content: '';
	display: inline-block;
	margin-right: 6px;
	width: 10px;
	height: 15px;
	background-image: var(--icon-b-location);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 3px;
}
.hostCard .kats {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 16px;
}
.hostCard .kats .pill {
	color: var(--color-white);
	background-color: var(--color-brand);
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1.2;
}
.hostCard__bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 12px;
}
.hostCard__bottom .price>div:not(.small) {
	display: block !important;
	font-family: var(--font-alegreya);
	font-weight: var(--font-weight-text);
	font-size: var(--font-size-default);
	line-height: var(--line-height-text);
}
.hostCard__bottom .price .unit {
	font-size: 22px;
	font-weight: 700;
	margin-left: 5px;
	font-family: var(--font-lato);
}
.hostCard__bottom .price .small {
	line-height: normal;
	margin-top: 5px;
}
.hostCard__bottom .btn.btn-primary {
	align-self: flex-end;
	padding-right: 24px;
}
.hostCard__bottom .btn.btn-primary:after,
.hostCard__bottom .btn.btn-primary:before { display: none; }
.mapFocus {
	cursor: pointer;
	text-decoration: underline;
}
.markerCard {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 0;
	width: 222px;
	display: none;
}
.hostMarker.active .markerCard { display: block; }
.markerCard .image { position: relative; }
.markerCard .image::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 56%;
}
.markerCard .image img:not(.activeCard) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.markerCard .image img.activeCard {
	position: absolute;
	top: 0;
	right: 15px;
	width: 55px;
}
.markerCard .content {
	padding: 15px 16px 20px;
	background-color: #ffffff;
}
.markerCard h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.625rem;
}
.markerCard .bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	margin-top: 20px;
}
.markerCard .bottom .small { font-size: 10px; }
.markerCard .bottom .markerprice>div, .markerCard .bottom button, .markerCard .bottom .btn { font-family: var(--font-alegreya); }
.markerCard .bottom .unit { font-weight: 700; font-family: var(--font-lato); }
.markerCard .btn.btn-primary {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	/*padding: 5px;*/
	padding: 5px 10px;
	border-radius: 8px;
}
.markerCard .btn.btn-primary:before,
.markerCard .btn.btn-primary:after { display: none; }
.markerCard .btn.btn-primary:hover {
	color: #000;
}

.tx_hosts.host_list {
	--n-art-width: 350px;
	position: relative
}

/* form */
.tx_hosts.host_list form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}
.tx_hosts.host_list form .form-wrapper {
	display: flex;
	align-items: stretch;
	box-shadow: 0 1px 10px #0000003b;
	border-radius: 5px;
	background-color: var(--color-text-alt);
}
.filter .form-wrapper .form-group{
	padding-top: .5rem;
	padding-bottom: .5rem;
	border-color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.filter .form-wrapper #filter-control *{
	font-family: var(--font-lato);
	font-size: 16px;
}
.filter .form-wrapper .form-group.accommodations .btn{
	padding-top: 0;
	padding-bottom: 0;
}
.filter form .form-wrapper .form-group.filter-persons>div>span{
	display: flex;
	align-items: center;
	gap: 5px;
	line-height: 20px;
}
.filter-calender {
	cursor: pointer;
}
.tx_hosts.host_list form .form-wrapper .filter-calender {
	font-weight: 700;
	font-size: 16px;
}
.filter-calender::before {
	z-index: 1;
	pointer-events: none;
}

/*@-moz-document url-prefix() {*/
/*	form .form-wrapper .filter-calender input {*/
/*		max-width: fit-content !important;*/
/*	}*/

/*}*/
form .form-wrapper .filter-calender input[type="date"]::-webkit-inner-spin-button,
form .form-wrapper .filter-calender input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

@media(max-width: 768px){
	.tx_hosts.host_list form .form-wrapper { flex-direction: column; }
	.tx_hosts.host_list form .form-wrapper .filter-calender {
		padding: .5rem 1.5rem;
		border-right: 0;
		border-bottom: 1px solid darkgrey;
	}
}
.tx_hosts.host_list .easepick-wrapper {
	position: fixed !important;
	z-index: 2500;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
}
.container.lock-plugin .calendar>.days-grid>.day.locked:not(.start):not(.end) {
	background: black !important;
}
/* persons */
.number-wrapper {
	display: flex;
	align-items: center;
	font-size: 16px;
	margin-bottom: 1.25rem;
}
.form-group .number-wrapper label { padding-bottom: 0; }
 :is(.filter-popup,.popup) .popup-content :is(label,.form-group .number-wrapper label) {
	flex: 1 1 180px;
	max-width: 180px;
}
.number {
	display: flex;
	align-items: center;
}
.number .decrement,
.number .increment {
	/*width: 24px;*/
	/*height: 24px;*/
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #000;
	align-content: center;
	background-color: #ffffff;
	font-size: 0;
	/*font-size: 1.5rem;*/
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	outline: none;
}
.number .decrement[disabled],
.number .increment[disabled] {
	pointer-events: none;
	opacity: .65;
}
.number .decrement:before,
.number .increment:before,
.number .increment:after {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: var(--transit-all-slow);
}
.number .increment:after {
	transform: translate(-50%, -50%) rotate(90deg);
}
.number .decrement:hover,
.number .increment:hover {
	background-color: var(--color-brand);
	border-color: var(--color-brand);
	color: #fff;
}
.number .decrement:hover:before,
.number .increment:hover:before,
.number .increment:hover:after {
	background-color: #ffffff;
}

.number input::-webkit-outer-spin-button,
.number input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.number input[type=number] {
	-moz-appearance:textfield;
	text-align: center;
	border: none;
	font-size: 29px;
	line-height: 54px;
	font-family: var(--font-lato);
}
.tx_hosts.host_list .filter-popup button[type="submit"] {
	align-self: flex-end;
	padding-right: 1.5rem;
}
.tx_hosts.host_list .filter-popup button[type="submit"]:before, .filter-popup button[type="submit"]:after { display: none; }
.ages {
	font-size: 16px;
	gap: 20px;
	flex-wrap: wrap;
}
.ages label,
.ages select { display: block; }
.ages select {
	padding:14px;
	width: 100%;
	border: 1px solid #000;
	border-radius: 8px;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	font-size: 16px;
	line-height: 16px;
	cursor: pointer;
}
.ages>div {
	position: relative;
	width: calc(100% / 4 - (60px / 4));
	flex-basis: calc(100% / 4 - (60px / 4));
}
.ages>div::after {
	content: '';
	position: absolute;
	bottom: 13px;
	right: 13px;
	transform: translateY(-50%);
	background-image: var(--icon-b-arropen);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	pointer-events: none;
}
.tx_hosts.host_list .rooms { display: flex; }
.tx_hosts.host_list .rooms label {
	flex: 1 1 180px;
	max-width: 180px;
}
.tx_hosts.host_list .rooms input { padding: 0 10px; }
.tx_hosts.host_list .filter-category:not(.filter-persons) .filter-popup.popup .popup-content {
	display: block;
	padding-bottom: 100px;
}
.tx_hosts.host_list.hosts_filter .filter-category .filter-popup.popup .popup-content {
	padding-bottom: 100px;
}
.filter-popup.popup { overflow: hidden; }
.filter-persons .filter-popup.popup .popup-content,.filter-persons .filter-popup.popup .filter-controls{
	max-width: 650px;
}
.filter-sorting .filter-popup.popup .popup-content, .filter-sorting .filter-popup.popup .filter-controls{
	max-width: 220px;
}
.filter-popup.popup .popup-content::-webkit-scrollbar, .inquiry-popup.popup .popup-content::-webkit-scrollbar, #menu-main .menu-main-wrapper::-webkit-scrollbar {
	display: none;
}
.filter-popup.popup .filter-controls {
	position: relative;
	bottom: -18px;
	left: 0;
	width: 100%;
	height: 78px;
	/*max-width: 1000px;*/
	max-width: 625px;
	margin-left: auto;
	margin-right: auto;
	min-height: 4rem;
	background-color: var(--bs-white);
	display: flex;
	justify-content: end;
	align-items: center;
	border-top: none;
	/*box-shadow: 0 0 4px rgba(128, 128, 128, .5);*/
	box-shadow: none;
	gap: 1rem;
	flex-wrap: wrap;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 1rem 2rem;
	overflow: visible;
}
.filter-popup.popup .filter-controls button[type="submit"] {
	height: 100%;
}
.filter-control {
	display: flex;
	align-items: center;
	gap: 15px;
	color: #000;
}
.filter-persons .filter-control:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: static;
}
.filter-persons .filter-control:before {
	background-image: var(--icon-b-person);
}
.filter-control:before { position: static; }

.columns {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.columns > .headline { width: 100%; }
.columns > label,
.columns > div {
	width: calc((100% - 10px)/3);
	flex: unset !important;
	max-width: none !important;
}

.filter-sorting .catwrapper { display: block; }
.filter-sorting .catwrapper label {
	width: 100%;
	max-width: none !important;
}

.columns > div.cities {
    width: calc((100% - 10px) / 1.5);
	gap: 0;
}

.columns > div.facility { gap: 0; }
.columns > div.accommodationType {
    width: calc((100% - 10px) / 3)!important;
}


.filter-sorting .filter-control:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: static;
}
.filter-sorting .filter-control:before {
	background-image: var(--icon-b-sorting);
}

.tx_hosts.host_list .filter-search .filter-control {
	background-color: #fff !important;
	color: #ffffff;
	border-radius: 0 .5rem .5rem 0 !important;
	display: flex !important;
	align-items: center !important;
}
.tx_hosts.host_list .filter-search .filter-control:before {
	background-image: var(--icon-w-search);
}
.tx_hosts.host_list .filter-category.filter-search .filter-popup.popup .popup-content {
	/*padding-bottom: 32px;*/
	overflow: visible;
	padding: 0;
	border: none;
	max-width: 320px;
	display: flex;
	margin-top: -205px;
	border-radius: 5px;
}
.tx_hosts.host_list .filter-category.filter-search .filter-popup.popup {
	display: flex;
	align-items: center;
}
.tx_hosts.host_list .filter-category.filter-search .filter-popup.popup .popup-content .catwrapper .inner {
	display: flex;
}
.tx_hosts.host_list .filter-category.filter-search .filter-popup.popup .popup-content .catwrapper input {
	width: 100%;
	outline: none;
	padding: .42rem 1.5rem;
	border-radius: 0 5px 5px 0;
	border: none;
	outline: none;
	height: 45px;
}

.tx_hosts.host_list .filter-category.filter-search .filter-popup.popup .popup-content .catwrapper input#searchword {
	border-radius: 5px 0 0 5px;
}

.tx_hosts.host_list .btn-primary.btn-submit {
	align-self: flex-end;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}



@media (min-width: 768px) {
	.tx_hosts.host_list .filter-category.filter-search .filter-popup.popup .popup-content .catwrapper input#searchword {
		position: relative;
		margin: 0 !important;
		top: 0;
		background: #fff;
		border: none;
		border-radius: 5px 0 0 5px;
		display: block;
		font-size: 1.25rem;
		height: 70px;
		line-height: 1;
		padding: 0 80px 0 40px;
		width: 100%;
	}
	.tx_hosts.host_list .filter-category.filter-search .filter-popup.popup .popup-content .catwrapper input#searchword+.submitbutt {
		margin: 0;
		border-radius: 5px;
		border: none;
		height: 70px;
		width: 170px;
		position: relative;
	}
	.tx_hosts.host_list .filter-category.filter-search .filter-popup.popup .popup-content .catwrapper input#searchword+.submitbutt>input {
		padding: .42rem 1.5rem;
		border-radius: 0 5px 5px 0;
		font-size: 1.25rem;
		margin: 0;
		height: 100%;
		width: 100%;
		min-width: unset;
		text-align: left;
	}
	.tx_hosts.host_list .filter-category.filter-search .filter-popup.popup .popup-content .catwrapper input#searchword+.submitbutt::after {
		content: "";
		background-image: var(--icon-w-search);
		width: 25px;
		height: 25px;
		position: absolute;
		top: 50%;
		background-size: 100% 100%;
		transform: translateY(-50%);
		pointer-events: none;
		right: 20px;
	}
	.tx_hosts.host_list .filter-category.filter-search .filter-popup.popup .popup-content {
		max-width: 780px;
	}
}

/* results */
.tx_hosts.host_list .filter~.news-list-view {
	margin-top: 2rem;
	flex-wrap: wrap;
	gap: 2rem;
	justify-content: start;
	align-items: flex-start;
	overflow: visible;
}

.tx_hosts.host_list .filter~.news-list-view .news-art-img {
	max-height: 31.25rem;
	overflow: hidden
}
.tx_hosts.host_list .filter~.news-list-view .news-art-img img {
	min-width: 100%;
	height: auto;
	transition: var(--transit-all-slow)
}
.tx_hosts.host_list .filter~.news-list-view .news-art-img .news-img-wrap a {
	display: inline-flex;
	width: 100%
}
.tx_hosts.host_list .filter~.news-list-view .news-art-img .news-img-wrap a img {
	aspect-ratio: 9/16;
	object-fit: cover
}

.tx_hosts.host_list .filter~.news-list-view :is(.article, .news-art-content) {
	min-height: 31.25rem;
	max-height: 31.25rem;
	height: 100%
}

.tx_hosts.host_list .filter~.news-list-view .news-art-content {
	padding: 1.5rem;
	background: var(--linear-gradient-bg-swap);
	transition: background all .2s ease 50ms
}

.tx_hosts.host_list .filter~.news-list-view .news-list-date {
	align-self: flex-end;
	padding: 5px 12px;
	background: #fff;
	color: #000;
	border-radius: 5px;
	font-weight: 400 !important;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-family: var(--font-alegreya);
	font-size: var(--font-size-default);
	gap: 3px
}
.tx_hosts.host_list .filter~.news-list-view .news-list-date:before {
	content: "";
	background: var(--icon-b-calender) no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
	display: inline-block;
	margin-right: .5rem;
	width: 1.2rem;
	height: 1.2rem
}
.tx_hosts.host_list .filter~.news-list-view time {
	font-family: var(--font-alegreya);
	font-size: var(--font-size-h6-mobile)
}
.tx_hosts.host_list .filter~.news-list-view .time-line {
	padding: 0 5px;
	font-size: 1.5rem;
	font-weight: lighter
}

.tx_hosts.host_list .filter~.news-list-view .header {
	margin-top: auto;
	margin-bottom: 0
}
.tx_hosts.host_list .filter~.news-list-view .header>span {
	display: inline-flex;
	position: relative;
	background-color: var(--color-brand);
	color: #fff;
	padding: .3rem .5rem;
	border-radius: 5px;
	bottom: 1rem;
	font-weight: 400;
	font-size: var(--font-size-default);
	white-space-collapse: break-spaces;
	transition: var(--transit-all-slow)
}
.tx_hosts.host_list .filter~.news-list-view .header>span:before {
	content: "";
	align-self: center;
	position: relative;
	display: inline-block;
	background: var(--icon-w-location) no-repeat center;
	background-size: contain;
	left: -2px;
	margin-right: 4px;
	width: 1rem;
	height: 1rem;
	min-width: 1rem
}
.tx_hosts.host_list .filter~.news-list-view .header>h3 {
	margin-top: .5rem;
	margin-bottom: 0
}

.tx_hosts.host_list .filter~.news-list-view .teaser-text {
	font-size: var(--font-size-default);
	position: absolute;
	overflow: hidden;
	max-height: 100px;
	margin-top: 1rem;
	opacity: 0;
	visibility: hidden;
	line-height: 1.15
}
.tx_hosts.host_list .filter~.news-list-view .teaser-text :is(div, span, p, a) {
	line-height: 1.15
}

.tx_hosts.host_list .filter~.news-list-view .article:hover .news-art-content {
	padding-bottom: 2.5rem;
	background: var(--linear-gradient-bg)
}
.tx_hosts.host_list .filter~.news-list-view .article:hover .news-art-content .header>span {
	background-color: var(--color-brand-lighter)
}
.tx_hosts.host_list .filter~.news-list-view .article:hover .news-art-img img {
	transform: scale(1.05)
}
.tx_hosts.host_list .filter~.news-list-view .article:hover .teaser-text {
	position: relative;
	max-height: 3.9rem;
	bottom: 0;
	display: block;
	opacity: 1;
	visibility: visible
}

.tx_hosts.host_list :is(.col-right, .col-left) {
	display: flex;
	flex-wrap: wrap;
	margin: .5rem 0
}
.tx_hosts.host_list .loadmore {
	display: block;
	margin: 0 auto
}
.tx_hosts.host_list #filter-events {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center
}
.tx_hosts.host_list #filter-events .icon-filter {
	margin-right: .5rem
}

@media screen and (max-width: 1650px) {
	.tx_hosts.host_list .news-list-view {
		justify-content: center !important
	}

	.tx_hosts.host_list .news-list-view .article {
		max-width: calc(33% - 2rem);
		width: 100%
	}
}

@media screen and (max-width: 1350px) {
	.tx_hosts.host_list .news-list-view .article {
		max-width: calc(50% - 1rem);
		width: 100%
	}
}

:is(.tx_events.events_filterlist,.tx_tours.tours_filterlist,.tx_pois.pois_list,.tx_host.host_list) .news-list-view .teaser-text {
	line-height: var(--line-height-text) !important;
}
@media screen and (max-width: 1020px) {
	.tx_hosts.host_list .news-list-view .article {
		height: 20rem !important;
		max-height: 20rem !important;
		min-height: 20rem !important;
		max-width: 100%;
		width: 100%;
		align-self: center;
		min-width: unset;
		overflow: hidden
	}

	.tx_hosts.host_list .news-list-view .article .news-art-img {
		position: relative;
		max-height: unset
	}

	.tx_hosts.host_list .news-list-view .article .news-art-img a img {
		aspect-ratio: 1/1
	}

	.tx_hosts.host_list .news-list-view :is(.news-art-img, .news-img-wrap, a) {
		height: 100%
	}
}
.tx_hosts.host_list .filter form .filter-calender>div.mobile {
	display: none;
}
@media screen and (max-width: 800px) {
	.tx_hosts.host_list .filter {
		background-color: transparent;
		box-shadow: unset;
		padding: 0;
		max-width: 100%
	}

	.tx_hosts.host_list:not(.hosts_filter) .filter form {
		width: 100%;
		flex-direction: column
	}

	.tx_hosts.host_list .filter form hr {
		margin: .5rem 0
	}

	.tx_hosts.host_list:not(.hosts_filter) .filter form .form-group {
		border: none;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%
	}

	.tx_hosts.host_list .filter form .popup-content .form-group {
		justify-content: flex-start
	}

	.tx_hosts.host_list .filter form .filter-calender {
		padding-top: .5rem
	}

	.tx_hosts.host_list .filter form .filter-calender>div {
		display: flex;
		flex-wrap: nowrap
	}

	.tx_hosts.host_list .filter .d-flex {
		flex-direction: column;
		width: 100%
	}
}

@media screen and (max-width: 400px) {
	.tx_hosts.host_list .news-list-view .article {
		max-width: 100%
	}
}

/* checked-filter-tags */
#checked-filter-tags {
	width: 100%;
	padding: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 2rem;
	flex-wrap: wrap;
}
#checked-filter-tags input[type="checkbox"] {
	display: none;
}
#checked-filter-tags label {
	border: 1px solid #f4f4f4;
	padding: 0.2rem 1.6rem 0.2rem 0.8rem;
	border-radius: 5px;
	background: #f4f4f4;
	margin: 0 0.2rem;
	cursor: pointer;
	transition: var(--transit-all-slow);
	white-space: nowrap;
	position: relative;
}
#checked-filter-tags label:after, #checked-filter-tags label:before {
	content: "";
	display: inline-block;
	background-image: var(--icon-b-close);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 5px;
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	right: 8px;
	top: 11px;
	transition: var(--transit-all-slow);
	opacity: 1;
}
#checked-filter-tags label:before {
	background-image: var(--icon-g-close);
	opacity: 0;
}
#checked-filter-tags label:hover {
	color: var(--color-brand);
	border: 1px solid var(--color-brand);
}
#checked-filter-tags label:hover:after {
	opacity: 0;
}
#checked-filter-tags label:hover::before {
	opacity: 1;
}
#checked-filter-tags .btn-reset::before {
	margin-right: 5px;
}
#checked-filter-tags:empty {
	padding: 0;
	margin: 0;
}

.tx_hosts.host_list :is(.filter-popup,.popup) .popup-content { padding-bottom: 100px; }

.roomswrapper .room-form .delete-icon { cursor: pointer; }
.roomswrapper>.room-form:nth-of-type(2) .delete-icon {
	pointer-events: none;
	opacity: .25;
}
.roomswrapper>.room-form:nth-of-type(2):has(+.room-form) .delete-icon{
	pointer-events: all;
	opacity: 1;
}
.roomswrapper .room-form + .room-form {
	padding-top: 40px;
	border-top: 1px solid #000000;
	margin-top: 40px;
}
.room-form .headline {
	/*margin-bottom: 8px;*/
	margin-bottom: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.room-form .headline > span,
.room-form .headline span.room-count {
	font-size: 32px;
	font-weight: 700;
}
.room-form .headline .delete-icon {
	display: block;
	width: 22px;
	height: 22px;
	background-image: var(--icon-b-trash);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.btn-transparent {
	border: 1px solid #000000;
	align-self: center;
}
.tx_hosts.host_list *:not(.hostCard__bottom, .hostMarker) > .price {
	font-size: 22px;
	font-weight: 600;
	font-family: var(--font-lato);
}
@media(max-width: 1280px) {
	.tx_hosts.host_list.hosts_filterlist .hostCard__bottom {
		margin-top: 10px;
	}
	.tx_hosts.host_list.hosts_filterlist .hostCard__bottom .price .unit {
		font-size: 19px;
	}
	.tx_hosts.host_list.hosts_filterlist .hostCard__bottom .btn.btn-primary {
		padding: 5px 10px;
	}
}

.tx_hosts.host_list .found {
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-weight: 700;
	margin: 2rem 0;
}

.be-default #header {
	z-index: 99;
}
#header~#main.main {
	z-index: 99;
}
#header~#main.main:has(.popup:not(.hidden)) {
	z-index: 99;
}
.active-filter>div>span {
	cursor: pointer;
}
.tx_hosts.host_list .columns > div .headline, .tx_hosts.host_list .catwrapper>.headline {
	flex-basis: 100%;
	font-size: 1.5rem;
	line-height: 1.625rem;
}
.tx_hosts.host_list .columns {
	align-items: flex-start;
}
.tx_hosts.host_list .columns.cities > div, .tx_hosts.host_list .columns.cities > label {
	width: calc((100% - 10px)/2);
}
.filter>form .filter-category label {
	font-size: 18px;
	line-height: 20px;
}

.tx_hosts.host_list .filter-persons .filter-popup.popup .btn-close {
	right: calc((100vw - 650px)/2 - 52px);
}
.tx_hosts.host_list .filter-sorting .filter-popup.popup .btn-close {
	right: calc((100vw - 320px)/2 - 52px);
}
.tx_hosts.host_list .filter-popup.popup .btn-close {
	right: calc((100vw - 1000px)/2 - 52px);
	top: calc(10vh - 52px);
	background: none;
	width: 32px;
	height: 32px;
	padding: 0;
	position: fixed;
	opacity: 1;
	top: 60px;
}
.tx_hosts.host_list .filter-popup.popup .btn-close:before,
.tx_hosts.host_list .filter-popup.popup .btn-close:after {
	content: '';
	display: block;
	width: 2px;
	height: 45px;
	background-color: #ffffff;
	position: absolute;
	top: -6px;
	left: 50%;
}
.tx_hosts.host_list .filter-popup.popup .btn-close:before { transform: rotate(45deg); }
.tx_hosts.host_list .filter-popup.popup .btn-close:after { transform: rotate(-45deg); }
.tx_hosts.host_list .filter-popup.popup .btn-close:hover:before,
.tx_hosts.host_list .filter-popup.popup .btn-close:hover:after { background-color: var(--color-brand); }

form .form-wrapper .form-group .filter-popup.popup hr{
	color: #000;
	background-color: #000;
	opacity: 1;
	margin: 35px 0 40px;
}

.tx_hosts.host_list .filter input {
	outline: none;
}
.tx_hosts.host_list .form-group.accommodations .filter-controls {
	max-width: 1000px;
}
.tx_hosts.host_list .active-filter {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	max-width: 505px;
	flex-wrap: wrap;
	gap: .5rem;
	margin-bottom: 30px;
}
.tx_hosts.host_list .active-filter>div {
	border: 1px solid #f4f4f4;
	padding: .2rem 1.6rem .2rem .8rem;
	border-radius: 5px;
	background: #f4f4f4;
	cursor: pointer;
	transition: var(--transit-all-slow);
	white-space: nowrap;
	position: relative;
}
.tx_hosts.host_list .active-filter>div:after, .tx_hosts.host_list .active-filter>div:before {
	content: "";
	display: inline-block;
	background-image: var(--icon-b-close);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 5px;
	width: .6rem;
	height: .6rem;
	position: absolute;
	right: 8px;
	top: 11px;
	transition: var(--transit-all-slow);
	opacity: 1;
}
.tx_hosts.host_list .active-filter>div:before {
	background-image: var(--icon-g-close);
	opacity: 0;
}
.tx_hosts.host_list .active-filter>div:hover {
	color: var(--color-brand);
	border: 1px solid var(--color-brand)
}

.tx_hosts.host_list .active-filter>div:hover:after {
	opacity: 0
}

.tx_hosts.host_list .active-filter>div:hover:before {
	opacity: 1
}
.tx_hosts.host_list .results {
	display: flex;
	flex-wrap: wrap;
}
.tx_hosts.host_list .results>h3{
	flex-basis: 100%;
}
.tx_hosts.host_list .results>.filter-controls{
	margin-left: 130px;
}
.tx_hosts.host_list .results>.d-flex{
	width: 100%;
}
.tx_hosts.host_list .inquiry-popup.popup{
	overflow: hidden;
}
.map-wrapper #leaflet {
	position: absolute!important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body.be-default:has(.searchfield:not(.hidden)) #header {
	z-index: 100;
}
body.be-default:has(.nav-main.nav.menu__open) #header {
	z-index: 100;
}

.filter-popup.popup .filter-controls, .filter-popup.popup .filter-controls {
	box-shadow: 0 -3px 6px rgba(0, 0, 0, .16);
}
#menu-main .menu-main-helper>ul>li>a {
	text-transform: uppercase;
}
#menu-main .menu-main-helper ul>li>a::before, #menu-main .menu-main-helper ul>li>a::after { transition: var(--transit-all) }
#menu-main .menu-main-helper ul>li.active>.arrow-sub::before, #menu-main .menu-main-helper ul>li:hover>.arrow-sub::before { opacity: 0; }
#menu-main .menu-main-helper ul>li.active>.arrow-sub::after, #menu-main .menu-main-helper ul>li:hover>.arrow-sub::after { opacity: 1; }
#menu-main .menu-main-helper>ul>li.active>a { font-weight: 700; }
#menu-main .menu-main-helper>:is(ul).list-group>:is(li)>ul>li:first-of-type { border-top: var(--menu-main-line-between); }
#menu-main .menu-main-helper>:is(ul).list-group>:is(li)>ul>li:not(:last-of-type) { border-bottom: var(--menu-main-line-between); }
#menu-main .menu-main-helper>:is(ul).list-group>:is(li)>ul { padding-left: 0; }
#menu-main .menu-main-helper>:is(ul).list-group>:is(li)>ul>li { padding-left: var(--menu-main-nested-ul-left); }
#menu-main .menu-main-helper>:is(ul).list-group>:is(li)>ul>li:last-of-type { padding-bottom: 0; }
.btn:is(.btn-booking,.btn-overnight-stay) { color: var(--color-text-alt) !important; }
nav.nav-main.nav-right .btn-menu-main {
	border: 1px solid #9D9D9C;
	border-radius: 8px;
	transition: var(--transit-all);
}
nav.nav-main.nav-right .btn-menu-main:hover {
	border: 1px solid transparent;
}
.btn:is(:focus,:focus-within,:focus-visible,:active),
a:is(:focus,:focus-within,:focus-visible,:active),
input:is(:focus,:focus-within,:focus-visible,:active,:checked),
select:is(:focus,:focus-within,:focus-visible,:active,:checked) {
	outline: 0;
	box-shadow: none !important;
}
#menu-main .btn.btn-close {
	position: absolute;
	 top: 3.125rem;
	right: 4.5rem;
	padding: 0;
	width: 32px !important;
	height: 32px;
	max-width: unset;
}
#menu-main .btn.btn-close:before, #menu-main .btn.btn-close:after {
	width: 32px;
	height: 32px;
	left: 0;
	top: 0;
}
#menu-main .menu-main-wrapper { position: relative; height: auto; }
#menu-main .menu-main-wrapper:has(li.menu__open) { height: 100%; }
#menu-main .menu-main-wrapper .menu-main-helper>:is(ul).list-group>:is(li:not(.menu__open))>ul {
	display: none;
}
/*.map-wrapper #leaflet:empty { background: url(../../../../fileadmin/error.webp) no-repeat center center; }*/
.filter-popup .catwrapper>.headline { font-weight: 500 }
input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 24px;
	height: 24px;
	border: 1px solid #707070;
	border-radius: 2px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
	transition: var(--transit-all);
	background-color: #fff;
}
input[type="checkbox"]:checked {
	background-color: var(--color-brand);
	border-color: var(--color-brand);
}
input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 12px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: translate(-50%, -65%) rotate(45deg);
}
input[type="checkbox"]:hover { border-color: var(--color-brand); }

input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 19px;
	height: 19px;
	border: 1px solid #707070;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
	transition: var(--transit-all);
	background-color: #fff;
}

input[type="radio"]::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 13px;
	height: 13px;
	background-color: transparent;
	border-radius: 50%;
}
input[type="radio"]:checked::after {
	background-color: var(--color-brand);
	transition: var(--transit-all);
}
input[type="radio"]:hover {
	border-color: var(--color-brand);
}
/*:is(.filter-popup,.popup) :is(.popup-content,.filter-controls) {*/
/*	top: 12.5dvh !important;*/
/*}*/
.filter-popup.popup {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.filter-popup.popup .popup-content, .filter-popup.popup .filter-controls {
	top: 0 !important;
}
.filter-popup.popup .filter-controls {
	transform: translateY(2px);
}
/*.filter-popup.popup .popup-content {*/
/*	overflow: visible;*/
/*}*/
.btn.btn-filter:before {
	margin-right: 0;
	top: 0;
}

html:has(body.overflow-hidden) {
	overflow: hidden;
}
body.overflow-hidden {
	height: unset;
}


.tx_hosts #startDateDisplay, .tx_hosts #endDateDisplay {
	max-width: 5.3125rem;
	pointer-events: none;
}
.tx_hosts #startDateDisplay.initial {
}
@media(min-width: 768px) {
	.tx_hosts .startDateContainer, .tx_hosts .endDateContainer {
		/*position: relative;*/
	}
	.tx_hosts.host_list.hosts_filterlist .startDateContainer, .tx_hosts.host_list.hosts_filterlist .endDateContainer {
		position: relative;
	}
}
.tx_hosts #startDate, .tx_hosts #endDate, .tx_hosts #startDateDisplay, .tx_hosts #endDateDisplay, .tx_hosts .filter-calender>.endDateContainer:before {
	cursor: pointer;
	color: var(--color-text-main);
	font-family: var(--font-lato);
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-h6-mobile);
	text-transform: uppercase;
	text-align: center;
	opacity: 1;

}
.tx_hosts #startDate, .tx_hosts #endDate {
	opacity: 0;
}
.tx_hosts .date-wrapper {
	position: relative;
}
.tx_hosts .filter-calender>.endDateContainer:before {
	content: " -";
	left: 1px;
	position: relative;
}
.tx_hosts:not(.pausch-detail) .filter-calender>div:last-child:before {
	display: none;
}
#variableTime {
	color: var(--color-brand);
	font-weight: 600;
	font-size: 16px;
	font-family: var(--font-lato);
	margin-left: 5px;
	@media (max-width: 768px) {
		display: none !important;
	}
}
.marker-cluster span, a[href*='tel:'] {
	font-family: var(--font-lato);
	font-size: 16px;
	text-decoration: none !important;
}
a[href*='mailto:'] {
	text-decoration: none !important;
}
form .form-wrapper .filter-calender #startDate, form .form-wrapper .filter-calender #endDate {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
	margin: 0;
	max-width: 5.3125rem;
}