:root {
    --color-primary: #004C6A;
    --color-second: #1a9dda;
    --color-special: #e6187e;
}
@media only screen and (max-width: 767px) {
    body {
        font-size: 1.6rem;
    }
}
button{
    color: #ffffff;
}
button, input, select, textarea {
    line-height: 1.2;
}
button:active {
    box-shadow: none;
}
.mark, mark {
    background-color: transparent; /*on product page*/
}

input[type=checkbox], input[type=radio] {
    margin-top: 0;
}
select{
    font-size: 14px;
}

.page-zahlungsarten .pagebuilder-column{ /*zahlungsarten page*/
    padding: 20px;
}

.field.field-name-prefix { /*registration page*/
    min-width: 100px;
}

.pagebuilder-button-primary:visited{
    color: #ffffff;
}
.check-wsn ul{
    padding-left: 0;
}
.check-wsn li{
    list-style-type: none;
}
.check-wsn img {
    margin-right: 10px;
}
.login-container div[data-content-type="row"]{
    padding: 10px 10px 0 10px;
    background: #eeeeee;
    margin: 20px 0;
}
.form-create-account .fieldset.additional_info .field.bg-gray{
    padding: 10px 20px 10px 10px;
    background: #eeeeee;
    margin: 20px 0;
}
.form-create-account .fieldset.additional_info .field-tooltip {
    right: 10px;
    top: 8px;
}

.autocomplete-list.autocomplete-list-product dd {
    flex-basis: calc(100% / 3);
}
@media (max-width: 768px){
    .autocomplete-list.autocomplete-list-product dd {
        flex-basis: calc(100%/2);
    }
    .page-header{
        z-index: auto;
    }
    #maincontent{
        z-index: auto;
    }
}
.hausnumField{ /*checkout 1 page*/
    margin-top: 20px;
}
@media (min-width: 769px){
    .awag-checkout-street > .control .hausnumField {
        margin-top: 20px;
    }
}

input[type=checkbox]{
    width: 22px;
    height: 22px;
}
input[type=radio]{
    width: 24px;
    height: 24px;
}

    /*todo Header and footer*/
.page-footer .footer_wrap .widget.block{
    margin-top: 0;
}
#minicart-content-wrapper .subtotal span.label {
    font-size: 12px;
    hyphens: none;
}
#minicart-content-wrapper span.price-wrapper.price-including-tax {
    display: flex;
    justify-content: flex-end;
}
.minicart-wrapper .block-minicart {
    overflow: scroll;
}
.cart.subscribe.primary{
    background: #ffffff;
    color: var(--color-special);
    border: 1px solid var(--color-special);
    padding: 8px 14px 6px;
    margin-right: 20px;
}
#maisondunet-popup-form-button-cart,
#maisondunet-popup-form-button{
    background: #ffffff;
    color: var(--color-special);
    border: 1px solid var(--color-special);
    margin-top: 14px;
    width: 100%;
}
.modal-popup.modal-slide .modal-footer button.cart_save{
    background: var(--color-special) !important;
    border: 1px solid var(--color-special) !important;
}
#mdnsavecart-form span{
    margin-top: 14px;
    display: block;
}
#shopping-cart-table th.col{
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 18px;
}
#shopping-cart-table th.col.qty {
    min-width: 76px;
}
#shopping-cart-table th.col.subtotal {
    min-width: 130px;
}

@media (min-width: 769px) {
    .catalog-product-view.attribute-set-default .footer_wrap{
        padding-bottom: 120px !important;
    }
}
@media (min-width: 992px) {

    .catalog-product-view.attribute-set-default .footer_wrap{
        padding-bottom: 80px !important;
    }
}
@media (min-width: 769px) and (max-width: 1023px){
    .opc-block-summary .minicart-items-wrapper {
        max-height: none;
    }

}

@media (min-width: 1366px){
    .header.content {
        grid-template-columns: 18% 67% 12% 3%;
    }
    .nav-sections {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
    }
}

@media (max-width: 767px) {
    #shopping-cart-table .item-info .product-item-details{
        padding-left: 100px;
    }
    .header-top-bar_content .header-top-bar_row {
        display: none !important;
    }
    .header-top-bar .block-search {
        margin-top: 0;
    }
    .catalog-product-view.attribute-set-default .footer_wrap{
        padding-bottom: 150px !important;
    }
}

/*todo Product page */
.product-options-wrapper .options-list .field.choice {
    display: flex;
}

.product-options-wrapper .options-list input[type=radio] {
    flex-basis: 24px;
    height: 20px;
    max-width: 16px;
}

.catalog-product-view .related-posts.blog-posts{
    display: none;
}
#show_graduated_prices{
    background: url("../images/show_graduated_prices.png");
    width: 768px;
    height: auto;
    max-width: 100%;
    color: transparent;
    order: 1;
    padding: 6px 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    border: none !important;
}
#show_graduated_prices:hover{
    border: none !important;
}
@media (max-width: 768px) {
    #show_graduated_prices{
        min-height: calc((100vw - 320px)/(768 - 320)*(116 - 64) + 64px);
    }
}
@media (min-width: 769px) {
    #show_graduated_prices{
        min-height: calc((100vw - 769px)/(1023 - 769)*(68 - 46) + 46px);
    }
}
@media (min-width: 1024px) {
    #show_graduated_prices{
        min-height: 88px;
    }
}

/* todo maisondunet-popup */
a.button.maisondunet-popup-button,
a.maisondunet-popup-form-button-cart-not-logged,
.cart-summary button#maisondunet-popup-form-button-cart-logged {
    margin: 0 auto;
    display: block;
}
#maisondunet-popup-form-button-cart-logged,
a.button.maisondunet-popup-button,
a.maisondunet-popup-form-button-cart-not-logged {
    background-color: #ffffff;
    border: 1px solid var(--color-special);
    color: var(--color-special);
    line-height: 1.2;
    padding: 14px 17px 12px;
    font-size: 16px;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif !important;
}
#maisondunet-popup-form-button-cart-logged:focus, #maisondunet-popup-form-button-cart-logged:active {
    background-color: var(--color-special);
    border: 1px solid var(--color-special);
    color: #ffffff;
}
a.button.maisondunet-popup-button,
a.maisondunet-popup-form-button-cart-not-logged {
    margin-top: 20px;
}
.cart.subscribe.primary {
    text-align: center;
}
.cart.subscribe.primary:active{
    background-color: #ffffff;
}

@media (min-width: 640px){
    a.button.maisondunet-popup-button,
    a.maisondunet-popup-form-button-cart-not-logged,
    .cart-summary button#maisondunet-popup-form-button-cart-logged {
        width: calc(50% - 16px);
    }
}
@media (min-width: 768px){
    a.button.maisondunet-popup-button,
    a.maisondunet-popup-form-button-cart-not-logged,
    .cart-summary button#maisondunet-popup-form-button-cart-logged {
        width: 50%;
    }
}
@media (min-width: 1024px){
    a.button.maisondunet-popup-button,
    a.maisondunet-popup-form-button-cart-not-logged,
    .cart-summary button#maisondunet-popup-form-button-cart-logged {
        width: 100%;
    }
}
@media (max-width: 639px){
    a.button.maisondunet-popup-button,
    a.maisondunet-popup-form-button-cart-not-logged,
    .cart-summary button#maisondunet-popup-form-button-cart-logged {
        width: calc(100% - 30px);
    }
}


