@import "https://cdn.fuman.de/testshopcdn/lib/css/cart.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/categoryOverview.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/customerCenter.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/filter.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/header.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/leaflet.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/liveOrder.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/menu.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/mobileFilter.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/mobileMenu.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/productView.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/priceAlarm.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/searchIdeas.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/slickContinue.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/searchTool.css";
@import "https://cdn.fuman.de/testshopcdn/lib/css/carousel.css";

/*
xs:     default
sm:     576 px
md:     768 px
lg:     992 px
xl:     1200 px
xxl:    1400 px
*/
@media (min-width: 1400px) {
    .container {
        max-width: 100%;
    }
    header .container {
        max-width: 1400px;
    }
}
@media (min-width: 1900px) {
    .container {
        max-width: 1900px;
    }
    header .container {
        max-width: 1400px;
    }
}

@media print {
    /* Set the scale to 100% using transform */
    html, body {
        transform: scale(1);
        transform-origin: top left;
    }
}


body {
    overflow-y: scroll;
}

html, body,
h1, h2, h3, h4, h5, h6, p {
    color: #333;
}

a {
    text-decoration: none;
}

:root {
    --bs-primary: #233588;
    --bs-secondary: #6c757d;
    --bs-primary-rgb: 35, 53, 136;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-body-font-size: 0.9rem;
}

/* Tabellen */
.table-primary {
    --bs-table-bg: #f1f4f9;
    --bs-table-striped-bg: #dddddd;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6;
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce;
}

/* Buttons */
.btn-primary {
    color: #fff;
    background-color: #233588;
    border-color: #233588;
    opacity: 1;
}

.btn-outline-primary {
    --bs-btn-color: #233588;
    --bs-btn-border-color: #233588;
    --bs-btn-hover-bg: #233588;
    --bs-btn-hover-border-color: #233588;
    --bs-btn-active-bg: #233588;
    --bs-btn-active-border-color: #233588;
    --bs-btn-disabled-color: #233588;
    --bs-btn-disabled-border-color: #233588;
}

.btn-primary:hover {
    color: #fff;
    background-color: #233588;
    border-color: #233588;
    opacity: 0.9;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #4559bb;
    border-color: #4559bb;
    box-shadow: none;
}

.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a58ca;
}

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: #233588;
    border-color: #233588;
}

.btn-secondary {
    color: #222;
    background-color: #bbbbcc;
    border-color: #bbbbcc;
    opacity: 0.8;
}

.btn-secondary:hover {
    color: #222;
    background-color: #bbbbcc;
    border-color: #bbbbcc;
    opacity: 1;
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #fff;
    background-color: #bbbbdd;
    border-color: #bbbbdd;
    box-shadow: none;
}

.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #bbbbdd;
    border-color: #bbbbdd;
}

.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-secondary:disabled, .btn-secondary.disabled {
    color: #fff;
    background-color: #cccccc;
    border-color: #cccccc;
}

/* Links */
.link-primary {
    color: #233588 !important;
}

.link-primary:hover, .link-primary:focus {
    color: #4559bb;
}

.link-secondary {
    color: #bbbbcc;
}

.link-secondary:hover, .link-secondary:focus {
    color: #bbbbdd;
}

/* Border */
.border-primary {
    border-color: #233588 !important;
}

.border-secondary {
    border-color: #bbbbcc !important;
}

/* Callouts */
.bd-callout-primary {
    border-left-color: #233588
}

.bd-callout-secondary {
    border-left-color: #bbbbcc
}

.bg-white {
    background-color: #FFF !important;
}

.bg-light {
    background-color: whitesmoke !important;
}

.card.bg-light {
    background-color: rgba(245, 245, 245, 0) !important;
}

/* Pagination */
.pagination {
    --bs-pagination-color: #233588;
    --bs-pagination-hover-color: #4559bb;
    --bs-pagination-active-bg: #4559bb;
    --bs-pagination-active-border-color: #4559bb;
}

.pagination .active > .page-link {
    color: #233588;
}

.pagination .active > .page-link {
    color: #fff;
    background-color: #233588;
    border-color: #233588;
}

.hoverable > *, .hoverable > *:disabled {
    opacity: 0;
    transition: visibility 200ms, opacity 200ms;
}

tr:hover .hoverable > * {
    opacity: 1;
    transition: visibility 200ms, opacity 200ms;
}

/* Alerts */
#global-alert, #modal-alert {
    display: none;
}

#modal-alert {
    margin: 1rem;
}

#conunity-confirm {
    z-index: 1060;
}

.linkstyle {
    color: black;
    text-decoration: none;
}

.linkstyle:hover {
    color: #233588;
}

.link-dark {
    color: #333 !important;;
    text-decoration: none;
}

#searchIdeas a.link-dark:hover p,
.link-dark:hover {
    color: black !important;
}

.lock-scroll {
    overflow: hidden;
}

.pointer { cursor: pointer; }
.defaultCursor { cursor: default; }
.notAllowedCursor { cursor: not-allowed; }
.noPointerEvents { pointer-events: none; }

div.input-passwd {
    display: flex;
}

div.input-passwd > input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
}

div.input-passwd > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
    margin-left: -1px;
}

div.input-passwd > span > i {
    width: 20px;
}

.footerCredit {
    font-style: normal;
    letter-spacing: 0.85px;
    word-break: break-all;
    font-size: 14px;
}

.table td {
    vertical-align: middle;
}

.page-item {
    cursor: pointer;
}

.form-check-input:checked {
    background-color: #233588;
    border-color: #233588;
}

.backdrop {
    z-index: 900;
    background-color: black;
    opacity: 0.4;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}


.btnTechData i.fa-solid {
    transition: transform 0.35s ease;
    transform-origin: 0.5em 50%;
}

.btnTechData[aria-expanded="true"] i.fa-solid {
    transform: rotate(180deg);
}


.bd-callout {
    background-color: #fafafa;
}

.noHover:hover {
    background-color: unset !important;
}

.toastAddHeader {
    background: rgba(119, 181, 122, .2);
}

.dropDown-scroll ul {
    height:  200px;
    overflow: auto;
}

@media (min-width: 1400px) {
    .row-cols-xxl-7 > * {
        flex: 0 0 auto;
        width: 14.28%;
    }

}

@media (min-width: 1400px) {
    .row-cols-xxl-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }

}

@media (min-width: 1400px) {
    .row-cols-xxl-9 > * {
        flex: 0 0 auto;
        width: 11.11%;
    }

}

@media (min-width: 1400px) {
    .row-cols-xxl-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }

}

@media (min-width: 1400px) {
    .row-cols-xxl-11 > * {
        flex: 0 0 auto;
        width: 9.09%;
    }

}

@media (min-width: 1400px) {
    .row-cols-xxl-12 > * {
        flex: 0 0 auto;
        width: 8.33%;
    }

}

.dropdown-rm-w-100 .dropdown-menu {
    width: unset !important;
}

.grey-out {
    color: #eeeeee;
    pointer-events: none !important;
}

.grey-out:hover {
    color: #eeeeee !important;
    border: 1px solid #eeeeee !important;
    pointer-events: none !important;
}

.w-34 {
    width: 34% !important;
}
.w-66 {
    width: 66% !important;
}