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





/* TrustedShops - deactivated */

#trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
    z-index: 1019 !important;
}

/*#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
    left: auto !important;
    right: 8px !important;
}

#maximized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
    left: auto !important;
    right: 8px !important;
}*/

@media (min-width: 992px) {
    .submenu-image-wrapper > img {
        background-color: white;
    }
    .my-ribbon {
        left: 1rem !important;
    }
}
@media (max-width: 767.98px) {
    #footer-boxes {
        border-bottom: 1px solid #d8d8d8;
    }
    .main-slider .slick-dots {
        //justify-content: center;
        right: 0;
    }
    .ribbon-bundle {
        font-size: 12px !important;
    }
}
.main-slider .slick-slide {
    padding: 0;
}
.ribbon-bundle {
    background-image: url("/templates/hematek/images/overlay/my-ribbon-bundle.svg")
}
.ribbon-blackfriday {
    background-image: url("/templates/hematek/images/overlay/my-ribbon-blackfriday.svg")
}

/* Cover für abgelaufene Rabattaktionen */


.abgelaufen {
    position: absolute;
    z-index: 1;
	top:1.0rem;
    width:100%;
	height:100%;
	transform: translate(-50%, -50%);
    left: 50%; top: 50%;
    text-transform: uppercase;
	text-align: center;
	color: #ff0000;
    background-color: rgba(255, 255, 255, 0.6);
    background-size: contain;
    background-repeat: no-repeat;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 25%;
}

/* Rollover Link für Akkordeon */

.rollover-akkordeon .btn-link:hover {
    color: #888888;
    text-decoration: none;
}

/* Highlightbundle v1 */
.bundle-highlighted {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3px 0;
    width: 100%;
    max-width: 200px;
    margin: 0 auto 8px;
    font-weight: 600;
    display: block;
}

.bundle-highlighted-1 {
    background-image: url("/templates/hematek/images/overlay/bundle_bg_1.svg");
}

.bundle-highlighted-2 {
    background-image: url("/templates/hematek/images/overlay/bundle_bg_2.svg");
}

/*.bundle-visible-mobile {
    display: block;
}
.ribbon-not-highlighted-hidden {
    display: none;
}/*

/* Bundle Slider */

@media (min-width: 768px) {
    .bundle-slider .carousel:not(.slick-initialized).slick-type-product .product-wrapper {
        width: calc(100%/2) !important;
        min-width: calc(100%/2) !important;
    }
}
@media (min-width: 991px) {
    #products-same-design .carousel:not(.slick-initialized) .product-wrapper {
        width: calc(100%/3) !important;
        min-width: calc(100%/3) !important;
    }
}

/* TS is over mini-cart and over sleeknote Banner - Mitmachen und Gewinnen */
#jtl-nav-wrapper {
    //z-index: 10000;
}
/* upgrading z-index: in order that header is not "highlighted" */
#consent-manager {
    //z-index: 100001;
}
/* CTA Button in product-page mobile should be over consent button - which was overlapping the price */
.fake-add-to-cart-container {
    //z-index: 100002;
}
/* product-gallery must be over header and consent-manager */
#productImagesModal {
    //z-index: 100003;
}


/* cart summary */
@media (max-width: 768px) {
    #order-summary.sticky-mobile .cart-summary {
        display: flex;
        flex-direction: column-reverse;
    }

    #order-summary.sticky-mobile .card-body {
        padding: 1rem 2rem 0;
        background: #d8d8d8;
    }

    #order-summary.sticky-mobile .shipping-costs {
        margin-left: -2rem;
        margin-right: -2rem;
    }

    #order-summary.sticky-mobile .sticky-order {
        display: flex !important;
        position: fixed;
        bottom: 0;
        width: calc(100% - 32px);
        //z-index: 100000;
        z-index: 1060;
    }
    /*#order-summary.sticky-mobile .cart-summary {
        z-index: 1055;
    }*/
    #order-summary.sticky-mobile .cart-items-body.type-10,
    #order-summary.sticky-mobile .cart-items-body.type-3 {
        display: none;
    }
    body[data-page="3"] #paypal-button-cart-container {
        margin-top: 0 !important;
    }
}

/* dropdown-variations for Shoe-Sizess in mobile */
body.is-mobile .size-select .dropdown-menu:not(.inner).show {
    display: block;
    position: fixed !important;
    bottom: 0 !important;
    //top: calc(100% - 400px) !important;
    //height: 400px !important;
    transform: none !important;
    //padding-bottom: 11.5px;
    //z-index: 100003; /* higher than header */
    height: 100%;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
    background: rgba(0,0,0,.8);
    margin-top: 0;
}
body.is-mobile .bootstrap-select .dropdown-menu li a {
    margin-left: 1rem;
    padding: 1rem 1rem 1rem .5rem;
    border-bottom: 1px solid #ccc;
}
body.is-mobile .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 20px;
}

.bundle-sizes-picker .dropdown-toggle {
    line-height: 34px;
    height: 35px;
    padding-top: 0;
    padding-bottom: 0;
}

/* paypal button in mini-cart */

@media (max-width: 768px) {
    #paypal-button-miniCart-container {
        margin-top: 8px !important;
    }
    .cart-dropdown #miniCart-ppc-paypal-standalone-button {
        width: calc(50% - 4px);
        margin-right: 4px;
    }
    .cart-dropdown #miniCart-ppc-paylater-standalone-button {
        width: calc(50% - 4px);
        margin-left: 4px;
    }
}

/* update 5.2.3 */
.mini-cart-image img {
    max-width: 90px;
}