/* Sport Adler CI overrides for EXT:rent. */

.tx-rent,
#addbasketModal,
#datepickerModal,
.flatpickr-calendar {
    --rent-site-bg: #ffffff;
    --rent-site-panel: #ffffff;
    --rent-site-panel-high: #f4f3fb;
    --rent-site-panel-muted: #f4f3fb;
    --rent-site-input: #ffffff;
    --rent-site-text: #272726;
    --rent-site-muted: #434651;
    --rent-site-accent: #b31619;
    --rent-site-accent-hover: #8f1114;
    --rent-site-accent-soft: rgba(179, 22, 25, 0.1);
    --rent-site-border: rgba(39, 39, 38, 0.16);
    --rent-site-border-strong: rgba(179, 22, 25, 0.48);
    color: var(--rent-site-text);
    font-family: "Montserrat", Arial, sans-serif;
}

.tx-rent h1,
.tx-rent h2,
.tx-rent h3,
.tx-rent h4,
.tx-rent h5,
.tx-rent h6,
.tx-rent .h5,
#addbasketModal h1,
#addbasketModal h2,
#addbasketModal h3,
#addbasketModal h4,
#addbasketModal h5,
#datepickerModal h1,
#datepickerModal h2,
#datepickerModal h3,
#datepickerModal h4,
#datepickerModal h5 {
    color: var(--rent-site-text) !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.tx-rent .text,
.tx-rent .text p,
.tx-rent .intro-text,
.tx-rent .description,
.tx-rent .description p,
.tx-rent .tx-rent-article-description,
.tx-rent .tx-rent-article-description p,
.tx-rent .product-description,
.tx-rent .product-description p,
.tx-rent label,
.tx-rent .pickupInfo,
#addbasketModal .text_content,
#addbasketModal .text_content p,
#addbasketModal .description,
#addbasketModal .description p,
#addbasketModal .product-description,
#addbasketModal .product-description *,
#addbasketModal .product-description li::marker {
    color: var(--rent-site-muted) !important;
}

.tx-rent a,
#addbasketModal a,
#datepickerModal a {
    color: var(--rent-site-accent);
}

.tx-rent a:hover,
.tx-rent a:focus,
#addbasketModal a:hover,
#addbasketModal a:focus,
#datepickerModal a:hover,
#datepickerModal a:focus {
    color: var(--rent-site-accent-hover);
}

/* Rental period */
.tx-rent .tx-rent-period-bar {
    border: 0;
    border-radius: 0.2rem;
    background: #272726;
    box-shadow: 0 12px 28px rgba(39, 39, 38, 0.16);
}

.tx-rent .tx-rent-period-bar strong {
    color: #ffffff;
    font-weight: 800;
}

/* Product and offer cards */
.tx-rent article,
.tx-rent > article,
.tx-rent .tx-rent-article-card,
.tx-rent .tx-rent-offer-card,
.tx-rent .list-group-item,
.tx-rent .verleih,
.tx-rent .package,
.tx-rent .persondata,
.tx-rent .tx-rent-basket-form .verleih,
.tx-rent .tx-rent-basket-form .package,
.tx-rent .tx-rent-basket-form .persondata,
.tx-rent .tx-rent-checkout-form .verleih,
.tx-rent .tx-rent-checkout-form .persondata,
.tx-rent .tx-rent-checkout-form .payment-part + .credit-cards,
#addbasketModal .package article {
    border-color: var(--rent-site-border) !important;
    border-radius: 0.25rem;
    background: var(--rent-site-panel) !important;
    color: var(--rent-site-text) !important;
    box-shadow: 0 8px 20px rgba(39, 39, 38, 0.08) !important;
}

.tx-rent .top,
.tx-rent .tx-rent-article-top {
    background: var(--rent-site-panel) !important;
}

.tx-rent .bottom,
.tx-rent .tx-rent-article-bottom,
.tx-rent .tx-rent-offer-section {
    border-color: var(--rent-site-border) !important;
    background: var(--rent-site-panel-muted) !important;
}

.tx-rent .tx-rent-article-meta h3,
.tx-rent .tx-rent-offer-card .card-title,
.tx-rent .tx-rent-basket-product-title,
.tx-rent .package article .title h4,
#addbasketModal .package article .title h4 {
    color: var(--rent-site-text) !important;
    font-weight: 900;
    text-transform: uppercase;
}

