/*
 * HHC Grosshandel – individuelle Anpassungen für NOVAChild
 * JTL-Shop 5.7.2
 *
 * Diese Datei wird in template.xml nach my-nova.css geladen.
 * Eigene Anpassungen ausschließlich hier pflegen.
 */

/* =========================================================
   HEADER UND SUCHE
   ========================================================= */

/* Header oben weiß lassen. */
#header,
#header .container,
#header .row,
#header .navbar,
#jtl-nav-wrapper {
    background-color: #ffffff !important;
}

/* Suchbutton schwarz, Symbol weiß. */
#search-header + .input-group-append .btn,
.search-wrapper .input-group-append .btn,
.search-wrapper button[type="submit"],
.search-wrapper .btn-secondary {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
    opacity: 1 !important;
}

#search-header + .input-group-append .btn i,
#search-header + .input-group-append .btn span,
.search-wrapper .input-group-append .btn i,
.search-wrapper .input-group-append .btn span,
.search-wrapper button[type="submit"] i,
.search-wrapper button[type="submit"] span,
.search-wrapper .btn-secondary i,
.search-wrapper .btn-secondary span {
    color: #ffffff !important;
    opacity: 1 !important;
}

#search-header + .input-group-append .btn svg,
.search-wrapper .input-group-append .btn svg,
.search-wrapper button[type="submit"] svg,
.search-wrapper .btn-secondary svg {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}

#search-header + .input-group-append .btn:hover,
#search-header + .input-group-append .btn:focus,
.search-wrapper .input-group-append .btn:hover,
.search-wrapper .input-group-append .btn:focus,
.search-wrapper button[type="submit"]:hover,
.search-wrapper button[type="submit"]:focus,
.search-wrapper .btn-secondary:hover,
.search-wrapper .btn-secondary:focus {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* =========================================================
   SERVICE-TICKER OBERHALB DES HEADERS
   ========================================================= */

.hhc-service-ticker {
    --hhc-service-ticker-height: 42px;
    position: relative;
    width: 100%;
    min-height: var(--hhc-service-ticker-height);
    overflow: hidden;
    color: #ffffff;
    background-color: #000000;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.hhc-service-ticker__viewport {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.hhc-service-ticker__track {
    width: max-content;
    display: flex;
    align-items: stretch;
    will-change: transform;
}

.hhc-service-ticker__group {
    min-width: 100vw;
    height: var(--hhc-service-ticker-height);
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 48px;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.hhc-service-ticker__item,
a.hhc-service-ticker__item {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex: 0 0 auto;
    color: #ffffff !important;
    background-color: transparent !important;
    white-space: nowrap;
    text-align: center;
    text-decoration: none !important;
}

a.hhc-service-ticker__item:hover,
a.hhc-service-ticker__item:focus {
    color: #ffffff !important;
    text-decoration: underline !important;
}

a.hhc-service-ticker__item:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: -3px;
}

.hhc-service-ticker__icon {
    color: #ffffff !important;
    font-size: 17px;
    line-height: 1;
}

.hhc-service-ticker.is-ready:not(.is-paused)
    .hhc-service-ticker__track {
    animation: hhc-service-ticker-scroll 50s linear infinite;
}

.hhc-service-ticker:hover .hhc-service-ticker__track,
.hhc-service-ticker:focus-within .hhc-service-ticker__track,
.hhc-service-ticker.is-paused .hhc-service-ticker__track {
    animation-play-state: paused;
}

@keyframes hhc-service-ticker-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

/* =========================================================
   DESKTOP-NAVIGATION
   ========================================================= */

/*
 * Diese Regeln dürfen die mobile Offcanvas-Navigation nicht erfassen.
 */
@media (min-width: 992px) {
    #mainNavigation {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-top: 30px !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #000000 !important;
    }

    #mainNavigation .navbar,
    #mainNavigation .navbar-collapse,
    #mainNavigation .nav-scrollbar,
    #mainNavigation .navbar-nav-scroll {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    #mainNavigation .navbar-nav {
        width: auto !important;
        margin-right: auto !important;
        margin-left: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        background-color: #000000 !important;
    }

    #mainNavigation .navbar-nav > .nav-item {
        float: none !important;
    }

    #mainNavigation .navbar-nav > .nav-item > .nav-link,
    #mainNavigation .navbar-nav > .nav-item > a {
        color: #ffffff !important;
        background-color: #000000 !important;
        font-weight: 700 !important;
    }

    #mainNavigation .navbar-nav > .nav-item > .nav-link:hover,
    #mainNavigation .navbar-nav > .nav-item > .nav-link:focus,
    #mainNavigation .navbar-nav > .nav-item.active > .nav-link {
        color: #ffffff !important;
        background-color: #000000 !important;
    }

    /* Abstand nach dem Einklappen von Logo und Suchfeld entfernen. */
    .hide-navbar.d-none + div #mainNavigation {
        margin-top: 0 !important;
    }
}