/*todo Category */
.product-item-info{
    position: relative;
}
.product-item-info .list-link-full{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3;
    margin-top: -15px;
    margin-left: -15px;
}
.product-reviews-summary .reviews-actions{
    display: none;
}
.lagerbestand-details {
    font-size: 12px;
    display: block;
    padding: 4px 16px 5px;
    margin: 10px auto 0;
    width: fit-content;
    width: fit-content;
    position: relative;
    color: #000000;
}
.lagerbestand-details:before{
    content: "";
    width: 14px;
    height: 14px;
    background: green;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: -6px;

}

.products.products-grid {
    clear: both;
}
@media (min-width: 769px) {
    .page-layout-1column.catalog-category-view .category-description{
        max-width: 1360px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (max-width: 768px) {
    .catalog-category-view .columns .column.main {/*for top filter*/
        order: 0;
    }
}

/*todo cutegory filter*/
.filter-options-item{
    overflow: hidden;
}
.filter-options-item.active{
    overflow: visible;
}

/*todo subcutegory */
@media (min-width: 640px)  {
    .products-grid .product-item-info .product-item-details {
        min-height: 148px;
    }
}


/*todo basket */
.cart-summary .block .item-options .field .radio + .label { /* right col -> Flat Rate*/
    margin: 0 0 0 18px;
}

@media (min-width: 769px){
    #shopping-cart-table th.col{
        font-size: 14px;
    }
    .cart-container .form-cart .cart.table-wrapper {
        padding: 8px;
    }
    .cart.table-wrapper .product-item-details {
        padding-left: 20px;
    }
}

/*todo checkout */
.table-checkout-shipping-method thead{
    display: none;
}
#checkout{
    margin-top: 20px;
}
#confirm-order button {
    font-size: 16px;
    padding: 14px 17px 12px;
    text-transform: uppercase;
}
.checkout-index-index .page-header .header.content {
    padding: 4px !important;
    display: grid !important;
}
.checkout-index-index .page-header .header.content .header-left .logo {
    max-width: 100% !important;
}
#confirm-order {
    padding-left: 0;
}

.checkout-index-index .page-header .header.content .header-left .logo {
    margin: 0 auto 0 0;
}
.checkout-payment-method .payment-method .payment-method-title label {
    padding-left: 0;
    margin-left: 10px;
}

.checkout-payment-method .payment-method + .payment-method .payment-method-title {
    display: flex;
    align-items: center;
}
.checkout-payment-method .payment-method + .payment-method .payment-method-title input {
    margin-top: -4px;
}
.checkout-payment-method .payment-method .payment-method-title label[for="banktransfer"],
.checkout-payment-method .payment-method .payment-method-title label[for="cashondelivery"] {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    width: 100%;
    flex-direction: row-reverse;
}

.checkout-payment-method .payment-method .payment-method-title label:after {
    position: relative;
    content: "";
    background-size: cover;
}
.checkout-payment-method .payment-method .payment-method-title label[for="paypal_express"]{
    flex-direction: row;
}
.checkout-payment-method .payment-method .payment-method-title label[for="paypal_express"] > span{
    order: 1;
}
.checkout-payment-method .payment-method .payment-method-title label:after{
    display: none;
}
.checkout-payment-method .payment-method .payment-method-title label[for="banktransfer"]:after,
.checkout-payment-method .payment-method .payment-method-title label[for="purchaseorder"]:after{
    display: block;
}
label[for="banktransfer"]:after {
    background: url('../images/payment/vorkasseb.png');
    width: 100px;
    height: 26px;
    top: -7px;
    left: 2px;
    right: auto;
}
label[for="purchaseorder"]{
    flex-direction: row-reverse;
}
label[for="purchaseorder"]:after{
    background: url("../images/payment/rechnung.png");
    width: 96px;
    height: 26px;
    top: -3px;
}

.checkout-payment-method .payment-method .payment-method-title label[for="cashondelivery"]{
    flex-direction: row;
    position: relative;
}
label[for="cashondelivery"]:before{
    position: relative;
    content: "";
    background: url("../images/payment/rechnung.png");
    width: 96px;
    height: 26px;
    top: -3px;
    background-repeat: no-repeat;
    background-size: cover;
}
.checkout-payment-method .checkout-billing-address .primary .action-update{
    margin-bottom: 0;
}
.awag-checkout-street .field.hausnumField._required > .label:after{
    content: '*';
    color: #e02b27;
    font-size: 1.6rem;
    margin: 0 0 0 5px;
}
.checkout-methods-items #minicart-amazon-pay-button {
    margin-top: 20px;
}