.tx-rent .carousel,
.tx-rent .tx-rent-checkout-product-media,
.tx-rent .product-media,
#addbasketModal .carousel,
#addbasketModal .product-media {
    border-color: var(--rent-site-border) !important;
    border-radius: 0.25rem;
    background: var(--rent-site-panel-muted) !important;
}

.tx-rent .tx-rent-checkout-form .tx-rent-checkout-product-media,
.tx-rent .tx-rent-checkout-form .tx-rent-checkout-product-media .carousel,
.tx-rent .tx-rent-checkout-form .tx-rent-checkout-product-media .carousel-inner,
.tx-rent .tx-rent-checkout-form .tx-rent-checkout-product-media .carousel-item,
.tx-rent .tx-rent-checkout-form .tx-rent-checkout-product-media img {
    background: var(--rent-site-panel-muted) !important;
}

@media (min-width: 992px) {
    .tx-rent .tx-rent-checkout-form .row.single-person-form {
        align-items: stretch;
    }

    .tx-rent .tx-rent-checkout-form .row.single-person-form > .verleih,
    .tx-rent .tx-rent-checkout-form .row.single-person-form > .persondata {
        height: auto;
        margin-bottom: 0 !important;
    }
}

.tx-rent .price,
.tx-rent .totalPrice,
.tx-rent .od-product-card__price,
.tx-rent .calc li ul li:last-child,
#addbasketModal .price {
    color: var(--rent-site-accent) !important;
    font-weight: 800;
}

.tx-rent .price span {
    color: #70737e !important;
}

.tx-rent .stars,
.tx-rent .stars .bi-star,
.tx-rent .stars .bi-star-fill,
.tx-rent .text-orange,
.tx-rent .cancellationInsurancePrice {
    color: var(--rent-site-accent) !important;
}

.tx-rent .descount,
.tx-rent .tx-rent-article-badge,
.tx-rent .tx-rent-person-badge,
.tx-rent .tx-rent-checkout-badge {
    border: 1px solid rgba(179, 22, 25, 0.24) !important;
    border-radius: 0.15rem;
    background: var(--rent-site-accent-soft) !important;
    color: var(--rent-site-accent) !important;
    box-shadow: none !important;
    font-weight: 800;
    letter-spacing: 0.04em;
    transform: none !important;
}

/* Buttons and navigation */
.tx-rent .btn-primary,
.tx-rent button.btn-primary,
.tx-rent input[type="submit"].btn-primary,
.tx-rent .tx-rent-period-bar .btn,
.tx-rent .tx-rent-basket-update-btn,
.tx-rent .tx-rent-basket-checkout,
.tx-rent .jetzt_buchen .btn,
.tx-rent .jetzt_buchen input[type="submit"],
.tx-rent .tx-rent-checkout-form input[type="button"],
.tx-rent .tx-rent-checkout-form input[type="submit"],
.tx-rent .tx-rent-checkout-form button,
.tx-rent .tx-rent-checkout-form .btn,
#addbasketModal .tx-rent-addbasket-submit,
#addbasketModal .btn-primary,
#datepickerModal .btn-primary,
#datepickerModal input[type="submit"].btn-primary {
    border-color: var(--rent-site-accent) !important;
    border-radius: 0.2rem !important;
    background: var(--rent-site-accent) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tx-rent .btn-primary:hover,
.tx-rent .btn-primary:focus,
.tx-rent .btn-primary:active,
.tx-rent button.btn-primary:hover,
.tx-rent button.btn-primary:focus,
.tx-rent button.btn-primary:active,
.tx-rent input[type="submit"].btn-primary:hover,
.tx-rent input[type="submit"].btn-primary:focus,
.tx-rent input[type="submit"].btn-primary:active,
.tx-rent .tx-rent-basket-update-btn:hover,
.tx-rent .tx-rent-basket-checkout:hover,
.tx-rent .tx-rent-checkout-form input[type="button"]:hover,
.tx-rent .tx-rent-checkout-form input[type="button"]:focus,
.tx-rent .tx-rent-checkout-form input[type="submit"]:hover,
.tx-rent .tx-rent-checkout-form input[type="submit"]:focus,
.tx-rent .tx-rent-checkout-form button:hover,
.tx-rent .tx-rent-checkout-form button:focus,
.tx-rent .tx-rent-checkout-form .btn:hover,
.tx-rent .tx-rent-checkout-form .btn:focus,
#addbasketModal .tx-rent-addbasket-submit:hover,
#addbasketModal .tx-rent-addbasket-submit:focus,
#addbasketModal .btn-primary:hover,
#addbasketModal .btn-primary:focus,
#datepickerModal .btn-primary:hover,
#datepickerModal .btn-primary:focus {
    border-color: var(--rent-site-accent-hover) !important;
    background: var(--rent-site-accent-hover) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.tx-rent .btn.btn-primary,
