/* SUCHMASKE */
.close-searchmask-dropdown {
	width: auto !important;
	color: #fff;
	border: 1px solid transparent;
	background: var(--primary-color) none repeat scroll 0% 0% !important;
	font-size: .8rem;
	white-space: inherit;
}

.searchmask .input-group input {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
}
.searchentry.defaultpage .input-group input {
	/* height: 2rem; */
	padding-left: 0;
	padding-right: 0;
}

.searchentry .tab-pane {
	background: var(--secondary-color);
	position: relative;
	min-height: 88px;
}

.searchentry .airportofdeparture .tab-pane {
	background: transparent !important;
}
.searchmask-startpage {
	background: var(--secondary-color);
	position: relative;
	min-height: 60px;
}
.searchmask-startpage>.searchentry {
	position: relative;
	z-index: 10;
}
.searchmask label {
	font-size: 12px;
	margin: 0;
	font-weight: 400;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: initial;
}
.searchmask .custom-control label {
	padding-top: 3px;
	font-size: .9em;
}
.searchmask svg {
	width: 16px;
	height: 16px;
	position: relative;
	top: -1px;
}

.searchmask.searchmask-startpage input, .searchmask.searchmask-startpage .btngroup>button {
	border: 0;
	background: transparent;
}

.searchmask-region, .searchmask-flight, .searchmask-zeitraum, .searchmask-teilnehmer, .searchmask-hoteldetails, .searchmask-submit {
	min-height: 56px;
}
.searchmask-region input.ui-autocomplete-input {
	padding-right: 20px;
	color: #3e3e3e;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 17px !important;
}
/* .searchmask-region input.ui-autocomplete-input::placeholder {
	font-size: .9em;
} */
.input-group .deleteicon {
	position: absolute;
	right: -3px;
	width: 18px;
	height: 18px;
	z-index: 10;
	border-radius: 50%;
	top: 10px;
	cursor: pointer;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666666' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z' /%3E%3C/svg%3E");
}
.searchentry .bg-white {
	position: relative;
}
.searchmask-region>div, .searchmask-flight>div, .searchmask-zeitraum>div, .searchmask-teilnehmer>div, .searchmask-hoteldetails>div, .searchmask-submit>div, .searchmask-zimmerart>div {
	height: 100%;
}
.searchmask-zimmerart select {
	border: 0;
	padding-left: 0;
}
.searchmask-zimmerart select option {
	padding: 0;
}
.searchmask-region .type-text,
.searchmask-flight .type-text {
	margin: 0 !important;
}
.searchmask-submit button.btn {
	height: 100%;
	/* background: var(--primary-color) !important; */
	color: #fff !important;
	text-transform: uppercase;
	font-size: 1em;
	border: 1px solid #fff !important;
	font-weight: 400;
}
.searchmask-submit button.btn:hover {
	background: white !important;
	color: #d10c16 !important;
	border: 1px solid #d10c16 !important;
}
.searchmask-submit button.btn:hover:before {
	display: none;
}
.searchmask .airportofdeparture.modal.open {
	display: block;
}

.searchmask .target_zimmerart:after,
.searchmask .target_verpflegung:before {
	content:', ';
}
.searchmask .target_stars:after {
	content: '';
	background-image: url(/theme/reisenavigator/images/star-gray.svg);
	background-size: 8px 8px;
	width: 8px;
	height: 8px;
	display: inline-block;
	background-repeat: repeat-x;
	position: relative;
	top: 0px;
	left: 3px;
	margin-right: 3px;
}
.searchmask .target_stars:empty:before {
	content: 'Kategorie';
	
}
.searchmask .target_stars:empty:after {
	display: none !important;
}
/* .starsselect {
	margin-bottom: .5rem;
} */
.erweitertxs button[type="submit"] {
	height: 100%;
	background: var(--secondary-color) !important;
	color: #fff !important;
	text-transform: uppercase;
	font-size: .9rem;
	cursor: pointer;
	padding: .375rem .75rem;
	border: 0;
	min-height: 45px;
}
input[name="minDate"],
input[name="maxDate"] {
	border: 1px solid #ddd !important;
}
/* TRAVELPAGE - Page für Angebote usw */
.travel-page {
	margin-top: -150px;
}

