:root {
    /* Primitives */

    --dunkelblau: #252941;
    --lavendel: hsl(236, 62%, 85%);
    --schwarz: #000000;
    --weiss: #ffffff;
    --moos: #003332;
    --orange: #e6732c;
    --burgunder: #5a253e;
    --lavendelhell: #ecedf9;
    --lavendelhell-alt: hsl(235, 52%, 92%);
    --grau1: #f4f4f4;
    --grau2: #c8c8c8;

    /* basiert auf Lavendel */
    --accent: hsl(236, 46%, 45%);
    --accent-hover: hsl(236, 46%, 30%);

    --box-shadow-s: 0 0 8px hsla(236, 42%, 45%, 0.5);
    --box-shadow-m: 0 0 0 1px hsla(236, 42%, 45%, 0.5), 0 0 8px hsla(236, 42%, 45%, 0.5);
}

form .form-control,
.form-control {
    border-color: var(--grau2);
}

input[type="radio"] + label span,
input[type="radio"] + .is-label span {
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: var(--grau2) !important;
    background-color: var(--weiss);
}

input[type="radio"]:checked + label span,
input[type="radio"]:checked + .is-label span {
    border-color: var(--accent) !important;
    background-color: var(--weiss);
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' fill='%233E45A8'/%3E%3C/svg%3E ");
    background-size: 16px;
    background-position: center center;
}

input[type="radio"]:focus + label span,
input[type="radio"]:focus + .is-label span {
    box-shadow: var(--box-shadow-m);
}


/*
input[type="checkbox"]:not(.switch-toggle-input) + label span:first-child,
input[type="checkbox"]:not(.switch-toggle-input) + .is-label span:first-child {
    background-image: none;
    background-color: var(--weiss);
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--grau2) !important;
}
*/

/*
input[type="checkbox"]:not(.switch-toggle-input):checked + label span:first-child,
input[type="checkbox"]:not(.switch-toggle-input):checked + .is-label span:first-child {
    background-color: var(--accent);
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10L8.33333 13L15 7' stroke='white' stroke-width='2.73913' stroke-linecap='square'/%3E%3C/svg%3E ");
    background-size: 16px;
    background-position: center center;
    border-color: var(--accent) !important;
}

*/

.flight-date-from-muc input,
.flight-date-to-muc input,
.has-datepicker,
.pi-datepicker.hasDatepicker,
.pi-widget .hasDatepicker:not(.parking-calendar),
.pi-widget input.time,
[data-scrivito-field-type="date"] input,
form .datepicker,
.datepicker-style,
form .datepicker-style,
.force.datepicker-icon,
.datepicker {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.26 2.83006V0.943401C15.26 0.693214 15.1608 0.453274 14.9841 0.276366C14.8074 0.099457 14.5678 7.07302e-05 14.318 7.07302e-05C14.0682 7.07302e-05 13.8286 0.099457 13.6519 0.276366C13.4752 0.453274 13.376 0.693214 13.376 0.943401V2.83006C13.376 3.08025 13.4752 3.32019 13.6519 3.4971C13.8286 3.674 14.0682 3.77339 14.318 3.77339C14.5678 3.77339 14.8074 3.674 14.9841 3.4971C15.1608 3.32019 15.26 3.08025 15.26 2.83006ZM6.082 3.76939C6.17596 3.77126 6.26934 3.75427 6.35664 3.71943C6.44394 3.68459 6.5234 3.6326 6.59031 3.56652C6.65723 3.50044 6.71026 3.42162 6.74627 3.33469C6.78228 3.24776 6.80055 3.15449 6.8 3.06039V0.70907C6.80001 0.615115 6.78137 0.522094 6.74517 0.435415C6.70896 0.348736 6.65592 0.270127 6.58911 0.204158C6.5223 0.138189 6.44307 0.0861745 6.35601 0.0511385C6.26896 0.0161026 6.17581 -0.00125633 6.082 7.07302e-05H5.614C5.52095 -0.000193616 5.42877 0.0179648 5.34275 0.0535017C5.25673 0.0890386 5.17858 0.141253 5.11278 0.207142C5.04698 0.273032 4.99484 0.351296 4.95936 0.437436C4.92387 0.523575 4.90574 0.615889 4.906 0.70907V3.06039C4.906 3.24842 4.98059 3.42876 5.11337 3.56172C5.24614 3.69469 5.42623 3.76939 5.614 3.76939H6.082ZM0.8 1.80261C0.474 1.80261 0 2.15911 0 2.53965V19.2732C0 19.5637 0.468 19.828 0.8 19.828H19.38C19.5407 19.8271 19.6949 19.7641 19.8104 19.6522C19.9259 19.5403 19.9938 19.388 20 19.2272V2.49359C19.9967 2.32175 19.9313 2.15696 19.8157 2.02986C19.7002 1.90276 19.5425 1.822 19.372 1.80261H16.2V3.64922C16.2 4.23805 15.564 4.71272 14.784 4.71272H13.85C13.064 4.71272 12.434 4.24005 12.434 3.64922V1.80261H7.728V3.64922C7.728 4.23805 7.098 4.71272 6.318 4.71272H5.378C4.592 4.71272 3.962 4.24005 3.962 3.64922V1.80261H0.8ZM16.2 8.41193H19V11.2159H16.2V8.41193ZM16.2 12.2173H19V15.0212H16.2V12.2173ZM16.2 16.0227H19V18.4961C18.999 18.5438 18.988 18.5907 18.9677 18.6338C18.9474 18.6769 18.9184 18.7153 18.8823 18.7464C18.8463 18.7776 18.8042 18.8008 18.7587 18.8146C18.7131 18.8284 18.6652 18.8325 18.618 18.8266H16.2V16.0227ZM12.4 8.41193H15.2V11.2159H12.4V8.41193ZM12.4 12.2173H15.2V15.0212H12.4V12.2173ZM12.4 16.0227H15.2V18.8266H12.4V16.0227ZM8.6 8.41193H11.4V11.2159H8.6V8.41193ZM8.6 16.0227H11.4V18.8266H8.6V16.0227ZM4.8 8.41193H7.6V11.2159H4.8V8.41193ZM4.8 12.2173H7.6V15.0212H4.8V12.2173ZM4.8 16.0227H7.6V18.8266H4.8V16.0227ZM3.8 18.8266H1.548C1.322 18.8266 1 18.6944 1 18.4961V16.0227H3.8V18.8266ZM3.8 15.0212H1V12.2173H3.8V15.0212ZM3.8 11.2159H1V8.41193H3.8V11.2159Z' fill='%233E45A8'/%3E%3C/svg%3E ") !important;
}

