/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* barlow-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/barlow-v13-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fraunces-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/fraunces-v38-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/fraunces-v38-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/fraunces-v38-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/fraunces-v38-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/fraunces-v38-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/fraunces-v38-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/fraunces-v38-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/fraunces-v38-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/fraunces-v38-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/fraunces-v38-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/fraunces-v38-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/fraunces-v38-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/fraunces-v38-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/fraunces-v38-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/fraunces-v38-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/fraunces-v38-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/fraunces-v38-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fraunces-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/fraunces-v38-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* instrument-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/instrument-sans-v4-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* instrument-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/instrument-sans-v4-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* instrument-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/instrument-sans-v4-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* instrument-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/instrument-sans-v4-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* instrument-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/instrument-sans-v4-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* instrument-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/instrument-sans-v4-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* instrument-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/instrument-sans-v4-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* instrument-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/instrument-sans-v4-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Buchungskalender */
.DOPSelect.dopselect-multiple ul {
  padding: 9px !important;
}
.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper label,
.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper label a,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper label,
.DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper label a {
  color: #000000 !important;
}
.dopbsp-body {
  height: 38px;
}
/* Pinpoint Open Sans mit !important überschreiben */
.DOPBSPCalendar-wrapper 
.DOPBSPCalendar-day 
.dopbsp-bind-middle 
.dopbsp-head 
.dopbsp-day  {
  font-family: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-weight: 700 !important;
}
.DOPBSPCalendar-wrapper 
.DOPBSPCalendar-day 
.dopbsp-bind-middle
.dopbsp-body
.dopbsp-available,
.DOPBSPCalendar-wrapper 
.DOPBSPCalendar-day 
.dopbsp-bind-middle 
.dopbsp-body 
.dopbsp-price  {
  font-family: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  color: #737373;
}

/* NUR Extras-Boxen (extras1, extras2, extras3, …) */
div[id^="DOPBSPCalendar-extras"] .DOPSelect.dopselect-single,
div[id^="DOPBSPCalendar-extras"] .DOPSelect.dopselect-single .dopselect-select,
div[id^="DOPBSPCalendar-extras"] .DOPSelect.dopselect-single .dopselect-selection,
div[id^="DOPBSPCalendar-extras"] .DOPSelect.dopselect-single ul,
div[id^="DOPBSPCalendar-extras"] .DOPSelect.dopselect-single ul li{
  width: 340px !important;
  min-width: 340px !important;
  box-sizing: border-box !important;
}

.DOPSelect.dopselect-single .dopselect-selection,
.DOPSelect.dopselect-single ul li {
  white-space: normal !important;
}

/* Zwei Spalten Texte automatisch */
.two-columns {
  column-count: 2;
  column-gap: 40px;
}

@media (max-width: 767px) {
  .two-columns {
    column-count: 1;
  }
}

/* Änderungen im Buchungskalender */
.dopbsp-next-month {
  display: none;
}
/* Tage aus dem Vormonat unsichtbar machen, aber Grid-Platz behalten */
.dopbsp-last-month {
  visibility: hidden;
  pointer-events: none; /* nicht anklickbar */
}
.DOPSelect.dopselect-multiple ul {
  max-height: 100px !important;
}
/* Formular-Container */
#DOPBSPCalendar-form1,
#DOPBSPCalendar-form3,
#DOPBSPCalendar-form4,
#DOPBSPCalendar-form5 {
  display:flex;
  flex-wrap:wrap;
  gap:2px;
  align-items:flex-start;
}

/* Überschrift & Hinweise sollen immer eine ganze Zeile nehmen */
#DOPBSPCalendar-form1 > h4,
#DOPBSPCalendar-form3 > h4,
#DOPBSPCalendar-form4 > h4,
#DOPBSPCalendar-form5 > h4,

#DOPBSPCalendar-form1 > .dopbsp-warning,
#DOPBSPCalendar-form3 > .dopbsp-warning,
#DOPBSPCalendar-form4 > .dopbsp-warning,
#DOPBSPCalendar-form5 > .dopbsp-warning,

#DOPBSPCalendar-form1 > .dopbsp-message,
#DOPBSPCalendar-form3 > .dopbsp-message,
#DOPBSPCalendar-form4 > .dopbsp-message,
#DOPBSPCalendar-form5 > .dopbsp-message {
  width:100%;
}


/* Standard-Felder: 2 Spalten */
#DOPBSPCalendar-form1 > .dopbsp-input-wrapper,
#DOPBSPCalendar-form3 > .dopbsp-input-wrapper,
#DOPBSPCalendar-form4 > .dopbsp-input-wrapper,
#DOPBSPCalendar-form5 > .dopbsp-input-wrapper {
  width:calc(50% - 10px);
  box-sizing:border-box;
  margin:0 0 10px 0 !important; /* Pinpoint-Margins neutralisieren */
}


/* Volle Breite: Textarea */
#DOPBSPCalendar-form1 > .dopbsp-input-wrapper textarea,
#DOPBSPCalendar-form3 > .dopbsp-input-wrapper textarea,
#DOPBSPCalendar-form4 > .dopbsp-input-wrapper textarea,
#DOPBSPCalendar-form5 > .dopbsp-input-wrapper textarea {
  width:100%;
}

/* Mobile: alles untereinander */
@media (max-width:768px){
  #DOPBSPCalendar-form1 > .dopbsp-input-wrapper,
  #DOPBSPCalendar-form3 > .dopbsp-input-wrapper,
  #DOPBSPCalendar-form4 > .dopbsp-input-wrapper,
  #DOPBSPCalendar-form5 > .dopbsp-input-wrapper {
    width:100%;
  }
}
/* NUR Nachrichtenfeld auf volle Breite */
.dopbsp-input-wrapper textarea {
  width: 97% !important;
}

/* Wrapper des Nachrichtenfeldes ebenfalls volle Breite */
.dopbsp-input-wrapper:has(textarea) {
  width: 100% !important;
}

/* verhindert “Scroll-Chaining” zur Seite */
.DOPSelect ul {
  overscroll-behavior: contain;
}