/* 

    Index CSS:

    - Winkelwagen pagina
    - Checkout pagina

*/

/*=========================================================================== Imports ===========================================================================*/

@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");

/*=========================================================================== Overwriting CSS ===========================================================================*/


input#search {
    font-size: 13px;
}

 sidebar, div.dunico_home_filter {
    display: none;
}

body.catalog-category-view.page-layout-1column sidebar,
body.catalog-category-view.page-layout-1column div.dunico_home_filter,
body.cms-home div.dunico_home_filter {
    display: block !important;
}

@media only screen and (min-width: 767px) {
    .navigation .level0 .level0.submenu {
        width: 405px;
    }

    .navigation .level0 .submenu li {
        display: inline-block !important;
        width: 200px;
    }

    .level2.category-item {
        width: auto !important;
    }

    .navigation .level0 .submenu .level2 {
        display: block !important;
    }

    .catalog-category-view footer.dunico_footer {
        margin-top: 40px;
    }
}

.catalog-product-view .product.data.items .product.attribute.description .value {
    display: none;
}

.message.success,
.message.error {
    padding: 32px 20px 12px 25px;
}

.message.success div,
.message.error div {
    /* display: none */
}

/* .message.success:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: 24px;
    color: #006400;
    content: '\e60e';
    font-family: 'luma-icons';
    margin: -12px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    left: 0;
    top: 22px;
    width: 45px;
    position: absolute;
    text-align: center;
} */

/* .message.error:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: 24px;
    color: #b30000;
    content: '\e61f';
    font-family: 'luma-icons';
    margin: -12px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    left: 0;
    top: 22px;
    width: 45px;
    position: absolute;
    text-align: center;
} */

/* .message.success:after {
    content: 'Success';
    position: absolute;
    top: 13px;
    left: 46px;
} */

/* .message.error:after {
    content: 'Error';
    position: absolute;
    top: 13px;
    left: 46px;
} */

.catalog-product-view .product.attribute.overview {
    display: none;
}

.action.tocart.primary p {
    margin-bottom: 0 !important;
}

.action.primary.tocart.disabled::after {
    content: '';
    display: block;
    background: url('/pub/media/img/loader-1.gif');
    width: 15px;
    height: 15px;
    background-size: contain;
}

.street .control .field.additional .label {
    position: relative;
    display: block;
    height: 38px;
    width: 130px;
    padding-top: 10px;
}

body.checkout-index-index .street .control .field.additional .label > span {
    display: none;
}


div.minicart-items-wrapper div.delete {
    display: none;
}

body.account .street .control .field.additional .label > span {
    font-weight: 600;
}

.street .control .field.additional .label::after {
    content: '*';
    color: #e02b27;
    font-size: 1.2rem;
    margin: 0 0 0 5px;
}

.modal-popup {
    z-index: 90000000000000000 !important;
}

.modals-overlay {
    z-index: 90000000 !important;
}

/*===== onderdelen zoeker CSS ===========*/
div.f_1 {
z-index: 10;
}

.f_1 li.level0 ul {
    display: none;
}

.f_2 li a.level-top {
    display: none;
}

.f_2 ul.level1 {
    display: none;
}

.f_3 a {
    display: none;
}

.f_3 .level1.submenu a {
    display: block;
}

.f_1 li,
.f_2 li,
.f_3 li {
    list-style-type: none;
}

.f_1 li,
.f_2 ul li,
body .f_3 ul li.level2.category-item,
.f_1_title,
.f_2_title,
.f_3_title {
    width: 230px !important;
    background: white;
    padding: 9px 5px;
    margin-bottom: -1px;
    list-style-type: none;
    cursor: pointer !important;
}

.f_2_title a {
    color: #333 !important;
    text-decoration: none !important;
}

.f_1, .f_2, .f_3 {
    display: none;
}

.open + .f_1, .open + .f_2, .open + .f_3 {
    display: block;
    position: absolute;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    border: 1px solid #bbb;
    max-height: 250px;
    overflow: scroll;
    background: #fff;
    overflow-x: hidden;
    width: 230px !important;
    z-index: 9;
}

a.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}

.f_1_outer,
.f_2_outer,
.f_3_outer {
    margin-right: 20px;
}

.f_1 a,
.f_2 a,
.f_3 a,
.f_1 span,
.f_2 span,
.f_3 span {
    color: #333 !important;
    text-decoration: none !important;
}

.f_1 span:hover,
.f_1 li.level0:hover,
.f_2 span:hover,
.f_2 li.level1:hover,
.f_3 span:hover,
.f_3 li.level2:hover {
    color: #333 !important;
    text-decoration: none !important;
    background: #e8e8e8 !important;
    cursor: pointer !important;
}

.f_2_title li.level1 ul {
    display: none;
}

.f_1_title,
.f_2_title,
.f_3_title {
    border: 1px solid #bbb;
}

.f_3 .level1.submenu .level2.submenu {
    display: none;
}

.f_toggle {
    position: relative;;
}

.f_toggle::after {
    content: '\e614';
    font-family: 'luma-icons';
    color: #8f8f8f !important;
    position: absolute;
    right: 7px;
    top: 12px;
    font-size: 12px;
}

.f_toggle.open::after {
    transform: rotate(180deg);
}

.f_1_title:hover,
.f_2_title:hover,
.f_3_title:hover {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
}

.catalog-category-view .dunico_home_filter {
    order: 2;
    margin-left: 280px;
    z-index: 2;
}

.catalog-category-view .dunico_home_filter_inner {
    margin-bottom: -30px;
    padding-bottom: 30px;
    border-radius: 3px 3px 0 0;
    min-height: 0px;
}

@media only screen and (max-width: 1150px) {
    .f_1_outer, .f_2_outer, .f_3_outer {
        width: 30% !important;
        position: relative;
    }

    .f_1 li, .f_2 ul li, body .f_3 ul li.level2.category-item, .f_1_title, .f_2_title, .f_3_title {
        width: 100% !important;
        font-size: 12px;
    }

    .open + .f_1, .open + .f_2, .open + .f_3 {
        width: 100% !important;
        font-size: 12px;
    }

    .f_3_outer {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 840px) {
    .f_1_outer, .f_2_outer, .f_3_outer {
        width: 31% !important;
    }

    .catalog-category-view .dunico_home_filter {
        margin-left: 0;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 640px) {
    .dunico_home_filter_inner {
        flex-direction: column;
    }

    .f_1_outer, .f_2_outer, .f_3_outer {
        width: 100% !important;
    }

    .open + .f_1, .open + .f_2, .open + .f_3 {
        z-index: 10;
    }
}

/*===== HACK CSS ===========*/

.minicart-wrapper.active {
    z-index: 9999999;
}

.apptrian-subcategories-category-link,
#checkout .authentication-wrapper .action.action-auth-toggle,
.page-footer,
.page-layout-1column .filter.block {
    display: none;
}

/* .catalog-category-view #maincontent .page-title-wrapper {
    width: 790px;
} */

.checkout-index-index .nav-sections {
    display: block;
}

.account .column.main a:visited, .account .column.main .alink:visited {
    color: #3794cf;
}

.account .column.main a, .account .column.main .alink {
    color: #3794cf;
}

.account.page-layout-2columns-left .sidebar-main {
    margin-bottom: 40px;
}

body {
    font-family: "Open Sans", sans-serif !important;
}

ul, ol {
    list-style: none outside none;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#maincontent,
.dunico_body_home {
    max-width: 1500px;
    padding: 0px 30px;
}

.nav-sections-item-content > .navigation {
    max-width: 1500px;
    padding: 0 30px;
}

.dunico_body_home {
    max-width: 1500px;
    width: 100%;
    margin: auto;
    margin-top: 0;
}

.cms-home #maincontent {
    display: none;
}

.logo {
    max-width: 100%;
    width: 400px;
    height: 45px;
    transition: all .3s;
    margin: -8px auto 0px 0 !important;
}

.logo img {
    width: 246px;
}

.logo:hover {
    opacity: 0.7;
    transition: all .3s;
}

.navigation .level0 .submenu .active > a {
    border-color: #3794cf;
}

.page-header .switcher strong:hover {
    text-decoration: underline;
}

.page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown {
    border-radius: 3px;
}

.page-header .switcher .options ul.dropdown a:hover, .page-footer .switcher .options ul.dropdown a:hover {
    background: #ebebeb;
}

.page-title-wrapper h1 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 20px;
}

.block-collapsible-nav .content {
    border-radius: 3px;
}

.block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong {
    border-color: #3794cf;
}

.account.page-layout-2columns-left .column.main {
    width: 75%;
}

.account .sidebar.sidebar-additional {
    display: none;
}

.header.links .customer-welcome {
    margin-top: -2px !important;
    margin-left: 23px !important;
}
.header.links .customer-name {
    padding-right: 15px;
    line-height: 20px;
}

.header.links .customer-welcome:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    line-height: 22px;
    color: inherit;
    content: '\e622';
    font-family: 'luma-icons';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    position: absolute;
    margin-left: -10px;
    right: -1px;
    top: 2px;
}

.header.links .customer-welcome:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: 22px;
    color: inherit;
    content: '\e627';
    font-family: 'luma-icons';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    position: absolute;
    margin-left: -10px;
    left: -16px;
    top: -2px;
}

.customer-welcome li:hover a {
    background: #ebebeb !important;
}

.header.links .customer-welcome:hover {
    text-decoration: underline;
}

.greet.welcome .logged-in {
    display: none;
}

.dunico-navigation-hero,
.dunico-navigation {

}

#nav-right-hero::after,
#nav-right::after {
    content: '\e608';
    font-family: 'luma-icons';
    position: absolute;
    left: 9px;
    bottom: 9px;
}

#nav-left-hero::after,
#nav-left::after {
    content: '\e617';
    font-family: 'luma-icons';
    position: absolute;
    left: 6px;
    bottom: 9px;
}

.customer-welcome.active .customer-menu {
    position: absolute;
    left: 150px;
}

