/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

html,
body {
    background-color: #fff;
    overflow-x: hidden;
    color: #000 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.product-title {
    font-family: "Playfair Display", "Open Serif", serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000 !important;
}

.opc h1,
.opc h2,
.opc h3,
.opc h4,
.opc h5,
.opc h6 {
    color: #000 !important;
}

.product-title {
    font-size: 2.25rem;
    color: #000 !important;
}

.basket-heading,
.basket-wrapper h2,
.basket-wrapper h3 {
    color: #000 !important;
}

a:link,
a:visited {
    text-decoration: none;
    color: #8c8379;
}

.nav-link {
    color: #000 !important;
    font-weight: 300;
    font-size: 14px !important;
    padding-top: 24px !important;
    padding-bottom: 26px !important;
}

.rating {
    color: #000 !important;
}

.text-muted,
.text-muted-util,
.price_label,
.price {
    color: #000 !important;
}

:root {
    --gray-dark: #000;
    --gray-darker: #000;
    --info: #000;
}

.opc .hr-sect {
    font-family: "Lato", "Open Sans", sans-serif !important;
    color: #000 !important;
}

.small,
.breadcrumb a,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-text,
.navbar-light .navbar-brand,
.nav-link {
    color: #000 !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: #000 !important;
}

.productbox-title {
    margin-top: 32px;
    margin-bottom: 4px;
    font-size: 1.2rem;
    text-align: center;
}

.productbox-title a {
    text-decoration: none;
    color: inherit;
}

.btn-primary,
.btn-outline-primary {
    color: #000 !important;
}

.item-slider-desc {
    color: #000 !important;
}

.basket .basket-items {
    margin-bottom: 0;
}

#trustcard-container,
.btn.btn-secondary.btn-sm.slider-pause-btn,
.btn-skip-to {
    display: none !important;
}

.consent-banner-description {
    margin-left: 20px !important;
}

header .navbar-nav>.nav-item>.nav-link::before {
    border-bottom-width: 4px !important;
    bottom: 0 !important;
    z-index: 1000 !important;
}

/* Product Details Font Size */
.shortdesc,
.product-detail-description,
.tab-content,
.product-description {
    font-size: 16px !important;
}

/* Button Pressed State Fix */
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    transform: none !important;
    box-shadow: none !important;
    background-color: #d9cdbf !important;
    /* Keep original color */
    border-color: #d9cdbf !important;
}

/* Routinen Page Font Size */
body[data-page="31"] p,
body[data-page="31"] li {
    font-size: 16px !important;
}

/* Guide Page FAQ Headers */
.opc-Accordion-head {
    font-size: 16px !important;
    font-weight: 300 !important;
}

.opc-Accordion-head:active,
.opc-Accordion-head:focus {
    transform: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Cart Page Headings */
.main-basket-heading {
    font-size: 30px !important;
}

/* Cart Page Text Color */
body[data-page="3"],
body[data-page="3"] .basket,
body[data-page="3"] .basket-heading,
body[data-page="3"] .price,
body[data-page="3"] .price_label,
body[data-page="3"] .tax_label {
    color: #000000 !important;
}

/* Cart Page Coupon Button */
body[data-page="3"] .btn-link:active,
body[data-page="3"] .btn-link:focus {
    transform: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Mobile Header Fix */
@media (max-width: 991px) {
    header {
        min-height: 85px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        padding-top: 0 !important;
    }

    header .navbar {
        align-items: center !important;
        margin-left: auto !important;
        justify-content: flex-end !important;
    }

    header .navbar-toggler {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
    }

    header .container-fluid {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    header .toggler-logo-wrapper {
        display: flex !important;
        align-items: center !important;
    }

    header .nav-right .nav-link {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}