@font-face{
     font-family:"Metropolis-Regular";
     src:url("/webfonts/Metropolis/Webfonts/WOFF/Metropolis-Regular") format("woff2"),url("/webfonts/Metropolis/Webfonts/WOFF/Metropolis-Regular.woff") format("woff");
 }

 @font-face{
     font-family:"Metropolis-Bold";
     src:url("/webfonts/Metropolis/Webfonts/WOFF/Metropolis-Bold") format("woff2"),url("/webfonts/Metropolis/Webfonts/WOFF/Metropolis-Bold.woff") format("woff");
 }

.emotion--cio-emo-ctablock--container .emotion--cio-emo-ctablock--link{
    width: unset;
}

.header-main {
    background-color: white;
}

.header-main .header--navigation {
    background-color: white;
}

.header-main .top-bar--navigation .navigation--entry, .header-main .top-bar--navigation .navigation--link {
    background-color: white;
}

.header-main .top-bar .block-group .top-bar--navigation .navigation--entry{
    color: #3ea6b3;
}

.header-main .header--navigation .navigation--list .navigation--entry .btn{
    background-color: white;
}

.header-main .header--navigation .navigation--list .navigation--entry .widget-label{
    color: #3ea6b3;
}

nav.cio-navigation-main, nav.cio-navigation-main .cio-navigation--list-wrapper .cio-navigation--list {
    background-color: #3ea6b3 !important;
}

.navigation-main > div.container .navigation--list .navigation--entry .navigation--link {
    background-color: #3ea6b3;
}

.navigation-main > div.container .navigation--list {
    background-color: #3ea6b3;
    text-align: center;
}

.eigencollectieheader .html--title {
    display: none;
}

.content--home {
    margin-top: 1.125rem !important;
}

.content-main {
    margin-bottom: -1.1875rem !important;
}

/* Kleur van de box in het mijn account geheel wit maken */
.account--menu {
    background-color: white !important;
}
/* Kleur van tekst 'maak dit adres het standaard adres' in mijn account  wit maken */
.account--address .address--actions-set-defaults .btn, .address-manager--modal .address--actions-set-defaults .btn {
    padding-left: 13px !important;
    padding-right: 13px !important;
    color: #ffffff !important;
}

/* "Inloggen" button onder mijn account grijs maken indien achtergrond kleur wit is */
body > div.page-wrap > header > div.container.header--navigation > nav > ul > li.navigation--entry.entry--account.with-slt.js--is--dropdown-active > div > div.account--menu.is--rounded.is--personalized > div > ul > li:nth-child(1) > span > a {
    background: #9e9e9e;
}

button.cio-details-step-btn.btn.btn--inquiry.is--center.is--secondary.is--center.is--large.is--icon-right {
    display: none;
}

.shop--navigation .navigation--entry {
    margin-right: -0.6875rem;
}

.product--price.price--default {
    display: none;
}

form.table--add-product.add-product--form.block-group {
    display: none;
}

a.navigation--link[title='Mijn bestellingen'], a.navigation--link[title='Verlanglijst'] {
    display: none;
}

a.cookie-permission--decline-button.btn.is--large.is--center {
    display: none;
}

/* Vergelijk knop kleur*/

.compare--list .btn.is--icon-right {
    background-color: #3ea6b3 !important;
}

.icon--arrow-right:before {
    color: white !important;
}

/* Footer Logo's */
.footer-main .container .footer--columns .footer--column .column--content .icons-container img {
    width: 30% !important;
    position: inherit;
    float: left;
    margin: 0px 15px 0px 0px !important;
}

.icons-container {
    margin-bottom: 70%;
}

a.navigation--link[title='Betaalwijze wijzigen'] {
    display: none;
}

li.cio-navigation--entry.is--active.is--home, li.cio-navigation--entry.is--home {
    float: left !important;
    margin-top: 0% !important
}

.cio-navigation--categorylist li.cio-navigation--entry {
    float: left;
}

li.cio-navigation--entry {
    float: right;
    margin-top: 1.3% !important;
}

a.cio-navigation--link[target=_blank] {
    background-color: #fd6b20 ;
}

button.button1 {
   background-color: #3ea6b3;
   padding: 10px 34px;
   box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
   border-radius: 8px !important;
   border-color:#51AEBA;
   transition: transform 300ms;
}

button.button1:hover {
   background-color: #ffffff;
   color: #3ea6b3;
   transform: translateY(-4px);
}

a#custombutton {
   color: #ffffff;
}

.emotion--cio-emo-ctablock--container .emotion--cio-emo-ctablock--link{
    width: unset;
}

.header-main {
    background-color: white;
}

.header-main .header--navigation {
    background-color: white;
}

.header-main .top-bar--navigation .navigation--entry, .header-main .top-bar--navigation .navigation--link {
    background-color: white;
}