.customer-welcome ul:before {
    left: 10px;
}

.customer-welcome ul:after {
    left: 9px;
}

.navigation ul:first-of-type {
    display: flex;
}

#co-payment-form > fieldset > hr,
#co-payment-form > fieldset > br {
    display: none;
}

.dunico_home_link {
    order: 1;
    justify-content: center;
    display: flex;
    align-items: center;
    /* padding-left: 10px; */
    padding-right: 20px;
}

.dunico_home_link a {
    color: #aaaaaa;
    text-decoration: none;
}

.dunico_home_link a:hover,
.dunico_home_link a:active,
.dunico_home_link a:focus,
.cms-home .dunico_home_link a {
    color: white;
}

.navigation .level0.nav-1 {
    order: 2;
}

.navigation .level0.nav-2 {
    order: 3;
}

.navigation .level0.nav-3 {
    order: 4;
}

.navigation .level0.nav-4 {
    order: 5;
}

.navigation .level0.nav-5 {
    order: 6;
}

.navigation .level0.nav-6 {
    order: 7;
}

.navigation .level0.nav-7 {
    order: 8;
}

.navigation .level0.nav-8 {
    order: 9;
}

/*=========================================================================== 404 CSS ===========================================================================*/

.cms-no-route #contentarea,
.cms-no-route .page-title-wrapper,
.cms-no-route .page.messages,
.cms-no-route .columns {
    float: right;
    width: 70%;
}

/* .cms-no-route sidebar { order: 1; }
.cms-no-route #contentarea { order: 2; }
.cms-no-route .page-title-wrapper { order: 3; }
.cms-no-route .page.messages { order: 4; }
.cms-no-route .columns { order: 5; }

.cms-no-route #maincontent {
  display: flex;
} */

.cms-no-route sidebar {
    float: left;
    width: 30%;
    padding-right: 30px;
    margin-top: -70px;
}

.cms-no-route .dunico_home_cat,
.cms-no-route .dunico_home_merk {
    display: flex;
    flex-direction: column;
}


/*=========================================================================== carrousell CSS ===========================================================================*/

.dunico-centered,
.dunico-centered-hero {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dunico-carousel,
.dunico-carousel-hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 242px;
}

.dunico-roll,
.dunico-roll-hero {
    position: relative;
    white-space: nowrap;
    font-size: 0;
    left: 0px;
}

.dunico-project,
.dunico-project-hero {
    width: 100%;
    height: 242px;
    display: inline-block;
    position: relative;
}

.dunico-project img,
.dunico-project-hero img {
    width: 100%;
    height: auto;
    position: absolute;
}

.dunico-project p,
.dunico-project-hero p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 200;
    text-align: left;
    white-space: normal;
}

.dunico-sections,
.dunico-sections-hero {
    display: none;
}

.dunico-sections i,
.dunico-sections-hero i {
    margin: 0 2px;
    cursor: pointer;
}

.dunico-navigation,
.dunico-navigation-hero {
    position: absolute;
    border: none;
    padding: 0;
    background-color: rgba(35, 35, 35, 0.8);
    height: 34px;
    width: 34px;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    bottom: 20px;
    z-index: 10;
}

.dunico-navigation:visited,
.dunico-navigation-hero:visited {
    text-decoration: none;
}

.dunico-navigation-hover,
.dunico-navigation-hover-hero {
    height: 50px;
    width: 50px;
    top: 168px;
}

.dunico-navigation:active,
.dunico-navigation-hero:active {
    text-decoration: none;
}

.dunico-navigation:focus,
.dunico-navigation-hero:focus {
    outline: none;
}

.dunico-navigation:first-of-type,
.dunico-navigation-hero:first-of-type {
    right: 60px;
}

.dunico-navigation:last-of-type,
.dunico-navigation-hero:last-of-type {
    right: 20px;
}

.dunico-centered button:not(.primary),
.dunico-centered-hero button:not(.primary) {
    box-shadow: inset 0 0px 0 0 #ffffff, inset 0 0px 0 0 rgba(204, 204, 204, 0.0);
}

.dunico-banner_disc,
.dunico-banner_disc-hero {
    position: absolute;
    top: 20px;
    z-index: 99;
    color: #555555;
    font-size: 14px;
    left: 30px;
    font-weight: 700;
    max-width: 180px;
    display: block;
}

.dunico-banner_disc b,
.dunico-banner_disc-hero b {
    font-size: 30px;
    display: block;
    margin-bottom: 20px;
}

.slider_btn {
    background-image: none;
    background: #3794cf;
    border: 1px solid #3794cf;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.slider_btn:hover {
    color: #fff;
}

.dunico-carousel-hero,
.dunico-project-hero {
    height: 320px;
}

/*=========================================================================== translate CSS ===========================================================================*/

.street .control .field.additional .label::before {
    content: 'Huisnummer';
}
.En_text .street .control .field.additional .label::before {
    content: 'House Number';
}

.De_text .street .control .field.additional .label::before {
    content: 'Hausnummer';
}

.De_text .checkout-payment-method .payment-methods .actions-toolbar .primary span,
.En_text .checkout-payment-method .payment-methods .actions-toolbar .primary span {
    display: none;
}

.En_text .checkout-payment-method .payment-methods .actions-toolbar .primary::before {
    content: 'Proceed Checkout'
}

.De_text .checkout-payment-method .payment-methods .actions-toolbar .primary::before {
    content: 'Kasse'
}

.De_text .opc-wrapper .step-title {
    font-size: 0;
}

.De_text .opc-wrapper .checkout-block .step-title::before {
    font-size: 26px;
    content: 'Lieferadresse'
}

.De_text .opc-wrapper .checkout-shipping-method .step-title::before {
    font-size: 26px;
    content: 'Versandart'
}

.De_text .opc-wrapper .payment-group .step-title::before {
    font-size: 26px;
    content: 'Zahlungsmethode'
}

.De_text .opc-block-summary .block.items-in-cart.active .title strong span:last-of-type {
    font-size: 0px;
}

.De_text .opc-block-summary .block.items-in-cart.active .title strong span:last-of-type::before {
    font-size: 20px;
    content: 'Produkt im Warenkorb'
}

.De_text .opc-wrapper.am-opc-wrapper .details-qty .label,
.En_text .opc-wrapper.am-opc-wrapper .details-qty .label {
    font-size: 0px;
}

.De_text .opc-wrapper.am-opc-wrapper .details-qty .label::before {
    font-size: 14px;
    content: 'Menge: '
}

.En_text .opc-wrapper.am-opc-wrapper .details-qty .label::before {
    font-size: 14px;
    content: 'Qty: '
}

.De_text #customer-email-fieldset .control._with-tooltip .note span,
.En_text #customer-email-fieldset .control._with-tooltip .note span {
    font-size: 0px;
}

.De_text #customer-email-fieldset .control._with-tooltip .note span:before {
    font-size: 14px;
    content: 'Sie können nach dem Auschecken ein Konto erstellen.'
}

.En_text #customer-email-fieldset .control._with-tooltip .note span:before {
    font-size: 14px;
    content: 'You can create an account after checking out.'
}

.En_text .opc-block-summary .block.items-in-cart.active .title strong span:last-of-type {
    font-size: 0px;
}

.En_text .opc-block-summary .block.items-in-cart.active .title strong span:last-of-type::before {
    font-size: 20px;
    content: 'Product in shoppingcart'
}

.En_text .opc-block-summary .data.table.table-totals .totals.sub th {
    font-size: 0px;
}

.En_text .opc-block-summary .data.table.table-totals .totals.sub th:before {
    font-size: 16px;
    content: 'Subtotal shoppingcart'
}

.En_text .opc-block-summary .data.table.table-totals .totals.shipping.excl .label {
    font-size: 0px;
}

.En_text .opc-block-summary .data.table.table-totals .totals.shipping.excl .label::before {
    font-size: 16px;
    content: 'Method of shipping'
}

.En_text .form.form-login .label span {
    font-size: 0px;
}

.En_text .form.form-login .label span::before {
    font-size: 16px;
    content: 'E-mail address'
}

.En_text .form-create-account .fieldset.create.account:after,
.De_text .form-create-account .fieldset.create.account:after,
.En_text .login-container .fieldset:after,
.De_text .login-container .fieldset:after {
    font-size: 0px;
}

.account .block-collapsible-nav .content .nav.items .nav.item:nth-of-type(7),
.account .block-collapsible-nav .content .nav.items .nav.item:nth-of-type(8) {
    display: none;
}

.account .En_text thead .col.id,
.account .En_text thead .col.date,
.account .En_text thead .col.shipping,
.account .En_text thead .col.total,
.account .En_text thead .col.status,
.account .En_text thead .col.actions {
    font-size: 0px;
}

.account.De_text thead .col.id,
.account.De_text thead .col.date,
.account.De_text thead .col.shipping,
.account.De_text thead .col.total,
.account.De_text thead .col.status,
.account.De_text thead .col.actions {
    font-size: 0px;
}

.account .En_text thead .col.id::before {
    font-size: 16px;
    content: 'Id'
}

.account.De_text thead .col.id::before {
    font-size: 16px;
    content: 'Id'
}

.account .En_text thead .col.date::before {
    font-size: 16px;
    content: 'date'
}

.account.De_text thead .col.date::before {
    font-size: 16px;
    content: 'Datum'
}

.account .En_text thead .col.shipping::before {
    font-size: 16px;
    content: 'shipping'
}

.account.De_text thead .col.shipping::before {
    font-size: 16px;
    content: 'Versand'
}

.account .En_text thead .col.total::before,
.account.De_text thead .col.total::before {
    font-size: 16px;
    content: 'total'
}

.account .En_text thead .col.status::before,
.account.De_text thead .col.status::before {
    font-size: 16px;
    content: 'status'
}

.account .En_text thead .col.actions::before {
    font-size: 16px;
    content: 'action'
}

.account.De_text thead .col.actions::before {
    font-size: 16px;
    content: 'aktion'
}

