.elementor-775 .elementor-element.elementor-element-b37c89a{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-775 .elementor-element.elementor-element-4be525d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-775 .elementor-element.elementor-element-c5d1970{width:var( --container-widget-width, 100% );max-width:100%;padding:32px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-775 .elementor-element.elementor-element-c5d1970 .elementor-heading-title{color:var( --e-global-color-uicore_dark );}.elementor-775 .elementor-element.elementor-element-2003351{width:var( --container-widget-width, 76% );max-width:76%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 060px) 0px;--container-widget-width:76%;--container-widget-flex-grow:0;text-align:center;}.elementor-775 .elementor-element.elementor-element-d4bc750.elementor-element{--align-self:center;}.elementor-775 .elementor-element.elementor-element-dd0e197{--display:flex;--position:fixed;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:30px;--z-index:5;}body:not(.rtl) .elementor-775 .elementor-element.elementor-element-dd0e197{right:0px;}body.rtl .elementor-775 .elementor-element.elementor-element-dd0e197{left:0px;}.elementor-775 .elementor-element.elementor-element-91ba6f0 .elementor-button{background-color:transparent;font-size:28px;fill:var( --e-global-color-uicore_white );color:var( --e-global-color-uicore_white );background-image:linear-gradient(180deg, var( --e-global-color-uicore_primary ) 0%, var( --e-global-color-uicore_secondary ) 100%);padding:18px 17px 18px 17px;}.elementor-775 .elementor-element.elementor-element-91ba6f0 .elementor-button:hover, .elementor-775 .elementor-element.elementor-element-91ba6f0 .elementor-button:focus{background-color:var( --e-global-color-uicore_secondary );}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-775 .elementor-element.elementor-element-dd0e197{--content-width:1320px;}}@media(max-width:1024px){.elementor-775 .elementor-element.elementor-element-c5d1970{--container-widget-width:700px;--container-widget-flex-grow:0;width:var( --container-widget-width, 700px );max-width:700px;}}@media(max-width:767px){.elementor-775 .elementor-element.elementor-element-c5d1970{width:initial;max-width:initial;padding:0px 0px 0px 0px;}.elementor-775 .elementor-element.elementor-element-dd0e197{bottom:4px;}.elementor-775 .elementor-element.elementor-element-91ba6f0 .elementor-button{font-size:26px;border-radius:1000px 1000px 1000px 1000px;padding:16px 15px 16px 15px;}}/* Start custom CSS for html, class: .elementor-element-d4bc750 *//* ==============================
   GUESTY WIDGET – Haus zum Wald
   Targeted with actual class names
   ============================== */


/* ==============================
   1. CONTAINER
   ============================== */

#search-widget_IO312PWQ {
  background: #FAFAFA !important;
  padding: 30px 35px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  max-width: 1000px;
  margin: 0 auto;
}


/* ==============================
   2. GLOBAL FONT
   ============================== */

#search-widget_IO312PWQ,
#search-widget_IO312PWQ * {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}


/* ==============================
   3. WIDGET SECTIONS
   ============================== */

.guesty-widget__item {
  font-size: 16px !important;
}


/* ==============================
   4. SELECTR DROPDOWNS (Location + Guests)
   ============================== */

/* Dropdown-Trigger */
#search-widget_IO312PWQ .selectr-selected {
  background-color: #FFFFFF !important;
  border: 1px solid #D5D5D5 !important;
  border-radius: 0 !important;
  padding: 14px 16px !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
}

/* Label-Text */
#search-widget_IO312PWQ .selectr-label {
  color: #1A1A1A !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* Placeholder */
#search-widget_IO312PWQ .selectr-placeholder {
  color: #999 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

/* Dropdown-Liste */
#search-widget_IO312PWQ .selectr-options-container {
  background: #FFFFFF !important;
  border: 1px solid #D5D5D5 !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