/* =========================================================
   MOBILE NAVIGATION
   ========================================================= */

@media (max-width: 991.98px) {
    #mainNavigation {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        color: #000000 !important;
        background-color: #ffffff !important;
    }

    #mainNavigation .nav-mobile-header,
    #mainNavigation .nav-mobile-body,
    #mainNavigation .navbar-nav,
    #mainNavigation .dropdown-menu,
    #mainNavigation .dropdown-body {
        color: #000000 !important;
        background-color: #ffffff !important;
    }

    #mainNavigation .nav-mobile-header,
    #mainNavigation .nav-mobile-body,
    #mainNavigation .navbar-nav {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    #mainNavigation .nav-mobile-body,
    #mainNavigation .navbar-nav {
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
    }

    /*
     * NOVA positioniert geöffnete Untermenüs seitlich neben der Hauptliste.
     * Verdeckter Überlauf würde das Untermenü vollständig abschneiden.
     */
    #mainNavigation .nav-scrollbar-inner {
        overflow: visible !important;
        padding-bottom: 1.5rem !important;
    }

    #mainNavigation .navbar-nav > .nav-item {
        width: 100% !important;
        border-bottom: 1px solid #dddddd !important;
    }

    #mainNavigation .navbar-nav > .nav-item > .nav-link,
    #mainNavigation .navbar-nav > .nav-item > a,
    #mainNavigation .dropdown-menu .nav-link,
    #mainNavigation .dropdown-menu .dropdown-item,
    #mainNavigation .nav-mobile-heading,
    #mainNavigation .nav-offcanvas-title {
        color: #000000 !important;
        background-color: #ffffff !important;
    }

    #mainNavigation .navbar-nav > .nav-item > .nav-link:hover,
    #mainNavigation .navbar-nav > .nav-item > .nav-link:focus,
    #mainNavigation .navbar-nav > .nav-item.active > .nav-link,
    #mainNavigation .dropdown-menu .nav-link:hover,
    #mainNavigation .dropdown-menu .nav-link:focus,
    #mainNavigation .dropdown-menu .dropdown-item:hover,
    #mainNavigation .dropdown-menu .dropdown-item:focus {
        color: #000000 !important;
        background-color: #f5f5f5 !important;
    }

    #mainNavigation .dropdown-toggle::after,
    #mainNavigation .nav-link i,
    #mainNavigation .navbar-toggler,
    #mainNavigation .nav-offcanvas-title {
        color: #000000 !important;
    }

    #mainNavigation .navbar-toggler-icon,
    #mainNavigation .navbar-toggler-icon::before,
    #mainNavigation .navbar-toggler-icon::after {
        background-color: #000000 !important;
    }

    /*
     * Alle Kategorieebenen verwenden dieselbe Zeilenstruktur.
     * NOVA gibt Hauptkategorien als Listenelemente, Unterkategorien
     * dagegen als Bootstrap-Spalten mit teilweise negativen Rändern aus.
     */
    #mainNavigation .navbar-nav > .nav-item {
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #mainNavigation .navbar-nav > .nav-item > .nav-link,
    #mainNavigation .navbar-nav > .nav-item > a {
        width: 100% !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
    }

    #mainNavigation .dropdown-body .subcategory-wrapper {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #mainNavigation .dropdown-body .subcategory-wrapper > .row,
    #mainNavigation .dropdown-body .nav,
    #mainNavigation .categories-recursive-dropdown > .nav {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    #mainNavigation .dropdown-body .nav-item,
    #mainNavigation .categories-recursive-dropdown .nav-item {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        flex: 0 0 100% !important;
        border-bottom: 1px solid #dddddd !important;
        box-sizing: border-box !important;
    }

    #mainNavigation .dropdown-body .nav-item > a,
    #mainNavigation .dropdown-body .nav-item > .nav-link,
    #mainNavigation .dropdown-body .categories-recursive-link,
    #mainNavigation .categories-recursive-dropdown .nav-item > a,
    #mainNavigation .categories-recursive-dropdown .nav-item > .nav-link {
        width: 100% !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        box-sizing: border-box !important;
        color: #000000 !important;
        background-color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
    }

    #mainNavigation .dropdown-body .nav-item > a:hover,
    #mainNavigation .dropdown-body .nav-item > a:focus,
    #mainNavigation .dropdown-body .nav-item > .nav-link:hover,
    #mainNavigation .dropdown-body .nav-item > .nav-link:focus,
    #mainNavigation .dropdown-body .categories-recursive-link:hover,
    #mainNavigation .dropdown-body .categories-recursive-link:focus,
    #mainNavigation .categories-recursive-dropdown .nav-item > a:hover,
    #mainNavigation .categories-recursive-dropdown .nav-item > a:focus {
        color: #000000 !important;
        background-color: #f5f5f5 !important;
    }

    #mainNavigation .dropdown-body .nav-item > a > strong,
    #mainNavigation .categories-recursive-dropdown .nav-item > a > strong {
        font-weight: 700 !important;
    }

    #mainNavigation .dropdown-body .nav-mobile-heading,
    #mainNavigation .dropdown-body .text-truncate,
    #mainNavigation .categories-recursive-dropdown .nav-mobile-heading,
    #mainNavigation .categories-recursive-dropdown .text-truncate {
        min-width: 0 !important;
        width: auto !important;
        margin: 0 !important;
        flex: 1 1 auto !important;
    }

    /* Kategorieabbildungen gehören nicht in die kompakte Mobilnavigation. */
    #mainNavigation .dropdown-body .submenu-headline picture,
    #mainNavigation .dropdown-body .submenu-headline-image,
    #mainNavigation .categories-recursive-dropdown picture,
    #mainNavigation .categories-recursive-dropdown .submenu-headline-image {
        display: none !important;
    }

    /* Pfeile bleiben unabhängig von der Textlänge rechts ausgerichtet. */
    #mainNavigation .dropdown-toggle::after {
        position: static !important;
        margin: 0 0 0 auto !important;
        flex: 0 0 auto !important;
        align-self: center !important;
    }
}