.account.customer-account-edit .En_text .page-title {
    font-size: 0px
}

.account.customer-account-edit .En_text .page-title::before {
    font-size: 30px;
    content: 'Edit account'
}

.account.customer-account-index.De_text .block.block-dashboard-info .block-title strong,
.account.customer-account-index.De_text .block.block-dashboard-addresses .block-title strong,
.account.customer-account-index.De_text .block.block-dashboard-info .box-title span,
.account.customer-account-index.De_text .block.block-dashboard-addresses .box-title span,
.account.De_text .page-title span {
    font-size: 0px
}

.account.customer-account-index.De_text .block.block-dashboard-info .block-title strong::before {
    font-size: 23px;
    content: 'Kontoinformationen'
}

.account.customer-account-index.De_text .block.block-dashboard-addresses .block-title strong::before {
    font-size: 23px;
    content: 'Adressbuch'
}

.account.customer-account-index.De_text .block.block-dashboard-info .box-title span::before {
    font-size: 18px;
    content: 'Kontaktinformationen'
}

.account.customer-account-index.De_text .block.block-dashboard-addresses .box-billing-address .box-title span::before {
    font-size: 18px;
    content: 'Standard Rechnungsadresse'
}

.account.customer-account-index.De_text .block.block-dashboard-addresses .box-shipping-address .box-title span::before {
    font-size: 18px;
    content: 'Standardversandadresse'
}

.account.customer-account-index.De_text .page-title span::before {
    font-size: 30px;
    content: 'Account'
}

.account.sales-order-history.De_text .page-title span::before {
    font-size: 30px;
    content: 'Meine Bestellungen'
}

.account.customer-address-index.De_text .page-title span::before {
    font-size: 30px;
    content: 'Adresse'
}

.account.customer-account-edit.De_text .page-title span::before {
    font-size: 30px;
    content: 'Kontoinformationen bearbeiten'
}

.account.vault-cards-listaction.De_text .page-title span::before {
    font-size: 30px;
    content: 'Gespeicherte Zahlungsmethoden'
}

.account.De_text .block-collapsible-nav .content .nav.items .nav.item a,
.account.De_text .block-collapsible-nav .content .nav.items .nav.item strong {
    font-size: 0px
}

.account.De_text .block-collapsible-nav .content .nav.items .nav.item:nth-of-type(1) a::before,
.account.De_text .block-collapsible-nav .content .nav.items .nav.item:nth-of-type(1) strong::before {
    font-size: 14px;
    content: 'Account'
}

.account.De_text .block-collapsible-nav .content .nav.items .nav.item:nth-of-type(2) a::before,
.account.De_text .block-collapsible-nav .content .nav.items .nav.item:nth-of-type(2) strong::before {
    font-size: 14px;
    content: 'Meine Bestellungen'
}

.account.De_text .block-collapsible-nav .content .nav.items .nav.item:nth-of-type(4) a::before,
.account.De_text .block-collapsible-nav .content .nav.items .nav.item:nth-of-type(4) strong::before {
    font-size: 14px;
    content: 'Adresse'
}

.account.De_text .block-collapsible-nav .content .nav.items .nav.item:nth-of-type(5) a::before,
.account.De_text .block-collapsible-nav .content .nav.items .nav.item:nth-of-type(5) strong::before {
    font-size: 14px;
    content: 'Kontoinformationen bearbeiten'
}

.catalogsearch-result-index.De_text .page-title span,
.De_text .block-minicart .block-content > .actions > .primary .action.primary,
.En_text .block-minicart .block-content > .actions > .primary .action.primary {
    font-size: 0px
}

.De_text .block-minicart .block-content > .actions > .primary .action.primary::before {
    font-size: 20px;
    content: 'Zur kasse';
    position: relative;
    top: 4px;
}

.En_text .block-minicart .block-content > .actions > .primary .action.primary::before {
    font-size: 20px;
    content: 'Proceed';
    position: relative;
    top: 4px;
}

.catalogsearch-result-index.De_text .page-title span::before {
    font-size: 30px;
    content: 'Ihre Suchergebnisse'
}

.account.De_text .block-collapsible-nav .content .nav.items .nav.item:nth-of-type(6) a::before,
.account.De_text .block-collapsible-nav .content .nav.items .nav.item:nth-of-type(6) strong::before {
    font-size: 14px;
    content: 'Gespeicherte Zahlungsmethoden'
}

.customer-account-forgotpassword .page-title span {
    font-size: 0;
}

.customer-account-forgotpassword .page-title span::before {
    font-size: 30px;
    content: 'WACHTWOORD VERGETEN?'
}

.customer-account-forgotpassword.De_text .page-title span::before {
    font-size: 30px;
    content: 'HABEN SIE IHR PASSWORT VERGESSEN'
}

.customer-account-forgotpassword .En_text .page-title span::before {
    font-size: 30px;
    content: 'FORGOT YOUR PASSWORD'
}

.customer-account-forgotpassword.De_text .form.password.forget .fieldset .field.note,
.customer-account-forgotpassword.De_text .form.password.forget .field.captcha.required span,
.customer-account-forgotpassword .En_text .form.password.forget .fieldset .field.note,
.customer-account-forgotpassword .En_text .form.password.forget .field.captcha.required span {
    font-size: 0;
}

.customer-account-forgotpassword.De_text .form.password.forget .fieldset .field.note:before {
    font-size: 12px;
    content: 'Geben Sie unten Ihre E-Mail-Adresse ein, um einen Link zum Zurücksetzen des Passworts zu erhalten.'
}

.customer-account-forgotpassword .En_text .form.password.forget .fieldset .field.note:before {
    font-size: 12px;
    content: 'Enter your email address below to receive a password reset link.'
}

.customer-account-forgotpassword.De_text .form.password.forget .field.captcha.required span::before {
    font-size: 14px;
    content: 'Geben Sie die folgenden Buchstaben und Zahlen ein.'
}

.customer-account-forgotpassword .En_text .form.password.forget .field.captcha.required span::before {
    font-size: 14px;
    content: 'Type the letters and numbers below.'
}

.form.password.forget .fieldset:after {
    font-size: 0rem;
}

.customer-account-forgotpassword.De_text .actions-toolbar .primary .submit span,
.customer-account-forgotpassword .En_text .actions-toolbar .primary .submit span {
    font-size: 0;
}

.customer-account-forgotpassword.De_text .actions-toolbar .primary .submit span::before {
    font-size: 14px;
    content: 'Passwort zurücksetzens'
}

.customer-account-forgotpassword .En_text .actions-toolbar .primary .submit span::before {
    font-size: 14px;
    content: 'Reset password'
}

.account .En_text .col.actions a span {
    font-size: 0px;
}

.account .En_text .col.actions a span:before {
    font-size: 13px;
    content: 'Order again'
}

.account .En_text .col.actions a:first-of-type span:before {
    content: 'View order'
}


.account.De_text .col.actions a span {
    font-size: 0px;
}

.account.De_text .col.actions a span:before {
    font-size: 13px;
    content: 'Nachbestellen'
}

.account.De_text .col.actions a:first-of-type span:before {
    content: 'Bestellung anzeigen'
}

.customer-account-index.De_text .box.box-information .action.edit span,
.customer-account-index.De_text .box.box-information .action.change-password,
.customer-account-index.De_text .block.block-dashboard-addresses .action.edit span {
    font-size: 0;
}

.customer-account-index.De_text .box.box-information .action.edit span::before,
.customer-account-index.De_text .block.block-dashboard-addresses .block-title .action.edit span::before,
.customer-account-index.De_text .block.block-dashboard-addresses .box.box-shipping-address .action.edit span::before,
.customer-account-index.De_text .block.block-dashboard-addresses .box.box-billing-address .action.edit span::before {
    font-size: 15px;
    content: 'Edit'
}

.customer-account-index.De_text .box.box-information .action.change-password::before {
    font-size: 15px;
    content: 'ändere das Passwort'
}

.De_text .block.block-addresses-default .block-title {
    display: none;
}

.customer-address-index.De_text .box.box-address-billing .box-title span,
.customer-address-index.De_text .box.box-address-shipping .box-title span,
.customer-address-index.De_text .action.edit span,
.customer-address-index.De_text .block.block-addresses-list .empty,
.customer-address-index.De_text .action.primary span {
    font-size: 0 !important;
}

.customer-address-index.De_text .box.box-address-billing .box-title span::before {
    font-size: 16px !important;
    content: 'Standard Rechnungsadresse';
}

.customer-address-index.De_text .box.box-address-shipping .box-title span::before {
    font-size: 16px !important;
    content: 'Standardversandadresse';
}

.customer-address-index.De_text .action.edit span::before {
    font-size: 15px !important;
    content: 'Einstellen';
}

.customer-address-index.De_text .block.block-addresses-list .empty::before {
    font-size: 15px !important;
    content: 'Sie haben keine anderen Adressen in Ihr Adressbuch eingetragen.';
}

.customer-address-index.De_text .action.primary span::before {
    font-size: 15px !important;
    content: 'Adresse hinzufügen';
}

.customer-account-edit.De_text .fieldset > .legend {
    display: none;
}

.customer-account-edit.De_text .fieldset.info .field.choice .label span,
.customer-account-edit.De_text .action.primary span {
    font-size: 0 !important;
}

.customer-account-edit.De_text .fieldset.info .field.choice .label span::before {
    font-size: 14px !important;
    content: 'Daten ändern';
}

.customer-account-edit.De_text .field.password-info {
    opacity: 0;
}

.customer-account-edit.De_text .action.primary span::before {
    font-size: 15px !important;
    content: 'Speichern';
}

.checkout-cart-index .En_text .page-title span {
    font-size: 0 !important;
}

.checkout-cart-index .En_text .page-title span::before {
    font-size: 30px !important;
    content: 'Shoppingcart';
}

.checkout-cart-index .En_text .cart-empty p:last-of-type {
    font-size: 0px !important;
}

.En_text .block-minicart .subtitle.empty,
.De_text .block-minicart .subtitle.empty {
    font-size: 0px !important;
}

