/* Custom css 2 */


/* Begin My account */

body#authentication .input-group .input-group-btn .btn-light,
body#identity .input-group .input-group-btn .btn-light {
    border-radius: 0px;
}

/* body#authentication .input-group .input-group-btn .btn-light,
body#identity .input-group .input-group-btn .btn-light {
    background: var(--dark-orange);
    border-color: var(--dark-orange);
    color: white;
}

body#authentication .input-group .input-group-btn .btn-light:hover,
body#identity .input-group .input-group-btn .btn-light:hover {
    background: var(--light-orange);
    border: var(--light-orange);
} */

body#authentication .needs-validation .forgot-password a,
body#authentication .page-footer--authentication .no-account a,
body#my-account .account-links a,
/* body#my-account .page-footer--my-account a, */
body#addresses .address-footer a,
body#addresses .addresses-footer a.btn-outline-primary {
    color: inherit;
}

body#authentication .needs-validation .forgot-password a:hover,
body#authentication .page-footer--authentication .no-account a:hover,
body#my-account .account-links a:hover,
/* body#my-account .page-footer--my-account a:hover, */
body#addresses .address-footer a:hover,
body#addresses .addresses-footer a.btn-outline-primary:hover {
    color: var(--link-color);
}



body#addresses .address-footer .material-icons {
    line-height: 1;
}

body#addresses .addresses-footer a.btn-outline-primary {
    padding: 0px;
    background-color: transparent;
    border: none;
}

body#history .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--light-grey);
}

body#history .table-striped tbody tr th,
body#history .table-striped tbody tr td {
    text-align: left !important; 
    vertical-align: middle;
}

body#history .table-bordered,
body#history .table-bordered td,
body#history .table-bordered th {
    border: 1px solid #dee2e6;
}

body#history .table-bordered .badge-pill.bright,
body#history .orders .order .bright,
body#order-detail .table-bordered .badge-pill.bright,
body#order-detail .orders .order .bright {
    font-size: 1rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

body#history .orders .order .bright {
    margin-bottom: 1.5rem;
}

body#history .order-actions .btn-outline-primary,
body#history .orders .order .text-right .btn-outline-primary {
    color: var(--main-text-color);
    border-color: var(--main-text-color);
    background: inherit;
}

body#history .order-actions .btn-outline-primary:hover,
body#history .orders .order .text-right .btn-outline-primary:hover {
    color: white;
    background-color: var(--main-text-color);
}

body#history .orders .order:not(:last-child) {
    border-bottom: 1px solid var(--light-grey);
}

body#history .orders .order a {
    color: inherit;
}

body#history .orders .order a:hover {
    color: var(--link-hover-color);
}

body#history .orders .order .text-right .btn-primary {
    color: var(--main-text-color);
}

body#history .orders .order .text-right {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    align-items: flex-end;
}



a.btn-outline-primary.sign-out {
    color: inherit;
    border-color: inherit;
    background: #f8f8f8;
}
a.btn-outline-primary.sign-out:hover {
    color: #ffffff;
    border-color: var(--main-text-color);
    background: var(--main-text-color);
}

/* End My account */


/* Begin Manufacturer */

body#manufacturer #content-wrapper #main>h1,
body#supplier #content-wrapper #main>h1 {
    font-weight: 600;
}

body#manufacturer #content-wrapper #main>ul li,
body#supplier #content-wrapper #main>ul li {
    padding: 15px 0;
    border-bottom: 1px solid #b2b2b2;
    display: flex;
    align-items: center;
}

body#manufacturer #content-wrapper #main>ul li:last-child,
body#supplier #content-wrapper #main>ul li:last-child {
    border-bottom: none;
}

body#manufacturer #content-wrapper #main>ul li .brand-infos,
body#supplier #content-wrapper #main>ul li .brand-infos {
    padding-left: 20px;
    padding-right: 20px;
    flex-grow: 1;
}

body#manufacturer #content-wrapper #main>ul li .brand-infos>p:first-child,
body#supplier #content-wrapper #main>ul li .brand-infos>p:first-child {
    font-size: 16px;
    font-weight: 600;
}

body#manufacturer #content-wrapper #main>ul li .brand-img,
body#supplier #content-wrapper #main>ul li .brand-img {
    width: 100px;
    min-width: 100px;
}

body#manufacturer #content-wrapper #main>ul li .brand-img .btn,
body#supplier #content-wrapper #main>ul li .brand-img .btn {
    display: inline-block;
    padding: 10px;
}

