:root {
	--highlight-color: #ed7705;
	--dark-color: #1d1d1b;
	--dark-blue-color: #014278;
	--dark-blue-rgba-opacity: rgba(1, 66, 120, .8);
	--font-100: 100;
	--font-300: 300;
	--font-400: 400;
	--font-500: 500;
	--font-700: 700;
	--font-800: 800;
	--box-shadow: 0 0px 16px rgba(35, 35, 35, .1);
	--text-shadow: 1px 2px 5px rgba(0, 0, 0, .8);
	--text-shadow-light: 1px 1px 10px rgba(0, 0, 0, .5);
}

body {
	overflow-x: hidden;
	background-color: var(--body-bg-color);

}

body.ateo-wrapper {
	font-family: "Poppins",sans-serif !important;
}

.font-100 {
	font-weight: var(--font-100);
}

.font-300 {
	font-weight: var(--font-300);
}
.font-400 {
	font-weight: var(--font-400);
}
.font-500 {
	font-weight: var(--font-500);
}
.font-800 {
	font-weight: var(--font-800);
}

.fa {
	font: normal normal normal 14px/1 FontAwesome !important;
}
.breadcrumb-item+.breadcrumb-item::before {
	color: #fff;
	--bs-breadcrumb-divider: '>';
}

.destination-area-item img {
	height: 220px;
	width: 100%;
	max-width: 1000px;
	display: block;
	margin: 0 auto;
	object-fit: cover;
	object-position: center center;
	position: relative;
	text-indent: -9999px;
}