.De_text .block-minicart .subtitle.empty::before {
    font-size: 15px !important;
    content: 'Dein Einkaufswagen ist leer.';
}

.En_text .block-minicart .subtitle.empty::before {
    font-size: 15px !important;
    content: 'Your shoppingcart is empty.';
}

/*=========================================================================== PARTSFINDER CSS ===========================================================================*/

.dunico_home_filter_title {
    background: #3794cf;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    line-height: 1.42857143;
    font-size: 1.4rem;
}

.dunico_home_filter_inner {
    display: flex;
    width: 100%;
    padding: 30px;
    background: #faf8f6;
    border-radius: 3px;
    margin-bottom: 40px;
    min-height: 90px;
    padding-bottom: 35px;
}

body .amfinder-vertical, body .amfinder-horizontal {
    background: transparent;
    width: 100%;
    padding: 0;
}

.amfinder-vertical .amfinder-toggle {
    display: flex !important;
    width: 100%;
    justify-content: space-between;
    padding: 0;
}

.amfinder-vertical .amfinder-toggle li {
    width: 32%;
    padding: 0;
}

.amfinder-horizontal .last, .amfinder-vertical .last {
    position: absolute;
    bottom: -27px;
    right: 0;
}

.amfinder-horizontal .last button, .amfinder-vertical .last button {
    width: 49%;
}

.amfinder-horizontal .last button:not(.primary), .amfinder-vertical .last button:not(.primary) {
    box-shadow: inset 0 0px 0 0 #ffffff, inset 0 0px 0 0 rgba(0, 0, 0, 0);
}

/*=========================================================================== PDP CSS ===========================================================================*/

.catalog-product-view .columns sidebar {
    float: left;
    width: 100%;
    max-width: 280px;
    padding-right: 30px;
    display: block;
}

.catalog-product-view .columns .column.main {
    float: right;
    width: 100%;
    padding-left: 10px;
    order: unset;
}

.catalog-product-view .dunico_home_cat, .catalog-product-view .dunico_home_merk {
    display: flex;
    flex-direction: column;
}

.breadcrumbs {
    max-width: 1500px;
    margin: auto;
    margin-top: -20px;
    margin-bottom: 20px;
    padding: 0 30px;
}

.breadcrumbs a:visited {
    color: #303030;
    text-decoration: none;
}

.breadcrumbs a {
    color: #303030;
    text-decoration: none;
}

.catalog-product-view .product-reviews-summary,
.product-social-links {
    display: none;
}

.catalog-product-view .page-title-wrapper.product h1 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
}

.product-info-main .page-title-wrapper h1.page-title {
    line-height: 24px;
    color: #575757 !important;
    font-size: 20px;
    font-weight: 700;
}

.catalog-product-view .product-info-price .price-box .price-container .price {
    font-size: 24px;
}

.catalog-product-view .box-tocart .fieldset {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.catalog-product-view .box-tocart .action.tocart {
    width: 100%;
    display: block;
    margin-top: 7px;
    background: #3794cf;
    border-color: #3794cf;
}

.catalog-product-view .box-tocart .action.tocart:hover {
    color: #3794cf;
    background: white;
    border-color: #3794cf;
}

.product-info-main .product-info-price {
    margin-bottom: 0px;
}

.product-info-main .product.attribute.overview {
    margin: -20px 0;
}

input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"] {
    border-radius: 3px;
}

.page.messages {
    margin-bottom: 20px;
}

.action.primary {
    background: #3794cf !important;
    border-color: #3794cf !important;
}

.action.primary:hover {
    color: #3794cf !important;
    background: white !important;
    border-color: #3794cf !important;
}

.product.data.items > .item.title > .switch {
    border: 0px solid #cccccc;
    background: #ffffff;
}

.product.info.detailed {
    border-top: 1px solid #cccccc;
}


.product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover {
    border-top: 4px solid #3794cf;
}

.product.data.items > .item.content {
    margin-top: 60px;
    border: 0px solid #cccccc;
    background-color: #faf8f6;
    border-radius: 3px;
}

.dunico-banner_disc-hero {
    color: white;
    top: 50px;
    left: 70px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.611764705882353);
}

.dunico-centered-hero .slider_btn {
    bottom: 50px;
    left: 70px;
}

.slider_btn:hover,
.dunico_home_list_inner .product-item-link:hover {
    color: #3794cf !important;
    background: white !important;
    border: 1px solid #3794cf !important;
    text-decoration: none !important;;
}

.dunico-banner_disc-hero strong,
.dunico-banner_disc strong {
    font-size: 30px;
    display: block;
    margin-bottom: 20px;
}

.dunico-centered-hero .slider_btn:visited,
.dunico-project .slider_btn:visited {
    color: white;
}

/*=========================================================================== subcat header CSS ===========================================================================*/

.apptrian-subcategories-heading {
    display: none;
}

.apptrian-subcategories-grid .apptrian-subcategories-category-name {
    background: #3794cf;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 600;
    text-align: left;
}

.apptrian-subcategories-category-link {
    text-align: right;
    color: #3794cf;
    font-weight: 700;
    padding-bottom: 20px;
    padding-right: 20px;
}

.apptrian-subcategories-category-link a,
.apptrian-subcategories-category-link a:hover,
.apptrian-subcategories-category-link a:active {
    text-align: right;
    color: #3794cf;
}

.apptrian-subcategories-category-link:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    content: '\e608';
    font-family: 'luma-icons';
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.catalog-category-view #maincontent .columns .column.main {
    padding-top: 0px;
    margin-top: 30px;
    margin-bottom: -10px;
    display: flex;
    flex-direction: column;
}

.catalog-category-view .category-image,
sidebar .dunico_home_merk a:first-of-type {
    display: none;
}

.catalog-category-view #maincontent .columns .column.main .apptrian-subcategories-grid {
    order: 2;
    margin-bottom: 10px;
    margin-top: 30px;
}

.catalog-category-view #maincontent .columns .column.main .amfinder-common-wrapper {
    order: 1;
    margin-top: -50px;
    margin-bottom: 40px;
}

.catalog-category-view #maincontent .columns .column.main .toolbar-products {
    order: 3;
    position: relative;
    margin-bottom: 30px;
    margin-top: 20px;
}

.catalog-category-view #maincontent .columns .column.main .products {
    order: 4;
    margin: 0px 0;
}

.catalog-category-view #maincontent .columns .column.main .toolbar-products:last-of-type {
    order: 5;
}

.catalog-category-view #maincontent h1 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 20px;
}

.catalog-category-view .dunico_home_cat b, .catalog-category-view .dunico_home_merk b {
    display: block;
}

.catalog-category-view .dunico_home_cat a, .catalog-category-view .dunico_home_cat a:visited,
.catalog-category-view .dunico_home_cat a:focus, .catalog-category-view .dunico_home_merk a,
.catalog-category-view .dunico_home_merk a:visited, .catalog-category-view .dunico_home_merk a:focus {
    display: block;
}


.catalog-category-view #maincontent {
    display: flex;
    display: -ms-flexbox;
    flex-shrink: 0;
    flex-direction: column;
    min-height: 1500px;
    /* display: -ms-grid;
    grid-template-areas: 'sidebar right-a'
                         'sidebar right-b'
                         'sidebar right-c'
                         'sidebar right-d'
                         ; */
}

.catalog-category-view #maincontent .page-title-wrapper {
    /* grid-area: right-a;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1; */
    order: 1;
    border-bottom: 1px solid #e0dcd9;
    margin-left: 280px;
}

.catalog-category-view #maincontent .page.messages {
    /* grid-area: right-b;
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1; */
    order: 2;
    margin-left: 280px;
}

.catalog-category-view #maincontent .columns {
    /* grid-area: right-c;
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1; */
    order: 3;
    margin-left: 280px;
}

.catalog-category-view #maincontent .category-view {
    /* grid-area: right-d;
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    margin-bottom: 50px; */
    order: 4;
    margin-left: 280px;
}

.catalog-category-view #maincontent sidebar {
    grid-area: ;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 4;
    width: 250px;
    display: block;
    max-width: 250px;
    margin-right: 30px;
    position: absolute;
}

.apptrian-subcategories-grid, .apptrian-subcategories-list {
    background: #faf8f6;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
}

.apptrian-subcategories-grid .apptrian-subcategories-category {
    margin: 20px;
    margin-left: 20px;
    margin-right: 0;
    background: white;
}

.catalogsearch-result-index .sidebar.sidebar-additional,
.catalogsearch-result-index .sidebar.sidebar-main,
.toolbar.toolbar-products .modes {
    display: none;
}

.catalogsearch-result-index .column.main {
    width: 100%;
}