body#manufacturer #content-wrapper #main>ul li .brand-products,
body#supplier #content-wrapper #main>ul li .brand-products {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    white-space: nowrap;
    font-size: 14px;
    border-left: 1px solid #dfdfdf;
}

body#manufacturer #content-wrapper #main>ul li .brand-products .btn-primary,
body#supplier #content-wrapper #main>ul li .brand-products .btn-primary {
    padding: 5px 15px;
    margin-top: 5px;
    padding: 5px 15px;
}

body#manufacturer #content-wrapper #main>ul li .brand-infos a,
body#manufacturer #content-wrapper #main>ul li .brand-products .nb_products,
body#supplier #content-wrapper #main>ul li .brand-infos a,
body#supplier #content-wrapper #main>ul li .brand-products .nb_products {
    color: inherit;
}

body#manufacturer #content-wrapper #main>ul li .brand-infos a:not(.brand-title),
body#supplier #content-wrapper #main>ul li .brand-infos a:not(.brand-title) {
    text-decoration-line: underline;
}

body#manufacturer #content-wrapper #main>ul li .brand-infos a:hover,
body#manufacturer #content-wrapper #main>ul li .brand-products .nb_products:hover,
body#supplier #content-wrapper #main>ul li .brand-infos a:hover,
body#supplier #content-wrapper #main>ul li .brand-products .nb_products:hover {
    color: var(--link-color);
}

@media (max-width: 767px) {
    body#manufacturer #content-wrapper #main>ul li,
    body#supplier #content-wrapper #main>ul li {
        flex-wrap: wrap;
        gap: 15px;
    }
    body#manufacturer #content-wrapper #main>ul li .brand-img,
    body#supplier #content-wrapper #main>ul li .brand-img {
        flex-grow: 1;
        order: 0;
    }
    body#manufacturer #content-wrapper #main>ul li .brand-products,
    body#supplier #content-wrapper #main>ul li .brand-products {
        border: none;
        order: 1;
        padding: 0;
    }
    body#manufacturer #content-wrapper #main>ul li .brand-infos,
    body#supplier #content-wrapper #main>ul li .brand-infos {
        order: 2;
        width: 100%;
        padding: 0px;
    }
}


/* End Manufacturer */


/* Begin Sitemap */

body#sitemap #content-wrapper ul ul {
    padding-left: 15px;
}

body#sitemap .row.sitemap h2 {
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

body#sitemap #content-wrapper ul li {
    margin-bottom: 0.3rem;
}

body#sitemap #content-wrapper ul li a {
    color: inherit;
    position: relative;
    padding-left: 20px;
}

body#sitemap #content-wrapper ul li a::before {
    content: "\e5cc";
    font-family: "Material Icons";
    font-feature-settings: "liga" 1;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    line-height: inherit;
    font-size: 15px;
    transition: all .2s cubic-bezier(.7, 0, .3, 1);
}

body#sitemap #content-wrapper ul li a:hover::before {
    left: 5px;
}

body#sitemap #content-wrapper ul li a:hover {
    color: var(--link-color);
}

body#sitemap ul.nested {
    margin-top: 0.3rem;
}


/* End Sitemap */


/* Begin Contact page */

body#contact .block,
body#contact .block .data {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

body#contact .block .icon-data {
    display: flex;
    column-gap: 10px;
}

body#contact .block.block-phone {
    align-items: baseline;
}

body#contact .block .data.phone-numbers {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
}

body#contact .block .data a {
    color: inherit;
    font-weight: 600;
}

body#contact .block .data a span {
    font-weight: normal;
}
body#contact .block .data a:hover {
    color: var(--link-color);
}

body#contact .page-content form {
    width: 100%;
    max-width: 100%;
}

/* custom changes */
body#contact .page-content--contact .map {
    margin-bottom: 25px;
}
body#contact .page-content--contact .map iframe {
    max-width: 100%;
}
body#contact .customcontactpage_text span {
    text-decoration-line: underline;
}
body#contact .customcontactpage_text span.not-underline {
    text-decoration-line: none;
}
body#contact .customcontactpage_text .open-hours {
    display: flex;
    align-items: center;
    column-gap: 5px;
}


/* End Contact page */




/* Begin Cart popup */

#blockcart-modal {
    padding-right: 0px !important;
}

/* #blockcart-modal .modal-dialog {
    max-width: 992px;
} */