.tx-rent a.btn.btn-primary,
.tx-rent button.btn.btn-primary,
.tx-rent input.btn.btn-primary,
.tx-rent input[type="submit"],
#addbasketModal .btn.btn-primary,
#addbasketModal input[type="submit"],
#datepickerModal .btn.btn-primary,
#datepickerModal input[type="submit"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.tx-rent .btn.btn-primary:hover,
.tx-rent .btn.btn-primary:focus,
.tx-rent .btn.btn-primary:active,
.tx-rent .btn.btn-primary:disabled,
.tx-rent input[type="submit"]:hover,
.tx-rent input[type="submit"]:focus,
.tx-rent input[type="submit"]:active,
.tx-rent input[type="submit"]:disabled,
#addbasketModal .btn.btn-primary:hover,
#addbasketModal .btn.btn-primary:focus,
#addbasketModal .btn.btn-primary:active,
#datepickerModal .btn.btn-primary:hover,
#datepickerModal .btn.btn-primary:focus,
#datepickerModal .btn.btn-primary:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.tx-rent .nav-pills .nav-link {
    border: 1px solid var(--rent-site-border);
    border-radius: 0.2rem;
    background: #ffffff;
    color: var(--rent-site-text);
    box-shadow: none;
    font-weight: 700;
}

.tx-rent .nav-pills .nav-link:hover,
.tx-rent .nav-pills .nav-link:focus {
    border-color: var(--rent-site-accent);
    color: var(--rent-site-accent);
}

.tx-rent .nav-pills .nav-link.active,
.tx-rent .nav-pills .show > .nav-link {
    border-color: var(--rent-site-accent);
    background: var(--rent-site-accent);
    color: #ffffff;
}

/* Inputs */
.tx-rent .form-control,
.tx-rent .form-select,
.tx-rent input[type="text"],
.tx-rent input[type="email"],
.tx-rent input[type="tel"],
.tx-rent input[type="date"],
.tx-rent input[type="number"],
.tx-rent input[type="password"],
.tx-rent select,
.tx-rent textarea,
#addbasketModal .form-control,
#addbasketModal .form-select,
#addbasketModal input[type="text"],
#addbasketModal input[type="email"],
#addbasketModal input[type="tel"],
#addbasketModal input[type="date"],
#addbasketModal select,
#addbasketModal textarea,
#datepickerModal .form-control,
#datepickerModal input[type="text"] {
    min-height: 46px;
    border: 1px solid rgba(39, 39, 38, 0.22) !important;
    border-radius: 0.2rem !important;
    background: var(--rent-site-input) !important;
    color: var(--rent-site-text) !important;
    box-shadow: none !important;
}

.tx-rent .form-control:focus,
.tx-rent .form-select:focus,
.tx-rent input:focus,
.tx-rent select:focus,
.tx-rent textarea:focus,
#addbasketModal input:focus,
#addbasketModal select:focus,
#addbasketModal textarea:focus,
#datepickerModal input:focus {
    border-color: var(--rent-site-accent) !important;
    background: #ffffff !important;
    color: var(--rent-site-text) !important;
    box-shadow: 0 0 0 0.2rem rgba(179, 22, 25, 0.14) !important;
    outline: 0;
}

.tx-rent input::placeholder,
.tx-rent textarea::placeholder,
#addbasketModal input::placeholder,
#addbasketModal textarea::placeholder,
#datepickerModal input::placeholder {
    color: #70737e !important;
    opacity: 1;
}

.tx-rent select option,
#addbasketModal select option {
    background: #ffffff;
    color: var(--rent-site-text);
}

.tx-rent input[type="checkbox"],
.tx-rent input[type="radio"] {
    accent-color: var(--rent-site-accent);
}

/* Basket and checkout */
.tx-rent .tx-rent-basket-actions {
    border-color: var(--rent-site-border);
    border-radius: 0.25rem 0.25rem 0 0;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -10px 24px rgba(39, 39, 38, 0.12);
}

.tx-rent .tx-rent-basket-empty,
.tx-rent .alert-info {
    border-color: var(--rent-site-border);
    border-radius: 0.25rem;
    background: var(--rent-site-panel-muted);
    color: var(--rent-site-text);
}