.apptrian-subcategories-category-image {
    min-height: 235px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catalog-category-view .message.info {
    display: none;
}

@media only screen and (min-width: 1280px) {
    .apptrian-subcategories-grid li {
        width: 33%;
    }
}

/*=========================================================================== top header CSS ===========================================================================*/

.panel.header {
    max-width: 1500px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.header.panel > .header.links {
    float: left;
}

.page-header .header.panel,
.page-header .switcher strong, .page-footer .switcher strong {
    font-size: 12px !important;
    font-weight: 600;
    color: #303030 !important;
}

.header.panel > .header.links > li {
    font-size: 12px;
    color: #303030 !important;
    margin: 0 15px 0 0 !important;
}

.header.panel > .header.links > li > a, 
.header.panel > .header.links > li > a:visited {
    color: #303030 !important;
    text-decoration: underline;
    transition: 0.3s;
}

.header.panel > .header.links > li > a:hover {
    opacity: .7;
    transition: 0.3s;
}

.page-header .header.panel {
    padding-bottom: 8px;
    padding-top: 12px;
}

.view-nl::before {
    background: url(/pub/media/img/nl.png);
    content: '';
    display: block;
    width: 26px;
    height: 15px;
    position: absolute;
    left: -34px;
    top: 1px;
    background-size: cover;
    background-position: center;
}

.view-en::before {
    background: url(/pub/media/img/en.png);
    content: '';
    display: block;
    width: 26px;
    height: 15px;
    position: absolute;
    left: -34px;
    top: 1px;
    background-size: cover;
    background-position: center;
}

.view-de::before {
    background: url(/pub/media/img/de.png);
    content: '';
    display: block;
    width: 26px;
    height: 15px;
    position: absolute;
    left: -34px;
    top: 1px;
    background-size: cover;
    background-position: center;
}

.switcher-option::before {
    display: none;
}

.minicart-wrapper .action.showcart .counter-number {
    text-shadow: 0 0 0px #000000;
}

.minicart-wrapper .action.showcart .counter.qty {
    background: #3794cf;
    border-radius: 100px;
    width: 19px;
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    left: 13px;
    top: -8px;
}

/*=========================================================================== home CSS ===========================================================================*/

.catalogsearch-result-index .search.results .item.product.product-item {
    width: 31% !important;
    margin: 1% !important;
    border: 1px solid #ddd !important;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

.catalogsearch-result-index .search.results .product-item-actions .actions-primary + .actions-secondary {
    display: none !important;
}

.catalogsearch-result-index .search.results .products-grid .product-item-info .product.photo.product-item-photo {
    width: 170px;
}

/*=========================================================================== home CSS ===========================================================================*/

.nav-sections,
.navigation {
    background: #303030;
    position: relative;
    z-index: 899;
}

.dunico_home_cat a,
.dunico_home_merk a {
    position: relative;
}

.dunico_home_cat a::after,
.dunico_home_merk a::after {
    content: '\e608';
    font-family: 'luma-icons';
    position: absolute;
    right: 15px;
    font-size: 10px;
    top: 13px;
}

.nav-sections .navigation .level0 .level-top:hover {
    color: white;
}

.navigation .level0 > .level-top {
    color: #575757;
}

.nav-sections .navigation .level0 .level-top {
    color: #aaaaaa;
    text-transform: uppercase;
    border-color: transparent;
    padding-top: 4px;
    padding-bottom: 4px;
}

.header.content {
    padding: 20px 30px 20px;
    max-width: 1500px !important;
}

.navigation ul {
    padding: 0px;
}

.navigation .level0.active > .level-top {
    border-color: #3794cf;
    color: white;
}

.dunico_body_home_inner {
    display: grid;
    grid-template-columns: 1fr;
}



.dunico_body_home_inner sidebar {
    padding-right: 30px;
    display: block;
}

.dunico_body_home_inner sidebar a,
.dunico_body_home_inner sidebar b {
    display: block;
    width: 100%;
}

.dunico_home_cat {
    background: #faf8f6;
    margin-bottom: 40px;
    border-radius: 3px;
    overflow: hidden;
}

.dunico_home_merk {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;

}

.dunico_home_cat b,
.dunico_home_merk b {
    background: #3794cf;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 600;
}

.dunico_home_cat a,
.dunico_home_cat a:visited,
.dunico_home_cat a:focus,
.dunico_home_merk a,
.dunico_home_merk a:visited,
.dunico_home_merk a:focus {
    padding: 10px;
    font-weight: 400;
    line-height: 1.42857143;
    font-size: 1.4rem;
    color: #333;
    border-bottom: 1px solid #ededed;
}

.dunico_home_cat a:hover,
.dunico_home_merk a:hover {
    color: #333;
}

.dunico_body_home_inner sidebar {
    float: left;
    width: 100%;
}

.dunico_body_home_inner content {
    float: right;
    width: 100%;
}

.dunico_home_banner {
    width: 100%;
    height: 320px;
    background: #faf8f6;
    border-radius: 3px;
    overflow: hidden;
}

.dunico_home_list {
    width: 100%;
}

.dunico_home_list .block-title {
    background: #3794cf;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 600;
    margin-top: 40px;
}

.dunico_home_list_inner {
    display: flex;
    width: 100%;
    padding: 30px;
    background: #faf8f6;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 40px;
    justify-content: space-between;
}

.dunico_home_list_inner .bestseller {
    background: white;
    border-radius: 3px;
    width: 32%;
    padding: 20px;
}

.dunico_home_list_inner .product-item-link {
    background-image: none;
    background: #3794cf;
    border: 1px solid #3794cf;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    margin-top: -20px;
    position: absolute;
    bottom: 0;
}

.dunico_home_promotion {
    width: 100%;
    height: 242px;
    margin-bottom: 40px;
    background: #faf8f6;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #D3D3D3;
}

.dunico_home_promotion_sider {
    display: flex;
    width: 300%;
    position: relative;
    transition: all .7s;
}

.dunico_home_promotion_side {
    width: 100%;
    height: 242px;
    background-color: green;
}

.dunico_home_promotion_inner {
    position: relative;
}

.dunico_home_promotion_triggers {
    position: absolute;
    bottom: 10px;
    left: calc(50% - 40px);
    display: flex;
    width: 80px;
    justify-content: space-around;
    z-index: 3;
}

.dunico_home_promotion_triggers span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid white;
    display: block;
}

.checkout-index-index .page-header .minicart-wrapper {
    display: inline-block !important;
}

/*=========================================================================== usp CSS ===========================================================================*/

.dunico_usp {
    margin-top: -25px;
    margin-bottom: 40px;
    background-color: #faf8f6;
    color: #222222;
}

.dunico_usp_inner {
    max-width: 1500px;
    margin: auto;
    padding: 10px 30px;
    display: flex;
    justify-content: space-around;
    font-size: 12px;
    color: #303030;
}

.dunico_usp_inner span {
    display: flex;
}

.icon_clock {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url('../images/clock.svg');
    background-size: contain;
    padding-right: 29px;
    background-repeat: no-repeat;
}

.icon_wagon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('/pub/media/img/wagon.png');
    background-size: contain;
    padding-right: 45px;
    background-repeat: no-repeat;
}

.icon_box {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url('../images/package.svg');
    background-size: contain;
    padding-right: 29px;
    background-repeat: no-repeat;
}

.icon_wallet {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url('../images/wallet.svg');
    background-size: contain;
    padding-right: 32px;
    background-repeat: no-repeat;
}

/*=========================================================================== product CSS ===========================================================================*/

.products-grid .product-item-info {
    background: #fff;
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.3) !important;
    border: 0px solid #bbb !important;
    margin: 0px !important;
    padding: 9px;
    position: relative;
    z-index: 2;
}

.products-grid .product-item-info .product.photo.product-item-photo {
    max-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    order: 2
}

.products-grid .product-item-info .product-item-name {
    position: absolute;
    width: 100%;
    z-index: 9;
    background: #3794cf;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 600;
    top: 0;
    left: 0;
    font-size: 11px;
    padding-left: 20px;
    margin-top: 0;
}

.products-grid .product-item-info .product-item-name a {
    color: white;
    font-weight: 600;
}

.product-item .price-box {
    margin: 70px 10px 25px !important;
}

.page-products.page-layout-1column .products-grid .product-item {
    width: 49.5% !important;
    border-radius: 5px !important;
    border: 1px solid #ddd !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin-bottom: 1%;
}

.page-products.page-layout-1column .products-grid .product-item:nth-child(odd) {
    margin-right: 1% !important;
}

.page-products .product-item-info {
    width: 100%;
    display: flex;
}

body .products-grid .product-item-info .product-item-inner {
    background: #fff !important;
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.3) !important;
    border: 0px solid #bbb !important;
    border-top: none !important;
    left: 0 !important;
    margin: 10px 0 0 -1px !important;
    padding: 0 9px 9px !important;
    position: relative !important;
    right: -1px !important;
    z-index: 2 !important;
    display: block !important;
    clip: inherit !important;
    height: auto !important;
    width: auto !important;
    overflow: hidden;
}

.products-grid .product-item-actions {
    margin: 40px 0 0px !important;
    border-radius: 3px !important;
    overflow: hidden !important;
}

.products-grid .product-image-photo {
    max-width: 70%;
    top: 30px;
}

.catalog-category-view .page.messages {
    margin-bottom: 0px;
}

/*=========================================================================== footer CSS ===========================================================================*/

footer.dunico_footer {
    background: #222222;
    color: white;
}

.page-header .panel.wrapper,
.page-header .panel.wrapper a {
    border-bottom: 1px solid #faf8f6;
    background-color: #faf8f6;
    color: #222222;
}

.header.panel > .header.links > li > a,
.header.panel > .header.links > li > a:visited {
    color: #222222
}

.dunico_footer_inner {
    max-width: 1500px;
    padding: 60px 30px;
    display: flex;
    margin: auto;
    justify-content: space-between;
}

.dunico_footer_col,
.dunico_footer_col a,
.dunico_footer_col b {
    display: block;
    text-transform: uppercase;
}

.dunico_footer_col b {
    font-weight: 500;
    font-size: 17px;
    padding-bottom: 20px;
}

.dunico_footer_col a,
.dunico_footer_col a:visited,
.dunico_footer_col a:focus {
    color: rgba(255,255,255,0.8);
    line-height: 25px;
    cursor: pointer;
    text-transform: none;
    padding-bottom: 10px;
    font-weight: 300;
    transition: 0.3s;
}

.dunico_footer_col a:hover {
    color: white;
    text-decoration: underline;
    margin-left: 3px;
    transition: 0.3s;
}

.dunico_footer_col a.keurmerk:hover {
    margin-left: 0;
    opacity: 0.7;
}



.dunico_footer_col:last-of-type {
    border-right: 0px solid #313131;
}

.dunico_footer_col:first-of-type {
    padding-left: 0px;
}

.dunico_footer_bottom {
    text-align: left;
    color: #222222;
    background: white;
    text-transform: uppercase;
    margin: auto;
}

.dunico_footer_bottom_inner {
    text-align: left;
    color: #303030;
    background: white;
    text-transform: uppercase;
    font-size: 12px;
    padding: 20px 30px;
    max-width: 1500px;
    margin: auto;
}

