/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 @font-face {
    font-family: 'Bolden';
    font-style: regular;
    font-weight: 100;
    src: local('Bolden'), local('Bolden-Regular'), url(../fonts/Bolden-Display_Hust.woff2) format('woff2');
  }
  @import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:wght@800&display=swap');
  
body{
    overflow-x: hidden;
}

h1, .h1{
    font-family: "Bolden";
    font-weight: 100;
    font-size: 4rem;
}

h2, .h2{
    font-family: "Fira Sans Condensed";
    font-weight: 800;
    font-size: 2rem;
}

h3, .h3{
    font-family: "Fira Sans Condensed";
    font-weight: 600;
    font-size: 1.5rem;
}

h4, .h4{
    font-family: "Fira Sans Condensed";
    font-weight: 500;
    font-size: 1.25rem;
}

p, .p, a, .a, body, html{
    font-family: "Fira Sans Condensed";
    font-weight: 400;
    font-size: 1rem;
}

#content p, #content ul li{
    color:#232323;
}


/* ---------------------------------------------- Header ---------------------------------------------------------------------- */

#header h1{
    font-size: 0rem;
}

 #header, .header-top, .top-menu .category div, .dropdown-menu.hidden-sm-down{ 
    background: rgb(4, 68, 71) !important; 
}

#header .header-nav {
    border-bottom: none;
    color:rgb(236, 227, 217);
}

#header .header-top a[data-depth="0"], #header .header-top a{
    font-size: 1.25rem;
    color: rgb(236, 227, 217);
    text-transform: none;
}

#header a, .dropdown .expand-more{
    color: rgb(236, 227, 217);
}

.header-top .search-widgets, .header-top .search-widgets form input[type="text"]{
    color:rgb(4, 68, 71);
}

#mobile_top_menu_wrapper{
    background-color: rgb(4, 68, 71);
}

#language-selector-label{
    color: rgb(236, 227, 217);
}

.dropdown select{
    color: rgb(236, 227, 217);
    background-color: rgb(4, 68, 71);
}

.language-selector-wrapper select{
    border-bottom: solid;
    border-bottom-width: 3px;
}

.language-selector-wrapper option:hover{
    background-color: rgb(122, 101, 176);
}

#header .header-nav .blockcart{
    background-color: rgb(4, 68, 71);
}

#header .header-nav .cart-preview .shopping-cart{
    color: rgb(236, 227, 217);
}

#contact-link a{
    font-size: 1rem !important;
}

.top-menu a.dropdown-submenu:hover{
    color: rgb(122, 101, 176) !important;
}

.top-menu .sub-menu{
    box-shadow: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-md-2{
        width: 25%;
    }

    .search-widgets form{
        width: 200px;
    }

    .header-top .container .row .position-static{
        position: relative !important;
    }

    #search_widget{
        position: absolute;
        right: 14px;
        top: 0px;
    }

    #header{
        height: 175px;
    }

    .js-top-menu{
        width: 200%;
        top: 60px;
        left: -67%;
    }

    .js-top-menu ul{
        position: relative;
        left: 15%;
    }

    .js-sub-menu{
        left: -18%;
    }
}

#mobile_top_menu_wrapper .js-top-menu-bottom #contact-link{
    color:rgb(236, 227, 217);
}

/*------------------------------------ Kategorie Seite -------------------------------------------------------------------------------------*/
.block-category h1{
    font-size: 4rem;
}

#subcategories ul li .subcategory-image a{
    border: 1px solid #fff;
}

.product-miniature .product-title a{
    color: #232323;
    font-size: 1rem;
}

#js-product-list-footer div{
    background: none;
    padding: 0px !important;
}

.category-additional-description p{
    color: #232323;
}

.pagination .next{
    color: #7a7a7a !important;
    padding-left: 20px;
}

.pagination a{
    color: #7a7a7a !important;
}

.pagination .current a{
    color: rgb(122, 101, 176) !important;
}

.pagination .page-list{
    background: none;
}

.block-categories{
    margin-bottom: 0px;
}



/*------------------------------------- Product Page ----------------------------------------------------------------------------------------------*/

.current-price-value{
    font-size: 2rem;
}

@media (min-width: 768px) {
    .js-product-container .col-md-6{
    position: sticky;
    top: 12px;
    padding: 15px;
    }
}

.bootstrap-touchspin{
    width: 75px;
}

.product-description p, .product-information .product-description ul li, .product-information .product-description ol li{
    color: #232323;
}

.paypal-mark{
    border: none !important;
}

.js-product-container{
    margin-bottom: 50px;
}

.product-variants>.product-variants-item .color {
    width: 60px;
    height: 60px;
}

.product-flag{
    color: white !important;
}

/*---------------------------------------- Footer -------------------------------------------------------------------------------------------------*/
#footer, body#checkout #footer{
    background-color: rgb(4, 68, 71);
}

.footer-container .h3, .footer-container .h4, #block_myaccount_infos .myaccount-title a, .footer-container li a, #contact-infos, #contact-infos a{
    color:rgb(236, 227, 217);
}

#contact-infos a:hover, #footer a:hover{
    text-decoration: underline;
    color:rgb(236, 227, 217);
}

.text-sm-center a{
    color:rgb(236, 227, 217);
    font-size: 0.7rem;
}

.text-sm-center{
    text-align: right !important;
}

#footer .material-icons{
    color:rgb(236, 227, 217)
}

#footer .collapse, #footer .collapsing{
    background-color: rgb(4, 68, 71);
}

#footer .collapse li, #footer .collapsing li{
    border: none;
}

#footer .collapse a, #footer .collapsing a{
    color: rgb(236, 227, 217);
}

.block-contact #contact-infos{
    margin-top: 10px;
}


/*-------------------------------------------- Warenkorb & Bestellprozess -------------------------------------------------------------------------------*/

.cart-grid-body .card-block h1{
    font-size: 2.5rem;
}

.card-block.checkout .btn-primary{
    font-size: 1.25rem;
}

body#checkout section.checkout-step.-reachable.-current .step-number{
    background-color: #2F7354;
}

.done{
    color: #2F7354;
}



/*---------------------------------------------------- STARTSEITE -----------------------------------------------------------------------------------*/
.carousel .carousel-inner{
    height: auto !important;
}













.wishlist-add-to-new i{
    color:rgb(122, 101, 176) !important;
}


.view-order-details-link, .reorder-link{
    color:rgb(122, 101, 176) !important;
    font-size: 0.8rem !important;
}

.page-customer-account #content, #order-products{
    color:#232323;
}




#custom-text {
    text-align: left;
    font-size: 0.94rem;
}

#custom-text ul {
    padding-left: 15px;
    list-style: disc;
}



@media (max-width: 991px) {
    section#wrapper{
        padding-top: 0px !important;
    }

    .breadcrumb{
        margin-top: 10px !important;
    }
}