@media (min-width: 769px) {
    .opc-progress-bar {
        margin-bottom: 14px;
    }
    #checkout .payment-option-content .form-discount {
        flex-direction: row;
    }
    #checkout-shipping-method-load .col{
        padding: 20px 0 0;
        min-width: 130px;
    }
    .checkout-payment-method .actions-toolbar .primary {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
    }
    .checkout-payment-method .checkout-billing-address .primary .action.action-cancel{
        margin-top: 0;
    }
    .cart-summary .checkout-methods-items .action.primary.checkout{
        width: 50%;
    }
    .paypal-express-in-context-mini-cart-container {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    #minicart-content-wrapper .paypal-express-in-context-mini-cart-container {
        width: 100%;
    }
    .checkout-payment-method .checkout-billing-address .primary button,
    #checkout .payment-option-content .form-discount .actions-toolbar button,
    .payment-method-content .actions-toolbar .primary,
    #confirm-order button{
        min-width: 200px;
    }

    .checkout-cart-index .cart.table-wrapper .item .col.item{
        display: flex;
    }
    .checkout-cart-index .cart.table-wrapper .product-item-photo {
        width: 200px;
    }
    .opc-sidebar .minicart-items-wrapper .product-image-container {
        width: 158px !important
    }
}
@media (min-width: 769px) and (max-width: 1023px){
    #checkout .opc-summary-wrapper .modal-content {
        height: fit-content !important;
    }
    button#delivery_clone_button{
        width: 50%;
        margin: 0 auto;
        display: block;
    }
    .opc-block-summary .product-item-details .product.options .content{
        display: block !important;
    }
    #confirm-order {
        float: right;
    }
}
@media (min-width: 1024px) {
    .cart-summary .checkout-methods-items .action.primary.checkout{
        width: 100%;
    }
    .paypal-express-in-context-mini-cart-container {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .checkout-payment-method .payment-method .payment-method-title label span {
        text-align: right;
    }
    .cart.table-wrapper {
        border-top: none;
    }
    .cart.table-wrapper .item .col.item {
        padding: 15px 0;
    }
    .cart.table-wrapper .product-item-photo {
        left: 0;
        text-align: center;
    }
    .checkout-cart-index button.action.update{
        width: calc(50% - 30px);
    }
    .cart-summary .checkout-methods-items .action.primary.checkout,
    #discount-coupon-form button{
        width: 50%;
    }
    .opc-sidebar .minicart-items-wrapper .product-image-container {
        width: 76px !important
    }

    /*show right bar*/
    .opc-block-summary .product-item-details .product.options .content{
        display: block !important;
    }
    .checkout-container {
        display: flex;
        flex-direction: column;
    }
    aside.custom-slide .modal-inner-wrap .modal-content {
        height: auto !important;
    }
    aside.custom-slide.opc-summary-wrapper {
        position: relative;
        visibility: visible;
        margin-top: 10px;
        margin-bottom: 40px;
        left: 0;
        opacity: 1;
        order: -1;
    }
    .custom-slide .modal-inner-wrap {
        transform: none;
        box-shadow: none;
    }
}
@media (min-width: 640px) and (max-width: 768px){
    #shipping-method-buttons-container button.action.primary{
        width: 50%;
        margin: 0 auto;
        display: block;
    }

    .checkout-billing-address .action-apply,
    #checkout .payment-option-content .form-discount .actions-toolbar button,
    .payment-method-content .actions-toolbar > .primary,
    button#delivery_clone_button,
    #customer-email-fieldset .actions-toolbar .primary button,
    .awag-change-pos .actions-toolbar .primary button,
    .paypal-express-in-context-mini-cart-container,
    #confirm-order button{
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #minicart-content-wrapper .paypal-express-in-context-mini-cart-container {
        width: 100%;
    }
}
@media (max-width: 639px) {
    .checkout-cart-index .cart.table-wrapper {
        width: 100%;
    }
    .checkout-cart-index button.action.update{
        width: calc(100% - 30px);
    }
    .cart-summary .checkout-methods-items .action.primary.checkout,
    #discount-coupon-form button,
    #confirm-order button{
        width: 100%;
    }
}
/*todo checkout header */
.checkout-index-index .page-header {
    background: transparent;
    border-bottom: none;
}
.checkout-index-index .page-header .header.content{
    display: block !important;
}
.checkout-index-index .header.content .header-left{
    position: relative;
    top: 0;
    left:50%;
    transform: translate(-50%);
    width: fit-content;
    width: max-content;
}
@media (max-width: 768px) {
    .checkout-index-index .header.content .header-left .logo {
        position: relative;
    }
}

/*todo  /multishipping/checkout/addresses/ */

.multishipping-checkout-addresses.page-layout-checkout  .page-header{
    background: #ffffff;
}
.multishipping-checkout-addresses.page-layout-checkout .header.content{
    display: flex;
    justify-content: center;
}
.multishipping-checkout-addresses.page-layout-checkout  .header.content .header-left {
    width: auto;
    left: auto;
    bottom: auto;
    display: flex;
    align-items: center;
    position: relative;
}

.multishipping-checkout-addresses.page-layout-checkout  .header.content .header-left .logo {
    width: auto;
    position: relative;
    top: auto;
    left: auto;
}
/*todo checkout success*/
.checkout-onepage-success h1.page-title{
    position: relative;
    padding-left: 56px;
    display: flex !important;
}
.checkout-onepage-success h1.page-title:before{
    content: "";
    background-image: url(../images/check-solid.svg) !important;
    width: 46px;
    height: 50px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
}
@media (min-width: 769px) {
    .checkout-onepage-success h1.page-title{
        align-items: center;
    }
}

/*todo checkout discount*/
.cart-discount .content,
.payment-option.discount-code .payment-option-content{
    display: block !important;
}
.cart-discount .block .title:after,
#checkout-payment-method-load .payment-method .payment-option.discount-code:after{
    display: none;
}

#checkout .payment-option-content .form-discount .actions-toolbar{
    width: auto;
}
#checkout .payment-option-content .form-discount .actions-toolbar button {
    margin-left: 0;
    border: 1px solid var(--color-special);
    font-size: 14px;
    color: var(--color-special);;
}

@media (min-width: 769px){
    #checkout .payment-option-content .form-discount .payment-option-inner{
        width: 78%;
    }
    #checkout .payment-option-content .form-discount .actions-toolbar button {
        height: 46px;
        border-radius: 0 5px 5px 0 !important;
    }
}


/* todo Blog Widget (home page) */
.latestposts-filter .ves-post.post-item{
    display: flex;
    justify-content: space-between;
}
.latestposts-filter .post-block h1,
.latestposts-filter .post-block h2,
.latestposts-filter .post-block h3{
    font-size: 20px;
}
.latestposts-filter .block-content ul{
    margin: 0;
    padding: 0;
}
.latestposts-filter.widget-blog ul{
    margin: 0;
    padding: 0;
}
.latestposts-filter .post-item .post-block {
    padding: 0;
    border: 1px solid #707070;
    margin: 20px 14px;
}
.latestposts-filter .post-item .post-block .post-title a{
    text-decoration: none;
}
.latestposts-filter .post-item .post-block .post-meta{
    padding: 14px;
}
.latestposts-filter .post-readmore a {
    background-color: transparent;
    color: inherit;
    text-decoration: underline;
    line-height: 1.2;
    padding: 0;
    margin: 14px 0 0 !important;
}
.latestposts-filter .post-readmore a:hover,
.latestposts-filter .post-title a:hover{
    color: var(--color-second);
}
@media (min-width: 769px) {
    .latestposts-filter .post-item .post-block {
        width: 33.3%;
        flex-basis: 33.3%;
    }
    .latestposts-filter .post-item .post-block .post-title a{
        font-size: 20px;
    }
}
@media (min-width: 1366px) {
    .latestposts-filter .post-item .post-block .post-title a{
        font-size: 26px;
    }
}
@media (max-width: 768px) {
    .latestposts-filter .post-item{
        flex-wrap: wrap;
        justify-content: center;
    }
    .latestposts-filter .post-item .post-block {
        width: 100%;
        flex-basis: 100%;
    }
    .latestposts-filter .post-item .post-block .post-image,
    .latestposts-filter .post-item .post-block .post-meta{
        text-align: center;
    }
    .latestposts-filter .post-item .post-block .post-title a{
        font-size: 20px;
    }
}


/* todo Blog list PAGE*/
.ves-blog .ves-post .post-wrapper {
    display: flex;
}
.ves-blog .blog-list .post-item {
    background: #eeeeee;
    padding-bottom: 0;
    padding-top: 0;
    border: none;
    margin-bottom: 40px;
}
.post-list .post-item .post-image a {
    background-color: transparent;
}
.post-list .post-item .post-info-wraper  .post-meta{
    display: none;
}
.sidebar .blog-searchform .block-title,
.sidebar .blog-cats,
.sidebar .recentposts-block .block-title,
#post-like{
    display: none;
}
.blog-toolbar {
    margin-top: 0;
}
.post-list .post-item .post-readmore a {
    line-height: 1.2;
    padding: 14px 17px 12px;
    font-size: 16px;
    text-transform: none;
    border-radius: 4px;
    font-weight: 400;
    box-shadow: none;
}
.ves-block .search-form input[type="text"]{
    height: 38px;
}
.ves-block.blog-tags .block-title{
    margin-top: 20px;
}

