/* Project-specific Fügen Sport customizations for EXT:rent. */
.tx-rent {
    --rent-site-bg: #0c0f0f;
    --rent-site-panel: #1a1c1c;
    --rent-site-panel-high: #282a2b;
    --rent-site-panel-muted: #1e2020;
    --rent-site-input: #121414;
    --rent-site-text: #f9f9f9;
    --rent-site-muted: #d2c4b6;
    --rent-site-accent: #c49d6b;
    --rent-site-accent-hover: #d6b17f;
    --rent-site-accent-soft: rgba(196, 157, 107, 0.18);
    --rent-site-border: rgba(196, 157, 107, 0.24);
    --rent-site-border-strong: rgba(210, 196, 182, 0.52);
    --bs-primary: #c49d6b;
    --bs-primary-rgb: 196, 157, 107;
    --bs-link-color: #c49d6b;
    --bs-link-hover-color: #d6b17f;
    color: var(--rent-site-text);
}

.tx-rent h1,
.tx-rent h2,
.tx-rent h3,
.tx-rent h4,
.tx-rent h5,
#addbasketModal .modal-title,
#datepickerModal .modal-title {
    font-family: var(--fs-serif, "Libre Caslon Text", Georgia, serif);
    font-weight: 400;
    color: var(--rent-site-text) !important;
}

.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 .credit-cards,
.tx-rent .tx-rent-checkout-form .payment-part .credit-cards,
.tx-rent .tx-rent-checkout-form .payment-part .creditcard-only,
#addbasketModal .package article {
    background: var(--rent-site-panel) !important;
    border-color: var(--rent-site-border) !important;
    color: var(--rent-site-text) !important;
    box-shadow: none !important;
}

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

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

.tx-rent .tx-rent-period-bar {
    background: var(--rent-site-panel-high) !important;
    border-color: var(--rent-site-border) !important;
    color: var(--rent-site-text) !important;
    box-shadow: none !important;
}

.tx-rent .tx-rent-period-bar strong {
    color: var(--rent-site-text) !important;
}

.tx-rent .text,
.tx-rent .text p,
.tx-rent .intro-text,
.tx-rent .tx-rent-article-description,
.tx-rent .product-description,
.tx-rent label {
    color: var(--rent-site-muted) !important;
}

.tx-rent h1,
.tx-rent h2,
.tx-rent h3,
.tx-rent h4,
.tx-rent h5,
.tx-rent .title h4,
.tx-rent .name h3,
.tx-rent .verleih h4 {
    color: var(--rent-site-text) !important;
}

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

.tx-rent a,
.tx-rent .value,
.tx-rent .package .more p,
.tx-rent .tx-rent-checkout-form .acceptgtc a,
.tx-rent .tx-rent-checkout-form .acceptprivacy a,
.tx-rent .tx-rent-checkout-form .cancellationInsurance a {
    color: var(--rent-site-accent) !important;
}

main .tx-rent .home article > .bottom .bewertungen ul li.active,
main .tx-rent .home article .name h3,
main .tx-rent .verleih .name h3,
main .tx-rent .verleih h4,
main .tx-rent .verleih .value {
    color: var(--rent-site-accent) !important;
}

main .tx-rent .home article > .bottom .value .select select {
    background: var(--rent-site-accent) !important;
    color: #171918 !important;
}

.tx-rent a:hover,
.tx-rent a:focus {
    color: var(--rent-site-accent-hover) !important;
}

.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-actions .tx-rent-basket-update-btn,
.tx-rent .tx-rent-basket-actions .tx-rent-basket-checkout,
.tx-rent .tx-rent-checkout-form .btn,
#addbasketModal .tx-rent-addbasket-submit,
#addbasketModal .btn-primary,
#datepickerModal .btn-primary {
    background: var(--rent-site-accent) !important;
    border-color: var(--rent-site-accent) !important;
    color: #171918 !important;
    box-shadow: none !important;
}