#search-widget_IO312PWQ .selectr-options {
  background: #FFFFFF !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 0 !important;
  list-style: none !important;
}

#search-widget_IO312PWQ .selectr-options li,
#search-widget_IO312PWQ .selectr-option {
  color: #1A1A1A !important;
  padding: 10px 16px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

#search-widget_IO312PWQ .selectr-options li:hover,
#search-widget_IO312PWQ .selectr-option:hover,
#search-widget_IO312PWQ .selectr-option.active {
  background: #F5F5F5 !important;
}

#search-widget_IO312PWQ .selectr-option.selected {
  background: #F2F5F0 !important;
  color: #1A1A1A !important;
}

/* Hidden native select */
#search-widget_IO312PWQ .selectr-hidden {
  display: none !important;
}


/* ==============================
   5. DATE INPUTS
   ============================== */

#search-widget_IO312PWQ .__super-input {
  background-color: #FFFFFF !important;
  color: #1A1A1A !important;
  border: 1px solid #D5D5D5 !important;
  border-radius: 0 !important;
  padding: 14px 16px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
}

#search-widget_IO312PWQ .__super-input:focus {
  border-color: #1A1A1A !important;
  outline: none;
  box-shadow: none !important;
}

#search-widget_IO312PWQ .__super-input::placeholder {
  color: #999 !important;
  font-weight: 400 !important;
  opacity: 1;
}

/* Gefülltes Datum hervorheben */
#search-widget_IO312PWQ .__super-input:not(:placeholder-shown) {
  font-weight: 600 !important;
  color: #1A1A1A !important;
}


/* ==============================
   6. SEARCH BUTTON
   ============================== */

#search-widget_IO312PWQ .guesty-search-submit-btn {
  background-color: #C8D3C0 !important;
  color: #1A1A1A !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 14px 32px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  cursor: pointer;
  box-shadow: none !important;
  text-transform: none !important;
  transition: background-color 0.15s ease;
  min-height: 48px !important;
  box-sizing: border-box !important;
}

#search-widget_IO312PWQ .guesty-search-submit-btn:hover {
  background-color: #B5C4AD !important;
  transform: none !important;
  box-shadow: none !important;
}


/* ==============================
   7. LIGHTPICK KALENDER
   ============================== */

/* Container */
#search-widget_IO312PWQ .lightpick {
  background: #FFFFFF !important;
  border: 1px solid #D5D5D5 !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

#search-widget_IO312PWQ .lightpick__inner {
  padding: 12px !important;
}

/* Navigation */
#search-widget_IO312PWQ .lightpick__toolbar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

#search-widget_IO312PWQ .lightpick__previous-action,
#search-widget_IO312PWQ .lightpick__next-action {
  background: transparent !important;
  color: #1A1A1A !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 8px 12px !important;
  font-size: 18px !important;
  cursor: pointer;
  min-width: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

#search-widget_IO312PWQ .lightpick__previous-action:hover,
#search-widget_IO312PWQ .lightpick__next-action:hover {
  background: #F0F0F0 !important;
}

/* Monats-Header */
#search-widget_IO312PWQ .lightpick__month-title,
#search-widget_IO312PWQ .lightpick__month-title-bar {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1A1A1A !important;
  text-align: left !important;
}

/* Monat/Jahr Selects */
#search-widget_IO312PWQ .lightpick select,
#search-widget_IO312PWQ .lightpick__select {
  background-color: #FFFFFF !important;
  color: #1A1A1A !important;
  border: 1px solid #D5D5D5 !important;
  border-radius: 0 !important;
  padding: 6px 28px 6px 8px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231A1A1A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
}

/* Wochentage */
#search-widget_IO312PWQ .lightpick__day-of-the-week {
  color: #999 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

/* Alle Tage */
#search-widget_IO312PWQ .lightpick__day {
  color: #1A1A1A !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  border-radius: 0 !important;
  transition: background-color 0.1s ease;
}

