.elementor-407 .elementor-element.elementor-element-783db58{padding:16px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-d1b299c{--display:flex;}.elementor-407 .elementor-element.elementor-element-9eb77ca{--display:flex;}.elementor-407 .elementor-element.elementor-element-3cf5044{--display:flex;}.elementor-407 .elementor-element.elementor-element-bc39340{--n-accordion-title-font-size:1.125rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:-16px;--n-accordion-border-radius:16px 16px 16px 16px;--n-accordion-icon-size:15px;}.elementor-407 .elementor-element.elementor-element-bc39340 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-v4-surface-subtle );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-v4-border-subtle );}:where( .elementor-407 .elementor-element.elementor-element-bc39340 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:var( --e-global-color-v4-surface-subtle );border-style:solid;border-width:0px 1px 1px 1px;border-color:var( --e-global-color-v4-border-subtle );--border-radius:0px 0px 16px 16px;--padding-top:8px;--padding-right:24px;--padding-bottom:24px;--padding-left:24px;}.elementor-407 .elementor-element.elementor-element-bc39340 {--n-accordion-padding:24px 24px 24px 24px;}:where( .elementor-407 .elementor-element.elementor-element-bc39340 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;}/* Start custom CSS *//* HarzHold: Hotelfriend Buchungswidget auf Apartment-Single */
.single-apartments .ap-booking-wrap {
  --hh-green: #435334;
  --hh-green-hover: #354329;
  --hh-cream: #f9f7f1;
  --hh-border: #ded6c8;
  --hh-brown: #8b6845;
  --hh-text: #707070;

  gap: 10px;
}

/* Widget-Font und Grundlayout */
.single-apartments .ap-booking-wrap .hf-widget_container,
.single-apartments .ap-booking-wrap .hf-widget_wrap,
.single-apartments .ap-booking-wrap .hf-widget_wrap * {
  font-family: "Poppins", sans-serif !important;
  letter-spacing: 0;
}

.single-apartments .ap-booking-wrap .hf-widget_wrap {
  flex-direction: column;
  gap: 10px !important;
  max-width: none;
}