.header-main .top-bar .block-group .top-bar--navigation .navigation--entry{
    color: #3ea6b3;
}

.header-main .header--navigation .navigation--list .navigation--entry .btn{
    background-color: white;
}

.header-main .header--navigation .navigation--list .navigation--entry .widget-label{
    color: #3ea6b3;
}

nav.cio-navigation-main, nav.cio-navigation-main .cio-navigation--list-wrapper .cio-navigation--list {
    background-color: #3ea6b3 !important;
}

.navigation-main > div.container .navigation--list .navigation--entry .navigation--link {
    background-color: #3ea6b3;
}

.navigation-main > div.container .navigation--list {
    background-color: #3ea6b3;
    text-align: center;
}

.eigencollectieheader .html--title {
    display: none;
}

.content--home {
    margin-top: 1.125rem !important;
}

.content-main {
    margin-bottom: -1.1875rem !important;
}

/* Kleur van de box in het mijn account geheel wit maken */
.account--menu {
    background-color: white !important;
}
/* Kleur van tekst 'maak dit adres het standaard adres' in mijn account  wit maken */
.account--address .address--actions-set-defaults .btn, .address-manager--modal .address--actions-set-defaults .btn {
    padding-left: 13px !important;
    padding-right: 13px !important;
    color: #ffffff !important;
}

/* "Inloggen" button onder mijn account grijs maken indien achtergrond kleur wit is */
body > div.page-wrap > header > div.container.header--navigation > nav > ul > li.navigation--entry.entry--account.with-slt.js--is--dropdown-active > div > div.account--menu.is--rounded.is--personalized > div > ul > li:nth-child(1) > span > a {
    background: #9e9e9e;
}

button.cio-details-step-btn.btn.btn--inquiry.is--center.is--secondary.is--center.is--large.is--icon-right {
    display: none;
}

.shop--navigation .navigation--entry {
    margin-right: -0.6875rem;
}

.product--price.price--default {
    display: none;
}

form.table--add-product.add-product--form.block-group {
    display: none;
}

a.navigation--link[title='Mijn bestellingen'], a.navigation--link[title='Verlanglijst'] {
    display: none;
}

a.cookie-permission--decline-button.btn.is--large.is--center {
    display: none;
}

/* Vergelijk knop kleur*/

.compare--list .btn.is--icon-right {
    background-color: #3ea6b3 !important;
}

.icon--arrow-right:before {
    color: white !important;
}

/* Footer Logo's */
.footer-main .container .footer--columns .footer--column .column--content .icons-container img {
    width: 30% !important;
    position: inherit;
    float: left;
    margin: 0px 15px 0px 0px !important;
}

.icons-container {
    margin-bottom: 70%;
}

a.navigation--link[title='Betaalwijze wijzigen'] {
    display: none;
}

li.cio-navigation--entry.is--active.is--home, li.cio-navigation--entry.is--home {
    float: left !important;
    margin-top: 0% !important
}

.cio-navigation--categorylist li.cio-navigation--entry {
    float: left;
}

li.cio-navigation--entry {
    float: right;
    margin-top: 1.3% !important;
}

a.cio-navigation--link[target=_blank] {
    background-color: #fd6b20 ;
}

button.button1 {
   background-color: #3ea6b3;
   padding: 10px 34px;
   box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
   border-radius: 8px !important;
   border-color:#51AEBA;
   transition: transform 300ms;
}

button.button1:hover {
   background-color: #ffffff;
   color: #3ea6b3;
   transform: translateY(-4px);
}

a#custombutton {
   color: #ffffff;
}

.container--newsletter{
   display: none;
}

footer.footer-main, .footer--columns.block-group, .footer--columns.block-group a, .footer--bottom, .footer--column.column--menu.block > .column--headline, .footer--column.column--hotline.is--first.block  > .column--headline{
   background-color: #939498;
   color: #ffffff;
   text-align: -webkit-center;
}

.footer--column.column--menu.block {
    text-align: -webkit-center;
}

button#js-btn-anfordern{
   display: none;
}

.header-main .header--navigation .navigation--list .navigation--entry i::before {
    color: #939498 !important;
}

@media only screen and (max-width: 767px)
{
    ul.cio-navigation--list.container{
        display: none;
    }
}

@media only screen and (max-width: 895px)
{
    .emotion--cio-emo-ctablock--container .emotion--cio-emo-ctablock--title{
        font-size: 14px;
    }
}

.tab-menu--cross-selling.js--tab-menu{
  display: none;
}

.navigation--entry.entry--2, .navigation--entry.entry--4{
   width: 0px !important;
}

.navigation--entry.entry--3{
   width: 85% !important;
}

.navigation--entry.entry--1,.navigation--entry.entry--5{
   width: 7.5% !important;
}