.tx-rent .tx-rent-package-option-card:hover article,
#addbasketModal .tx-rent-package-option-card:hover article {
    border-color: var(--rent-site-border-strong) !important;
}

.tx-rent .tx-rent-package-option-input:checked + .tx-rent-package-option-card article,
#addbasketModal .tx-rent-package-option-input:checked + .tx-rent-package-option-card article {
    border-color: var(--rent-site-accent) !important;
    background: var(--rent-site-accent-soft) !important;
    box-shadow: 0 0 0 2px rgba(179, 22, 25, 0.12) !important;
}

.tx-rent .tx-rent-package-option-input:checked + .tx-rent-package-option-card::after,
#addbasketModal .tx-rent-package-option-input:checked + .tx-rent-package-option-card::after {
    background: var(--rent-site-accent) !important;
    color: #ffffff !important;
}

.tx-rent .tx-rent-basket-form .verleih ul.calc li ul li:first-child {
    color: var(--rent-site-muted) !important;
}

.tx-rent .tx-rent-basket-form .package {
    padding-bottom: 30px;
    overscroll-behavior: contain;
    scrollbar-color: var(--rent-site-accent) #ececf1;
    scrollbar-width: thin;
}

.tx-rent .tx-rent-basket-form .package::-webkit-scrollbar {
    width: 8px;
}

.tx-rent .tx-rent-basket-form .package::-webkit-scrollbar-track {
    background: #ececf1;
}

.tx-rent .tx-rent-basket-form .package::-webkit-scrollbar-thumb {
    border: 2px solid #ececf1;
    border-radius: 999px;
    background: var(--rent-site-accent);
}

.tx-rent .tx-rent-basket-form .package .text_content,
.tx-rent .tx-rent-basket-form .package .text_content p {
    color: var(--rent-site-muted) !important;
}

@media (min-width: 992px) {
    .tx-rent .tx-rent-basket-form .row.warenkorb {
        align-items: stretch;
    }

    .tx-rent .tx-rent-basket-form .row.warenkorb > .package {
        contain: size;
        min-height: 0;
        height: auto !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
}

@media (max-width: 991.98px) {
    .tx-rent .tx-rent-basket-form .row.warenkorb > .package {
        contain: none;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

.tx-rent .carousel-control-prev-icon,
.tx-rent .carousel-control-next-icon,
.tx-rent .mainperson-check:checked + label img.active {
    filter: brightness(0) saturate(100%) invert(13%) sepia(76%) saturate(5000%) hue-rotate(350deg) brightness(86%) contrast(95%) !important;
}

.tx-rent .cancellationInsurance,
.tx-rent .acceptgtc,
.tx-rent .acceptprivacy {
    border-color: var(--rent-site-border) !important;
    border-radius: 0.25rem !important;
    background: var(--rent-site-panel-muted) !important;
    color: var(--rent-site-text) !important;
}

.tx-rent .tx-rent-checkout-form #acceptgtc:checked + label .h5,
.tx-rent .tx-rent-checkout-form #acceptprivacy:checked + label .h5,
.tx-rent .tx-rent-checkout-form #acceptgtc:checked + label .h5 a,
.tx-rent .tx-rent-checkout-form #acceptprivacy:checked + label .h5 a {
    color: var(--rent-site-accent) !important;
}

.tx-rent .inputIframe {
    border-color: var(--rent-site-border) !important;
    border-radius: 0.2rem !important;
    background: #ffffff !important;
    color: var(--rent-site-text) !important;
}

/* Rental modals */
#addbasketModal .modal-content,
#datepickerModal .modal-content {
    border: 1px solid var(--rent-site-border) !important;
    border-radius: 0.25rem !important;
    background: #ffffff !important;
    color: var(--rent-site-text) !important;
    box-shadow: 0 20px 48px rgba(39, 39, 38, 0.2) !important;
}

#addbasketModal .modal-header,
#addbasketModal .modal-body,
#addbasketModal .modal-footer,
#datepickerModal .modal-header,
#datepickerModal .modal-body,
#datepickerModal .modal-footer {
    border-color: var(--rent-site-border) !important;
    background: #ffffff !important;
    color: var(--rent-site-text) !important;
}

#addbasketModal .modal-body,
#addbasketModal .modal-body main,
#addbasketModal .modal-body main .container,
#addbasketModal main,
#addbasketModal main .container,
#addbasketModal .container,
#addbasketModal .container-fluid,
#addbasketModal .warenkorb,
#addbasketModal .row,
#addbasketModal .persone,
#addbasketModal .form.add-to-basket {
    background: #ffffff !important;
    color: var(--rent-site-text) !important;
}