form select.form-control,
select.form-control,
form .selectBox-dropdown,
.selectBox-dropdown {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 3.75844V0.53125L8 4.74062L1 0.53125V3.75844L8 7.96781L15 3.75844Z' fill='%233E45A8'/%3E%3C/svg%3E ") !important;
    background-size: 16px;
}

label,
.BpWebApp_Field_Label,
.OTR_ueberschriftUhrzeitWaehlen {
    color: var(--schwarz);
}

input[type="text"],
input[type="email"],
.BpWebApp_Field_eMail {
    border-color: var(--grau2) !important;
    color: var(--schwarz) !important;
    background-color: var(--weiss) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: var(--dunkelblau) !important;
    box-shadow: var(--box-shadow-m);
}

input[type="submit"],
.OTR_reservButton {
    color: var(--weiss) !important;
    background: var(--dunkelblau) !important;
}

.BpWebApp button:not(.OTR_uhrzeitButton):not(.OTR_textButtonZurueckZumKalender):not(.OTR_textButton) {
    color: var(--weiss);
    background: var(--dunkelblau);
}

.BpWebApp button:not(.OTR_uhrzeitButton):not(.OTR_textButtonDatum):hover {
    color: var(--dunkelblau);
    background: var(--lavendel) !important;
    border-color: var(--lavendel) !important;
}

.BpWebApp_Field_Dropdownmenu {
    border: 1px solid var(--grau1) !important;
}

.OTR_uhrzeitButtonStyle {
    color: var(--weiss) !important;
    background-color: var(--dunkelblau) !important;
    border: 1px solid var(--dunkelblau) !important;
}

.ui-menu .ui-menu-item a:hover {
    color: var(--weiss);
    background-color: var(--dunkelblau);
}

input[type="checkbox"]:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles) + label::before,
input[type="radio"]:not(.BpWebApp_Field_RadioAsButton) + label::before {
    background-image: none;
    background-color: var(--weiss);
    border: 1px solid var(--accent) !important;
    border-radius: 2px;
}

input[type="checkbox"]:checked:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles) + label::before,
input[type="radio"]:checked:not(.BpWebApp_Field_RadioAsButton) + label::before {
    background-color: var(--accent);
    border: 1px solid var(--accent) !important;
    border-radius: 2px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 9.66466L8 13.011L15 6.31836' stroke='black' stroke-width='2.73913' stroke-linecap='square'/%3E%3C/svg%3E ") !important;
    background-position: left top;
    background-size: 20px;
    background-repeat: no-repeat;
}




/* Datepicker */
.ui-datepicker .ui-datepicker-next {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='21' viewBox='0 0 11 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.79825 20.5H0.187988L6.20138 10.5L0.187988 0.5H4.79825L10.8116 10.5L4.79825 20.5Z' fill='%233E45A8'/%3E%3C/svg%3E ") !important;
}

.ui-datepicker .ui-datepicker-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.98856 20H10.5802L4.59111 10L10.5802 0H5.98856L-0.000488281 10L5.98856 20Z' fill='%233E45A8'/%3E%3C/svg%3E ") !important;
}

.ui-widget-header .ui-datepicker-title select {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='11' viewBox='0 0 20 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 4.68V0.530762L10 5.94281L1 0.530762V4.68L10 10.0921L19 4.68Z' fill='%233E45A8'/%3E%3C/svg%3E ") !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background-color: var(--lavendel);
    color: var(--schwarz);
}