.ves-block.blog-tags .block-content.blog-widget-content {
    margin-bottom: 24px;
}
.vesblog-tag-view h1 span{
    display: none;
}
.vesblog-tag-view .blog-toolbar {
    margin: 0;
}
@media (min-width: 769px) {
    .vesblog-tag-view.page-layout-2columns-left .column.main,
    .vesblog-page.page-layout-2columns-left .column.main,
    .vesblog-tag-view.page-layout-2columns-left .sidebar,
    .vesblog-page.page-layout-2columns-left .sidebar-main {
        width: 100%;
    }

    .post-list .post-item .post-wrapper .post-image{
        flex-basis: 30%;
        display: flex;
        align-items: center;
    }
    .post-list .post-item .post-info-wraper{
        flex-basis: 70%;
        padding: 10px 10px 10px 40px;
    }
    .sidebar .ves-block .post-listing{
        display: flex;
        flex-wrap: wrap;
    }
    .sidebar .ves-block .post-listing li.post-item {
        flex-basis: 33.3%;
        width: 33.3%;
    }
    .ves-blog.post-list .post-item .post-info-wraper h3{
        font-size: calc((100vw - 768px)/(1365 - 768)*(24 - 16) + 16px);
        line-height: 1.2;
        margin-top: calc((100vw - 768px)/(1365 - 768)*(30 - 8) + 8px);
        margin-bottom: calc((100vw - 768px)/(1365 - 768)*(20 - 10) + 10px);
    }

    .sidebar .post-list .post-item .post-image{
        flex-basis: 30%;
    }
    .sidebar .post-list .post-item  .post-meta{
        flex-basis: 70%;
    }
}

@media (min-width: 1200px) {
    .vesblog-tag-view.page-layout-2columns-left .sidebar,
    .vesblog-page.page-layout-2columns-left .sidebar-main {
        width: 25%;
    }
    .vesblog-tag-view.page-layout-2columns-left .column.main,
    .vesblog-page.page-layout-2columns-left .column.main{
        width: 74%;
    }
    .vesblog-tag-view.page-layout-2columns-left .column.main,
    .vesblog-page.page-layout-2columns-left .column.main {
        float: left;
        padding-left: 0;
        padding-right: 2%;
    }
    .vesblog-tag-view.page-layout-2columns-left .sidebar,
    .vesblog-page.page-layout-2columns-left .sidebar-main {
        float: right;
        padding-left: 2%;
        padding-right: 0;
        clear: none;
    }

    .sidebar .ves-block .post-listing{
        display: block;
    }
    .sidebar .ves-block .post-listing li.post-item {
        flex-basis: auto;
        width: auto;
    }
}