.dunico_footer_bottom_inner a {
    color: #303030;
    text-decoration: underline;
    transition: 0.3s;
}

.dunico_footer_bottom_inner a:hover {
    transition: 0.3s;
    opacity: 0.7;
}

.dunico_footer_bottom_inner img {
    max-width: 350px;
    float: right;
}


/*=========================================================================== desktop small CSS ===========================================================================*/

@media only screen and (max-width: 1290px) {
    .header.content {
        padding: 40px 6vw 10px;
    }
}

@media only screen and (max-width: 1150px) {
    .catalog-category-view #maincontent .page-title-wrapper {
        width: auto;
    }

    .breadcrumbs {
        padding-left: 30px;
    }

    .catalog-product-view .page-title-wrapper.product h1 {
        font-size: 20px;
    }

    .product-info-main .product.attribute.sku .value {
        font-size: 9px;
    }

    .apptrian-subcategories-grid, .apptrian-subcategories-list {
        width: calc(100% - 30px);
    }

    .apptrian-subcategories-category-link a {
        font-size: 12px !important;
    }

    .navigation .level0 > .level-top {
        padding: 0 2px;
    }

    .dunico_body_home_inner content {
        max-width: 70%;
    }

    .dunico_body_home_inner sidebar {
        max-width: 30%;
        width: 30%;
    }

    .dunico-project img, .dunico-project-hero img {
        width: auto;
        height: 100%;
        max-width: 10000px;
    }

    .header.content {
        padding: 40px 30px 10px;
    }

    .dunico-banner_disc-hero {
        left: 40px;
    }

    .dunico-centered-hero .slider_btn {
        left: 40px;
    }

    .catalog-product-view .columns .column.main {
        width: 70%;
    }

    .catalog-product-view .columns sidebar {
        width: 30%;
    }

    .page-products.page-layout-1column .products-grid .product-item {
        width: 48.5% !important;
    }

    .nav-sections-item-content {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1020px) {
    .navigation .level0 > .level-top {
        padding: 0 5px;
    }

    .nav-sections-item-content {
        font-size: 11px;
    }

    .dunico_home_cat a, .dunico_home_cat a:visited, .dunico_home_cat a:focus, .dunico_home_merk a, .dunico_home_merk a:visited, .dunico_home_merk a:focus {
        font-size: 13px;
    }

    .dunico_home_list_inner .product-item-link {
        font-size: 12px;
    }

    .dunico-banner_disc, .dunico-banner_disc-hero {
        font-size: 12px;
    }

    .page-products.page-layout-1column .products-grid .product-item {
        width: 100.0% !important;
        margin: 0 !important;
        margin-bottom: 5px !important;
    }

    .catalog-category-view #maincontent {
        min-height: 1380px;
    }
}

@media only screen and (max-width: 980px) {
    
    .checkout-index-index .payment-group .payment-method {
        padding: 0 15px;
    }

    .checkout-payment-method .payment-option-content form {
        padding: 0 15px !important;
        max-width: 100% !important;
    }

    .checkout-index-index .checkout-column .checkout-block {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .opc-wrapper .methods-shipping {
        background-color: transparent !important;
    }

    .checkout-index-index .checkout-header {
        width: 100% !important;
        margin-bottom: 35px !important;
    }

    .checkout-index-index .checkout-header .description {
        font-size: 15px;
    }

    .checkout-index-index .opc-wrapper.am-opc-wrapper .discount-code .payment-option-title {
        padding: 0 15px 15px 15px !important;
    }

    .dunico_body_home_inner {
        grid-template-columns: 1fr !important;
    }
    .navigation .level0 > .level-top {
        padding: 0 2px;
    }

    .nav-sections-item-content {
        font-size: 11px;
    }

    .dunico_home_list_inner .product-item-link {
        font-size: 10px;
    }

    .product-info-price .product-info-stock-sku {
        padding-left: 10px !important;
    }
}

@media only screen and (max-width: 840px) {
    .nav-sections-item-content {
        font-size: 9px;
    }

    .dunico_body_home_inner sidebar {
        display: none;
    }

    .dunico_body_home_inner content {
        max-width: 100%;
    }

    .dunico_home_list_inner .product-item-link {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 767px) {
    .dunico_body_home_inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .dunico_usp {
        margin-top: -20px;
        margin-bottom: 0px;
    }

    .header.content {
        padding: 12px 20px 20px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .dunico_usp_inner {
        padding: 10px 30px;
        font-size: 11px;
    }

    .dunico_usp_inner span {
        align-items: center;
        display: none;
    }

    .dunico_usp_inner span:first-of-type {
        display: flex;
    }

    .logo img {
        height: 100%;
        width: auto;
        position: relative;
        top: -4px;
    }

    .logo {
        display: flex;
        justify-content: center;
        max-width: 100%;
        width: auto;
        height: 40px;
    }

    .dunico_home_filter_title {
        margin-top: 0;
    }

    .dunico_home_filter_inner,
    .dunico_home_list_inner {
        margin-bottom: 20px;
    }

    .dunico_home_list .block-title {
        margin-top: 0px;
    }

    .dunico_home_promotion {
        margin-bottom: 0;
    }

    .logo {
        margin: 0 !important;
        /* margin-left: 30px!important; */
    }

    .header.content .block-search {
        display: none;
    }

    .page-header .header.panel {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .minicart-wrapper {
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 6px;
    }

    .nav-toggle {
        top: 12px;
    }

    .dunico_home_list_inner {
        flex-direction: column;
        padding: 20px;
    }

    .dunico_home_list_inner .bestseller {
        width: 100%;
        margin-bottom: 20px;
    }

    .dunico_home_list_inner .bestseller:last-child {
        margin-bottom: 0px;
    }

    .bestsellerImage img {
        max-width: 60%;
    }

    .bestsellerImage {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dunico_home_list_inner .product-item-link {
        width: 100%;
        display: block;
        text-align: center;
    }

    .product-item-info {
        width: 100%;
    }

    .dunico-banner_disc-hero,
    .dunico-centered-hero .slider_btn {
        left: 20px;
    }

    .dunico-banner_disc, .dunico-banner_disc-hero {
        font-size: 11px;
    }

    .dunico_footer_inner {
        flex-direction: column;
        padding: 30px 30px;
        padding-top: 50px;
    }

    .dunico_footer_col {
        border-right: 0px solid #313131;
        padding-left: 0;
        padding-bottom: 20px;
    }

    .nav-sections-item-title {
        border: 0px solid #d7d7d7;
        height: 51px;
        padding-top: 14px;
    }

    .navigation ul:first-of-type {
        flex-direction: column;
    }

    .nav-sections .navigation .level0 .level-top {
        padding-bottom: 13px;
        padding-top: 13px;
        padding-right: 20px;
    }

    .dunico_home_link {
        justify-content: flex-start;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
    }

    .sections.nav-sections a, .sections.nav-sections .alink {
        color: white;
        font-weight: 700;
        font-size: 12px;
    }

    .dunico_home_link a:hover, .dunico_home_link a:active, .dunico_home_link a:focus, .cms-home .dunico_home_link a {
        color: white;
        font-weight: 700;
        padding: 13px 40px 13px 0px;
        font-size: 12px;
    }

    .dunico-banner_disc, .dunico-banner_disc-hero, .slider_btn {
        left: 20px;
    }

    .dunico-navigation:last-of-type, .dunico-navigation-hero:last-of-type {
        right: 2px;
        bottom: 2px
    }

    .dunico-navigation:first-of-type, .dunico-navigation-hero:first-of-type {
        right: 38px;
        bottom: 2px
    }

    .slider_btn {
        bottom: 47px;
    }

    .dunico-centered-hero .slider_btn {
        bottom: 80px;
    }

    .navigation .level0 {
        font-size: 12px;
    }

    .navigation .parent .level-top:after {
        top: 11px;
    }

    .navigation .submenu:not(:first-child) > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navigation .submenu:not(:first-child) {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-sections-item-content {
        padding: 0px 0;
    }

    .nav-sections-item-switch {
        color: #303030 !important;
    }

    .active .nav-sections-item-switch {
        color: white !important;
    }

    .nav-sections .header.links {
        padding: 0 20px;
        border-bottom: 0px solid #d1d1d1;
    }

    .nav-sections .header.links li.greet.welcome {
        border-top: 0px solid #d1d1d1;
        padding: 13px 20px;
        color: white;
        text-align: center;
    }

    body .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) {
        border-color: #3794cf;
        color: white;
        padding-left: 20px;
    }

    .navigation .level0.active .all-category .ui-state-focus {
        border-color: #3794cf;
        color: white;
    }

    .nav-sections .header.links a, .nav-sections .header.links a:hover {
        color: #aaaaaa;
        font-weight: 700;
        padding: 13px 20px;
        padding-left: 0px;
        font-size: 12px;
        text-transform: uppercase;
    }

    .nav-sections .switcher {
        border-top: 0px solid #d1d1d1;
        font-size: 12px;
        padding: 13px 50px;
        color: white;
    }

    .nav-sections .switcher:last-child {
        border-bottom: 0px solid #d1d1d1;
    }

    #switcher-language-trigger-nav {
        color: #aaaaaa;
    }

    .nav-sections .switcher .label {
        margin-bottom: 15px;
    }

    .catalog-category-view #maincontent h1 {
        font-size: 20px;
        margin-top: 20px;
    }

    .catalog-category-view #maincontent sidebar {
        display: none !important;
    }

    .page-products .columns {
        padding-top: 0px;
    }

    .catalog-category-view #maincontent .columns .column.main {
        margin-top: 0px;
    }

    .catalog-product-view .columns sidebar {
        display: none;
    }

    .catalog-product-view .product.media {
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cms-no-route sidebar {
        display: none;
    }

    .cms-no-route #contentarea, .cms-no-route .page-title-wrapper, .cms-no-route .page.messages, .cms-no-route .columns {
        float: unset;
        width: 100%;
    }

    .cms-no-route #maincontent {
        margin-top: 30px;
    }

    .catalog-category-view #maincontent .columns,
    .catalog-category-view #maincontent .category-view,
    .catalog-category-view #maincontent .page.messages,
    .catalog-category-view #maincontent .page-title-wrapper {
        margin-left: 0px;
    }

    .nav-sections {
        position: fixed;
        z-index: 99999999999999 !important;
    }

    .catalog-category-view #maincontent {
        min-height: 100%;
    }

    .catalog-category-view #maincontent .columns .column.main .toolbar-products {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .catalog-category-view #maincontent .columns .column.main .toolbar-products:last-of-type {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .catalog-category-view footer.dunico_footer {
        margin-top: 20px;
    }

    .fotorama__stage__shaft.fotorama__grab {
        width: 320px !important;
    }

    .dunico_footer_bottom_inner img {
        max-width: 90vw;
        padding: 10px;
        width: 100vw;
        float: left;
        padding-left: 0px;
        padding-right: 30px;
    }

    .products-grid .product-image-photo {
        max-width: 40%;
        left: -140px;
    }

    .sorter-label {
        display: none;
    }
}