.tx-rent .btn-primary:hover,
.tx-rent .btn-primary:focus,
.tx-rent .btn-primary:active,
.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 {
    background: var(--rent-site-accent-hover) !important;
    border-color: var(--rent-site-accent-hover) !important;
    color: #171918 !important;
}

.tx-rent .nav-pills .nav-link {
    background: #1e2020 !important;
    border-color: var(--rent-site-border) !important;
    color: var(--rent-site-text) !important;
}

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

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

.tx-rent .form-control,
.tx-rent .form-select,
.tx-rent input[type="text"],
.tx-rent input[type="email"],
.tx-rent input[type="date"],
.tx-rent input[type="number"],
.tx-rent input[type="tel"],
.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 {
    background: var(--rent-site-input) !important;
    border-color: var(--rent-site-border) !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 .form-control:focus,
#addbasketModal .form-select:focus,
#addbasketModal input:focus,
#addbasketModal select:focus,
#addbasketModal textarea:focus,
#datepickerModal .form-control:focus {
    border-color: var(--rent-site-accent) !important;
    box-shadow: 0 0 0 0.2rem rgba(196, 157, 107, 0.18) !important;
}

.tx-rent .descount,
.tx-rent .tx-rent-article-badge,
.tx-rent .tx-rent-checkout-badge {
    background: var(--rent-site-accent-soft) !important;
    border-color: rgba(196, 157, 107, 0.32) !important;
    color: var(--rent-site-accent) !important;
}

.tx-rent .carousel,
.tx-rent .product-media {
    background: var(--rent-site-panel-muted) !important;
    border-color: var(--rent-site-border) !important;
}

.tx-rent .tx-rent-basket-actions {
    background: rgba(26, 28, 28, 0.96) !important;
    border-color: var(--rent-site-border) !important;
    box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.35) !important;
}

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

.tx-rent .tx-rent-basket-form .package .more {
    background: linear-gradient(
        to bottom,
        rgba(26, 28, 28, 0) 0%,
        rgba(26, 28, 28, 0.94) 58%,
        var(--rent-site-panel) 100%
    ) !important;
    color: var(--rent-site-text) !important;
    filter: none !important;
}

.tx-rent .tx-rent-basket-form .package .more.less {
    background: var(--rent-site-panel) !important;
}

.tx-rent .form-check-input:checked,
.tx-rent input[type="checkbox"]:checked,
.tx-rent input[type="radio"]:checked {
    background-color: var(--rent-site-accent) !important;
    border-color: var(--rent-site-accent) !important;
}

.tx-rent table,
.tx-rent .table,
.tx-rent .table > :not(caption) > * > * {
    --bs-table-bg: var(--rent-site-panel);
    --bs-table-color: var(--rent-site-text);
    --bs-table-border-color: var(--rent-site-border);
    background-color: var(--rent-site-panel) !important;
    border-color: var(--rent-site-border) !important;
    color: var(--rent-site-text) !important;
}

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

.tx-rent .tx-rent-checkout-form #successOutput {
    background: var(--rent-site-accent-soft) !important;
    border-color: var(--rent-site-border-strong) !important;
    color: var(--rent-site-accent) !important;
}

.tx-rent .tx-rent-checkout-form .inputIframe {
    background: var(--rent-site-input) !important;
    border-color: var(--rent-site-border) !important;
    color: var(--rent-site-text) !important;
}

.tx-rent .tx-rent-checkout-form input[type="text"]:focus,
.tx-rent .tx-rent-checkout-form input[type="email"]:focus,
.tx-rent .tx-rent-checkout-form input[type="tel"]:focus,
.tx-rent .tx-rent-checkout-form input[type="date"]:focus,
.tx-rent .tx-rent-checkout-form input[type="number"]:focus,
.tx-rent .tx-rent-checkout-form input[type="password"]:focus,
.tx-rent .tx-rent-checkout-form select:focus,
.tx-rent .tx-rent-checkout-form textarea:focus {
    background: var(--rent-site-input) !important;
    border-color: var(--rent-site-accent) !important;
    box-shadow: 0 0 0 0.2rem var(--rent-site-accent-soft) !important;
    color: var(--rent-site-text) !important;
}