@media (min-width: 1366px) {
    .ves-blog.post-list .post-item .post-info-wraper h3{
        font-size: 24px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .ves-blog .ves-post .post-wrapper {
        flex-direction: column;
    }
    .post-list .post-item .post-image a {
        display: flex;
        justify-content: center;
    }
    .post-info-wraper{
        padding: 20px;
    }
}
/* todo Blog PAGE inside*/
.vesblog-post-view .post-meta-bottom .post-social.post-bottom {
    box-shadow: none;
}
.vesblog-post-view .post-content-wrap {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.vesblog-post-view .post-content-wrap .post-meta{
    border: none;
    margin: 0;
    padding: 0;
}
.vesblog-post-view .post-content-wrap .post-content img{
    margin-bottom: 14px;
}

.post-content-wrap .post-content .h2, .post-content-wrap .post-content h2 {
   font-size: 22px;
}
.vesblog-post-view .post-content{
    padding-top: 0;
}

/* todo Blog PAGE inside -> RELATED posts*/
.vesblog-page .blog-widget .owl-nav .owl-prev,
.vesblog-page .blog-widget .block-content:hover .owl-nav .owl-prev {
    opacity: 1;
    left: -2px;
}
.vesblog-page .blog-widget .owl-nav .owl-next,
.vesblog-page .blog-widget .block-content:hover .owl-nav .owl-next {
    opacity: 1;
    right: -2px;
}
.blog-posts.posts-related .owl-prev,
.blog-posts.posts-related .owl-next{
    width: 40px;
    height: 40px;
    background: #f2f2f2;
    border-radius: 4px;
    display: block !important;
    opacity: 1 !important;
    color: transparent;
}
.blog-posts.posts-related .owl-prev:before,
.blog-posts.posts-related .owl-next:before{
    content: '\f103';
    color: #999999;
    font-size: 16px;
    padding-left: 1px;
    font-family: 'pagebuilder-font';
    width: 40px;
    height: 40px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -1px;
    top: -1px;
}
.blog-posts.posts-related .owl-next:before{
    transform: rotate(180deg);
}
.blog-posts.posts-related .owl-prev:hover,
.blog-posts.posts-related .owl-next:hover{
    background: #f2f2f2;
    color: transparent;
    text-decoration: none;
}
.blog-widget .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #ffffff;
    border: 1px solid #cccccc;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.blog-widget .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.blog-widget .owl-dots .owl-dot.active span{
    background: #000000;
    border: 1px solid #000000;
}
@media (min-width: 769px) {
    .vesblog-page .owl-carousel .owl-dots{
        display: none;
    }
    .vesblog-page .owl-carousel .owl-nav{
        display: block;
    }
}
@media (max-width: 768px) {
    .vesblog-page .owl-carousel .owl-dots{
        display: block;
    }
    .vesblog-page .owl-carousel .owl-nav{
        display: none;
    }
}

.vesblog-page .post-owl.post-listing {
    box-shadow: none;
    border-bottom: none;
}

.posts-related.blog-widget .owl-item.active li {
    border: none;
    box-shadow: none;
}
.vesblog-page .blog-posts.posts-related .owl-carousel.owl-drag .owl-item {
    padding: 0 10px;
}

.vesblog-page .blog-posts.posts-related .owl-carousel .owl-stage-outer {
    padding: 20px 0;
}
.vesblog-page .blog-posts.posts-related .owl-carousel .owl-stage-outer .owl-stage{
   display: flex;
}
.vesblog-page .posts-related.blog-widget .owl-item li,
.vesblog-page .posts-related.blog-widget .owl-item.active li {
    border: 1px solid #cccccc;
    padding: 14px;
    margin: 0;
    height: 100%;
}
.vesblog-page .posts-related.blog-widget .owl-item li:hover,
.vesblog-page .posts-related.blog-widget .owl-item.active li:hover{
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
}
.vesblog-page .posts-related.blog-widget .owl-item li .post-title{
    text-align: center;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 18px;
    margin-top: 30px;
}
.vesblog-page .posts-related.blog-widget .owl-item li .post-title a{
    color: #004c6a;
}
.vesblog-page .posts-related.blog-widget .owl-item li .post-title a:hover{
    color: #004c6a;
    text-decoration: underline;
}
.vesblog-page .posts-related.blog-widget .post-image a:hover img {
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    opacity: 1 !important;
}
.vesblog-page .posts-related.blog-widget .post-image a:hover .overlay-icon{
    display: none;
}
@media (min-width: 769px) {
    .vesblog-page .posts-related.blog-widget .owl-item li .post-title {
        min-height: 70px;
    }
    .vesblog-page .blog-posts.posts-related .post-listing {
        box-shadow: none;
        overflow: hidden;
        padding: 20px 40px 10px 40px;
    }
}
@media (min-width: 480px) and (max-width: 768px) {
    .vesblog-page .post-owl.post-listing {
        padding: 20px 0 10px 0;
    }
}
@media (max-width: 768px) {
    .blog-posts.posts-related .post-listing{
        padding-right: 0;
        padding-left: 0;
    }
}

/* todo Blog PAGE inside -> RELATED products*/
.vesblog-page .products-related.blog-widget .block-content{
    box-shadow: none;
    padding: 0;
    border-bottom: none;
}
.products-related.blog-widget .product-item-details > div{
    display: none;
}
.products-related.blog-widget .product-item-details > div.product-item-name{
    display: block;
}

.vesblog-page .products-related.blog-widget .product-items.products-related .product-item {
    padding: 20px 0;
    margin: 0 !important;
    height: 100%;
}
.vesblog-page .products-related.blog-widget .product-items.products-related .product-item .product-item-info{
    height: 100%;
}
.vesblog-page .products-related.blog-widget .owl-item {
    padding: 0 10px;
}
.vesblog-page .product-items.products-related .owl-stage-outer .owl-stage{
    display: flex;
}
.product-items.products-related .owl-prev,
.product-items.products-related .owl-next{
    width: 40px;
    height: 40px;
    background: #f2f2f2;
    border-radius: 4px;
    display: block !important;
    opacity: 1 !important;
    color: transparent;
}
.product-items.products-related .owl-prev:before,
.product-items.products-related .owl-next:before{
    content: '\f103';
    color: #999999;
    font-size: 16px;
    padding-left: 1px;
    font-family: 'pagebuilder-font';
    width: 40px;
    height: 40px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -1px;
    top: -1px;
}
.product-items.products-related .owl-next:before{
    transform: rotate(180deg);
}
.product-items.products-related .owl-prev:hover,
.product-items.products-related .owl-next:hover{
    background: #f2f2f2;
    color: transparent;
    text-decoration: none;
}



@media (min-width: 769px) {
    .vesblog-page .products-related.blog-widget .product-items.products-related{
        box-shadow: none;
        overflow: hidden;
        padding: 20px 40px 10px 40px;
    }
}
@media (min-width: 480px) and (max-width: 768px) {
    .vesblog-page .product-items.products-related {
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .product-items.products-related .product-item-name{
        margin: 30px 0 20px;
    }
}



/*===============================
    todo Account inside
    ================================*/
.account .block-reorder .actions-toolbar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.account .sidebar-additional {
    padding-right: 2%;
}

/* todo Payments systems */ /* footer & category page right sidebar*/
.payments__d-flex ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0;
}
.payments__d-flex ul li{
    margin: 10px;
}
@media (min-width: 949px) and (max-width: 993px) {
    .category-cms .payments__d-flex li:last-child{
        margin-right: auto;
    }
}
@media (min-width: 769px) {
    .payments__d-flex ul {
        justify-content: center;
    }
    .category-cms .payments__d-flex ul {
        justify-content: space-between;
    }
    .pay-systems .payments__d-flex ul{
        flex-wrap: wrap;
    }
    .pay-systems .payments__d-flex ul li{
        flex-basis: 12%;
    }
    .pay-systems .payments__d-flex ul li img{
        height: auto !important;
    }
}
@media (min-width: 1024px) {
    .payments__d-flex ul {
        justify-content: space-between;
    }
}
@media (min-width: 1200px) {
    .category-cms .payments__d-flex ul li {
        max-width: 22%;
    }
    .category-cms .payments__d-flex ul li img{
        height: auto !important;
    }
    .pay-systems .payments__d-flex ul{
        flex-wrap: nowrap;
    }
    .pay-systems .payments__d-flex ul li{
        flex-basis: auto;
    }
}

@media (max-width: 768px) {
    .payments__d-flex ul{
        justify-content: center;
    }
    .payments__d-flex ul li{
        margin-left: 8px;
        margin-right: 8px;
    }
    .pay-systems .payments__d-flex ul li{
        flex-basis: 15%;
    }
    .pay-systems .payments__d-flex ul li img{
        height: auto !important;
    }
}


/* todo FORMS & Modals*/

.mp-custom-form .ms-0{ /* /musterchip-anmeldung page*/
    margin-left: -10px;
    width: calc(100% + 10px) !important;
}
.req_check > label:after {
    display: none;
}
.req_check > label:before{
    display: none;
}
.req_check .control label:before{
    content: '*';
    color: #e02b27;
    font-size: 1.6rem;
    margin: 0;
    position: absolute;
    left: 0;
}

.req_check .control{
    display: grid;
    grid-template-columns: 4% 96%;
}
.req_check .control input[type=checkbox]{
    grid-column-start: 1;
    grid-column-end: 2;
    top: 0;
}
.req_check .control label{
    grid-column-start: 2;
    grid-column-end: 3;
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
}
.white-text .modal-inner-wrap {
    color: #000000;
}
.g-recaptcha {
    clear: both;
    padding-top: 15px;
}
#awform .action.primary:focus, .action.primary:active {
    background-color: var(--color-special);;
    border: 1px solid var(--color-special);;
}
.modal-inner-wrap .actions-toolbar {
    margin-bottom: 20px;
}

/* todo Static Pages*/