#tab-label-reviews {
    display: none;
}


/* cookie css */

.message.global.cookie {
    background: #333;
    color: #888;
    z-index: 99999;
}

.message.global.cookie .content {
    max-width: 1500px;
    padding: 5px 30px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.message.global.cookie .actions {
    width: 200px;
    margin-left: 40px;
    margin-top: 0
}

.dunico_home_list_inner .product-item-info {
    max-width: 100%;
    width: 100%;
    font-size: 13px;
    position: relative;
    min-height: 150px;
}

@media only screen and (max-width: 767px) {
    .message.global.cookie {
        padding: 0;
    }

    .message.global.cookie .content {
        padding: 20px;
    }

    .message.global p {
        font-size: 10px;
    }
}

.checkout-index-index #checkout.am-checkout {
    margin: 0px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}


.ie10 .page-wrapper,
.ie11 .page-wrapper {
    height: auto;
}

@-moz-document url-prefix() {
    .catalog-category-view .dunico_home_filter {
        position: relative;
        z-index: 9;
    }
}

.De_text span[data-bind="i18n: 'My billing and shipping address are the same'"],
.checkout-index-index.De_text .data.table.table-totals .totals.sub th,
.checkout-index-index.De_text .data.table.table-totals .totals-tax th.mark,
.checkout-index-index.De_text .data.table.table-totals .grand.totals th.mark strong,
.checkout-index-index.De_text .payment-option-title #block-discount-heading span,
.checkout-index-index.De_text .form.form-discount .action.action-apply span span,
.En_text span[data-bind="i18n: 'My billing and shipping address are the same'"],
.checkout-index-index.En_text .data.table.table-totals .totals-tax th.mark,
.checkout-index-index.En_text .data.table.table-totals .grand.totals th.mark strong {
    font-size: 0px;
}

.De_text span[data-bind="i18n: 'My billing and shipping address are the same'"]:after {
    content: " Rechnungs- und Lieferanschrift sind gleich";
    font-size: 14px;
}

.En_text span[data-bind="i18n: 'My billing and shipping address are the same'"]:after {
    content: "My billing and shipping address are the same";
    font-size: 14px;
}

.checkout-index-index.De_text .data.table.table-totals .totals.sub th:after {
    content: "Zwischensumme des Einkaufswagens";
    font-size: 14px;
}

.checkout-index-index.De_text .data.table.table-totals .totals-tax th.mark:after {
    content: "MwSt";
    font-size: 14px;
}

.checkout-index-index.En_text .data.table.table-totals .totals-tax th.mark:after {
    content: "VAT";
    font-size: 14px;
}

.checkout-index-index.De_text .data.table.table-totals .grand.totals th.mark strong:after {
    content: "Gesamt";
    font-size: 1.8rem;
}

.checkout-index-index.En_text .data.table.table-totals .grand.totals th.mark strong:after {
    content: "Total";
    font-size: 1.8rem;
}

.checkout-index-index.De_text .payment-option-title #block-discount-heading span:after {
    content: "Rabattcode anwenden";
    font-size: 1.8rem;
}

.checkout-index-index.De_text .form.form-discount .action.action-apply span span:after {
    content: "Rabatt anwenden";
    font-size: 14px;
}

.header .block.block-search,
.header .minicart-wrapper {
    margin-top: 5px;
}

.search.results dl.block {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.products.products-grid ol.product-items.products {
    margin: 0 -1%;
}

div.column.main {
    padding-left: 0;
}

/* Styling Onderdelen.emerio.eu */

/* .switcher-options {
    margin-right: 15px;
} */

.switcher-options span {
    font-weight: 500;
}

.page-header .switcher .options .action.toggle::after,
.page-header .switcher .options .action.toggle.active::after {
    font-size: 7px !important;
    line-height: 18px !important;
}

.block-search .action.search::before {
    background-image: url(../images/zoeken.svg);
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0;
    width: 12px;
    height: 12px;
    vertical-align: unset;
    position: relative;
    top: 8px;
}

.block-search .action.search {
    opacity: 1 !important;
}

.minicart-wrapper .action.showcart::before {
    background-image: url(../images/cart.svg);
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0;
    width: 21px;
    height: 21px;
    position: relative;
    top: 5px;
}

.minicart-wrapper .action.showcart.active::before {
    content: '';   
}

.minicart-wrapper .block-minicart { 
    top: 28px;
}

.borderFooter {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.messages {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999999;
}

.messages .message {
    border-radius: 5px;
    padding: 12px 12px 12px 0;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
}

.message.success > :first-child::before,
.message.error > :first-child::before {
    top: 5px;
    position: relative;
}

#dpd_carrier_container {
    display: none !important;
}

header.page-header {
    position: relative;
    z-index: 9999;
}

.apptrian-subcategories-grid .apptrian-subcategories-category-wrapper .apptrian-subcategories-category-image img {
    max-height: 200px !important;
}

sidebar.fixed {
    position: sticky;
    top: 20px;
    transition: 0.3s;
    --align-self: start;
    align-self: start;
}


.product-info-price {
    display: flex !important;
    flex-direction: column !important;
}

.product-info-price .price-box span {
    margin-bottom: 0;
}

.product-info-price .product-info-stock-sku {
    text-align: left;
    float: none;
    padding-left: 0;
}

.product-info-price .product-info-stock-sku div.stock.available span {
    color: green;
}

.product-info-price .product-info-stock-sku div.stock.unavailable span {
    color: red;
}

.product-add-form .box-tocart .fieldset {
    display: grid;
    grid-template-columns: 20% 75%;
    grid-gap: 10px;
}

.product-add-form .box-tocart .fieldset .field.qty {
    margin-bottom: 0;
}

.product-add-form .box-tocart .fieldset .field.qty label {
    display: none;
}

.product-add-form .box-tocart .fieldset .field.qty .control,
.product-add-form .box-tocart .fieldset .field.qty .control input {
    height: 100%;
    width: 100%;
}

.product-add-form .box-tocart .fieldset .actions button {
    margin-top: 0;
    margin-bottom: 0;
}

.fotorama--fullscreen {
    z-index: 9999999 !important;
}

.custom_pdp_desc {
    margin-top: -20px;
}

.cart.table-wrapper .cart .item-actions {
    position: relative;
    bottom: 15px;
}

#minicart-content-wrapper .block-content {
    display: grid;
}

#minicart-content-wrapper .block-content .actions {
    order: 1;
}

#minicart-content-wrapper .block-content .actions .secondary {
    margin: 0 !important;
}

#minicart-content-wrapper .block-content .actions .primary {
    margin: 0 0px 15px !important;
}

#minicart-content-wrapper .block-content .actions .primary button {
    border: 2px solid #3794cf !important;
    transition: 0.3s;
}

#minicart-content-wrapper .block-content .actions .secondary a.viewcart {
    line-height: 2.2rem;
    padding: 14px 17px;
    font-size: 1.8rem;
    background: transparent !important;
    border: 2px solid #3794cf !important;
    width: 100%;
    display: block;
    margin-top: -20px;
    border-radius: 3px;
    font-weight: 600;
    color: #3794cf;
    transition: 0.3s;
}

#minicart-content-wrapper .block-content .actions .secondary a.viewcart:hover {
    opacity: 0.6;
    transition: 0.3s;
}

#minicart-content-wrapper .block-content .subtotal {
    order: 1;
    width: 100%;
    display: flex;
    justify-content: end;
    margin: 0;
    align-items: center;
}

#minicart-content-wrapper .block-content .subtotal span.label {
    margin-right: 5px;
}

#minicart-content-wrapper .block-content .subtotal .amount span.price  {
    font-weight: 500;
    font-size: 1.4rem;
}

.minicart-wrapper .action.close::before {
    font-size: 18px !important;
    line-height: 18px !important;
}

.minicart-wrapper .action.close {
    top: 10px !important;
    right: 10px !important;
}

.block-minicart .items-total {
    margin: -10px 0 10px 0 !important;
}

#minicart-content-wrapper .block-content .product-item-details {
    position: relative;
}

#minicart-content-wrapper .block-content .product-item-details .product.actions .primary {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

#minicart-content-wrapper .block-content .product-item-details .product.actions .primary {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

#minicart-content-wrapper .block-content .product-item-details .product.actions .secondary {
    position: absolute;
    top: 0;
    right: 5px;
}

#minicart-content-wrapper .block-content .product-item-details .product-item-pricing {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

#minicart-content-wrapper .block-content .product-item-details .product-item-pricing .details-qty {
    margin: 0 !important;
}

#minicart-content-wrapper .block-content .product-item-details .product-item-pricing .price-container span.price {
    font-size: 2rem;
    text-decoration: underline;
}

#minicart-content-wrapper .block-content .minicart-items-wrapper li {
    padding: 10px 0;
}

#minicart-content-wrapper .block-content .minicart-items-wrapper {
    padding: 0 15px !important;
}

.catalog-product-view .columns {
    display: grid;
    grid-template-columns: 250px 1fr;
}