/* =========================================================
   MOBILES REKLAMATIONSFORMULAR
   ========================================================= */

@media (max-width: 767.98px) {
    /* Lange Händlerbund-URLs dürfen keinen Seitenüberlauf erzeugen. */
    #online-revocation-form .Haendlerbund_Rechtstext_Absatz,
    #online-revocation-form .Haendlerbund_Rechtstext_Absatz a {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}

/* =========================================================
   SERVICE-TICKER AUF TABLETS UND SMARTPHONES
   ========================================================= */

@media (max-width: 991.98px) {
    .hhc-service-ticker {
        --hhc-service-ticker-height: 44px;
        font-size: 13px;
    }

    .hhc-service-ticker__track {
        width: 100%;
        display: block;
        transform: none !important;
        animation: none !important;
        will-change: auto;
    }

    .hhc-service-ticker__group {
        width: 100%;
        min-width: 0;
        padding: 0 10px;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: var(--hhc-service-ticker-height);
        gap: 0;
    }

    .hhc-service-ticker__group--clone {
        display: none;
    }

    .hhc-service-ticker__item,
    a.hhc-service-ticker__item {
        max-width: 100%;
        grid-column: 1;
        grid-row: 1;
        justify-self: center;
        align-self: center;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transform: translate3d(16px, 0, 0);
        transition:
            opacity 0.35s ease,
            transform 0.35s ease,
            visibility 0s linear 0.35s;
    }

    .hhc-service-ticker__item.is-active,
    a.hhc-service-ticker__item.is-active {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translate3d(0, 0, 0);
        transition-delay: 0s;
    }

    .hhc-service-ticker__icon {
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hhc-service-ticker .hhc-service-ticker__track {
        animation: none !important;
    }

    .hhc-service-ticker .hhc-service-ticker__item {
        transition: none !important;
    }
}

/* =========================================================
   PRODUKTKACHELN: TITEL UND BUTTON-CONTAINER
   ========================================================= */

#product-list .productbox-title,
#product-list .productbox-title > a,
#product-list .productbox-title > a:hover,
#product-list .productbox-title > a:focus {
    font-weight: 700 !important;
    text-decoration: none !important;
}

.hhc-productbox-buttons {
    width: 100%;
    margin-top: 14px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
}

/* =========================================================
   PRODUKTKACHELN: MHD
   ========================================================= */

.hhc-productbox-mhd {
    width: 100%;
    margin-top: 6px;
    margin-bottom: 4px;
    color: #555555;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    text-align: center;
}

.hhc-productbox-mhd-label {
    font-weight: 600;
}

.hhc-productbox-mhd-date {
    white-space: nowrap;
}

/* =========================================================
   PRODUKTKACHELN: MENGENAUSWAHL
   ========================================================= */

.hhc-productbox-quantity {
    width: 100%;
    margin: 0 0 8px;
    padding: 0;
    box-sizing: border-box;
}

/* Zählergruppe ohne zusätzlichen äußeren NOVA-Rahmen. */
.hhc-productbox-quantity .form-counter,
.hhc-productbox-quantity .input-group {
    width: 100% !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.hhc-productbox-quantity .input-group-prepend,
.hhc-productbox-quantity .input-group-append {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex: 0 0 25% !important;
}

.hhc-productbox-quantity .hhc-quantity-button,
.hhc-productbox-quantity .input-group-prepend .btn,
.hhc-productbox-quantity .input-group-append .btn {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    font-size: 23px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

.hhc-productbox-quantity .hhc-quantity-minus,
.hhc-productbox-quantity .input-group-prepend .btn {
    border-radius: 6px 0 0 6px !important;
}

.hhc-productbox-quantity .hhc-quantity-plus,
.hhc-productbox-quantity .input-group-append .btn {
    border-radius: 0 6px 6px 0 !important;
}

.hhc-productbox-quantity .hhc-quantity-input,
.hhc-productbox-quantity input.quantity {
    width: 50% !important;
    min-width: 0 !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    flex: 1 1 auto !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    border-top: 1px solid #000000 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #000000 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 42px !important;
    text-align: center !important;
    box-shadow: none !important;
    outline: none !important;
    -moz-appearance: textfield;
    appearance: textfield;
}

.hhc-productbox-quantity input[type="number"]::-webkit-inner-spin-button,
.hhc-productbox-quantity input[type="number"]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.hhc-productbox-quantity .hhc-quantity-button:hover,
.hhc-productbox-quantity .hhc-quantity-button:focus,
.hhc-productbox-quantity .input-group-prepend .btn:hover,
.hhc-productbox-quantity .input-group-prepend .btn:focus,
.hhc-productbox-quantity .input-group-append .btn:hover,
.hhc-productbox-quantity .input-group-append .btn:focus {
    color: #ffffff !important;
    background-color: #222222 !important;
    border-color: #222222 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* =========================================================
   PRODUKTKACHELN: KARTON-/VPE-BUTTON
   ========================================================= */

.hhc-productbox-carton-button,
.hhc-productbox-carton-button.btn {
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    box-sizing: border-box !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

.hhc-productbox-carton-button span,
.hhc-productbox-carton-button i,
.hhc-productbox-carton-button svg {
    color: #000000 !important;
    opacity: 1 !important;
}

.hhc-productbox-carton-button .fa-box {
    font-size: 16px !important;
    line-height: 1 !important;
}

.hhc-productbox-carton-button:hover,
.hhc-productbox-carton-button:focus,
.hhc-productbox-carton-button:active {
    color: #ffffff !important;
    background-color: #222222 !important;
    border-color: #222222 !important;
    box-shadow: none !important;
    outline: none !important;
}

.hhc-productbox-carton-button:hover span,
.hhc-productbox-carton-button:focus span,
.hhc-productbox-carton-button:active span,
.hhc-productbox-carton-button:hover i,
.hhc-productbox-carton-button:focus i,
.hhc-productbox-carton-button:active i,
.hhc-productbox-carton-button:hover svg,
.hhc-productbox-carton-button:focus svg,
.hhc-productbox-carton-button:active svg {
    color: #ffffff !important;
}

/* =========================================================
   PRODUKTKACHELN: WARENKORBBUTTON
   ========================================================= */

.hhc-productbox-cart-button,
.hhc-productbox-cart-button.btn {
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

.hhc-productbox-cart-button span,
.hhc-productbox-cart-button i,
.hhc-productbox-cart-button svg {
    color: #ffffff !important;
    opacity: 1 !important;
}

.hhc-productbox-cart-button .fa-shopping-cart {
    font-size: 14px !important;
    line-height: 1 !important;
}

.hhc-productbox-cart-button:hover,
.hhc-productbox-cart-button:focus,
.hhc-productbox-cart-button:active {
    color: #ffffff !important;
    background-color: #222222 !important;
    border-color: #222222 !important;
    box-shadow: none !important;
    outline: none !important;
}

.hhc-productbox-carton-button:disabled,
.hhc-productbox-cart-button:disabled {
    cursor: not-allowed !important;
    opacity: 0.65 !important;
}

/* =========================================================
   SMARTPHONE-ANPASSUNGEN DER PRODUKTKACHELN
   ========================================================= */

@media (max-width: 575.98px) {
    .hhc-productbox-buttons {
        margin-top: 10px;
        gap: 6px;
    }

    .hhc-productbox-mhd {
        margin-top: 5px;
        font-size: 12px;
    }

    .hhc-productbox-quantity .form-counter,
    .hhc-productbox-quantity .input-group,
    .hhc-productbox-quantity .hhc-quantity-button,
    .hhc-productbox-quantity .input-group-prepend .btn,
    .hhc-productbox-quantity .input-group-append .btn,
    .hhc-productbox-quantity .hhc-quantity-input,
    .hhc-productbox-quantity input.quantity {
        height: 40px !important;
        min-height: 40px !important;
    }

    .hhc-productbox-quantity .hhc-quantity-input,
    .hhc-productbox-quantity input.quantity {
        font-size: 14px !important;
        line-height: 40px !important;
    }

    .hhc-productbox-quantity .hhc-quantity-button,
    .hhc-productbox-quantity .input-group-prepend .btn,
    .hhc-productbox-quantity .input-group-append .btn {
        font-size: 21px !important;
    }

    .hhc-productbox-carton-button,
    .hhc-productbox-carton-button.btn,
    .hhc-productbox-cart-button,
    .hhc-productbox-cart-button.btn {
        min-height: 40px !important;
        padding: 9px 8px !important;
        border-radius: 5px !important;
        font-size: 13px !important;
    }

    .hhc-productbox-carton-button .fa-box,
    .hhc-productbox-cart-button .fa-shopping-cart {
        font-size: 14px !important;
    }
}

/* =========================================================
   FOOTER
   ========================================================= */

/* Vor dem Einsatz mögliche Lizenz- oder Attributionspflichten prüfen. */
#system-credits {
    display: none !important;
}