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



@media (max-width: 991px) {
    header .nav-mobile-header > .row {
        height: auto !important;
    }
    header #mainNavigation {
        background-image: url("img/aquarellfleck-rot.jpg");
        background-size: cover;
        background-repeat: no-repeat;
    }
    header #mainNavigation .nav-mobile-body {
        background-image: url("img/weinglaeser.png");
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    header .navbar-nav .nav-item:nth-of-type(1) {
        margin-top: 15px;
    }
    header .navbar-nav li:nth-of-type(4) {
        display: none;
    }
    header .navbar-nav .nav-mobile-heading,
    header .navbar-nav .text-truncate {
        padding-left: 50px;
        position: relative;
        padding-top: 10px;   
        padding-bottom: 10px;    
    }
    header .navbar-nav .nav-mobile-heading:nth-of-type(1)::before,
    header .navbar-nav .nav-item:nth-of-type(2) .text-truncate::before,
    header .navbar-nav .nav-item:nth-of-type(3) .text-truncate::before {
        content: '';
        position: absolute;
        left: 10px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
    }
    header .navbar-nav .nav-mobile-heading:nth-of-type(1)::before {
        background-image: url(img/shelves-solid.svg);
    }
    header .navbar-nav .nav-item:nth-of-type(2) .text-truncate::before {
        background-image: url(img/box-heart-solid.svg);
    } 
    header .navbar-nav .nav-item:nth-of-type(3) .text-truncate::before {
        background-image: url(img/grapes-solid.svg);
    }
}

/*Artikeldetailseite Inhalt weniger breit*/
/*Breite ist wie bei Krote, von da uebernommen*/
body[data-page="1"] #content #result-wrapper, 
body[data-page="1"] #content #db-product-desc {
    max-width: 1300px;
    margin: 15px auto 30px;
}


/* Artikeldetailseite & Listing Preis Styling */
body .product-detail .price_wrapper .hint-container {
    margin-bottom: 5px;
}
body .product-detail  .price_wrapper .hint-container .price-heading,
body .product-list .productbox-inner .hint-container .price-heading{
    font-weight: 500;
    font-family: 'Reenie Beanie', cursive;
    font-size: 2rem;
    line-height: 70%;
}

body .product-detail .price_wrapper .price{
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 32px;
    font-family: 'Open Sans';
    font-weight: 800;
    letter-spacing: -1px;
    color: #000;
}
body .product-detail .price_wrapper .base-price,
body .product-detail .price_wrapper .vat_info{
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 70%;
}

body .product-detail#product-offer .price_wrapper .bulk-prices{
    margin-top: 10px !important;
}

/* Listing Preis Styling */
body .product-list .productbox-inner .base_price{
    font-size: 12px;
}