#blockcart-modal .modal-header {
    align-items: center;
    background-color: rgba(10,17,18,0.8);
}
#blockcart-modal .modal-header .close {
    color: white;
    text-shadow: none;
}
#blockcart-modal .modal-title {
    font-weight: 400;
    font-size: 1rem;
    color: white;
}
#blockcart-modal .modal-footer {
    column-gap: 10px;
    border-top: 1px dashed #d6d4d4;
    width: unset;
}
#blockcart-modal .modal-footer > .btn {
    padding-top: 8px;
    padding-bottom: 8px;
    gap: 5px;
    border-radius: 0;
}
#blockcart-modal .modal-footer .btn-outline-secondary {
    background: #d9d9d9;
    border-color: #d9d9d9;
    color: #333;
}
#blockcart-modal .modal-footer .btn-outline-secondary:hover {
    background: #d6d3d0;
    border-color: #d6d3d0;
}
#blockcart-modal .modal-body:has(.modal-footer) {
    padding-top: 0;
    padding-bottom: 0;
}
#blockcart-modal .modal-body.scrollable.scrollable-vertical .modal-body-content-container {
    margin-left: -16px;
    margin-right: -10px;
}
body:not(.touchdevice) #blockcart-modal .modal-body.scrollable.scrollable-vertical .modal-body-content-container {
    margin-right: -6px;
}
#blockcart-modal .modal-body .media {
    padding: 1rem;
    background: transparent var(--texture-bg) repeat;
    gap: 1rem;
}
#blockcart-modal .modal-body .p-price-qtty-container .d-flex {
    gap: 5px 10px;
    margin-bottom: 5px;
    font-size: 0.875rem;
}
#blockcart-modal .modal-body .p-price-qtty-container .label {
    flex: 1 0 0;
}
#blockcart-modal .modal-body .p-price-qtty-container .value {
    flex: 2 0 0;
}
#blockcart-modal .modal-body .hook-display-product-price-block:empty {
    display: none;
}

#blockcart-modal .modal-title i.material-icons {
    margin-right: 10px;
}

/* #blockcart-modal .product-image { */
#blockcart-modal .product-image-container {
    padding: 5px;
    max-width: 140px;
    background: white;
}
#blockcart-modal .product-image-container img {
    max-width: 100%;
}

#blockcart-modal .product-name {
    font-size: 1rem;
    margin-bottom: 20px;
    font-weight: 500;
}

#blockcart-modal .product-name a {
    color: inherit;
    font-weight: inherit;
}

#blockcart-modal .product-name a:hover {
    color: var(--link-hover-color);
}

#blockcart-modal .media-body .product-attributes {
    font-size: 0.813rem;
    color: #333333;
    font-weight: 300;
}

#blockcart-modal .cart-content {
    background: inherit
}

#blockcart-modal .product-price {
    font-weight: normal;
    line-height: initial;
}

#blockcart-modal .cart-content p.cart-products-count {
    color: inherit;
    margin-bottom: 10px;
}

#blockcart-modal .cart-content .value {
    text-align: right;
}

#blockcart-modal .modal-body .media-body .product-price-and-qty .product-qty {
    font-size: .8rem;
}

#blockcart-modal .modal-additional-content .cart-modal-reassurrance {
    /* column-count: 2; */
    display: flex;
    gap: 15px;
    justify-content: space-evenly;
    padding-top: 0.5rem;
    font-size: 0.813rem;
    font-weight: 300;
}
#blockcart-modal .modal-additional-content .cart-modal-reassurrance .col {
    padding: 0;
    flex: 0 1 auto;
}
#blockcart-modal .modal-additional-content .c-m-r-item {
    display: flex;
    gap: 6px;
    margin-bottom: 6px;
}
#blockcart-modal .modal-additional-content .check_icon {
    color: red;
}
#blockcart-modal .modal-additional-content > *:not(:empty) {
    padding: 1rem;
}
#blockcart-modal .modal-additional-content > .cart-modal-reassurrance {
    padding-top: 0.5rem;
}
#blockcart-modal .modal-additional-content > *:not(:empty, :last-child) {
    border-bottom: 1px dashed #d6d4d4; 
}
#blockcart-modal .modal-additional-content .hook-cart-modal-footer:empty {
    display: none;
}
#blockcart-modal .modal-additional-content .c-m-p-m-item {
    flex: 1 0 0;
    padding: 0.5rem;
}
#blockcart-modal .modal-additional-content .c-m-p-m-item img {
    max-height: 35px;
    width: auto;
    max-width: min(169px, 100%);
}