#search-widget_IO312PWQ .lightpick__day:hover {
  background: #F0F0F0 !important;
}

/* Deaktivierte Tage */
#search-widget_IO312PWQ .lightpick__day.is-disabled,
#search-widget_IO312PWQ .lightpick__day.is-previous-month,
#search-widget_IO312PWQ .lightpick__day.is-past {
  color: #CCC !important;
}

/* Heute */
#search-widget_IO312PWQ .lightpick__day.is-today {
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 1px #1A1A1A !important;
  background: transparent !important;
}

/* Ausgewählte Tage (Start/End) */
#search-widget_IO312PWQ .lightpick__day.is-start-date,
#search-widget_IO312PWQ .lightpick__day.is-end-date {
  background-color: #C8D3C0 !important;
  color: #1A1A1A !important;
  border-radius: 0 !important;
}

/* Bereich dazwischen */
#search-widget_IO312PWQ .lightpick__day.is-in-range {
  background-color: rgba(200, 211, 192, 0.35) !important;
  color: #1A1A1A !important;
  border-radius: 0 !important;
}

/* Tooltip */
#search-widget_IO312PWQ .lightpick__tooltip {
  background: #1A1A1A !important;
  color: #FFFFFF !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  padding: 4px 8px !important;
}

/* Monate-Container */
#search-widget_IO312PWQ .lightpick__months {
  display: flex !important;
  gap: 16px;
}

#search-widget_IO312PWQ .lightpick__month {
  flex: 1 !important;
}


/* ==============================
   8. SVG ICONS
   ============================== */

#search-widget_IO312PWQ svg {
  fill: #1A1A1A !important;
  stroke: #1A1A1A !important;
}


/* ==============================
   9. RESPONSIVE
   ============================== */

@media screen and (max-width: 768px) {

  /* Container */
  #search-widget_IO312PWQ {
    padding: 20px 16px !important;
    max-width: 100% !important;
  }

  /* iOS Zoom-Fix: alles min 16px */
  #search-widget_IO312PWQ .__super-input,
  #search-widget_IO312PWQ .selectr-selected,
  #search-widget_IO312PWQ .lightpick select,
  #search-widget_IO312PWQ .lightpick__select {
    font-size: 16px !important;
  }

  /* Kalender: nur ein Monat, volle Breite */
  #search-widget_IO312PWQ .lightpick__months {
    flex-direction: column !important;
    gap: 8px;
  }

  #search-widget_IO312PWQ .lightpick__month {
    width: 100% !important;
  }

  #search-widget_IO312PWQ .lightpick {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #search-widget_IO312PWQ .lightpick__inner {
    padding: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Kalender-Navigation: Pfeile außen, Selects mittig */
  #search-widget_IO312PWQ .lightpick__toolbar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
  }

  #search-widget_IO312PWQ .lightpick__previous-action {
    order: -1 !important;
    margin-right: auto !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  #search-widget_IO312PWQ .lightpick__next-action {
    order: 1 !important;
    margin-left: auto !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  /* Monat-Selects zentriert zwischen Pfeilen */
  #search-widget_IO312PWQ .lightpick__month-title-bar,
  #search-widget_IO312PWQ .lightpick__month-title {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    text-align: center !important;
    width: 100% !important;
  }

  #search-widget_IO312PWQ .lightpick select,
  #search-widget_IO312PWQ .lightpick__select {
    display: inline-block !important;
    width: auto !important;
    max-width: 130px !important;
    flex: 0 1 auto !important;
  }

  /* Tage größer für Touch */
  #search-widget_IO312PWQ .lightpick__day {
    padding: 10px 4px !important;
    font-size: 16px !important;
    min-height: 40px !important;
  }

  #search-widget_IO312PWQ .lightpick__day-of-the-week {
    font-size: 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd0e197 */.elementor-775 .elementor-element.elementor-element-dd0e197 {
    position: sticky;
}/* End custom CSS */