.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 {
    background: var(--rent-site-accent) !important;
    border-color: var(--rent-site-accent) !important;
    color: #171918 !important;
}

.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 {
    background: var(--rent-site-accent-hover) !important;
    border-color: var(--rent-site-accent-hover) !important;
    color: #171918 !important;
}

.tx-rent .tx-rent-checkout-form .mainperson-check + label img,
.tx-rent .tx-rent-checkout-form .mainperson-check:checked + label img.active {
    filter: brightness(0) saturate(100%) invert(67%) sepia(24%) saturate(758%) hue-rotate(353deg) brightness(94%) contrast(85%) !important;
}

#addbasketModal,
#datepickerModal,
.flatpickr-calendar {
    --rent-site-panel: #1a1c1c;
    --rent-site-panel-high: #282a2b;
    --rent-site-panel-muted: #1e2020;
    --rent-site-input: #121414;
    --rent-site-text: #f9f9f9;
    --rent-site-muted: #d2c4b6;
    --rent-site-accent: #c49d6b;
    --rent-site-accent-hover: #d6b17f;
    --rent-site-accent-soft: rgba(196, 157, 107, 0.18);
    --rent-site-border: rgba(196, 157, 107, 0.24);
    --rent-site-border-strong: rgba(210, 196, 182, 0.52);
    --bs-primary: #c49d6b;
    --bs-primary-rgb: 196, 157, 107;
    --bs-link-color: #c49d6b;
    --bs-link-hover-color: #d6b17f;
}

#addbasketModal .modal-content,
#datepickerModal .modal-content,
.flatpickr-calendar {
    background: var(--rent-site-panel) !important;
    border-color: var(--rent-site-border) !important;
    color: var(--rent-site-text) !important;
}

#datepickerModal .modal-content {
    border: 1px solid var(--rent-site-border) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
}

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

#datepickerModal .modal-header {
    padding: 1.5rem;
}

#datepickerModal .modal-body {
    padding: 1.5rem;
}

#datepickerModal .modal-title,
#datepickerModal .modal-header h5,
#datepickerModal .tx-rent-date-form h3 {
    color: var(--rent-site-text) !important;
}

#datepickerModal .tx-rent-date-form p {
    color: var(--rent-site-muted) !important;
}

#datepickerModal .tx-rent-date-form .date {
    row-gap: 1rem;
}

@media (min-width: 576px) {
    #datepickerModal .tx-rent-date-form .date > .col-sm-4 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

#datepickerModal .form-control::placeholder,
#datepickerModal input[type="text"]::placeholder {
    color: var(--rent-site-muted) !important;
    opacity: 0.7;
}

#datepickerModal input[type="text"] {
    background: var(--rent-site-input) !important;
    border: 1px solid var(--rent-site-border) !important;
    color: var(--rent-site-text) !important;
    box-shadow: none !important;
}

#datepickerModal input[type="text"]:focus {
    background: var(--rent-site-input) !important;
    border-color: var(--rent-site-accent) !important;
    box-shadow: 0 0 0 0.2rem var(--rent-site-accent-soft) !important;
    color: var(--rent-site-text) !important;
}

#datepickerModal input[type="submit"].btn-primary {
    background: var(--rent-site-accent) !important;
    border-color: var(--rent-site-accent) !important;
    color: #171918 !important;
    box-shadow: none !important;
}

#datepickerModal input[type="submit"].btn-primary:hover,
#datepickerModal input[type="submit"].btn-primary:focus {
    background: var(--rent-site-accent-hover) !important;
    border-color: var(--rent-site-accent-hover) !important;
    color: #171918 !important;
}

#datepickerModal .btn-close {
    filter: invert(1) grayscale(1);
    opacity: 0.8;
}

#datepickerModal .btn-close:hover,
#datepickerModal .btn-close:focus {
    opacity: 1;
    box-shadow: none;
}

.flatpickr-calendar {
    background: var(--rent-site-panel) !important;
    border: 1px solid var(--rent-site-border) !important;
    border-radius: 0 !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.5) !important;
}