/* Eingabefelder */
.single-apartments .ap-booking-wrap .hf-widget {
  width: 100%;
  min-height: 56px;
  background: #fff !important;
  border: 1px solid var(--hh-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: var(--hh-green) !important;
}

.single-apartments .ap-booking-wrap .hf-widget_hover {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.single-apartments .ap-booking-wrap .hf-widget_hover:hover {
  border-color: var(--hh-brown) !important;
  background-color: #fffdf8 !important;
}

/* Datumsfeld */
.single-apartments .ap-booking-wrap .hf-drp_wrap {
  height: 62px;
  min-width: 0;
}

.single-apartments .ap-booking-wrap .hf-drp {
  padding: 8px 18px;
  align-items: center;
}

.single-apartments .ap-booking-wrap .hf-drp__title {
  color: var(--hh-text) !important;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 500;
}

.single-apartments .ap-booking-wrap .hf-drp__select,
.single-apartments .ap-booking-wrap .hf-drp__selected {
  color: var(--hh-green) !important;
}

.single-apartments .ap-booking-wrap .hf-drp__selected_number {
  color: var(--hh-green) !important;
  font-size: 32px;
  line-height: 1;
  font-weight: 600;
}

.single-apartments .ap-booking-wrap .hf-drp__selected_date {
  color: var(--hh-green) !important;
  font-size: 15px;
  line-height: 1.15;
}

.single-apartments .ap-booking-wrap .hf-drp__slash::before {
  background-color: var(--hh-border) !important;
}

/* Gaeste-Auswahl */
.single-apartments .ap-booking-wrap .hf-guest {
      min-height: 56px;
    padding: 17px 20px;
}

.single-apartments .ap-booking-wrap .hf-guest__quantity_selected {
  color: var(--hh-green) !important;
  font-size: 16px;
  font-weight: 500;
}

.single-apartments .ap-booking-wrap .hf-guest__quantity_selected_adults,
.single-apartments .ap-booking-wrap .hf-guest__quantity_selected_children {
  color: var(--hh-brown) !important;
  font-weight: 600;
}

/* Suchbutton: Orange entfernen */
.single-apartments .ap-booking-wrap button.hf-widget__button {
  height: 58px;
  width: 100%;
  padding: 14px 24px !important;
  background-color: var(--hh-green) !important;
  color: var(--hh-cream) !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.single-apartments .ap-booking-wrap button.hf-widget__button:hover {
  background-color: var(--hh-green-hover) !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Mobile */
@media (max-width: 767px) {
  .single-apartments .ap-booking-wrap .hf-drp {
    padding-inline: 14px;
  }

  .single-apartments .ap-booking-wrap .hf-drp__selected_number {
    font-size: 28px;
  }

  .single-apartments .ap-booking-wrap .hf-drp__title,
  .single-apartments .ap-booking-wrap .hf-drp__selected_date {
    font-size: 13px;
  }
}

/* HarzHold: Datepicker Fix */
.single-apartments .ap-booking-wrap .hf-drp_wrap .daterangepicker {
  width: min(760px, calc(100vw - 32px)) !important;
  max-width: 760px !important;
  margin-top: 12px !important;
  padding: 22px !important;
  background: var(--hh-cream) !important;
  border: 1px solid var(--hh-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 45px rgba(67, 83, 52, 0.14) !important;
  font-family: "Poppins", sans-serif !important;
  color: var(--hh-green) !important;
  overflow: visible !important;
}

.single-apartments .ap-booking-wrap .hf-drp_wrap .daterangepicker::before,
.single-apartments .ap-booking-wrap .hf-drp_wrap .daterangepicker::after {
  display: none !important;
}

/* Wichtiger Fix: zwei Monate sauber nebeneinander */
.single-apartments .ap-booking-wrap .daterangepicker .drp-calendar {
  max-width: none !important;
  width: 340px !important;
  padding: 0 !important;
}

.single-apartments .ap-booking-wrap .daterangepicker .drp-calendar.left {
  margin-right: 28px !important;
}

.single-apartments .ap-booking-wrap .daterangepicker .drp-calendar.right {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* Tabellenlayout stabilisieren */
.single-apartments .ap-booking-wrap .daterangepicker .calendar-table {
  background: transparent !important;
  border: 0 !important;
}

.single-apartments .ap-booking-wrap .daterangepicker .calendar-table table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 4px !important;
  table-layout: fixed !important;
}

/* Kopfzeile: keine kaputten Linien/Arcs */
.single-apartments .ap-booking-wrap .daterangepicker th {
  background: transparent !important;
  border: 0 !important;
}

.single-apartments .ap-booking-wrap .daterangepicker th.month {
  color: var(--hh-brown) !important;
  font-family: "Roboto Slab", serif !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  padding-bottom: 16px !important;
}

/* Pfeile sauber neu zeichnen */
.single-apartments .ap-booking-wrap .daterangepicker th.prev,
.single-apartments .ap-booking-wrap .daterangepicker th.next {
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  cursor: pointer;
}

.single-apartments .ap-booking-wrap .daterangepicker th.prev span,
.single-apartments .ap-booking-wrap .daterangepicker th.next span {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  padding: 0 !important;
  border-color: var(--hh-green) !important;
  border-width: 0 0 3px 3px !important;
}

.single-apartments .ap-booking-wrap .daterangepicker th.prev span {
  transform: rotate(45deg) !important;
}

.single-apartments .ap-booking-wrap .daterangepicker th.next span {
  transform: rotate(225deg) !important;
}

.single-apartments .ap-booking-wrap .daterangepicker th.prev:hover,
.single-apartments .ap-booking-wrap .daterangepicker th.next:hover {
  background: rgba(139, 104, 69, 0.12) !important;
}

/* Wochentage */
.single-apartments .ap-booking-wrap .daterangepicker .calendar-table th {
  color: var(--hh-brown) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  height: 34px !important;
}

/* Tage */
.single-apartments .ap-booking-wrap .daterangepicker td {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #333 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 38px !important;
}

.single-apartments .ap-booking-wrap .daterangepicker td.off,
.single-apartments .ap-booking-wrap .daterangepicker td.disabled {
  color: #b8b1a6 !important;
  background: transparent !important;
  text-decoration: none !important;
}

.single-apartments .ap-booking-wrap .daterangepicker td.available:hover {
  background: rgba(139, 104, 69, 0.14) !important;
  color: var(--hh-green) !important;
}

.single-apartments .ap-booking-wrap .daterangepicker td.in-range {
  background: rgba(67, 83, 52, 0.11) !important;
  color: var(--hh-green) !important;
  box-shadow: none !important;
}

.single-apartments .ap-booking-wrap .daterangepicker td.active,
.single-apartments .ap-booking-wrap .daterangepicker td.active:hover,
.single-apartments .ap-booking-wrap .daterangepicker td.start-date,
.single-apartments .ap-booking-wrap .daterangepicker td.end-date {
  background: var(--hh-green) !important;
  color: var(--hh-cream) !important;
  box-shadow: none !important;
}

/* Mobile: bewusst einspaltig */
@media (max-width: 767px) {
  .single-apartments .ap-booking-wrap .hf-drp_wrap .daterangepicker {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: calc(100vw - 32px) !important;
    max-width: 420px !important;
    padding: 16px !important;
  }

  .single-apartments .ap-booking-wrap .daterangepicker .drp-calendar {
    width: 100% !important;
  }

  .single-apartments .ap-booking-wrap .daterangepicker .drp-calendar.left {
    margin-right: 0 !important;
    margin-bottom: 18px !important;
  }

  .single-apartments .ap-booking-wrap .daterangepicker .drp-calendar.right {
    padding-top: 18px !important;
    border-top: 1px solid var(--hh-border) !important;
  }

  .single-apartments .ap-booking-wrap .daterangepicker td {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 14px !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://harzhold.de/wp-content/uploads/2026/05/poppins-v24-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://harzhold.de/wp-content/uploads/2026/05/poppins-v24-latin-italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://harzhold.de/wp-content/uploads/2026/05/poppins-v24-latin-600.woff2') format('woff2');
}
/* End Custom Fonts CSS */