@media only screen and (max-width: 992px) {
    
    .minicart-wrapper .block-minicart {
        width: 91vw;
    }

    .catalog-product-view .columns {
        grid-template-columns: 1fr;
    }

    .catalog-product-view .columns .column.main {
        width: 100%;
    }

}


/* Winkelwagen pagina */

.checkout-cart-index .block.shipping {
    display: none !important;
}

.checkout-cart-index .cart.table-wrapper thead {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.checkout-cart-index .cart.table-wrapper .col {
    padding: 0 !important;
    vertical-align: middle;
}

.checkout-cart-index .cart.table-wrapper .col.item .product-item-details {
    vertical-align: middle;
    padding-bottom: 0;
    max-width: 0px;
}

.checkout-cart-index .cart.table-wrapper .product-item-photo img {
    max-width: 120px;
    transition: 0.3s;
}

.checkout-cart-index .cart.table-wrapper .product-item-photo img:hover {
    transform: scale(1.03);
    transition: 0.3s;
}

.checkout-cart-index .cart.table-wrapper span.price {
    color: black;
}

.checkout-cart-index .cart.table-wrapper .col.item .product-item-details .product-item-name a {
    font-size: 15px;
    color: black;
}

.checkout-cart-index .cart.main.actions button.action.update {
    line-height: 1;
    padding: 12px 14px;
    font-size: 1.4rem;
    background: transparent !important;
    border: 2px solid #3794cf !important;
    color: #3794cf;
    transition: 0.3s;
}

.checkout-cart-index .cart.main.actions button.action.update:hover {
    transition: 0.3s;
    opacity: 0.7;
}


.checkout-cart-index .cart-discount .title strong {
    color: #3794cf;
    font-size: 1.4rem;
    text-decoration: underline;
}

.checkout-cart-index form#discount-coupon-form .field input {
    padding: 18px 20px;
}

.checkout-cart-index form#discount-coupon-form .actions-toolbar .primary {
    margin-left: 5px;
}

.checkout-cart-index form#discount-coupon-form .actions-toolbar .primary button.action.apply.primary {
    padding: 9px 20px;
    border-radius: 3px;
    border: 2px solid #3794cf !important;
    background-color: #3794cf !important;
    box-shadow: none;
    color: white;
    transition: 0.3s;
}

.checkout-cart-index form#discount-coupon-form .actions-toolbar .primary button.action.apply.primary:hover {
    transition: 0.3s;
    color: white !important;
    opacity: 0.7;
}

.checkout-cart-index .cart-summary .checkout-methods-items .item .action.multicheckout {
    display: none;
}

.checkout-cart-index .cart-summary .checkout-methods-items .item .action.primary.checkout {
    border: 2px solid #3794cf !important;
    transition: 0.3s;
}

.checkout-cart-index .cart-summary .checkout-methods-items .item {
    margin-bottom: 0;
}

.checkout-cart-index .cart-summary .checkout-methods-items {
    margin-top: 0;
}

@media only screen and (max-width: 992px) {
    .checkout-cart-index .cart.table-wrapper .col.item .product-item-details {
        max-width: 100%;
    }

    .checkout-cart-index .cart.table-wrapper .product-item-photo {
        position: relative;
        max-width: 100%;
        left: 0;
        top: 0;
    }
}

/* Einde winkelwagen pagina */


/* Checkout pagina */

.checkout-payment-method .payment-method-title .payment-icon {
    max-width: 55px;
    max-height: 55px;
}

.checkout-payment-method .payment-method-title {
    padding: 10px 0 !important;
}

.checkout-payment-method .payment-option._collapsible.opc-payment-additional.discount-code {
    margin-top: -40px;
}

.checkout-payment-method .payment-option._collapsible.opc-payment-additional.discount-code span.action span {
    color: black;
    text-decoration: underline;
    font-weight: 600;
    transition: 0.3s;
}

.checkout-payment-method .payment-option._collapsible.opc-payment-additional.discount-code span.action span:hover {
    opacity: 0.7;
    transition: 0.3s;
}

.checkout-payment-method .payment-option-content {
    padding: 0 0 20px 0 !important;
}

.checkout-payment-method .payment-option-content form {
    display: flex !important;
    flex-direction: column;
    max-width: 60%;
}

.checkout-payment-method .payment-option-content form .payment-option-inner {
    margin-bottom: 10px;
}

.checkout-payment-method .payment-option-content form .actions-toolbar,
.checkout-payment-method .payment-option-content form .actions-toolbar .primary,
.checkout-payment-method .payment-option-content form .actions-toolbar .primary button {
    width: 100% !important;
}

.checkout-payment-method .payment-option-content form .actions-toolbar .primary button {
    border: none !important;
    background-color: black !important;
    color: white !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    padding: 10px !important;
}

.checkout-payment-method .payment-option._collapsible.opc-payment-additional.discount-code span.action::after {
    display: none;
}

.checkout-payment-method .payment-method-title input,
.checkout-payment-method .payment-method-title .label {
    cursor: pointer;
}

.checkout-index-index .checkout-header {
    padding: 0 !important;
}

.checkout-index-index .opc-wrapper {
    margin: 0 0 0 -5px;
}

.checkout-index-index .checkout-block {
    margin: 6px 7px 17px !important;
    background-color: #faf8f6;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2) !important;
}

.checkout-index-index .opc-block-summary {
    background: transparent;
}

.checkout-index-index .payment-methods .actions-toolbar .primary {
    border: 2px solid #3794cf !important;
    transition: 0.3s;
    width: 100%;
}

.checkout-index-index .opc-wrapper.am-opc-wrapper .discount-code .payment-option-title {
    padding-left: 0;
    padding-top: 0;
}

.checkout-index-index .checkout-block:hover {
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}

._keyfocus :focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus {
    box-shadow: 0 0 0 2px rgba(0, 105, 157, .3) !important;
}

.checkout-index-index .opc-wrapper .form-login, 
.checkout-index-index .opc-wrapper .form-shipping-address {
    max-width: 100%;
    background-color: transparent;
}

.checkout-index-index .opc-wrapper .form-login {
    padding-bottom: 28px;
    background-color: transparent;
}

.checkout-index-index .opc-wrapper .form-login .fieldset,
.checkout-index-index .opc-wrapper .form-login .fieldset .field {
    margin-bottom: 0;
}

.checkout-index-index .opc-wrapper .form-login .fieldset .field .note {
    font-size: 13px;
    font-style: italic;
    color: gray;
    margin-top: 3px;
}

.checkout-index-index .form-shipping-address .fieldset.address {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.checkout-index-index .form-shipping-address .fieldset.address .field:nth-child(3) {
    grid-area: 2 / 1 / 3 / 3;
}

.checkout-index-index .form-shipping-address .fieldset.address fieldset.street {
    grid-area: 3 / 1 / 4 / 3;
}

.checkout-index-index .form-shipping-address .fieldset.address fieldset.street legend.label {
    display: inline-flex;
    line-height: 0;
    margin: 0;
    padding-top: 0;
    position: relative;
    top: 7px;
}

.checkout-index-index .form-shipping-address .fieldset.address fieldset.street .control .field._required label {
    position: relative;
}

.checkout-index-index .form-shipping-address .fieldset.address fieldset.street .control {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
}

.checkout-index-index .form-shipping-address .fieldset.address fieldset.street .control .field._required label span {
    font-size: 0;
}

.checkout-index-index .form-shipping-address .fieldset.address fieldset.street .control .field.additional {
    margin-top: 0;
}

.checkout-index-index .form-shipping-address .fieldset.address fieldset.street .control .field.additional label {
    padding-top: 0;
    height: 22px;
    margin-bottom: 3px;
}

/* html:lang(nl) .checkout-index-index .form-shipping-address .fieldset.address fieldset.street .control .field._required label span::before {
    content: 'Straatnaam *';
    font-size: 1.4rem;
} */

.checkout-index-index .form-shipping-address .fieldset.address fieldset.street .control .field._required .control {
    margin-top: 3px;
}

@media only screen and (max-width: 992px) {
    
    .checkout-index-index .form-shipping-address .fieldset.address {
        grid-template-columns: 1fr;
    }

    .checkout-index-index .form-shipping-address .fieldset.address .field:nth-child(3),
    .checkout-index-index .form-shipping-address .fieldset.address fieldset.street {
        grid-area: unset;
    }
}
/* Einde checkout pagina */

@media screen and (max-width: 600px) {
  .checkout-index-index .form-shipping-address .fieldset.address fieldset.street .control {
    grid-template-columns: 1fr !important;
  }
}

#recaptcha-invisible {
    display: none !important;
}




div.popupDataContainer {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(10px);
    z-index: 999999;
}

div.popupDataContainer div.popupDataInner {
    position: relative;
    z-index: 2;
}

div.popupDataContainer div.popupDataInner div.contentPopup {
    padding: 30px;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    background-color: white;
    border-radius: 5px;
    position: relative;
    z-index: 2;
    box-shadow: 0px 3px 6px #0000004a;
}

div.popupDataContainer div.popupDataInner div.closePopup {
    max-width: 20px;
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
    z-index: 3;
}

div.popupDataContainer div.popupDataInner div.closePopup img {
    cursor: pointer;
}

div.popupDataContainer div.popupDataInner div.contentPopup h2 {
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 15px;
}

div.popupDataContainer div.popupDataInner div.contentPopup h2,
div.popupDataContainer div.popupDataInner div.contentPopup p {
    color: black;
}

div.popupDataContainer div.popupDataInner div.contentPopup a {
    color: white;
    background-color: #3794CF;
    padding: 11px 23px;
    margin-top: 5px;
    display: inline-block;
    transition: all .2s;
    cursor: pointer;
}

div.popupDataContainer div.popupDataInner div.contentPopup a:hover {
    transition: all .2s;
    opacity: .8;
}

@media screen and (max-width: 992px) {
    
    div.popupDataContainer div.popupDataInner {
        margin: 0 20px;
    }
}