.input-group .airportofdeparture {
	display: none;
}

article.item.hotel .offer-stars {
	top: 2px;
	left: 4px;
}

.offer-stars {
	background-image: url(/theme/reisenavigator/images/star.svg);
	background-size: 10px 10px;
	width: 10px;
	height: 10px;
	display: inline-block;
	background-repeat: repeat-x;
	position: relative;
	top: -8px;
}
.offer-stars[data-value="1"] {
	width: 10px;
}
.offer-stars[data-value="1.5"] {
	width: 15px;
}
.offer-stars[data-value="2"] {
	width: 20px;
}
.offer-stars[data-value="2.5"] {
	width: 25px;
}
.offer-stars[data-value="3"] {
	width: 30px;
}
.offer-stars[data-value="3.5"] {
	width: 35px;
}
.offer-stars[data-value="4"] {
	width: 40px;
}
.offer-stars[data-value="4.5"] {
	width: 45px;
}
.offer-stars[data-value="5"] {
	width: 50px;
}
.offer-stars[data-value="5.5"] {
	width: 55px;
}
.offer-stars[data-value="6"] {
	width: 60px;
}
.offer-stars[data-value="6.5"] {
	width: 65px;
}
.offer-stars.offer-stars-blue {
	background-image: url(/theme/reisenavigator/images/star-blue.svg) !important;
}

.js_globalTypeTarget {
	width: 100%;
	transform-origin: center top 0px;
	transition: transform 0.3s ease 0s;
	transform: scaleY(1);
	height: auto;
}

.js_globalTypeTarget:not(:empty) {
	background: #ddd;
	padding: .5rem .5rem .1rem .5rem;
	margin-top: 1em;
}

.js_globalTypeTarget .js_globalTypeTag {
	align-items: center;
	-moz-box-align: center;
	cursor: pointer;
	display: inline-flex;
	letter-spacing: 0.5px;
	margin: 0px 0.75rem .5rem 0px;
}

.js_globalTypeTarget .js_globalTypeTag i {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M13.46,12L19,17.54V19H17.54L12,13.46L6.46,19H5V17.54L10.54,12L5,6.46V5H6.46L12,10.54L17.54,5H19V6.46L13.46,12Z' /%3E%3C/svg%3E");
	margin: 0px 0px 0px .3rem;
	width: 1rem;
	height: 1rem;
	border-left: 1px solid #aaa;
	background-position: right -2px center;
}
@media screen and (min-width: 768px) {
	.box-content-before {
		position: relative;
		overflow: hidden;
	}
	.box-content-before:before {
		/* content: ''; */
		position: absolute;
		width: 40px;
		background: #fff;
		height: 120%;
		left: -35px;
		transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		-o-transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		top: -9px;
		box-shadow: -2px -1px 10px 4px rgba(33, 33, 33, .3);
	}
	.box-content-before:after {
		content: '';
		position: absolute;
		width: 40px;
		background: #eee;
		height: 120%;
		right: -30px;
		transform: rotate(0deg);
		top: -10px;
		box-shadow: -2px 17px 10px 4px rgba(33, 33, 33, .3);
	}
}
@media screen and (min-width: 1200px) {
	.box-content-before:before { 
		left: -36px;
	}
}
.searchmask-toggle {
	display: none;
}
.searchmask-toggle.expand {
	display: none !important;
}
@media screen and (max-width: 769px) {
	.searchmask-toggle {
		background: #fff;
		cursor: pointer;
		position: relative;
		padding: 5px;
		text-align: center;
		font-weight: 500;
		color: #000;
		display: block !important;
	}
	.searchmask-toggle:after {
		content: '+';
		position: absolute;
		right: 10px;
	}
	.visibility-searchmask .searchentry {
		height: 0px;
		transition: height .5s ease-in;
		opacity: 0;
		display: none;
	}
	.searchmask.searchmask-startpage .searchentry.visibility-hidden {
		height: auto;
		opacity: 1;
		display: block;
	}
	.searchmask.travel-page .leftsearchmask {
		display: none;
	}
	
	.heading-region a::after {
		left: 4px;
	}
}