@media (min-width: 1200px) {
    #blockcart-modal .product-miniature {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}
#blockcart-modal .product-miniature .div_details_cart,
#blockcart-modal .product-miniature .product-description:has(> .product-title) > *:not(.product-title) {
    display: none;
}
#blockcart-modal .product-miniature .p-title-and-description-container .product-title {
    margin-bottom: 0;
}
#blockcart-modal .product-miniature .p-price-and-cart-container .product-price-and-shipping {
    margin-bottom: 10px;
}
#blockcart-modal .bg-boxed {
    background-color: white;
}
#blockcart-modal .bg-boxed .div_sectiontitlecontainer,
#blockcart-modal .bg-boxed .div_itemscontainer {
    padding: 0;
    background-color: inherit;
}
#blockcart-modal .section-title {
    min-height: unset;
}
#blockcart-modal .bg-boxed .section-title {
    margin-bottom: 1rem;
    font-size: 1rem;
}

@media (min-width: 992px) {
    #blockcart-modal .modal-footer > .btn {
        flex: 1 0 0;
    }
}
@media (max-width: 991px) {
    .blockcart-modal .modal-body {
        margin-bottom: 0;
    }
    .blockcart-modal .modal-footer {
        position: relative;
        box-shadow: none;
        border: none;
    }
    #blockcart-modal .modal-header {
        padding: 10px;
    }
    #blockcart-modal .modal-title {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #blockcart-modal .product-name,
    #blockcart-modal .cart-content p.cart-products-count {
        font-size: 16px;
    }
    #blockcart-modal .modal-body .divcol_left {
        width: 45%;
    }
    #blockcart-modal .modal-body .divcol_right {
        width: 55%;
    }
}

@media (max-width: 767px) {
    /* #blockcart-modal .product-image { */
    #blockcart-modal .product-image-container {
        max-width: 120px;
        /* margin-bottom: 10px; */
        padding: 3px;
    }
    #blockcart-modal .modal-body .divcol_left {
        border-right: none;
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (max-width: 575px) {
    /* #blockcart-modal .product-image { */
    #blockcart-modal .product-image-container {
        max-width: 100px;
        padding: 1px;
    }
    #blockcart-modal .modal-title {
        font-size: 15px;
        line-height: initial;
    }
    #blockcart-modal .modal-title i {
        font-size: 20px;
        margin-right: 5px;
    }
    #blockcart-modal .modal-body>.row {
        flex-wrap: wrap;
    }
    #blockcart-modal .product-name {
        margin-bottom: 15px;
    }
}


/* End Cart popup */


/* Begin SVG payment icons */
.payment-logos-container > .d-flex {
    gap: 8px 15px;
}
.payment-logos-container .svg-icon-container {
    min-width: 55px;
    /* min-height: 30px; */
}
.payment-logos-container .svg_icon {
    width: 100%;
    height: auto;
}
.payment-logos-container .s-i-c-klarna,
.payment-logos-container .s-i-c-rechnung,
.payment-logos-container .s-i-c-bg-white {
    border-radius: 3px;
}
.payment-logos-container .s-i-c-klarna {
    background: #ffb3c7;
}
.payment-logos-container .s-i-c-rechnung {
    background: #fa82a0;
}
.payment-logos-container .s-i-c-bg-white {
    padding: 3px;
    background: white;
    border: 1px solid #777777;
}
@media (max-width: 379px) {
    .payment-logos-container > .d-flex {
        gap: 10px 10px;
    }
    .payment-logos-container .svg-icon-container {
        min-width: 50px;
        max-width: 50px;
    }
}

/* End SVG payment icons */

/* ********************************** */
/* Begin: domain restricted css rules */
/* ********************************** */

body.id-shop-1 #header .div_header_bottom .header__logo {
    display: none !important;
}

/* ************** umbrello (39) changes ************** */
body.id-shop-39 .product-miniature .product-price-container:has(.price.discounted),
body.id-shop-39 .product-miniature .price-discount-description,
body.id-shop-39 .product-prices .price.current-price-discount,
body.id-shop-39 .product-prices .price-discount-description,
body.id-shop-39 .product-prices .shipping-info .delivery-later,
body.id-shop-39 .product-prices .shipping-info .delivery-available {
    color: var(--dark-green);
}
body.id-shop-39 .product-miniature .div_product_add_to_cart button.add-to-cart,
body.id-shop-39 .product-quantity .div_product_add_to_cart button.add-to-cart {
    background-color: var(--dark-green);
    border-color: var(--dark-green);
}
body.id-shop-39 .product-miniature .div_product_add_to_cart button.add-to-cart:focus,
body.id-shop-39 .product-miniature .div_product_add_to_cart button.add-to-cart:hover,
body.id-shop-39 .product-quantity .div_product_add_to_cart button.add-to-cart:focus,
body.id-shop-39 .product-quantity .div_product_add_to_cart button.add-to-cart:hover {
    background-color: var(--dark-green-variant);
    border-color: var(--dark-green-variant);
}

