/* Be careful while using this file! If you're not shure, stop here */
.ui-datepicker-wrap .ui-datepicker-inline {
	width: 30em !important;
}
.ce-image.ce-center.ce-above {
    overflow: hidden;
}
.ce-gallery {
    float: left;
    margin: 0 15px 15px 0;
}
.booking__sidebar .text-wrap .contentBox__pack:last-child p {
  white-space: pre-line;
}
.stage {
	max-height: 469px;
	overflow: hidden;
}
.search-widget__wrapper[data-eq-state~='medium'] .search-widget {
	min-height: 130px;
}
.termsConditions {
	z-index: 900;
}
#searchboxWrapper {
	display: none;
}
@media only screen and (max-width: 600px) {
	.pagerbutton {
		display: none !important;
	}
}
.img-responsive {
    height: auto !important;
}
.ui-datepicker-group-first .ui-datepicker-title::after, 
.ui-corner-all .ui-datepicker-title::after {
    content: "" !important;
    font-family: "Font Awesome 6 Pro" !important;
    font-style: normal !important;
    font-size: 80%;
}
.ui-corner-right .ui-datepicker-title::after {
	display: none;
}
#hideBookingMask + div .search-widget__wrapper {display:none;}


/*ausblenden der Datumanzeige im Datepicker*/
/*.flexible-exact-calendar-wrap .row div {
  display: none;
}*/
.flexible-exact-calendar-wrap .row div ~ div {
  display: block;
  visibility: hidden;
} 
/*.flexible-exact-calendar-wrap .row div:last-child {
  visibility: visible;
  background: transparent !important;
}*/
.error-box + .searchResult.bookingOffer {
    border: 2px solid #9d214b;
        border-top-width: 2px;
    border-top-width: 1px;
}

.searchResultWrapper .error-box {
    margin-bottom: 0px;
    border-bottom: 0px;
}

/* Chrome 75 Hack */
.textImageTeaser .link-wrapper {
    margin-top: auto;
    position: absolute;
    right: 0;
    bottom: 0;
}
.textImageTeaser .text-wrap .link {
    position: absolute !important;
    white-space: nowrap;
}
.textImageTeaser .text-wrap {
	padding: 15px 15px 45px 15px;
}
#searchboxWrapper {
	display: none;
}
.result-list-tabs {
	background: white;
}
/*#Accommodation + a, #Programs + a {
    display: none !important;
}*/
a[href="javascript:void(0);"].btn.btn-primary.btn--icon.no-wrap {display: none;}

/*[role="form"] input[type="checkbox"] ~ label, [role="form"] input[type="checkbox"] ~ span.label, div.form input[type="checkbox"] ~ label, div.form input[type="checkbox"] ~ span.label, form input[type="checkbox"] ~ label, form input[type="checkbox"] ~ span.label {
    display: flex !important;
    min-width: 20px;
}
[role="form"] input[type="checkbox"]:checked ~ label::after, [role="form"] input[type="checkbox"]:checked ~ span.label::after, div.form input[type="checkbox"]:checked ~ label::after, div.form input[type="checkbox"]:checked ~ span.label::after, form input[type="checkbox"]:checked ~ label::after, form input[type="checkbox"]:checked ~ span.label::after {
    top: 0px;
    left: 4px;
}
[role=form] input[type=checkbox] ~ label::before, [role=form] input[type=checkbox] ~ span.label::before, div.form input[type=checkbox] ~ label::before, div.form input[type=checkbox] ~ span.label::before, form input[type=checkbox] ~ label::before, form input[type=checkbox] ~ span.label::before {
    min-width: 20px !important;
}*/

.filter-wrapper button span {
  font-size: 14px;
}
.ui-datepicker {
background: white;
width: 200px;
}
.djh-teaser-link, .djh-teaser-list {
    clear: both;
}
/* Disable Button for Modules in Case of Bug to make live release possible */
.program-module-button {
    display: none;
}
#QuickSearch  .program-result {
    top: 0px;
}