.form-check-input:checked {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.gradient, .priceButton, .searchmask-submit button, .erweitertxs button[type="submit"] {
	background: var(--gradient-begin-color) !important;
	background: -moz-linear-gradient(90deg, var(--gradient-begin-color) 0%, var(--gradient-end-color) 100%) !important;
	background: -webkit-linear-gradient(90deg, var(--gradient-begin-color) 0%, var(--gradient-end-color) 100%) !important;
	background: linear-gradient(90deg, var(--gradient-begin-color) 0%, var(--gradient-end-color) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--gradient-begin-color)",endColorstr="var(--gradient-end-color)",GradientType=1) !important;
	background-size: 101% !important;
}

.gradient-opacity {
	background: var(--gradient-end-color) !important;
	background: -moz-linear-gradient(left, rgba(237, 119, 5, .7) 0%, rgba(237, 184, 33, .7) 100%) !important;
	background: -webkit-linear-gradient(left, rgba(237, 119, 5, .7) 0%, rgba(237, 184, 33, .7) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7705', endColorstr='#edb821', GradientType=1) !important;
}

.gradient-reverse {
	background: var(--gradient-end-color) !important;
	background: -moz-linear-gradient(90deg, var(--gradient-end-color) 0%, var(--gradient-begin-color) 100%) !important;
	background: -webkit-linear-gradient(90deg, var(--gradient-end-color) 0%, var(--gradient-begin-color) 100%) !important;
	background: linear-gradient(90deg, var(--gradient-end-color) 0%, var(--gradient-begin-color) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--gradient-end-color)",endColorstr="var(--gradient-begin-color)",GradientType=1) !important;
	background-size: 101% !important;
}

.priceButton {
	font-weight: 500;
}
.btn-cta-orange {
	background-color: var(--highlight-color);
}
.btn-cta-orange:hover {
    background-color: #fff;
    color: var(--highlight-color) !important;
    box-shadow: 0px 0px 1px 1px var(--highlight-color);
}

.promo-plugin-content-wrapper>div {
	padding: 2rem 0 1.5rem;
}

.promo-plugin-content-wrapper .promo-plugin-content-wrapper-title {
	padding-top: 1rem !important;
}

.home .banner-area .promo-plugin-content-wrapper>div {
	padding: 0 !important;
}

.promo-plugin-content-wrapper:nth-of-type(even)>div {
	background-image: linear-gradient(to bottom,#eeeeec 0%,#eeeeec 1%,#eeeeec 31%,#efeeec 75%,#ffffff 100%);
}

.promo-plugin-content-wrapper:first-of-type .searchmask-headline {
	display: none;
}

.promo-plugin-content-wrapper:first-of-type .searchmask-wrapper {
	margin-top: -50px;
}
p+.promo-plugin-content-wrapper:first-of-type .searchmask-wrapper {
	margin-top: 0px;
}

.promo-plugin-content-wrapper .container {
	padding-top: 0 !important;
}

/* ------------------------ */

.angebote [data-name="offer-default"].card .card-footer {
	background-color: rgba(0, 0, 0, .7) !important;
	color: #fff !important;
}

.angebote [data-name="offer-default"].card .card-footer svg {
	fill: #fff !important;
}

.travelItOffers .card .image-wrapper, .travelItOffers .card .image-wrapper .bg-size-h200 {
	height: 200px;
}
.specialOffers .angebote .card:first-child .priceButton,
[data-name="offer-default"] .priceButton {
	top: auto !important;
	position: absolute;
	bottom: 118px;
}


.specialOffers-last.row [data-name="offer-default"]:nth-child(3) .priceButton,
.specialOffers-first.row [data-name="offer-default"]:nth-child(3) .priceButton {
	bottom: 215px;
}

[data-name="offer-default"] .priceButton:after, .searchmask-submit button:after {
	display: none !important;
}
@media screen and (min-width: 768px) {
	.travelItOffers-Big .card:first-child {
		max-height: 424px !important;
	}
}

[data-name="searchmask-promo"] .searchmask-region,
[data-name="searchmask-promo"] .searchmask-flight,
[data-name="searchmask-promo"] .searchmask-zeitraum,
[data-name="searchmask-promo"] .searchmask-teilnehmer,
[data-name="searchmask-promo"] .searchmask-hoteldetails,
[data-name="searchmask-promo"] .searchmask-submit {
	min-height: auto !important;
}

.searchmask-region, .searchmask-flight,
.searchmask-zeitraum, .searchmask-teilnehmer, .searchmask-hoteldetails, .searchmask-submit {
	min-height: 65px !important;
}
.travel-page .searchmask.searchmask-startpage {
	background: #ed7705 !important;
	background: -moz-linear-gradient(left, rgba(237, 119, 5, .7) 0%, rgba(237, 184, 33, .7) 100%) !important;
	background: -webkit-linear-gradient(left, rgba(237, 119, 5, .7) 0%, rgba(237, 184, 33, .7) 100%) !important;
	background: linear-gradient(to right, rgba(237, 119, 5, .7) 0%, rgba(237, 184, 33, .7) 100%) !important;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ed7705', endColorstr='#edb821', GradientType=1);
}

article.item p, .noListStyle li {
	font-size: .80rem !important;
}

.img-cover {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.blueimp-gallery > .next, .blueimp-gallery > .prev {
	font-size: 43px !important;
	font-weight: 400 !important;
	line-height: 40px !important;
}

.blueimp-gallery > .next, .blueimp-gallery > .prev, .blueimp-gallery > .close {
	color: #fff !important;
}

.blueimp-gallery > .indicator > li {
	width: 22px !important;
	height: 22px !important;
}
.blueimp-gallery > .slides > .slide > .slide-content {
	max-height: 80vh !important;
}

/* ---------- Suchmasken ---------- */
.home .banner-area .searchmask .searchmask-item,
.home .banner-area .searchmask .searchmask-submit {
	width: 100%;
	flex: 1 1 auto;
	margin-bottom: .5rem !important;
}

.home .banner-area .searchmask .searchmask-item .dropdown-trigger,
.home .banner-area .searchmask .searchmask-item input[name="combisearch"],
.home .banner-area .searchmask .searchmask-item select[name="combisearch"],
.home .banner-area .searchmask .searchmask-item input[name="Abflughafen"],
.home .banner-area .searchmask .searchmask-item .bootstrap-select .dropdown-toggle,
.home .banner-area .searchmask .searchmask-item > div.bg-white > .type-text input,
.home .banner-area [data-ibe="cruisecompass"] .dropdown-trigger,
.home .banner-area [data-ibe="cruisecompass"].searchmask .searchmask-item .bootstrap-select .dropdown-toggle {
	height: 3rem !important;
}

.searchmask-dropdown-open .page-content {
	z-index: 4;
}

.searchmask-style {
	padding: 1rem;
	background-color: var(--secondary-color);
}

.searchmask-region > div, .searchmask-flight > div, .searchmask-zeitraum > div, .searchmask-teilnehmer > div, .searchmask-hoteldetails > div, .searchmask-submit > div, .searchmask-zimmerart > div {
	height: 100%;
	background-color: transparent !important;
}

/* .searchmask-region > div > .combisearch-select > .type-select {
	margin-bottom: 0 !important;
} */

.searchmask-region > div > .type-text > .form-label,
.searchmask-region > div > .combisearch-select > .type-select > .form-label,
.searchmask-flight > div > .type-text > .form-label,
.searchmask-zeitraum > div > .form-label,
.searchmask-teilnehmer > div > .form-label,
.searchmask-hoteldetails > div > .form-label,
.searchmask-submit > div > .form-label,
.searchmask-zimmerart > div > .form-label,
.searchmask.ibe-suchmaske > .row.row-cols-md-3 > .searchmask-item.searchmask-region .combisearch-select > .combisearch-target-select:not(:empty)::before {
	color: #fff;
	font-size: .80rem;
}

.banner-area .searchmask-region > div > .type-text > .form-label,
.banner-area .searchmask-flight > div > .type-text > .form-label,
.banner-area .searchmask-zeitraum > div > .form-label,
.banner-area .searchmask-teilnehmer > div > .form-label,
.banner-area .searchmask-hoteldetails > div > .form-label,
.banner-area .searchmask-submit > div > .form-label,
.banner-area .searchmask-zimmerart > div > .form-label {
	margin-bottom: 0.2rem;
}

.searchmask .searchmask-item .dropdown-trigger {
	background-color: #fff;
	padding: .375rem .75rem !important;
}

.searchmask .searchmask-item .dropdown-trigger,
.searchmask .searchmask-item input[name="combisearch"],
.searchmask .searchmask-item select[name="combisearch"],
.searchmask .searchmask-item input[name="Abflughafen"],
.searchmask .searchmask-item .bootstrap-select .dropdown-toggle,
.searchmask .searchmask-item > div.bg-white > .type-text input,
[data-ibe="cruisecompass"] .dropdown-trigger,
[data-ibe="cruisecompass"].searchmask .searchmask-item .bootstrap-select .dropdown-toggle {
	border: 1px solid var(--secondary-color) !important;
	border-radius: 5px !important;
	height: 4rem !important;
	font-size: 15px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #212529;
	font-weight: 400;
}

.searchmask-submit button.btn {
	min-height: 63px !important;
	color: #fff !important;
	text-transform: uppercase;
	font-size: 1em;
	border: 1px solid #fff !important;
	font-weight: 400;
	width: 100%;
	border-radius: 5px;
}
.searchmask-submit button.btn:hover {
	background: white !important;
	color: #d10c16 !important;
	border: 1px solid #d10c16 !important;
	border-radius: 5px;
}

.searchmask-submit button.btn:hover span:before {
	background-color: #d10c16;
}

@supports (backdrop-filter: blur(9px)) {
	.searchmask-style::before {
		display: none !important;
	}
}
/* ------ Angebote ------ */
.wrapper-highlight {
	top: -10px !important;
	left: 13px;
	padding: 0 !important;
	background: var(--primary-color) !important;
	right: auto !important;
	color: #fff !important;
}

.angebot-name {
	font-size: 18px;
	font-weight: 600;
}

.category-item {
	position: relative;
	display: inline-block;
	font-size: .8em;
}

.traffics-offers-wrapper .card-body {
	padding-bottom: 2rem;
}

.traffics-item-price {
	background: var(--gradient-begin-color);
	background: -moz-linear-gradient(90deg, var(--gradient-begin-color), var(--gradient-end-color));
	background: -webkit-linear-gradient(90deg, var(--gradient-begin-color),var(--gradient-end-color));
	background: linear-gradient(90deg, var(--gradient-begin-color),var(--gradient-end-color));
	position: absolute;
	bottom: -26px;
	width: auto !important;
	padding: 5px 20px;
	right: 14px;
}

.traffics-item-price * {
	color: #fff;
}

@media (min-width: 768px) {
	.destination-area-wrapper.row-cols-md-4 > *,
	.destination-area-wrapper .destinationListItem {
		width: 33.3333333333%;
	}
}

.destinationListItem .desc .price-btn {
	background: var(--primary-color);
	text-align: center;
	color: #222;
	padding: 6px 30px;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	margin: 10px;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.destinationListItem .card-footer .destination-area-name {
	color: #fff;
	font-size: 18px;
	line-height: 1.2em !important;
	margin-bottom: 0;
	margin-top: 0;
	font-weight: 600;
}

.destinationListItem .card-footer p {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 0px;
}

.destinationListItem .card {
	background: linear-gradient(to bottom, rgb(56, 91, 166) 30%,RGB(48, 73, 126) 100%);
	height: 220px;
	overflow: hidden;
	position: relative;
	border: 0;
	min-height: 100px;
	border-radius: 0;
}

.destinationListItem .card img {
	width: 100%;
	max-width: 1000px;
	display: block;
	margin: 0 auto;
	object-fit: cover;
	object-position: center center;
	z-index: 1;
	position: relative;
	text-indent: -9999px
}
.destinationListItem .card img,
.destination-area-wrapper .destinationListItem .card .card-body img {
	height: 220px !important;
}

.destinationListItem .card .card-body {
	padding: 0;
}

.destinationListItem .card-footer {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 4;
	padding: 0;
	border: 0;
}

.destinationListItem span {
	font-size: 16px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .5)
}

.destinationListItem a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2
}

.destinationListItem .destination-image-wrapper:before {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 110%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 110%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 110%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	right: 0;
	bottom: 0;
	z-index: 2
}

/* ------- Promobox / Linklist ------ */
.home .banner-area {
	background: #ccc;
}

.home .banner-area .searchmask-headline {
	display: none;
}
@media(max-width:991px) {
	#xt-kreuzfahrtsuche {
		margin-top: 12rem;
	}
}
@media(max-width:340px) {
	#xt-kreuzfahrtsuche {
		margin-top: 13rem;
	}
}
/* Traffics responsiv */
@media (max-width: 900px ) {
	.fa::before {
		margin-right: 0px !important;
	}

	#filter-sidebar.modal{
		z-index: 1003 !important;
	}
	.c-search {
		margin-bottom: 0px !important;
	}
	.c-search__wrapper{
		margin-top: 4em;
	}

	.c-modal__close {
		position: absolute;
		right: 15px;
		top: 15px !important;
	}
	#filter-sidebar.c-modal.open .modal-content, #search.c-modal.open .modal-content {
		margin-top: 115px;
	}
	.c-search-tab .tabs {
		width: 100%;
		margin: 20px 0 24px !important;
	}
	#rr-ibe label {
		display: block;
		padding-bottom: .4em;
		margin-top: -0.2em !important;
	}
}