.holder{
    line-height: 1.2;
}
.max1920 {
    max-width: 1920px;
    margin: 0 auto;
}
.reverse .pagebuilder-column-line {
    flex-direction: row-reverse;
}
.counter h2{
    text-align: center;
}
.counter h3{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.counter h3 strong{
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 40px;
    display: block;
    margin: 0 0 14px;
}
.items-empty{
    background: transparent !important;
}
.mobile-height-100,
.mobile-height-100 img {
    height: 100vw;
}
@media (min-width: 640px) {
    .widget-product-slider .products-grid .product-item-info:hover,
    .widget-product-slider .products-grid .product-item-info.active {
        padding: 14px;
    }
}
@media (min-width: 769px) {
    .holder{
        font-size: 24px;
    }
}
@media (min-width: 1024px) {
    .holder{
        font-size: 42px;
    }
}
@media (min-width: 1200px) {
    .ms-md-20{
        margin-left: 20px;
    }
    .me-md-20{
        margin-right: 20px;
    }
    .mt-md-20{
        margin-top: 20px;
    }
}
@media (max-width: 1199px) {
    .ms-xs-0{
        margin-left: 0;
    }
    .mt-xs-20{
        margin-top: 20px;
    }
    .mb-xs-20{
        margin-bottom: 20px;
    }
    .ps-xs-14{
        padding-left: 14px;
    }
    .pe-xs-14{
        padding-right: 14px;
    }
}
@media (max-width: 768px) {
    .holder{
        font-size: 20px;
    }
    .widget-product-slider .products-grid .product-item-info{
        margin: 14px;
    }

}

/* todo Static Pages Referenzen page inside*/
@media (min-width: 769px) {
    .referenzen__2col__text{
        margin-left: 20px;
    }
    .reverse .referenzen__2col__text{
        margin-left: 0;
        margin-right: 20px;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    .attribute-set-auf-anfrage .me-md-20{
        margin-right: 20px;
    }
    .attribute-set-auf-anfrage .ms-md-20 {
        margin-left: 20px;
    }
}

@media (max-width: 768px) {
    .referenzen__2col__text{
        margin-top: 20px;
    }
}

/* todo Static Pages Referenzen Category & Tabs*/
body.category-referenzen .products-grid .product-item-details .price-box{
    display: none;
}
body.category-referenzen .tabs-navigation{
    display: flex;
    justify-content: center;
    margin-bottom: 20px !important;
}
body.category-referenzen .tabs-navigation li{
    margin: 0 14px 20px !important;
    background: #004d6a !important;
    border: 1px solid #004d6a !important;
}
body.category-referenzen .tabs-navigation li:first-child {
    margin-left: 14px !important;
}
body.category-referenzen .tabs-navigation li.tab-header.ui-state-active{
    background: #1b9dda !important;
    border: 1px solid #1b9dda !important;
}
body.category-referenzen .tabs-navigation li a.tab-title{
    color: #ffffff !important;
}

body.category-referenzen .tabs-content {
    border: none;
}
body.category-referenzen .tabs-content .product-items {
    margin: 0;
    display: flex;
    justify-content: flex-start;
}
body.category-referenzen .tabs-content .product-item-info .product-item-details {
    text-align: center;
    margin: 20px 0 0;
}
body.category-referenzen .tabs-content .product-item-info .product-item-details {
    min-height: 48px;
}
body.category-referenzen .products-grid .product-item-info .list-item-short-description{
    height: auto;
    min-height: auto;
}
.referenzen-tabs .product-items.widget-product-grid {
    flex-wrap: wrap;
}
@media (min-width: 640px) and (max-width: 1023px) {
    body.category-referenzen .tabs-content .product-items .product-item {
        width: calc((100% / 2) - 10px) !important;
        margin: 0 0 20px;
    }
    body.category-referenzen .tabs-content .product-items .product-item:nth-child(odd) {
        margin-left: 0 !important;
    }
    body.category-referenzen .tabs-content .product-items .product-item:nth-child(even) {
        margin-right: 0 !important;
    }
}
@media (min-width: 1024px) {
    body.category-referenzen .tabs-content .product-items .product-item {
        width: calc((100%/3) - 14px) !important;
        margin: 10px !important;
    }
    body.category-referenzen .block.widget .products-grid .product-item:nth-child(3n+3){
        margin-right: 0 !important;
    }
    body.category-referenzen .block.widget .products-grid .product-item:last-child{
        margin-right: 0 !important;
    }
    body.category-referenzen .block.widget .products-grid .product-item:nth-child(3n+4){
        margin-left: 0 !important;
    }
    body.category-referenzen .block.widget .products-grid .product-item:first-child{
        margin-left: 0 !important;
    }
    body.category-referenzen .block.widget .products-grid .product-items {
        padding: 0 10px;
    }
}

@media (min-width: 769px) and (max-width: 1199px){ /* referenzen inside*/
    body.category-referenzen #description .ms-md-20 {
        margin-left: 20px;
    }
    body.category-referenzen #description .me-md-20 {
        margin-right: 20px;
    }
}

@media (max-width: 768px) {
    .referenzen-tabs ul.tabs-navigation{
        flex-direction: column;
        display: flex;
        margin-right: -1px;
    }
    .tabs-content {
        padding: 14px;
        margin-left: -1px;
    }
}

@media (max-width: 639px) {
    body.category-referenzen .tabs-content .product-items {
        flex-direction: column;
    }
    body.category-referenzen .tabs-content .product-items .product-item{
        width: 100%;
        margin: 10px 0;
    }
}