/* this is for correcting the sihot programteaser in mobile view */
@media only screen and (min-width: 1024px) {
    .search-widget__wrapper {min-height: unset;}
}
.hostel-header .search-widget__title {
	display: none !important;
}
.card .card__media .program-result-teaser__price, .card .card__media .searchResultCharge-per-person-label {
  display: none !important;
}
.\[.card .card__media .program-result-teaser__price, .\[.card .card__media .searchResultCharge-per-person-label {
  display: block !important;
}
#quickSearch .\[.card .card__media .program-result-teaser__price, .\[.card .card__media .searchResultCharge-per-person-label {
  display: none !important;
}
@media only screen and (max-width: 640px) {
  .card__summary .program-result-teaser__price, .card__media .searchResultCharge-per-person-label {
    display: none !important;;
  }
  .card .card__sub-title, .card .card__text {
    display: block !important;
  }
  .\[.card .card__sub-title, .\[.card .card__text {
    display: none !important;
  }
}
/* hide quantity label on sum for all  */
#Programs.searchresult-tab .program-result-teaser__price-type {
  display: none;
}
@media (max-width:759px) {
 .bookingOffer .offer .add-to-cart .checkbox-inline {
  display: block;
 }
 .add-to-cart__wrapper {
   flex-wrap: nowrap !important;
   flex-basis: 35% !important;
 }
}
/*]*/
.offer span.sfx {
	background-color: rgb(0, 124, 64);
	color: white;
	clear: both;
	padding: 2px 10px;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	vertical-align: text-top;
	font-weight: 900;
	cursor: pointer;
}
.s_addRoomBtn {
    border-radius: 50px !important;
    vertical-align: text-top !important;
    background: #1497 !important;
    color: white !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding-bottom: 12px !important;
}
.availCalendarDay {
  background: green !important;
}
.availCalendarDay[selectability=blocked] {
  background: transparent !important;
}
#hostel-map, #hostelListQuickSearch-map, #hostelListPrograms-map, #hostelListAccommodation-map {
  background: #aaa3 !important;
  cursor: pointer;
}

#hostel-map::after, #hostelListQuickSearch-map::after, #hostelListPrograms-map::after, #hostelListAccommodation-map::after {
  content: "Um Google Maps zu sehen, bitte hier klicken und Nutzung einwilligen";
  position: absolute;
  top: 50%;
  text-align: center;
  z-index: -1;
  width: 100%;
}
.availability-search-flyout--top {
	min-height: 460px;
}
.meeting-search-widget__wrapper, .quick-search--small {
    background-color: #005f94 !important;
}
/*Workaround for mask in 1/3 Grid with state = smalk. See JavaScript customscript.js also! */
/*.availability-search-wrapper[data-eq-state~="grid"] .availability-search-flyout--top {
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
}
.availability-search-wrapper[data-eq-state~="grid"] .availability-search-flyout {
    position: absolute;
    margin-top: -1px;
    top: auto;
    bottom: auto;
    left: auto;
    max-height: none;
    min-width: 315px;
    border: 1px solid rgba(0,0,0,.1);
}*/
/*.result-list-tabs__tab {
  border-top-right-radius: 8px;
  border-bottom: 1px solid #999;
  box-shadow: 5px -2px 5px #bbb;
  margin: 0 !important;
  padding:5px 10px;
}
.result-list-tabs__tab.js-tab-active {
  border-top-right-radius: 8px;
  background-color: #4cbae1;
}
.result-list-tabs__tab.js-tab-active span {
  color: white;
}
.result-list-tabs__tab.js-tab-active .tab-title .tab-title__amount-roof-icon {
  fill: #ffffff !important;
  z-index: -1;
}
.result-list-tabs__tab.js-tab-active .tab-title .tab-title__amount {
  color: white !important;
  z-index: 10;
}
.result-list-tabs__tab.js-tab-active .tab-title::before {
    content: '\f046';
}
.result-list-tabs__tab .tab-title::before {
    font-family: FontAwesome;
    content: '\f096';
    margin-right: 5px;
    line-height: 34px;
}
@media (max-width:759px) {
.result-list-tabs__tab {
  border-top-right-radius: 0 !important;
 }
}
*/
.is-disabled-2 .icon-control-btn.fa.fa-plus-circle {
  pointer-events: none;
  color: #ccc;
  cursor: default;
}
.modal.fade.in:after {
  position: absolute;
  content: '\f00d';
  font-size: 20px;
  display: block;
  top: 0;
  right: 0;
  width: 2em;
  height: 2em;
  background: rgb(76, 186, 225);
  color: white;
  text-align: center;
  line-height: 2em;
  font-family: "Font Awesome 6 Pro";
}
/*.offer-disturber {
  display: none !important;
}*/