.flatpickr-calendar.arrowTop::before {
    border-bottom-color: var(--rent-site-border) !important;
}

.flatpickr-calendar.arrowTop::after {
    border-bottom-color: var(--rent-site-panel) !important;
}

.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-month,
.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-weekday,
.flatpickr-calendar .flatpickr-rContainer,
.flatpickr-calendar .flatpickr-days,
.flatpickr-calendar .dayContainer {
    background: var(--rent-site-panel) !important;
    color: var(--rent-site-text) !important;
}

.flatpickr-calendar .flatpickr-current-month,
.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 {
    background: var(--rent-site-panel) !important;
    border: 0 !important;
    color: var(--rent-site-text) !important;
    box-shadow: none !important;
}

.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 var(--rent-site-border-strong) !important;
}

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

.flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month {
    color: var(--rent-site-text) !important;
    fill: var(--rent-site-text) !important;
}

.flatpickr-calendar .flatpickr-prev-month:hover svg,
.flatpickr-calendar .flatpickr-next-month:hover svg {
    fill: var(--rent-site-accent) !important;
}

.flatpickr-calendar .flatpickr-weekday {
    color: var(--rent-site-muted) !important;
}

.flatpickr-calendar .flatpickr-day {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--rent-site-text) !important;
}

.flatpickr-calendar .flatpickr-day.prevMonthDay,
.flatpickr-calendar .flatpickr-day.nextMonthDay,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: rgba(210, 196, 182, 0.38) !important;
}

.flatpickr-calendar .flatpickr-day.today {
    background: transparent !important;
    border-color: var(--rent-site-accent) !important;
    color: var(--rent-site-text) !important;
}

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

.flatpickr-calendar .flatpickr-day.inRange {
    background: var(--rent-site-accent-soft) !important;
    border-color: transparent !important;
    box-shadow: -5px 0 0 var(--rent-site-accent-soft), 5px 0 0 var(--rent-site-accent-soft) !important;
    color: var(--rent-site-text) !important;
}

.flatpickr-calendar .flatpickr-day:not(.flatpickr-disabled):not(.selected):hover,
.flatpickr-calendar .flatpickr-day:not(.flatpickr-disabled):not(.selected):focus {
    background: var(--rent-site-accent-soft) !important;
    border-color: var(--rent-site-border-strong) !important;
    color: var(--rent-site-text) !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 {
    background: rgba(196, 157, 107, 0.1) !important;
    border-color: var(--rent-site-accent) !important;
    box-shadow: 0 0 0 2px rgba(196, 157, 107, 0.18) !important;
}

.tx-rent .tx-rent-checkout-form .tx-rent-checkout-product-media,
.tx-rent .warenkorb .verleih .persone .name .product-media,
#addbasketModal .warenkorb .verleih .persone .name .product-media {
    background: var(--rent-site-panel-muted) !important;
    border-color: var(--rent-site-border) !important;
}

.tx-rent .tx-rent-checkout-form .tx-rent-checkout-product-media img,
.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 {
    background: var(--rent-site-panel-muted) !important;
    border-color: var(--rent-site-border) !important;
    border-radius: 0 !important;
}

.tx-rent .tx-rent-checkout-form .tx-rent-checkout-product-media .carousel-control-prev-icon,
.tx-rent .tx-rent-checkout-form .tx-rent-checkout-product-media .carousel-control-next-icon {
    filter: brightness(0) saturate(100%) invert(67%) sepia(24%) saturate(758%) hue-rotate(353deg) brightness(94%) contrast(85%) !important;
}

.tx-rent .btn,
.tx-rent article,
.tx-rent > article,
.tx-rent .tx-rent-article-card,
.tx-rent .tx-rent-offer-card,
.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 .credit-cards,
.tx-rent .tx-rent-checkout-form .payment-part .credit-cards,
.tx-rent .form-control,
.tx-rent .form-select,
.tx-rent input,
.tx-rent select,
.tx-rent textarea,
#addbasketModal .modal-content,
#datepickerModal .modal-content {
    border-radius: 0 !important;
}