/* todo Static Pages TEAM */
.team__name {
    margin: 20px 0 0;
    font-weight: bold;
    font-size: 20px
}
.team__name p{
    margin: 0;
}
.team__row .pagebuilder-column{
    margin-bottom: 30px;
}
@media (min-width: 769px) {
    .team__name {
        font-size: 14px;
    }
    .team__row .pagebuilder-column:nth-child(even){
        margin-right: 14px;
        margin-left: 14px;
    }
    .team__job-title {
        min-height: 46px;
        margin-top: 14px;
    }
    .team__job-title p{
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .team__name {
        font-size: 20px;
    }
    .team__job-title {
        min-height: auto;
    }
}

/* todo Static Pages Datenblotter */
.secdownload{
    flex-wrap: wrap;
    justify-content: center;
}
.secdownload .item {
    margin: 0 20px 20px;
}
.secdownload .item a {
    color: #ffffff;
    background-image: url(../images/file-download-white.png);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 70px;
    display: block;
    margin-top: 15px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
@media (min-width: 769px) {
    .secdownload .item{
        flex-basis: 33%;
    }
}
@media (min-width: 1024px) {
    .secdownload .item{
        flex-basis: 16%;
        width: 16%;
    }
}
@media (max-width: 768px) {
    .secdownload .item{
        flex-basis: 38%;
    }
}

/* todo  Static Pages - grosspojekte */
.referenzen-item__hide-info .product-item-details > * {
    display: none !important;
}
.referenzen-item__hide-info .product-item-name {
    display: block !important;
}

.category-fuer-business .product-item-details > .product-item-name,
.categorypath-fuer-dein-zuhause .product-item-details > .product-item-name,
.categorypath-fuer-grosspojekte .product-item-details > .product-item-name {
    line-height: 1.2;
}



@media (min-width: 769px) {
    .categorypath-fuer-grosspojekte .products-grid .product-item-info .product-item-details .product-item-name {
        min-height: 46px;
        margin: 8px 0;
    }
    .products-grid .slick-slide .product-item-info .product-item-details {
        min-height: 187px;
    }
    .referenzen-item__hide-info .products-grid .slick-slide .product-item-info .product-item-details {
        min-height: auto !important;
    }
    .good-to-know p{
        min-height: 110px;
    }
    .good-to-know .pagebuilder-button-primary{
        margin-right: 0;
        width: 100%;
    }
}

@media (min-width: 1366px) {
    .products-grid .slick-slide .product-item-info .product-item-details { /* home page slider*/
        min-height: 170px;
    }
    .good-to-know p{
        min-height: 70px;
    }
}
@media (max-width: 768px) {
    .categorypath-fuer-grosspojekte .products-grid .product-item-info .product-item-details .product-item-name {
        min-height: 34px;
        margin: 12px 0 6px;
        font-size: 14px;
    }
    .products-grid .slick-slide .product-item-info .product-item-details {
        min-height: 192px;
    }
    .referenzen-item__hide-info .products-grid .product-item-info .product-item-details {
        min-height: auto;
    }
}

/* todo  attribute-set-13 */
li.product-attribute-set-13 .product-add-form,
li.product-attribute-set-13 .pds-vorteile,
li.product-attribute-set-13 .page-main-details,
li.product-attribute-set-13 .product-social-links,
li.product-attribute-set-13 .pay-systems,
li.product-attribute-set-13 .price-box.price-final_price,
li.product-attribute-set-13 .product-info-price{
    display: none;
}
.block-products-list .product-attribute-set-13 .product-widget,
.slick-slide .product-attribute-set-13 .product-widget{
    display: none;
}

.product-attribute-set-13 .lagerbestand-details,
.product-attribute-set-13 .product-tax-shipping{
    visibility: hidden;
}

@media (min-width: 769px) {
    .products-grid .slick-slide li.product-attribute-set-13 .product-request {
        padding: 24px 0 22px;
    }
    .catalog-category-view .products-grid .product-attribute-set-13 .product-item-details { /* business subcategory page grid */
        min-height: 183px;
    }
    .catalog-category-view  .products-grid .slick-slide .product-item-info .product-item-details{ /*category slider*/
        min-height: 187px;
    }
}
@media (min-width: 1024px) {
    .catalog-category-view  .products-grid .slick-slide .product-item-info .product-item-detailsew .products-grid .product-attribute-set-13 .product-item-details { /*subcategory page*/
        min-height: 170px;
    }

    body.cms-products-business.cms-page-view .block.widget .products-grid .product-item.product-attribute-set-13 .product-item-details,
    body.cms-products-all .block.widget .products-grid .product-item.product-attribute-set-13 .product-item-details{ /*all products page*/
        min-height: 183px;
    }
}
@media (min-width: 1366px){
    .products-grid .slick-slide li.product-attribute-set-13 .product-request {
        padding: 0;
    }
    .catalog-category-view  .products-grid .slick-slide .product-item-info .product-item-details { /*subcutegory page*/
        min-height: 170px;
    }
}
@media (width: 768px) {
    .catalog-category-view .products-grid .product-attribute-set-13 .product-item-details { /* business subcategory page grid */
        min-height: 183px !important;
    }
}
@media (max-width: 768px) {
    .products-grid .slick-slide li.product-attribute-set-13 .product-request {
        padding: 24px 0 22px;
    }

    .products-grid .slick-slide li.product-attribute-set-13 .product-item-info .product-item-details{ /*home page slider*/
        min-height: 192px;
    }
    .catalog-category-view .products-grid .product-attribute-set-13 .product-item-details { /* business subcategory page grid */
        min-height: 166px;
    }
}
@media (max-width: 639px) {
    .catalog-category-view .products-grid .product-attribute-set-13 .product-item-details { /*subcutegory page*/
        min-height: auto;
    }
}

/* todo  Page Search Result */
.catalogsearch-result-index .columns .sidebar #layered-filter-block .filter-options-item {
    width: 100%;
}
.catalogsearch-result-index .columns .sidebar #layered-filter-block .filter-options-content {
    padding: 10px;
}
@media (max-width: 768px){
    .catalogsearch-result-index .search.results {
        display: flex;
        clear: both;
        flex-direction: column;
    }
}
/*===============================
todo Header Elastic Search Result
================================*/
.smile-elasticsuite-autocomplete-result > div{
    width: 100%;
}
.search-autocomplete .autocomplete-list-title-left {
    width: 0;
}
.catalogsearch-result-index .product-attribute-set-12 .product-item-details > *,
.catalogsearch-result-index .product-attribute-set-12 .lagerbestand-details{
    display: none;
}
.catalogsearch-result-index .product-attribute-set-12 .product-item-details > .product-item-name{
    display: block;
}
.smile-elasticsuite-autocomplete-result{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
}
.autocomplete-list:last-child{
    display: block;
    background: #eeeeee;
}
.autocomplete-list:last-child dd,
.autocomplete-list:last-child dt{
    padding-left: 0;
    padding-right: 0;
}
.autocomplete-list:first-child{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    background: #ffffff;
}
.autocomplete-list:first-child dt {
    flex-basis: 100%;
}
.autocomplete-list:first-child dd {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 0 6px;
}
.autocomplete-list:first-child dd .product-item {
    text-align: center;
}
.search-autocomplete dl dd:not(:empty) {
    border: none;
    position: relative;
}
.search-autocomplete dl {
    border: none;
    padding: 40px 8px 10px;
    width: 100%;
}
.search-autocomplete .product-name{
    font-weight: 700;
}
.search-autocomplete dl dt, .search-autocomplete dl dd, .search-autocomplete dl dt:not(:empty), .search-autocomplete dl dd:not(:empty){
    background: transparent;
}
.search-autocomplete .product-image-box {
    padding: 10px 0;
}
.search-autocomplete dl dt:not(:empty) {
    border: none;
}
.smile-elasticsuite-autocomplete-result .product-shop {
    width: 80%;
}
.smile-elasticsuite-autocomplete-result .product-image-box {
    width: 120px;
    text-align: center;
}
.smile-elasticsuite-autocomplete-result .product-image-box > img {
    max-height: 120px;
    width: auto;
}
.smile-elasticsuite-autocomplete-result .price-box *{
    white-space: wrap;
}
.search-autocomplete .product-item .price-box .price {
    font-weight: 400;
}
.smile-elasticsuite-autocomplete-result .category-mini-crumb{
    color: #000000;
}
.header.content .block-search .search-autocomplete {
    color: #000000;
}
.search-autocomplete dl dd {
    cursor: pointer;
    display: flex;
    flex-direction: column;
}
.smile-elasticsuite-autocomplete-result .qs-option-name{
    margin-right: 14px;
}
.search-autocomplete dl dd .amount {
    color: #2b2b2b;
    position: absolute;
    right: 7px;
    top: 5px;
}
.smile-elasticsuite-autocomplete-result .category-mini-crumb {
    font-style: italic;
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    color: #2b2b2b;
}
.search-autocomplete {
    right: auto;
    position: fixed !important;
    /*display: block !important;*/ /* hide & show block for developer*/
    box-shadow: 0 0 5px 0 rgba(0,0,0,.33);
    background: #ffffff;
    height: auto;
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: scroll;
}
.search-autocomplete .price-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.search-autocomplete .price-box .price{
    color: #ff0000;
    margin: 0 4px;
}
.search-autocomplete .price-box .price-label{
    display: none;
}
.search-autocomplete .price-box .old_regular_price{
    display: block !important;
    text-decoration: line-through;
    margin: 0 4px;
}
.autocomplete-list dd {
    flex-direction: column;
}
@media (min-width: 769px) {
    .search-autocomplete {
        width: 100% !important;
        left: 0;
    }
    .autocomplete-list:first-child dd {
        flex-basis: calc(33% - 20px);
        width: calc(33% - 20px);
    }
    .smile-elasticsuite-autocomplete-result > dl:nth-of-type(1):nth-last-of-type(2),
    .smile-elasticsuite-autocomplete-result > dl:nth-of-type(2):nth-last-of-type(1) {
        width: 80%;
    }
    .smile-elasticsuite-autocomplete-result > dl:nth-of-type(2):nth-last-of-type(1) {
        width: 20%;
    }
}
@media (min-width: 1366px) {
    .search-autocomplete {
        width: 1100px !important;
        left: calc((100vw - 1100px) / 2);
    }
}
@media (max-width: 768px) {
    .search-autocomplete {
        left: 1%;
        width: 100vw !important;
        margin-top: 0;
        max-height: 80vh;
    }
    .autocomplete-list:first-child dd {
        flex-basis: calc(50% - 20px);
        width: calc(33% - 20px);
    }
    .smile-elasticsuite-autocomplete-result {
        flex-direction: column;
        overflow: scroll;
    }
    .search-autocomplete .autocomplete-list-title-left > dl {
        width: 100%;
    }
}
/* Elastic Search Result End */