/* new tab design fixes */
@media only screen and (min-width: 1024px) {
  .filter-wrapper {
    position: relative;z-index: 999;
  }
  .result-list-tabs-sort-wrapper {
    position: sticky;
    top: 0px;
    z-index: 948;
  }
  .program-result {
    top: 56px;
  }
  .mapWrapper {
    position: absolute;
    right: 0px;
    z-index: 998;
  }
  .cart {
    z-index: 999;
  }
}
@media (max-width:1023px) {
 .result-list-tabs-sort-wrapper {
  flex-direction:column-reverse
 }
}
@media (max-width:760px) {
  .hp-rating__text-uppercase {
    display:block;
  }
}
.djh-accordion {clear: both;} /* a fix for video before accordeon order bug */
.to-meeting-form-btn__wrapper {
	background-color: rgb(0, 95, 148) !important;
}
.to-meeting-form-btn {
	border-radius: 6px !important;
}
/* fix french and spanish menuitems on /jugendherberge path */
#languageSelectorList li a[href="/fr/auberges-de-jeunesse/"],
#languageSelectorList li a[href="/es/buscar-todos-los-albergues-juveniles/"] {
  display: none;
}
/*.filter-wrapper{display: none;}*/
#QuickSearch #searchResultWrapper .program-result-wrapper:first-child {
  border-top: 3px solid #4cbae1 !important; 
}
a:not([href]) {
 margin: 0 !important;
}
.infoWindow p { margin-bottom: 0}
.specialProgram {
	position: absolute;
	background: #d91216;
	min-width:215px;
	left:-6px;
	bottom: -4px;
	height: 38px;
	color: white;
	padding: 5px 15px;
	line-height: 27px;
	font-weight: 900;
  box-shadow: 2px 2px 1px #444;
	text-align: center;
}

@media (max-width: 640px) {
  .specialProgram {
    bottom: unset;
    top: 10px;
  }
}

.textImageTeaser .hidden-xs,
.text-image-teaser .hidden-xs {
  display: block !important;
}

  .hostel .breadcrumb ol > li:not(:first-child):not(:nth-last-child(-n+2)),
	.hostel .breadcrumb ol > li:not(:first-child):nth-last-child(3) a,
	.hostel .breadcrumb ol > li:not(:first-child):nth-last-child(2) a	{
	  display: inline-block;
	}
	.hostel .breadcrumb ol > li:not(:first-child):nth-last-child(2)::after,
	.hostel .breadcrumb ol > li:not(:first-child):nth-last-child(3)::after {
	  display: none;
	}
	.hostel .breadcrumb ol > li:not(:first-child):nth-last-child(2) a,
	.hostel .breadcrumb ol > li:not(:first-child):not(:last-child):nth-last-child(-n+4) a,
	.hostel .breadcrumb ol > li:not(:first-child):not(:last-child):nth-last-child(-n+3) a	{
	  max-width: initial;
	}
/* @media only screen and (min-width: 768px) {	
  .hostel div.breadcrumb .active {
    color: white !important;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
  }
	.hostel div.breadcrumb {
	  color: white;
	  display: block !important;  
	  z-index: 10;
	  margin-left: -15px;
	  min-width: 500px;
	  overflow: hidden;
	}
	.hostel .breadcrumb ol {
	  display: inline;
	  margin: 0px 15px;
	}
	.hostel .breadcrumb ol li {
	  background: #009dd4;
	  border-right: #fff7 1px solid;
	  height: 42px;
	  line-height: 45px;
	}
	.hostel .breadcrumb ol li:before {
	  content: '';
	  display: none;
	}
	.hostel .breadcrumb ol li a, .hostel .breadcrumb ol li i {
	  color: white;
	  padding: 5px 10px;
	  line-height: 35px;
	}
	.hostel .breadcrumb ol li i {
	  padding: 5px;
	}
} */

div[data-eq-state="small"] .theme-world-disruptor {
  width: 39px;
  height: 41px;
  object-fit: cover;
  object-position: right;
  left: -2px !important;
  z-index: 10;
}
.profile-pictogram__link.block-link {
  margin: initial !important;
  max-width: 100% !important;
}

input ~ label[for=checkbox-agb]:before {
  content: '\f096';
  font-family: "Font Awesome 6 Regular Pro";
  font-size: 20px
}

input:checked ~ label[for=checkbox-agb]:before {
  content: '\f046';
  font-family: "Font Awesome 6 Regular Pro"; 
  font-size: 20px
}
input[name=IsDjhMember] + label:before {
  display: inline-block;
  width: 20px;
  content: '\f10c';
  font-family: "Font Awesome 6 Regular Pro";
  font-size: 20px
}

input[name=IsDjhMember]:checked + label:before {
  content: '\f05d';
  font-family: "Font Awesome 6 Regular Pro"; 
  font-size: 20px
}

input[name=PaymentTypePreSelection] + label:before {
  content: '\f10c';
  font-family: "Font Awesome 6 Regular Pro"; 
  font-size: 20px
}