#addbasketModal .btn-close,
#datepickerModal .btn-close {
    filter: none;
    opacity: 0.72;
}

/* Keep product photography and package icons fully visible in the basket modal. */
#addbasketModal .warenkorb .verleih .persone .product-media,
#addbasketModal .warenkorb .verleih .persone .product-media .carousel,
#addbasketModal .warenkorb .verleih .persone .product-media .carousel-inner,
#addbasketModal .warenkorb .verleih .persone .product-media .carousel-item {
    min-height: 0 !important;
    border-radius: 0.25rem;
    background: #f4f3fb !important;
}

#addbasketModal .warenkorb .verleih .persone .product-media .carousel-item img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: 220px !important;
    margin: 0 auto;
    object-fit: contain !important;
    object-position: center !important;
}

#addbasketModal .package article .image,
.tx-rent .tx-rent-basket-form .package article .image {
    display: flex;
    flex: 0 0 76px;
    width: 76px;
    max-width: 76px;
    height: 76px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0.4rem;
    border-radius: 0.25rem;
    background: #f4f3fb;
}

#addbasketModal .package article .image img,
.tx-rent .tx-rent-basket-form .package article .image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
}

#addbasketModal .package article .image:empty,
.tx-rent .tx-rent-basket-form .package article .image:empty {
    display: none;
}

/* Flatpickr is appended outside the rent wrapper. */
.flatpickr-calendar,
.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-current-month input.cur-year,
.flatpickr-calendar .flatpickr-monthDropdown-months,
.flatpickr-calendar .numInputWrapper input {
    border-color: var(--rent-site-border) !important;
    background: #ffffff !important;
    color: var(--rent-site-text) !important;
    font-family: "Montserrat", Arial, sans-serif !important;
}

.flatpickr-calendar .flatpickr-day {
    color: var(--rent-site-text);
}

.flatpickr-calendar .flatpickr-day:hover {
    border-color: var(--rent-site-accent-soft);
    background: var(--rent-site-accent-soft);
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-calendar .flatpickr-current-month input.cur-year:hover,
.flatpickr-calendar .flatpickr-current-month input.cur-year:focus,
.flatpickr-calendar .numInputWrapper input:hover,
.flatpickr-calendar .numInputWrapper input:focus {
    background: var(--rent-site-panel-high) !important;
    outline: 1px solid rgba(179, 22, 25, 0.38) !important;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange {
    border-color: var(--rent-site-accent) !important;
    background: var(--rent-site-accent) !important;
    color: #ffffff !important;
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.prevMonthDay,
.flatpickr-calendar .flatpickr-day.nextMonthDay {
    color: #9a9ca5 !important;
}

.flatpickr-calendar select.flatpickr-monthDropdown-months option,
.flatpickr-calendar .flatpickr-monthDropdown-month {
    background: #ffffff !important;
    color: var(--rent-site-text) !important;
}

.flatpickr-calendar select.flatpickr-monthDropdown-months option:checked,
.flatpickr-calendar .flatpickr-monthDropdown-month:checked {
    background: var(--rent-site-accent) !important;
    color: #ffffff !important;
}

/* Datepicker modal: override the legacy blue theme's highly specific rules. */
#datepickerModal .modal-content > .modal-header {
    padding: 1.15rem 1.5rem;
    border-bottom: 0 !important;
    background: #272726 !important;
}

#datepickerModal .modal-content > .modal-header .modal-title,
#datepickerModal .modal-content > .modal-header h5 {
    margin: 0;
    color: #ffffff !important;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 900;
    letter-spacing: 0.02em !important;
    line-height: 1.15;
    text-transform: uppercase !important;
}

#datepickerModal .modal-content > .modal-header .btn-close {
    filter: invert(1) grayscale(1) !important;
    opacity: 0.85;
}

#datepickerModal .modal-content > .modal-body {
    padding: clamp(1.25rem, 3vw, 2rem);
    background: #ffffff !important;
}

#datepickerModal .modal-body .container {
    max-width: 100%;
    padding: 0;
}

#datepickerModal .modal-body .tx-rent-date-form p {
    margin-bottom: 1.25rem;
    color: #434651 !important;
    font-size: 1rem;
    line-height: 1.5;
}

#datepickerModal .modal-body .tx-rent-date-form h3 {
    margin-bottom: 0.5rem;
    color: #272726 !important;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-transform: uppercase;
}