/* todo  Static Pages - Products all */

.cms-products-all .product-widget{
    display: none;
}

@media (max-width: 639px) {
    body.cms-products-business.cms-page-view .block.widget .products-grid .product-item,
    body.cms-products-zuhause .block.widget .products-grid .product-item,
    body.cms-products-all .block.widget .products-grid .product-item {
        width: 100%;
        margin: 10px 0 !important;
    }
}
@media (min-width: 640px) {
    body.cms-products-business.cms-page-view .block.widget .products-grid .product-item,
    body.cms-products-zuhause .block.widget .products-grid .product-item,
    body.cms-products-all .block.widget .products-grid .product-item {
        width: calc((100% / 2) - 20px);
        margin: 10px !important;
    }
}
@media (min-width: 1024px) {
    body.cms-products-business.cms-page-view .block.widget .products-grid .product-item,
    body.cms-products-zuhause .block.widget .products-grid .product-item,
    body.cms-products-all .block.widget .products-grid .product-item {
        width: calc((100% / 3) - 20px);
        margin: 10px !important;
    }
}



.cms-products-all .products-grid .product-item-info .product-item-details{
    min-height: 148px;
}

/* todo  Static Pages - Accordeon */
#element > div[data-role="collapsible"] > div{
    padding: 30px 0;
}
#element > div:nth-child(odd){
    border-top: 1px solid var(--color-special);
    position: relative;
    font-weight: bold;
    font-family: "Josefin Sans", sans-serif;
    font-size: 20px;
    padding-right: 26px;
}
#element > div:nth-child(odd):after{
    content: "+";
    color: var(--color-special);
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: calc(50% - 20px);
}
#element > div:nth-child(even){
    padding-bottom: 20px;
}
.accordeon a{
    color: var(--color-special);
}
.accordeon .d-flex{
    flex-wrap: nowrap;
}
.accordeon .d-flex > div{
    margin-right: 14px;
}

.page-layout-2columns-right .sidebar-additional {
    padding-left: 2%;
    padding-right: 0;
}
.sidebar .actions-toolbar .primary,
.sidebar .actions-toolbar .action.tocart.primary{
    width: 100%;
}

/* todo  Static Pages - structure for Tablet*/
@media (min-width: 769px) and (max-width: 1023px) {
    .recentposts-block .post-item .post-image {
        width: 50%;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .catalog-category-view .sidebar-main{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .catalog-category-view .column.main {
        width: 100%;
    }
    .col_for_tablet .pagebuilder-column{
        width: 100% !important;
    }
    .col_for_tablet .pagebuilder-column-line{
        flex-wrap: wrap;
    }
    .col_for_tablet .pagebuilder-column-line figure{
        text-align: center;
    }
}

/* todo Popup */
@media only screen and (max-width: 768px) {
    .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { /*product page for handwerker*/
        min-height: auto;
    }
}

/* todo Others*/
.product-item-info .action.tocompare{
    display: none;
}
.mp-banner-slider .owl-dots{
    top: auto;
    left: 0;
    width: 100%;
}
.fieldset.create.info .field.choice:not(.newsletter){
    display: none;
}

@media (min-width: 769px) and (max-width: 1023px) {
    #awag-float-panel .btn{
        width: 300px;
        flex-basis: 300px;
        margin: 0 auto;
    }
}
@media (max-width: 768px) { /*trbl on iphone with review star*/
    #review-form .review-fieldset {
        display: flex;
        flex-direction: column;
    }
}


@media (max-width: 575px) {
    #awag-float-panel{
        box-shadow:none;
        border-top:none;
        background: transparent;
    }
    #awag-float-panel .container {
        align-items: flex-end;
    }
    #awag-float-panel__price,
    #awag-float-panel__productname{
        display: none !important;
    }
    #awag-float-panel .btn {
        background: url("../images/add-to-cart-icon.png") #ffffff;
        background-repeat: no-repeat;
        background-size: 74%;
        box-shadow: 0 -1px 7px -1px rgba(0,0,0,0.75);
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border-color: transparent;
        font-size: 0;
        background-position: center !important;
        padding: 0;
    }
}

@media (min-width: 1366px){
    .top-content-fuer-handwerker-page div[data-background-type="image"] {
        padding-left: 20px;
        padding-right: 20px;
    }
}



/* Structure for subcutegory */
.sidebar-main:not(.sidebar) >div[data-content-type=row] {
    font-family: 'Josefin Sans', sans-serif !important;
    border: 1px solid #004c6a;
    margin-bottom: 20px;
    padding-bottom: 14px;
}
.sidebar-main:not(.sidebar) >div[data-content-type=row] .widget.block{
    margin: 0;
}
@media (min-width: 1200px) {
    .sidebar-main:not(.sidebar) .payments__d-flex ul li {
        max-width: 22%;
    }
    .sidebar-main:not(.sidebar) .payments__d-flex ul li img {
        height: auto !important;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .sidebar-main:not(.sidebar){
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .sidebar-main:not(.sidebar) > div {
        flex-basis: 46%;
    }
}

@media (max-width: 1199px) {
    .page-main .columns .column.main .category-cms {
        margin-top: 100px;
        clear: bottom;
    }
}

/* todo Chat icons*/
@media (max-width: 768px) {
    .ammessenger-widget-container.-right {
        right: -8px;
    }
    .ammessenger-widget-container.-bottom {
        bottom: 66px;
    }
}


/* todo all Tablet styles*/
@media (min-width: 768px) and (max-width: 1023px) {
    .cart-summary {
        width: 100%;
    }
    .cart-container .form-cart{
        width: 100%;
    }
    .cart-container{
        display: flex;
        flex-direction: column;
    }
    .cart-summary._sticky {
        top: auto !important;
    }
    .opc-wrapper {
        width: 100%;
    }
    .opc-sidebar {
        width: 100%;
    }
    .opc-wrapper .form-shipping-address {
        max-width: 100%;
    }
    .page-layout-2columns-left .sidebar-main {
        width: 28.833333%;
    }
    .page-layout-2columns-left .column.main {
        width: 71.166667%;
    }
}