input[name=PaymentTypePreSelection]:checked + label:before {
  content: '\f05d';
  font-family: "Font Awesome 6 Regular Pro";
  font-size: 20px
}
input[name=ArrivalAfter18oClock] + label:before {
  display: inline-block;
  width: 20px;
  content: '\f10c';
  font-family: "Font Awesome 6 Regular Pro";
  font-size: 20px
}
input[name=ArrivalAfter18oClock]:checked + label:before {
  content: '\f05d';
  font-family: "Font Awesome 6 Regular Pro";
  font-size: 20px
}
input ~ label.filter__checkbox:before {
  content: '\f096';
  font-family: "Font Awesome 6 Regular Pro";
  font-size: 20px;
  width: 20px;
}
input:checked ~ label.filter__checkbox:before {
  content: '\f046';
}
input#checkbox-feedback ~ label:after {
  content: '\f096';
  font-family: "Font Awesome 6 Regular Pro";
  font-size: 20px;
  width: 20px;
  float: left;
}
input#checkbox-feedback:checked ~ label:after {
  content: '\f046';
}
/* double star 
.required {
  color: transparent;
  font-size: 0px;
}
.required:after {
  color: black;
  font-size: 18px;
}*/
/* make child-add a button*/
.availability-search__block.fake-link {
  border: 1px solid #009dd4;
  padding: 10px 20px;
  background: #009dd4;
  color: white;
}
.availability-search__block.fake-link i {
  color: white;
}
#subLogoContainer {
  display: none;
}
@font-face {
 font-family:"Font Awesome 6 Regular Pro";
 font-style:normal;
 font-weight:900;
 font-display:block;
 src:url(https://www.jugendherberge.de/static/libs/dist/font-awesome/fonts/fa-regular-400.woff2) format("woff2"),
 url(https://www.jugendherberge.de/static/libs/dist/font-awesome/fonts/fa-regular-400.ttf) format("truetype")
}
.modal {
  z-index: 99999 !important;
}
.map-is-open .mapWrapper {
  z-index: 10999 !important;
  position: absolute;
  top: -208px;
}
.map-is-open .switch-to-result {
  z-index: 11000 !important;
}
#header {position: static !important;
box-shadow: none;}
.slick-next:before {
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  color: #aaa;
  font-synthesis: none;
}

.slick-prev:before {
  content: "\f104";
  font-family: 'Font Awesome 6 Pro';
  color: #aaa;
  font-synthesis: none!;
}
.slick-next, .teaser-slider-top .slick-prev {
  height: 100%!important;
}
/* fix formcheckboxes */
fieldset input[type="checkbox"] ~ label:before {
  font-family: 'Font Awesome 6 Regular Pro';
  content: '\f0c8';
  font-size: 125%;
  margin-left: 20px;
  display: inline-block;
}
fieldset input[type="checkbox"]:checked ~ label:before {
  content: '\f14a';
}
/*Bildergalerie*/
.image-lightbox-gallery-4 picture img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}
input[id^=gender-] + label:before {
  content: '\f10c';
  font-family: "Font Awesome 6 Regular Pro";
  font-size: 20px;
  margin-right: 5px;
}
input[id^=gender-]:checked + label:before {
  content: '\f05d';
  font-family: "Font Awesome 6 Regular Pro";
  font-size: 20px;
  margin-right: 5px;
}
.stage__overlay__background picture img {
  object-fit: cover;
  object-position: 50%;
}
.comments-list .comment-box {
  width: auto!important;
  max-width: 80vw;
}

/*.info-text, label, span.label {
	padding-left: 32px;
}*/
.meeting-search-widget__item--participants .icon::before,
.meeting-search-widget__item--rooms .icon::before,
.meeting-search-widget__item--location .icon::before {
    top: 20px;
}
label[for="checkbox-agb"] {
  position: relative;
  z-index: 1000;
}
/*Formular Wanderkalender Checkbox AGB  */
input#agb[type="checkbox"] {opacity: 1 !important;
  position: absolute !important;
  width: 20px;
  height: 20px;
}
#pw_comments_termsAccepted ~ span {
  width: 100% !important;
}
/* infobox in JH-Sidebar is wrong */
.hostel__sidebar .info-box {
  margin-left: 30px !important;
}
.tooltip--warning {
	z-index: 1000;
}


/* Update Hausseiten */
.breadcrumb ol li:last-of-type {
  text-transform: capitalize;
}
.availability-search-wrapper--hostelpage #availability-search-toggle:checked + availability-search {
	overflow: initial !important;
}
/* Meetingsearch H1 TOOO BIG */
.meeting-search-widget__title {
  font-size: 22px !important; 
}
div[id^="collapse-room-module-Meeting"] a.card__button__request {
  height: 54px;
}
@media (min-width:759px) and (max-width:1200px){
  .stage {
    height: 300px;
  }
 }