/*! otm, Compiled at 2024-07-17 10:15:59 */
/**
 * Oldenburg
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Matthias Kracke <kracke@infomax-it.de>
 * @since      2016-09-02
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/**
 * bsu
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2019 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Florian Müller <mueller@infomax-it.de>
 * @since      02.05.19
 */
/*  =========================================================
basic config
general structure setup
========================================================== */
/*  =========================================================
basic config
========================================================= */
/* corporate design */
/* @see src/portal/assets/styles/_brand for css variables */
/* other colors */
/* percentage dimensions */
/* percentage margins */
/* percentage paddings */
/* default font settings */
/* vertical aligns */
.verticalAlignHelper {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  margin: 0;
}
/* dimensions */
/* ultra tiny introduced for iPhone 5s */
/*  =========================================================
general structure setup
========================================================= */
.datepicker-container .icon-close {
  cursor: pointer;
  position: absolute;
  right: 45px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.datepicker-container input[data-toggle]:placeholder-shown + .icon-close {
  display: none;
}
.datepicker-container input[data-toggle] {
  min-width: 280px;
  width: 100%;
}
.datepicker-container[data-show-nights] input[data-toggle] {
  min-width: 350px;
}
/*  =========================================================
flatpickr
========================================================= */
.flatpickr-calendar {
  box-sizing: border-box;
  background: rgb(var(--color-white));
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  max-width: 534px;
  /* positioning */
  /* hidden state */
}
.flatpickr-calendar.inline {
  position: relative;
  top: 2px;
}
@media (min-width: 1001px) {
  .flatpickr-calendar:not(.inline) {
    position: absolute;
    top: 45px !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    right: initial !important;
  }
}
@media (max-width: 1000px) {
  .flatpickr-calendar:not(.inline) {
    position: absolute;
    top: 45px !important;
    left: -10px !important;
    right: -10px !important;
  }
}
.flatpickr-calendar:not(.open):not(.inline) {
  display: none;
  opacity: 0;
  visibility: hidden;
}
/* inline placed state */
.flatpickr-calendar.inline {
  display: block;
  opacity: 1;
  visibility: visible;
}
/* static placed state */
.flatpickr-calendar.static {
  position: absolute;
  top: calc(102%);
}
/*  =========================================================
open state
========================================================= */
.flatpickr-calendar.open {
  opacity: 1;
  visibility: visible;
  /* static / not static */
}
.flatpickr-calendar.open:not(.static) {
  display: inline-block;
  z-index: 99999;
  padding-bottom: 15px;
}
@media (max-width: 1000px) {
  .flatpickr-calendar.open:not(.static) {
    padding-bottom: 5px;
  }
}
.flatpickr-calendar.open.static {
  display: block;
  z-index: 999;
}
/* open animation */
@media (min-width: 1001px) {
  .flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
            animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
}
/*  =========================================================
keyframe animation
========================================================= */
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -20px, 0);
            transform: translate3d(-50%, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -20px, 0);
            transform: translate3d(-50%, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
}
/**
 * Romantischer Rhein - Endkundenportal 2018
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2018 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage datepicker.default
 * @author     gueldner
 * @since      21.06.2018
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure setup
month container
year changer
switch months arrows
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure setup
========================================================= */
.flatpickr-months {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*  =========================================================
month container
========================================================= */
/* single month container */
.flatpickr-month {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: 6px 0;
  overflow: hidden;
  border-bottom: 1px rgb(var(--color-white)) solid;
  color: rgb(var(--color-white));
  background: rgb(var(--color-cdOrange1));
  text-align: center;
}
/* wrapper for single month (used to keep space to prev/next arrows) */
.flatpickr-current-month {
  display: inline-block;
}
/* this single month itself */
.flatpickr-current-month span.cur-month {
  display: inline-block;
  font: 400 normal 14px/30px 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 30px;
  color: rgb(var(--color-white));
  text-transform: uppercase;
}
/*  =========================================================
year changer
========================================================= */
.flatpickr-current-month .numInputWrapper {
  position: relative;
  display: inline-block;
  padding-right: 20px;
}
.flatpickr-current-month input.cur-year {
  display: inline-block;
  height: 30px;
  width: 4ch;
  margin: 0 0 0 10px;
  padding: 0;
  font: 400 normal 14px/30px 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 30px;
  color: rgb(var(--color-white));
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: 0;
  cursor: text;
}
/* arrows */
.flatpickr-current-month .numInputWrapper .arrowUp,
.flatpickr-current-month .numInputWrapper .arrowDown {
  position: absolute;
  right: 0;
  height: 50%;
  width: 14px;
  line-height: 50%;
}
.flatpickr-current-month .numInputWrapper .arrowUp::after,
.flatpickr-current-month .numInputWrapper .arrowDown::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin: 25% 0;
}
.flatpickr-current-month .numInputWrapper:not(:hover):not(:active):not(:focus) .arrowUp::after,
.flatpickr-current-month .numInputWrapper:not(:hover):not(:active):not(:focus) .arrowDown::after {
  display: none;
}
.flatpickr-current-month .numInputWrapper:hover .arrowUp::after,
.flatpickr-current-month .numInputWrapper:active .arrowUp::after,
.flatpickr-current-month .numInputWrapper:focus .arrowUp::after,
.flatpickr-current-month .numInputWrapper:hover .arrowDown::after,
.flatpickr-current-month .numInputWrapper:active .arrowDown::after,
.flatpickr-current-month .numInputWrapper:focus .arrowDown::after {
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper .arrowUp {
  top: 0;
}
.flatpickr-current-month .numInputWrapper .arrowUp::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgb(var(--color-white));
}
.flatpickr-current-month .numInputWrapper .arrowDown {
  top: 50%;
}
.flatpickr-current-month .numInputWrapper .arrowDown::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgb(var(--color-white));
}
/*  =========================================================
switch months arrows
========================================================= */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 3%;
  color: rgb(var(--color-white));
  font-size: 30px;
}
.flatpickr-months .flatpickr-prev-month {
  left: 2%;
}
.flatpickr-months .flatpickr-next-month {
  right: 2%;
}
.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.disabled {
  display: none;
}
/**
 * Romantischer Rhein - Endkundenportal 2018
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2018 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage datepicker.default
 * @author     gueldner
 * @since      21.06.2018
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure setup
weekday row
actual weeks/days
additional content
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*  =========================================================
general structure setup
========================================================= */
.flatpickr-innerContainer {
  overflow: hidden;
}
/*  =========================================================
weekday row (Mo, Di, Mi, Do, Fr, Sa, So)
========================================================= */
.flatpickr-weekdays {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  overflow: hidden;
}
/* wrapper for weekdays of a single month */
.flatpickr-weekdaycontainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 0;
}
@media (min-width: 701px) {
  .flatpickr-weekdaycontainer {
    margin: 0 22px;
  }
}
/* single weekday */
.flatpickr-weekday {
  display: block;
  width: 70px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font: 400 normal 14px/15px 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 15px;
  color: rgb(var(--color-black));
}
@media (max-width: 700px) {
  .flatpickr-weekday {
    width: calc(14.28571429% - 1px);
  }
}
/*  =========================================================
actual weeks/days
========================================================= */
.flatpickr-days {
  position: relative;
  width: 100% !important;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 701px) {
  .flatpickr-days {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 700px) {
  .flatpickr-days {
    display: block;
  }
}
/* wrapper for days of a single month */
.dayContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (min-width: 701px) {
  .dayContainer {
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    margin: 0 22px;
  }
}
/* single actual day element */
.flatpickr-day {
  display: inline-block;
  margin: 1px 1px 0 0;
  width: calc(14.28571429% - 1px);
  height: 30px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  max-width: 70px;
  font: 400 normal 14px/30px 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 30px;
  color: rgb(var(--color-text-default));
  background: rgb(var(--color-white));
}
/* active color variant */
.flatpickr-day.inRange,
.flatpickr-day.inRange.prevMonthDay,
.flatpickr-day.inRange.nextMonthDay,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.selected,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected.nextMonthDay {
  background: rgb(--color-cdOrange2 / 40%);
  color: rgb(var(--color-text-default));
}
.dayContainer .flatpickr-day.startRange,
.dayContainer .flatpickr-day.startRange:focus,
.dayContainer .flatpickr-day.startRange:hover,
.dayContainer .flatpickr-day.startRange.inRange,
.dayContainer .flatpickr-day.startRange.prevMonthDay,
.dayContainer .flatpickr-day.startRange.nextMonthDay,
.dayContainer .flatpickr-day.endRange,
.dayContainer .flatpickr-day.endRange:focus,
.dayContainer .flatpickr-day.endRange:hover,
.dayContainer .flatpickr-day.endRange.inRange,
.dayContainer .flatpickr-day.endRange.prevMonthDay,
.dayContainer .flatpickr-day.endRange.nextMonthDay {
  background: rgb(var(--color-cdOrange2));
  color: rgb(var(--color-white));
}
/* today color variant */
.flatpickr-day.today,
.flatpickr-day.today:focus,
.flatpickr-day.today:hover,
.flatpickr-day.today.inRange,
.flatpickr-day.today.inRange.prevMonthDay,
.flatpickr-day.today.inRange.nextMonthDay {
  color: rgb(var(--color-cdOrange4));
  background: rgb(var(--color-white));
}
/* softened days */
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  opacity: 0.25;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
}
.flatpickr-day.hidden {
  visibility: hidden;
}