#datepickerModal .modal-body .tx-rent-date-form .form-control,
#datepickerModal .modal-body .tx-rent-date-form input[type="text"] {
    min-height: 48px;
    border: 1px solid rgba(39, 39, 38, 0.22) !important;
    background: #ffffff !important;
    color: #272726 !important;
    font-size: 1rem;
}

#datepickerModal .modal-body .tx-rent-date-form .form-control::placeholder,
#datepickerModal .modal-body .tx-rent-date-form input[type="text"]::placeholder {
    color: #70737e !important;
    opacity: 1;
}

#datepickerModal .modal-body .tx-rent-date-form .form-control:focus,
#datepickerModal .modal-body .tx-rent-date-form input[type="text"]:focus {
    border-color: #b31619 !important;
    box-shadow: 0 0 0 0.2rem rgba(179, 22, 25, 0.14) !important;
}

#datepickerModal .modal-body .tx-rent-date-form .btn-primary {
    min-height: 48px;
}

.flatpickr-calendar {
    border: 1px solid rgba(39, 39, 38, 0.16) !important;
    border-radius: 0.25rem !important;
    background: #ffffff !important;
    box-shadow: 0 16px 36px rgba(39, 39, 38, 0.18) !important;
}

.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-months .flatpickr-month,
.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-weekday,
.flatpickr-calendar .flatpickr-current-month {
    background: #ffffff !important;
    color: #272726 !important;
}

.flatpickr-calendar .flatpickr-weekday {
    font-weight: 700;
}

.flatpickr-calendar .flatpickr-innerContainer,
.flatpickr-calendar .flatpickr-rContainer,
.flatpickr-calendar .flatpickr-days,
.flatpickr-calendar .dayContainer {
    background: #ffffff !important;
}

.flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month,
.flatpickr-calendar .flatpickr-prev-month:hover,
.flatpickr-calendar .flatpickr-next-month:hover {
    background: #ffffff !important;
    color: #272726 !important;
    fill: #272726 !important;
}

.flatpickr-calendar .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-next-month svg {
    fill: #272726 !important;
}

.flatpickr-calendar .flatpickr-day:not(.flatpickr-disabled):not(.notAllowed):not(.prevMonthDay):not(.nextMonthDay):not(.selected):not(.startRange):not(.endRange) {
    background: transparent !important;
    color: #272726 !important;
}

.flatpickr-calendar .flatpickr-day:hover:not(.flatpickr-disabled):not(.notAllowed):not(.selected):not(.startRange):not(.endRange),
.flatpickr-calendar .flatpickr-day:focus:not(.flatpickr-disabled):not(.notAllowed):not(.selected):not(.startRange):not(.endRange) {
    border-color: rgba(179, 22, 25, 0.18) !important;
    background: rgba(179, 22, 25, 0.1) !important;
    color: #272726 !important;
}

.flatpickr-calendar .flatpickr-day.inRange {
    border-color: rgba(179, 22, 25, 0.08) !important;
    background: rgba(179, 22, 25, 0.08) !important;
    box-shadow: -5px 0 0 rgba(179, 22, 25, 0.08), 5px 0 0 rgba(179, 22, 25, 0.08) !important;
    color: #272726 !important;
}

.flatpickr-calendar .flatpickr-day.today {
    border-color: #b31619 !important;
}

.flatpickr-calendar .flatpickr-day.today:hover,
.flatpickr-calendar .flatpickr-day.today:focus {
    border-color: #b31619 !important;
    background: rgba(179, 22, 25, 0.1) !important;
    color: #272726 !important;
}

/* Validation feedback */
.tx-rent #errorOutput,
.tx-rent .has-error {
    border-color: var(--rent-site-accent) !important;
    background: rgba(179, 22, 25, 0.08) !important;
    color: var(--rent-site-accent) !important;
}

.tx-rent #successOutput {
    border-color: rgba(49, 118, 72, 0.32) !important;
    background: rgba(49, 118, 72, 0.08) !important;
    color: #317648 !important;
}

@media (max-width: 767.98px) {
    .tx-rent .tx-rent-period-bar,
    .tx-rent .tx-rent-article-card,
    .tx-rent .tx-rent-basket-form .verleih,
    .tx-rent .tx-rent-basket-form .package,
    .tx-rent .tx-rent-basket-form .persondata,
    .tx-rent .tx-rent-checkout-form .verleih,
    .tx-rent .tx-rent-checkout-form .persondata {
        border-radius: 0.25rem;
    }
}