{const locale = document.querySelector('html').getAttribute('lang') || 'de-DE';const localeLoader = document.createElement('script');localeLoader.id = 'd21-locale';localeLoader.type = 'application/json';document.head.appendChild(localeLoader);fetch('https://js-sdk.dirs21.de/locale/' + locale + "?version=Default").then(async (x) => { x.json().then(t => document.querySelector('#d21-locale').innerHTML = JSON.stringify(t)); });const styles = document.createElement('style');styles.type = 'text/css';styles.id = 'd21-widget-style';styles.textContent = `/* ===== SCOPE тільки під цей embed ===== */
.code-search,
.code-search .d21-quickbook,
.code-search .d21-widget-container,
.code-search .d21-container-view{
  width: 100% !important;
  max-width: 100% !important;
}

/* =========================================================
   DESKTOP (>=768)
   1) 2 поля зліва = flex:2
   2) правий блок (Gäste+Search) = flex:1
   3) Gäste = flex:1 (100%)
   4) Search wrapper + button = flex:0 (auto)
========================================================= */
@media (min-width: 768px){

  /* головний контейнер робимо рядком */
  .code-search .d21-container-view > .d21-v-stack{
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
  }

.d21-widget .d21-h-stack {
    align-items: center;
}

  /* лівий блок (Check-in + Nächte) */
  .code-search .d21-h-stack{
    flex: 2 1 0% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* правий блок (Gäste + Search) */
  .code-search .d21-container-view > .d21-v-stack > .d21-v-stack{
    flex: 1 1 0% !important;
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: row !important;      /* Gäste і Search в ряд */
    align-items: stretch !important;
    gap: 0 !important;
  }

/* =========================================================
   Drop-downs fixes
========================================================= */

  .d21-widget .d21-content {
    font-size: 1.2em !important;
  }

  .d21-widget .d21-content .d21-small {
    font-size: 1em !important;
  }

  .d21-widget .d21-button {
        height: 2.4rem;
  }

  .d21-widget .d21-button .d21-content {
    text-transform: none;
    font-size: .9em !important;
    font-weight: 550 !important;
  }

   .d21-widget .d21-v-stack {
    gap: 0.3em;
   }

   .d21-widget .d21-heading {
     font-size: 1.5em !important;
     font-weight: 400 !important;
   }    

   .d21-widget li.d21-content-item[data-v-039a416f] {
    padding: 5px 8px !important;
   }

   .d21-widget li.d21-content-item[data-v-039a416f]:hover {
    color: #ffffff;
   }

   .d21-widget .d21-content {
    font-size: 1em !important;
    font-weight: 400 !important;
    line-height: 1.4em !important;
    /* color: var(--d21-text);*/
   }

   .d21-widget .d21-circle {
    min-height: 44px !important;
    width: 44px !important;
   }

   .d21-widget .d21-circle {
    min-height: 33px !important;
    width: 60px !important;
    align-items: center;
   }

   .d21-widget .d21-v-stack {
    gap: 0.3em;
   }

   button.d21-button.d21-full-width {
    height: 2rem;
   }

   /* ====================================================== */

  /* всі поповери-поля розтягуємо */
  .code-search .d21-trigger-popover-button{
    flex: 1 1 0% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* контейнер Gäste (перший div у правому блоці) — 100% */
  .code-search .d21-container-view > .d21-v-stack > .d21-v-stack > div:first-child{
    flex: 1 1 0% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* контейнер Search (останній div у правому блоці) — AUTO (це прибирає “білий хвіст”) */
  .code-search .d21-container-view > .d21-v-stack > .d21-v-stack > div:last-child{
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: none !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
  }

  /* у wrapper кнопки часто сидить tw-d21-w-full — прибиваємо */
  .code-search .d21-container-view > .d21-v-stack > .d21-v-stack > div:last-child [class*="tw-d21-w-full"]{
    width: auto !important;
    max-width: none !important;
  }

  /* сама кнопка Search — AUTO (перебиваємо !tw-d21-w-full) */
  .code-search button[d21-item="quickbook-book-button"]{
    width: 100% !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    white-space: nowrap !important;
    min-width: 140px !important;         /* щоб не була “крихітна” */
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* =========================================================
   MOBILE (<768)
   Вертикально як у макеті + кнопка на всю ширину
========================================================= */
@media (max-width: 767px){

  .code-search .d21-container-view > .d21-v-stack{
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  /* правий блок теж вертикально (Gäste над кнопкою) */
  .code-search .d21-container-view > .d21-v-stack > .d21-v-stack{
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .code-search button[d21-item="quickbook-book-button"]{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    min-width: 0 !important;
  }
}

/* =========================================================
   TYPOGRAPHY: +2px (label + value)
   (застосовується і desktop, і mobile)
========================================================= */
.code-search .d21-trigger-popover-button label{
  font-size: calc(0.75em + 2px) !important; /* лейбли типу CHECK-IN */
  letter-spacing: 0.04em !important;
}

.code-search .d21-trigger-popover-button p{
  font-size: calc(1em + 2px) !important;    /* значення типу 30/12/2025 */
  line-height: 1.2 !important;
}

.code-search button[d21-item="quickbook-book-button"] span{
  font-size: calc(1em + 2px) !important;    /* текст кнопки */
}

.d21-widget .d21-button {
    height: 2.2rem !important;
}
.d21-widget .d21-buttons {
    height: 222px !important; 
}

.d21-widget .d21-v-stack {
    display: flex !important;
    flex-direction: column !important;
    max-width: 1100px !important;
}

.d21-widget .d21-flex-picker--row .d21-flex-picker--field.d21-flex-picker--day--range[data-v-7c12a5c0] {
    background-color: #ddd !important;
    -radius: 0 !important;
    border-radius: 0 !important;
}

.d21-widget .d21-flex-picker--row .d21-flex-picker--field.d21-flex-picker--day--selected[data-v-7c12a5c0] {
    background-color: rgba(185, 185, 185, 1) !important;
}

.d21-widget .d21-button {
    height: 2.2rem !important;
}

`;document.head.appendChild(styles);sessionStorage.setItem('d21_config', '{"General":{"Directory":"/hotel-gewuerzmuehle-gera/","IsGroup":false,"ShouldOpenInNewTab":false,"CustomDomain":null,"ShouldWaitUntilDocumentReady":false,"UseShadowDOM":false,"Theme":{"Light":{"PrimaryColor":"#242323","SecondaryColor":"#5c5a5a","BorderRadius":0.5,"Font":{"Default":"Rubik","Decorative":"Rubik","Body":"Rubik"}},"Dark":{"PrimaryColor":"#2563eb","SecondaryColor":"#132228","BorderRadius":0.5,"Font":{"Default":"Rubik","Decorative":"Rubik","Body":"Rubik"}}},"Preselect":{"LOS":1,"Adults":2,"Children":[]},"ProductLimit":5,"HideChildrenInput":false,"ExchangeRates":{}},"Properties":[{"WidgetId":"2759834a-fd08-47eb-8bb7-7132ce773451","WidgetType":"quickbook","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":false,"IsPrimaryConfig":true,"Fields":{"IsHorizontal":true,"IsJustButton":false,"HasSmallSearchButton":false,"HasDropdownsOnTop":false,"InputMode":"CheckInAndNights","Filter":"NoFilter","PreselectedRoom":null,"HasSlimMode":false,"OccupancyDiffersFromIBE":false,"CustomLos":0,"CustomOccupancyAdults":0,"CustomOccupancyChildren":[],"MaximumPersons":0,"MinimumPersons":0,"HasPromotionCode":false,"ExtraField":"None","PreselectedProperties":[],"CustomStyles":null,"UseCustomStyles":true},"WidgetProperties":{"IsHorizontal":false,"HasSmallSearchButton":false,"HasDropdownsOnTop":false,"Filter":"NoFilter","InputMode":"CheckInAndNights","PreselectedRoom":"null","IsJustButton":false,"HasPromotionCode":false,"OccupancyDiffersFromIBE":false,"CustomLOS":1,"CustomOccupancyAdults":2,"CustomOccupancyChildren":[],"MinimumPersons":1,"MaximumPersons":10}},{"WidgetId":"defe767f-1351-47e7-8be7-bb814cf31c1b","WidgetType":"roomList","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":true,"IsPrimaryConfig":true,"Fields":{"UsePages":false,"ItemsPerPage":0,"GroupFilter":"NoFilter","HasFilterPrice":false,"FilterMinimumPrice":50.0,"FilterMaximumPrice":65.0,"FilterPriceLap":5.0,"UseFilter":false,"UseCalendar":true,"RoomBuild":null,"PreselectedHotels":[],"FixedPrice":[{"_uuid":"afbe9741-e552-4e24-a6d7-ce9dba4b7f19","IsActive":false,"MinPrice":null,"Name":"Komfort Familienzimmer"},{"_uuid":"d0f462f6-e7ca-4ec0-af71-f1dd0f89f91e","IsActive":false,"MinPrice":null,"Name":"Komfort Einzelzimmer"},{"_uuid":"07d566ca-098e-4b13-9495-bdc898eb6941","IsActive":false,"MinPrice":null,"Name":"Komfort Doppelzimmer"},{"_uuid":"a776a55f-ff99-4dd8-a360-0c639bd7c7cf","IsActive":false,"MinPrice":null,"Name":"Superior Einzelzimmer"},{"_uuid":"480e233d-ecae-437f-82e1-c040cfc88682","IsActive":false,"MinPrice":null,"Name":"Superior Doppelzimmer"},{"_uuid":"4aa84461-c7f7-4d49-b0a7-45d8975e3db0","IsActive":false,"MinPrice":null,"Name":"Superior Dreibettzimmer"}],"CustomStyles":null,"UseCustomStyles":false},"WidgetProperties":{}},{"WidgetId":"4f4f4c8d-4307-4ec9-a72e-c0e9a4a63f01","WidgetType":"packageList","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":false,"IsPrimaryConfig":true,"Fields":{"UsePages":false,"ItemsPerPage":0,"GroupFilter":"NoFilter","HasFilterPrice":false,"FilterMinimumPrice":50.0,"FilterMaximumPrice":65.0,"FilterPriceLap":5.0,"UseFilter":false,"UseCalendar":true,"PreselectedHotels":[],"PreselectedCategories":[],"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":null},{"WidgetId":"f6c6231b-b40b-4ff5-91cd-ad747ad444de","WidgetType":"availabilityCalendar","Description":"Default QuickBook","DisplayTheme":"Light","IsCenteredAutomatically":false,"IsPrimaryConfig":true,"Fields":{"CustomLos":1,"HasAdditionalRow":true,"HasDoubleView":true,"HasPromotionCode":false,"HasLargeView":true,"ProductIds":[],"TariffIds":null,"CustomStyles":"","UseCustomStyles":false},"WidgetProperties":{"HasLargeView":false,"HasDoubleView":false,"HasPromotionCode":false,"CustomLOS":1,"RestrictToRoom":"null"}}]}');sessionStorage.setItem('d21_uuid', 'e14fe39e-4a5f-4d83-adf6-6c7425babe62');const d21_css = document.createElement('link');d21_css.href = 'https://v5.widgets.dirs21.de/style.css?v=5.0.0.0.807';d21_css.rel = 'stylesheet';document.head.appendChild(d21_css);const quickbook = document.createElement('script');quickbook.src = 'https://v5.widgets.dirs21.de/quickbook.js?v=5.0.0.0.807';quickbook.async = true;quickbook.type = 'module';quickbook.defer = true;document.body.appendChild(quickbook);if (Array.from(document.querySelectorAll('.d21-roomList, #d21-roomList')).length > 0) {  const roomList = document.createElement('script');  roomList.src = 'https://v5.widgets.dirs21.de/roomList.js?v=5.0.0.0.807';  roomList.async = true;  roomList.type = 'module';  roomList.defer = true;  document.body.appendChild(roomList);}if (Array.from(document.querySelectorAll('.d21-packageList, #d21-packageList, #d21-widgets-packages')).length > 0) {  const packageList = document.createElement('script');  packageList.src = 'https://v5.widgets.dirs21.de/packageList.js?v=5.0.0.0.807';  packageList.async = true;  packageList.type = 'module';  packageList.defer = true;  document.body.appendChild(packageList);}if (Array.from(document.querySelectorAll('.d21-availabilityCalendar, .d21-smallAvailabilityCalendar, #d21-bigAvailabilityCalendar, .d21-roomAvailability')).length > 0) {  const availabilityCalendar = document.createElement('script');  availabilityCalendar.src = 'https://v5.widgets.dirs21.de/availabilityCalendar.js?v=5.0.0.0.807';  availabilityCalendar.async = true;  availabilityCalendar.type = 'module';  availabilityCalendar.defer = true;  document.body.appendChild(availabilityCalendar);}}