/* ******************************** */
/* End: domain restricted css rules */
/* ******************************** */


.myaccount-gray-header,.myaccount-gray-header_div{
    background-color: #e1e1df;
}
.myaccount-gray-header tr th{
    font-size: 0.8rem;
    font-weight: 400;
}
.myaccount-gray-header-container tbody tr th,.myaccount-gray-header-container tbody tr td{
    background:white;
    font-size: 0.8rem;
    font-weight: 400;
}

#content-wrapper .myaccount-gray-header-container tbody tr td span.badge.badge-pill{
    font-size:0.8rem;
}
#order-detail .table thead th{
    border-bottom:none;
}
#order-detail .table-bordered thead td{
    border-bottom-width: 2px;
}
#order-detail #content{
    font-size:0.8rem;
}
#order-detail .history-lines.visible--mobile .badge {
    font-size: 11px;
}

.custom-addresses-div{
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 0.8rem;
    margin-bottom: 20px;
    margin-left: 10px;
}
#addresses #wrapper > .row{
    display:block;
}
@media(min-width:992px){
    #password .page-content form,
    #authentication .page-content form {
        max-width: 75%;
    }
}
/*order confirmation design by Szilamer  */
#order-confirmation.page-order-confirmation #content-hook_order_confirmation{
    background-color: #fbfbfb;
    border-radius: 0;
}
#order-confirmation.page-order-confirmation #content-hook_payment_return{
    border:none;
    background: none ;
    
}
#content-hook_order_confirmation p,#content-hook_payment_return span{
    line-height: 21px;
    font-weight: 300;
    font-size:13px;
    margin-bottom:0;
}
#content-hook_order_confirmation .card-body{
    padding:0;
    min-height: 0;
}
#content-hook_order_confirmation .card-body section{
    padding:1.25rem;
}
#content-hook_payment_return p{
    margin-bottom:10px;
    line-height: 21px;
    font-weight: 300;
    font-size:13px;
}
.div_hook_payment_return .d-flex{
    gap:30px;
}
@media(min-width:992px){
    #authentication .page-content form{
        max-width: 750px;
        margin:0 auto;
    }
}
@media(max-width:767px){
    #order-detail .order-items .order-item .name{
        margin:10px 0px;
        font-weight: 600;
    }
    #order-detail .order-items .order-item .ref{
        margin: 10px 0;
    }

}



/* layerslider fixes */
div[id^='layerslider_'] {
    max-width: 100% !important;
    overflow: hidden;
}
@media (min-width: 768px) {
    div[id^='layerslider_'] {
        height: auto !important;
        aspect-ratio: var(--lswidth) / var(--lsheight);
        min-width: 100%;
    }
    div[id^='layerslider_'] .ls-slide-transition-wrapper,
    div[id^='layerslider_'] .ls-slide-transition-tile,
    div[id^='layerslider_'] .ls-wrapper:not(.ls-in-out) {
        min-height: 100%;
        max-height: 100%;
    }
    body div[id^='layerslider_'].ls-wp-container .ls-slide-transition-wrapper img,
    body div[id^='layerslider_'].ls-wp-container .ls-wrapper img,
    #ls-global body div[id^='layerslider_'].ls-wp-container .ls-slide-transition-wrapper img,
    #ls-global body div[id^='layerslider_'].ls-wp-container .ls-wrapper img {
        transform: none !important;
        max-height: 100%;
        max-width: 100% !important;
    }
}
@media (max-width: 767px) {
    div[id^='layerslider_'] {
        max-height: min(var(--lsheightpx), 65vw);
        min-height: min(var(--lsheightpx), 65vw);
    }
    div[id^='layerslider_'] .ls-slide-transition-wrapper,
    div[id^='layerslider_'] .ls-slide-transition-tile,
    div[id^='layerslider_'] .ls-wrapper:not(.ls-in-out) {
        min-height: 100%;
        max-height: 100%;
    }
    div[id^='layerslider_'] .ls-slide-transition-wrapper img,
    div[id^='layerslider_'] .ls-wrapper img {
        min-height: 100%;
        transform: none;
        object-fit: cover;
        object-position: center;
    }
}
/* ********************************** */

@media (min-width: 768px) and (max-width: 991px){
    #products .grid-list-view-container label {
        display: block;
    }
}
.order-conf-custom-span{
    font-weight: 300;
    margin-left: 15px;
}
.order-conf-container{
    font-size: 14px;
    background: white;
    padding:10px;
}
.order-conf-container strong{
    min-width: 120px;
    display:inline-block;
}