@charset "utf-8";
/* CSS Document */


body, html{
    margin:0px;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    color:  #4d4d4d;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;



}

a.fill-div {
    bottom: 0;
    display: block;
    position: absolute;
    text-decoration: none;
    left: 0;
    right: 0;
    top: 0;
    z-index:1000;
}

.text_content{
    max-width: 1266px;
    margin: 0 auto;
    background-repeat: no-repeat;
    min-height:420px;
}
#hamburger {
    display:none;
}

#menuresponsive{
    display:none;
}

#main_container{
    width:100%;
    max-width:1366px;
    background-color: #ffffff;
    margin: 0 auto;
}

.max-width-content{
    max-width:1266px;
    margin: 0 auto;
    position: relative;


}

#container {
    display: flex;                  /* establish flex container */
    flex-direction: row;            /* default value; can be omitted */
    flex-wrap: nowrap;              /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
}

#container > div {
    margin-top:5px;
}

.header-text{
    float:left;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0px;
    color: white;
    opacity: 1;
    margin-left:15px;
    font-size:16px;
    margin-top: 3px;
}
.header-container{
    /*float: left;*/
    position: relative;
    width: 100%;
    height: 36px;
    background-color: #E63935 ;
    z-index: 10;
}

#header li {
    float: right;
    color: white;
    list-style-type: none;
}

#header > li > a:hover{
    background-color:white;
    cursor:pointer;
}

.searchhome{
    position: relative;
    background: rgba(248, 248, 245, 1) 0% 0% no-repeat padding-box;
    background-position-x: 0%;
    background-position-y: 0%;

    background-repeat: no-repeat;
    background-image: none;
    border: 0px;
    background-image: url(/bg_img/vergrootglas.svg);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 7px;
    line-height: 30px;
    -webkit-appearance: none;
    font-size: 16px;
    border-radius: 50px;
    padding-left: 40px;
    width: 100%;
    max-width: 221px;
    float: left;
    margin-top: 7px;
}

.nieuwsbriefemail{
    position: relative;
    background: white;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-image: none;
    border: 0px;
    line-height: 30px;
    -webkit-appearance: none;
    font-size: 16px;
    border-radius: 50px;
    padding-left: 20px;
    width: 100%;
    max-width: 300px;
    float: left;
    margin-top: 9px; 
}

.menuandimages{
    float:right;
}
#header{
    margin-top: 20px;
}

.cart{
    background-image: url(img/shopping-cart-fill.png);
    width: 24px;
    height: 24px;
    float: right;
    position: relative;   
    margin-top:9px;
}

.menucontent a{
    color:#142C34;
    text-decoration: none;
    margin-right:53px;
    margin-top:20px;
    line-height: 30px;
}

.menucontent{
    float:left;
    margin-top: 15px
}

.pulldownoptions{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAE9E8;
    border-radius: 5px;
    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
    width: 100%;
    height: 33px;
    text-align: center;
    max-width: 57px;
}

.downloadimagescontainer{
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAE9E8;
    border-radius: 5px;
    max-width: 291px;
    float: right;
    padding-top: 8px;
    box-sizing: border-box;
    padding-bottom: 5px;
    padding-left: 17px;
    padding-right: 17px;
}

.downloadlink{
    text-decoration: none;
    color: #4d4d4d;
    margin-left: 10px;
    display: block;
    margin-bottom: 5px;
}
.optionname{
    letter-spacing: 0px;
    color: #868686; 
    line-height:2;
}
.login{
    background-image: url(img/user-3-fill.png);
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    margin-top: 9px;
    margin-right: 9px;
}

.active_account{
    background-image: url(img/redactive.png);
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    margin-top: 9px;
    margin-right: 9px;
}

.registercontainer{
    width: 307px;
    height: auto;
    background-color: #E63935;
    position: absolute;
    top: 63px;
    z-index:500;
    right: -51px;
}
.register-arrow-up{
    border-left: 8.5px solid transparent;
    border-right: 8.5px solid transparent;
    border-bottom: 15px solid #E63935;
    position: absolute;
    right: 88px;
    top: -15px;
}

.bestelling_table{
    margin: 0 auto;
    border-collapse:collapse;
    padding:5px;
    width:100%;
}

.bestelling_table th{
    text-align: left;
    color: white;
    font-size: 20px;
    font-weight: bold;
    background-color: #E63935;
    padding:10px 15px;
}

.hellip{
    font-size: 27px;
    position: relative;
    top: -9px;
    cursor:pointer;
    left: 13px;
}

.bestelling_table td{
    padding:10px 15px; 
}

.ingelogdahref{
    display: block;
    text-align: left;
    letter-spacing: 0px;
    color: white;
    opacity: 1;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
}
.registerpadding{
    padding:20px;
    box-shadow: 0 5px 20px rgba(43,46,52, 0.1);
}

.header_logo{
    position: relative;
    float: left;

    width: 222px;
    height: 76px;
    background-image: url(/bg_img/logo.png);
    background-repeat: no-repeat;
}       

.bezorgen-icon{

    background-image: url(img/takeaway-line.png);
    width: 24px;
    height: 24px;
    float:left;
    position: relative;   
}

.levering-icon{
    background-image: url(img/time-line.png);
    width: 24px;
    height: 24px;
    float:left;
    position: relative;   
}

.telefoon-icon{
    background-image: url(img/phone-line.png);
    width: 24px;
    height: 24px;
    float:left;
    position: relative;   
}

#slidercontainer{
    max-width: 1266px;
    margin: 0 auto;
    position: relative;
    background-color: #F8F8FA;
}


.slider_text h1 {
    color: #E63935;
    font-size: 55px;
}
.slider_text h1::first-letter {
    color: #0076B4;
}

/*.slider_text h1{
text-align: left;
font: normal normal bold 40px/49px Roboto;
letter-spacing: 0px;
color: #868686;
opacity: 1;
}*/

.slider_text h2{
    text-align: left;
    font: normal normal 600 20px/24px Roboto;
    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
}

.slider_text P{
    font-size: 16px;
    color: #858585;
    max-width: 500px;
}
.sliderbuttondisplay{
    width: 131px;
    height: 43px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: unset;
    text-align: center;
    font: normal normal 600 20px/24px Roboto;
    font-size: 20px;
    letter-spacing: 0px;
    color: #FFFEFD;
    opacity: 1;
    margin-top: 20px;
    font-size: 16px;
}

.leesmeerbutton{
    width: 131px;
    height: 43px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 31px;
    border: unset;
    text-align: center;
    font: normal normal 600 20px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFEFD;
    opacity: 1;
    margin-top:30px;
    font-size: 16px;
}
#sliderwrapper{

}

.slider_image_left{
    overflow: hidden;
    float: right;

}



.slider_text_right{
    max-width: 540px;
    float: left;
    margin-left: 55px;
    margin-top: 151px;
}
/* slider tabs*/
.rslides_tabs {
    position: absolute;
    text-align: center;
    padding-left: 326px;
    z-index: 100;
    margin: 0 auto;
    width: 99%;

    bottom: 20px;
}
.rslides_tabs li {
    display: inline;
    float: none;
    margin-right: 10px;
}
.rslides_tabs a {

    border-radius: 15px;
    border: 1px solid black;
    display: inline-block;
    height: 10px;
    overflow: hidden;
    text-indent: 999999px;
    width: 10px;
}
.rslides_here a{
    background: white  none repeat scroll 0 0;
}
/* slider end tabs*/

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin-top:0px;
    margin-bottom:2px;
    max-width:1600px !important;
    max-height:40.16vw;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    /*  height: auto;*/
    float: left;
    width: 100%;
    border: 0;
}


.homepagecats_container{
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 80px;
    padding-left: 100px;
    padding-right: 100px;
}

.homepagecatstitel{
    text-align: center;
    margin-bottom:75px;
}

.homepagecats{
    float: left;
    min-width: 266px;
}

.homepage_cats_img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
}

.homepagetekst{
    text-align: center;
    font-size:20px;
    letter-spacing: 0px;
    opacity: 1;
    margin-top: 20px;  
    color: #E63935;
}

.catscontainer{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 150px;
    min-width:150px;
    width:100%;
    height: 150px;
    background-color: #EAEAEA  ;
    border-radius: 50%;
    margin: 0 auto;
}

.buttom{
    width: 131px;
    height: 43px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: unset;
    text-align: center;
    font: normal normal 600 20px/24px Roboto;
    font-size: 20px;
    font-size: 20px;
    letter-spacing: 0px;
    color: #FFFEFD;
    opacity: 1;
    margin-top: 20px;
    font-size: 16px;
}

.buttom2{

    height: 43px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: unset;
    text-align: center;
    font: normal normal 600 20px/24px Roboto;
    font-size: 20px;
    font-size: 20px;
    letter-spacing: 0px;
    color: #FFFEFD;
    opacity: 1;
    margin-top: 20px;
    font-size: 16px; 
    padding-left: 10px;
    padding-right: 10px;
}
.box{
    position: relative;
    float: left;
    /*    max-width: 390px;*/
    width: 100%;
    min-height: 225px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*    border: 1px solid #EAE9E8;*/
    border-radius: 10px;
    opacity: 1;
    margin-bottom: 60px;
    margin-top: 60px;
    margin-right: 12px;
}

.box_custom{
    position: relative;
    float: left;
    max-width: 390px;
    width: 100%;
    min-height: 225px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAE9E8;
    border-radius: 10px;
    opacity: 1;
    margin-bottom: 60px;
    margin-top: 60px;
    margin-right: 12px; 
}

.subcatactive{
    display: block;
    width: 100%;
    overflow: hidden;
    margin-left:10px;
}
.box_tekst{
    font-size: 16px;
    letter-spacing: 0px;
    color: #B4B4B4;
    padding: 0px 22px 0px 22px;
    margin-bottom: 10px;

}
.box_kop{
    text-align: left;
    letter-spacing: 0px;
    color: black;
    opacity: 1;
    margin-top: 34px;
    margin-left: 22px;
    margin-right: 22px;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}
.text_icon{
    color: #E63935;
    font-size: 45px;
    width: 50%;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    margin-top: 25px;
}


.content_right_gradient{
    max-width: 625px;
    background-color: rgba(59,95,97,0.7);
    padding: 30px;
    box-sizing: border-box;
    float: right;
    border-radius: 10px;
    width:100%;
    margin-bottom: 40px;

}

.content_right_gradient p {
    line-height: 27px;
}

.content_right_container{
    padding: 40px;
}



.footer{
    background-color: #F2F2F2;
    min-height: 260px;
    position: relative;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}

.footerred{
    background-color:#E63935;
    text-align: center;
    color:white;
    position:absolute;
}

.footerred{
    background-color: #E63935;
    text-align: center;
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    height:36px;
    line-height: 36px;
    bottom: 0;
}

.footerimage{
    position: relative;
    width: 222px;
    height: 50px;
    background-image: url(/bg_img/logo.png);
    background-repeat: no-repeat;
}

.footermax{
    max-width: 1266px;
    margin: 0 auto;
    background-repeat: no-repeat;
    padding-top: 25px;
}

.footer1{
    float: left;
    min-height: 200px;
    margin-right: 75px;
}

.footer2{
    margin-top: 12px;
    min-height: 200px;
    float:left;
}

.footer3{
    margin-top: 12px;
}

.footertext{
    font-size:20px;
    color:black;
    font-weight: 500;
}

.footerlinks{
    margin-top: 15px;
    text-decoration: none;
    color:black;
}

.footerlinksa{
    text-decoration: none;
    color: black;
}

.footercolumn1 , .footercolumn2 , .footercolumn3{
    float: left;
    min-width: 200px;

}


.buttom_email{
    width: 124px;
    height: 34px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: unset;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFEFD;
    opacity: 1;
    margin-top: 20px;
    font: normal normal 600 14px/18px Roboto;
}

.custom-loginbutton{
    width: 124px;
    height: 34px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: unset;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFEFD;
    opacity: 1;
    margin-top: 20px;
    font-size: 16px;  
}

.tooltip {
display: inline-block;
position: relative;
background-image: url(/bg_img/tooltip.png);
background-repeat: no-repeat;
width: 25px;
height: 25px;
z-index: 5000;
background-size: contain;
float: right;

}

.tooltip .tooltiptext {
visibility: hidden;
min-width: 350px;
background-color: #555;
color: #fff;
border-radius: 6px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -173.7px;
transition: opacity 0.3s;
padding: 25px;
box-sizing: border-box;
font-weight: 300;
font-size: 15px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.productenrightcontainer{
    /*overflow: hidden;*/
    /*  display: flex;*/
    
    display: inline-block;
width: 79%;

}

.related_products_flex {
    max-width: 1000px !important;;
}

.containerflex{
    padding: 0 20px;

}
.shopdeelcat_container{
    overflow:hidden;
}

.verderwinkelen_button{
    width: 50%;
    height: 43px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: center;
    font: normal normal 600 14px/18px Roboto;
    line-height: 18px;
    line-height: 18px;
    letter-spacing: 0px;
    float: left;
    line-height: 42px;
    color: #FFFEFD;
    cursor: pointer;
    max-width: 190px;  
}

.categorieactive{
    color: #E63935 !important;
    font-weight: 500;
}

.webshopheader > p > .buttom{
    width:unset!important;

}
.webshopheader{
    max-width: 625px;
    background-color: rgba(59,95,97,0.7);
    padding: 30px;
    box-sizing: border-box;
    float: right;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 100%;
    margin-bottom: 40px;
    margin-top: 71px;
}
.related_products_flex{
    display:flex;
}
.relatedcart{
    width: 100%;
    height: 43px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 42px;
    color: #FFFEFD;
    margin-bottom: 15px;
    cursor: pointer;
    background-color: #0076B4;
}

.bottom{
    /*       position: absolute;
    bottom: 0;
    width: 86%;*/
}
.shopdeelcat{
    float: left;
    max-width: 291px;
    width: 100%;
    min-height: 200px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAE9E8;
    border-radius: 5px;
    opacity: 1;
    margin-bottom: 60px;
    margin-right: 7px;
    position: relative;
    text-align: center;
    padding-top: 20px;
}

.shopbox_header{
    color: #0076B4;
    font-size: 20px;
}
.shopbox_img{
    width: 150px;
    height: 150px;
    margin: 0 auto;
    margin-top: 0px;
    background-size: contain;
    margin-bottom: 10px;
}

.nieuwscontainer{
    width:100%;
    max-width:1200px;
}

.cart-count{
    position: absolute;
    top: -11px;
    left: 41%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E63935;
    padding: 0 .1rem;
    border-radius: 50px;
    text-align: center;
    font: normal normal bold 9px/13px Roboto;
    letter-spacing: 0px;
    color: #FFF;
    opacity: 1;
    width: 17px;
    height: 17px;
    transform: matrix(1, 0.02, -0.02, 1, 0, 0);
}

.categoriecontainer{
    width: 1155px;
    background-color: rgb(244, 243, 240);
    position: absolute;
    top: 74px;
    z-index: 50000 !important;
    right: 12.7%;
    box-shadow: rgba(43, 46, 52, 0.1) 0px 5px 20px;
}

/*.hoofdcatdivsub {
float: left;
max-width: 193px;
width: 100%;
margin-left: 40px;
margin-bottom: 55px;
margin-bottom: 43px;
}*/

.subcategoriecontainer {
    max-width: 718px;
    width: 100%;
    float: right;
    padding-top: 30px;
    background-color: #E3E1DA;
    min-height: 664px;
}

/*.categorieimage {
width: 100%;
height: 27px;
margin-bottom: 30px;
}*/

.hoofdcatdiv {
    max-width: 285px;
    width: 100%;
    height: 32px;
    cursor: pointer;
    padding-right: 6px;
    box-sizing: border-box;
}
.hoofdcatactive {
    background-color: #E3E1DA;
    color: #2B2E34 !important;
}

.categoriehoofdsub{
    text-align: left;
    letter-spacing: 0px;
    color: #2B2E34;
    opacity: 1;
    font-size: 15px;
    float: left;
    font-weight: 500;
    line-height: 25px;   
    max-width: 275px;
    width: 100%;
    margin-left: 40px;
}

.categoriehoofdsubunderneath {
    text-align: left;
    letter-spacing: 0px;
    color: #2B2E34;
    opacity: 1;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
}
.categoriehoofdsubunderneath {
    max-width: 275px;
    width: 100%;
    margin-left: 40px;
    float:left;
}

.subcategorie{
    display:none;
}


/*.categoriehoofdsub {
text-align: left;
font: normal normal bold 15px/25px Maven Pro;
letter-spacing: 0px;
color: #2B2E34;
opacity: 1;
}*/

/*.hoofdcatdivsubunderneath{
display:block;
}

.categoriehoofdsubunderneath a{
display:block;
}*/
/*.customcategoriehr {
width: 231px;
border: 1px solid white;
margin-left: -30px;
margin-top: 15px;
margin-bottom: 15px;
}*/

.subhoofdcategoriecontainer {
    width: 43%;
    float: left;
}

.subcatactive > span > a{
    color: #E63935; 
    margin-right: 78px;
    /*margin-left: 10px;*/
    font-size: 13px;
}

.hoofdcatdivsubunderneath
{
    display: block;
    width: 100%;
    overflow: hidden;
}

.categoriehoofdsubunderneath a:hover{
    color: #E63935; 
}

.subcategorie span{
    color: #142C34;
    text-decoration: none;
    float: left;
    margin-left: 40px;
}

.categorieimage{
    margin-bottom: 10px;
    margin-top: 10px;
    background-size: contain;
    margin-left: 40px;
    float: left;
    width: 25%;
    height: 50px;
    background-size: contain;
    margin-left: 40px;

}

.categoriehoofdsub a:hover {
    color: #E63935;
}

.hoofdcategoriecontainer {
    text-align: right;
    letter-spacing: 0px;
    color: #2B2E34;
    float: right;
    opacity: 1;
    max-width: 285px;
    width: 100%;
    box-shadow: 0 5px 20px rgba(43,46,52, 0.1);
}

.categoriearrow {
    border-left: 8.5px solid transparent;
    border-right: 8.5px solid transparent;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 8.5px;
    border-bottom: 15px solid #E3E1Da;
    position: absolute;
    right: 84px;
    top: -15px;
}

.nieuwswrapper{
    position: relative;
    float: left;
    max-width: 390px;
    width: 100%;
    min-height: 440px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAE9E8;
    border-radius: 10px;
    opacity: 1;
    margin-bottom:60px;
    margin-top:60px;
    margin-right:12px;
}

.nieuwswrapper:last-child{
    margin-right:0px;
}

.nieuwscontentp h1{
    text-align: center;
    font-size: 55px;
    color: #0076B4;
}

.nieuwscontentp p {
    max-width: 770px;
    margin: 0 auto;
}

.nieuws_image{
    width: 100%;
    max-width: 350px;
    height: 265px;
    background-size:contain;
    margin-left: 20px;
    box-sizing: border-box;
    margin-top: 22px;


    background-repeat: no-repeat;
    background-position: center;
}

.nieuwsoverzichtb{
    color:#E63935;
    text-decoration: none;
}


.nieuws_titel{
    text-align: left;
    letter-spacing: 0px;
    color: black;
    opacity: 1;
    margin-top: 34px;
    margin-left: 22px;
    margin-right: 22px;
    font-size: 20px;
    font-weight:500;
}

.container_custom_right{
    overflow: hidden;
    background-color: #EAE9E8;
    width: 55%;
    float: right;
    position: relative;
    padding-top: 50px;
    box-sizing: border-box;
    padding-bottom: 50px;
}


.nieuws_teaser{
    font-size: 16px;
    letter-spacing: 0px;
    color: #B4B4B4;
    padding: 0px 22px 0px 22px;
    margin-bottom:10px;
}

.box_nieuws_wrapper{
    width:100%
}

.nieuwstraingle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 100px 0 0;
    border-color: #0076B4 transparent transparent transparent;
    position: absolute;
    top: 40px;
    left: 40px;

}


.box_specific_nieuws_container{
    width: 380px;;
    position: relative;
    background-color: #f4f3f0;
    float: left;
    margin-bottom:21px;
}


.box_nieuws_image {

    width: 100%;
    height: 246px;
    margin: 0 auto;
    background-repeat: no-repeat;
    min-width: 350px;
    margin-bottom: 40px;                     
    margin-top: 40px;
    margin-left: 40px;
}

.box_nieuws_tekst {
    float: left;
    background-color: #f4f3f0;
    width: 65%;
    text-align: left;

    letter-spacing: 0px;
    color: #868686;
    padding-left: 60px;
    padding-top: 40px;
    box-sizing: border-box;
    padding-right: 60px;

}



.box_nieuws_title {
    text-align: left;
    letter-spacing: 0px;
    color: black;
    opacity: 1;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 21px;
}
.nieuwstraingletext{
    transform: rotate(-44deg);
    position: absolute;
    top: 52px;
    left: 40px;
    text-align: left;
    letter-spacing: 0.24px;
    color: #E3E1DA;
    opacity: 1;
}

.nieuws_button{
    width: 131px;
    height: 43px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: unset;
    text-align: center;
    font: normal normal 600 20px/24px Roboto;
    font-size: 20px;
    line-height: 24px;
    font-size: 20px;
    font-size: 20px;
    font-size: 20px;
    letter-spacing: 0px;
    color: #FFFEFD;
    opacity: 1;
    margin-top: 20px;
    font-size: 16px;
    line-height: 43px;
    cursor:pointer;
}

.buttom a {
    color:white;
    text-decoration: none;
}

.buttom2 a {
    color:white;
    text-decoration: none;
}

.contentcontactcontainertext{
    width: 45.38539553752535%;
    float: left;
    margin-right: 6.85%;
}


.customfaq_left_container{
    position: relative;
    float: left;
    width: 100%;
    background-color: #fff;
    border-top-right-radius: 20px;
    box-sizing: border-box;
    padding-right: 100px;
}

.faqleftcontainer{
    width: 45.38539553752535%;
    float: left;
    /*margin-right:6.85%;  */
    padding-right: 6.85%;
    border-top-right-radius: 15px;
}

.faqcontainer{
    width:100%;
    margin-bottom:100px;
}

.faqvraag , .productdesctitel{
    color: #2B2E34;
    cursor: pointer;
    padding: 18px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-bottom:2px solid grey;
    padding-left: 0px;
    font-size:17px;
    font-weight:500;
    position:relative;
    font-size: 16px;
    letter-spacing: 0px;
    color: #B4B4B4;
}

.faqantwoord,.productdescr2 {
    padding: 0 18px;
    display: none;
    color: #B4B4B4;

    background-color: #F4F3F0;
    overflow: hidden;
    font-size: 16px;



}

.contactrightcontainer{
    width: 47.76%;
    background-color: #EAE9E8;
    min-height: 637px;
    float: right;
    border-top-left-radius: 15px;

}

.contacttitel{
    margin:0;
    letter-spacing: 0px;
    color: #0076B4;
}

#formsendcustomfaq{
    padding: 20px;
}

.faqbutton{
    width: 131px;
    height: 43px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: unset;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFEFD;
    opacity: 1;
    margin-top: 20px;
    font-size: 16px;
}

.inputcontactform{
    height: 30px;
    position: relative;
    max-width: 430px;
    width: 100%;
    padding-left: 15px;
    border-radius: 5px;
    -webkit-appearance: none;
    font-size: 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAE9E8;
    border-radius: 5px;
    opacity: 1;
    font-size: 16px;
    letter-spacing: 0px;
    margin-top: 13px;
    color: #B4B4B4;
}

.contacttitel h1{
    margin:0px;
}

.productenwrapper{
    float: left;
    position:relative;
    max-width: 291px;
    width: 100%;
    min-height: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAE9E8;
    border-radius: 5px;
    opacity: 1;
    margin-bottom:60px;
    margin-right: 7px;
}

.product_image {
    width: 100%;
    max-width: 197px;
    height: 220px;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

.product_artikel_naam{
    color: #323639;
    font-size: 25px;
    font-weight: 500;
}

.categorieimage_custom{
    float: left;
    width: 6%;
    height: 70px;
    background-size: contain;
    margin-left: 40px;
    position: absolute;
    left: 0;
}
.product_artikel_details{
    color: #BCB6B6;
    font-size: 15px;

}
.product_titel{
    /*float:left;*/

}

.productprijs{
    color: #E63935;
    font-weight: 500;
    font-size: 20px;
    /*    float: right;*/
    margin-top: 13px;
}

.product_text{
    overflow:hidden;
    padding: 0 20px;
    margin-top:30px;
}

.shopnow{
    width: 100%;
    height: 43px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: unset;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFEFD;
    cursor: pointer;
    opacity: 1;
    margin-top: 20px;
    font-size: 16px;
    padding:0 20px;
    margin-bottom: 10px;
}

.shopcat{
    font-size: 35px;
    color: black;
    font-weight: 599;
    margin-top: 50px;
    margin-bottom: 30px;
}

.specificproduct_image {
    float: left;
    max-width: 500px;
    height: 500px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom:40px;
    /*background-size:cover;*/
}

.specifcproductorder_container {
    width: 100%;
    min-height: 395px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAE9E8;
    border-radius: 5px;
    max-width: 291px;
    float: right;
    padding-top: 21px;
    padding-left: 17px;
    padding-right: 17px;
    box-sizing: border-box;
}

.toptext {
    padding-bottom: 20px;
    color: #323639;
    font-weight: 500;
    font-size: 25px;
    color: #0076B4;
}

.verzending {
    text-align: left;

    letter-spacing: 0px;
    color: #323639;
    padding-bottom: 23px;
}

.besteld {
    text-align: left;

    letter-spacing: 0px;
    color: #323639;
    max-width: 225px;
    padding-bottom: 45px;
}

.specificproduct_overzicht_voorraad {
    text-align: left;

    letter-spacing: 0px;
    color: #9FD044;
    margin-top: 4px;
    margin-bottom: 30px;
}

.specificproduct_overzicht_niet_voorraad {
    text-align: left;

    letter-spacing: 0px;
    color: #E63935;
    margin-top: 4px;
    margin-bottom: 30px;
}

.product_aantal {
height: 35px;
    letter-spacing: 0px;
    color: #868686;
}

.optie1,.optie2{
    height: 35px;
}

#product_pulldown_aantal {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAE9E8;
    border-radius: 5px;
float: right;
    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
    width: 100%;
    height: 33px;
    text-align: center;
    max-width: 57px;
}

#pulldown_optie1,#pulldown_optie2{
    float:right;
}

.addtocart {
    width: 100%;
    height: 43px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 5px;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0px;
    line-height: 42px;
    color: #FFFEFD;
    margin-bottom: 15px;
    cursor: pointer;
}

.disableaddtocart{
    width: 100%;
    height: 43px;
    background: #C4C4C4 0% 0% no-repeat padding-box;
    border-radius: 5px;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0px;
    line-height: 42px;
    color: #FFFEFD;
    margin-bottom: 15px;
    cursor: pointer;
}

.artikelvoorraadigemail{
    position: relative;
    background: #C4C4C4 0% 0% no-repeat padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-image: none;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-image: none;
    border: 0px;
    line-height: 30px;
    -webkit-appearance: none;
    font-size: 16px;
    border-radius: 50px;
    padding-left: 20px;
    width: 100%;
    max-width: 300px;
    float: left;
    margin-top: 9px;
    color: white;
    margin-bottom: 20px;
}

#content-container{
    max-width: 1266px;
    margin: 0 auto;
    position: relative;
}

.thumb_container{
    overflow:hidden;
}

.specificproductwrapper{
  /*  overflow:hidden;*/
  min-width: 100%;
float: left;
}



.toptextcontainer {

    margin-bottom: 80px;
}

.textleft {
    text-align: center;
    font-size: 20px;
    font-weight:500;
    letter-spacing: 0px;
    color: #E63935;
    float:left;
}

.currentcat {

    margin-top: -9px;
    font-size:40px;
    letter-spacing: 0px;
    font-weight:500;
    color: #323639;
    margin-left: 267px;
    opacity: 1;
    color: #0076B4;
}

.merken_text_container {
    float: left;
    width: 261px;
}

.merken_standaard_text {
    font-weight:500;
    letter-spacing: 0px;
    text-align: left;
    font-size: 20px;
    letter-spacing: 0px;
    color: #E63935;
    margin-bottom:15px;
}

.merken_text a{
    color: #0076B4;
    text-decoration: none;
}
.removefromcart{
    color: #E63935;
    margin-left: 20px;
    font-weight: 900;

    cursor: pointer;
}
.pulldown_aantal{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAE9E8;
    border-radius: 5px;

    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
    width: 100%;
    margin-left: 20px;
    height: 33px;
    text-align: center;
    max-width: 57px;
}

.merken_text {
    text-align: left;
    letter-spacing: 0px;
    color: #0076B4;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.thumbnail_images {
    border: 1px solid #EAE9E8;
    margin-right: 16px;
    width: 84px;
    height: 84px;
    position: relative;
    background-size: contain;
    float: left;
    background-repeat: no-repeat;
    float: left;
    background-position: center center;
}

.specificproductcontainer{
    width: 950px;
    margin: 0 auto;
    float: left;
}

.arrowleft , .arrowright{
    float: left;
    margin-top: 200px;
}

.fancyboxbutton{


    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 5px;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    line-height: 18px;
    line-height: 20px;
    color: #FFFEFD;
    cursor: pointer;
    border: unset;
    padding: 12px;


}

.cattext_overzicht{
    overflow: hidden;
    margin-left: 261px;
    margin-bottom:20px;
}
.cattext_overzicht h1{
    width: 100%;
    font-size: 40px;
    letter-spacing: 0px;
    font-weight: 500;
    color: #323639;

    opacity: 1;
    color: #0076B4;
}
.cattext_overzicht h2{

    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #E63935;

}
.specificproduct_overzicht_prijs{
    color: #E63935;
    font-weight: 500;
    font-size: 20px;
}

.specificproductomschrijving h1{
    color: #0076B4;
}
.specificproductomschrijving h2{
    color: #E63935;
}


.winkelwagencontainer {
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 20px;
}

.standaardh1 {
    text-align: left;

    letter-spacing: 0px;
    color: #0076B4;
    opacity: 1;
}

.h1bestellen{
    text-align: left;

    letter-spacing: 0px;
    color: #0076B4;
    opacity: 1;
    margin-bottom: 20px;
    border-bottom: 1px solid #EAE9E8;
    padding-bottom: 20px;
}

.winkelwagenimg {
    overflow: hidden;
    border: 1px solid #EAE9E8;
    margin-right: 16px;
    width: 84px;
    height: 84px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    background-position: center center;
    padding: 5px;
    float: left;
}
.artikelencontainer:first-of-type {
    border-top: 1px solid #EAE9E8;
}
.artikelencontainer {
    overflow: hidden;
    position: relative;
    overflow: hidden;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
}

.bordertop {
    border-top: 1px solid #EAE9E8;
}


.winkelwagenright {

    width: 50%;
    text-align: right;
    padding: 20px 0px;
    border-bottom: 1px solid #EAE9E8;
    margin-left: 50%;
    overflow: hidden;

}

.verzendkosten {

    float: left;
    text-align: left;
    font: normal normal 600 14px/18px Roboto;
    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
    width: 137px;
    height: 18px;

}

.verzendkostenright {
    text-align: right;

    letter-spacing: 0px;
    color: #E63935;
    opacity: 1;
    float: right;
}

.winkelwagenkosten {
    width: 50%;
    text-align: right;
    padding: 20px 0px;
    margin-left: 50%;
}

.nextstepcontainer {
    width: 50%;
    text-align: right;
    padding: 20px 0px;
    margin-left: 50%;
    overflow: hidden;
}

.betaalmethodecontainer {
    position: relative;
    float: right;
    width: 200px;
    height: 48px;
    background-image: url(/bg_img/betaalmethodes_pt3.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.totaalbedragtext {
    text-align: left;
    font: normal normal 600 18px/22px Roboto;
    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
    float: left;
}

.totaalbedrag {
    text-align: right;
    line-height: 24px;
    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
    position: relative;
}

.incbtw {
    text-align: left;

    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
    margin-top: 13px;
    float: left;
}

.totaalbtw {
    margin-top: 13px;
    text-align: right;

    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
    position: relative;
}

.winkelwagentext {
    width: 33%;
    float: left;
}

.winkelwagen_product_aantal {
    width: 33%;
    float: left;
}

.winkelwagenkortingprice {
    text-align: right;

    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
}

.winkelwagentextcontainer {
    margin-top: 39px;
}

.verder_winkelen{
    float: left;
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    line-height: 43px;
    color: white;
    text-decoration: none;
    text-align: center;
    width: 98%;
}

.bestellen_button{
    width: 50%;
    height: 43px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: center;
    font: normal normal 600 14px/18px Roboto;
    line-height: 18px;
    letter-spacing: 0px;
    float: right;
    line-height: 42px;
    color: #FFFEFD;
    cursor: pointer;
    max-width: 190px;
}

.herbestellen_button{
    width:50%;
    height:43px;
    background: #E63935 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: center;
    font: normal normal 600 14px/18px Roboto;
    line-height:18px;
    letter-spacing: 0px;
    float:left;
    line-height:42px;
    color: #FFFEFD;
    cursor:pointer;
    max-width:190px;
    margin-top:10px;
}

.gegevenscontainer {
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

.currentstep {

    opacity: 1;
    margin-bottom: 25px;
}

.activestep {
    text-align: left;

    letter-spacing: 0px;
    color: #E63935;
    margin-top: 10px;
    opacity: 1;
    font-size: 20px;
    font-weight: 500;
    margin-right: 19px;
}

.nextstep {
    text-align: left;

    letter-spacing: 0px;
    color: #EAE9E8;
    opacity: 1;
    font-size: 20px;

    margin-top: 10px;
    margin-right: 19px;
}



.gegevensoption {

    padding-bottom: 20px;
    border-bottom: 1px solid #EAE9E8;

}


.container_checkbox {
    padding: 10px 10px 10px 0px;
    text-align: left;
    font: normal normal normal 14px/24px Roboto;
    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
}

.custom-input-field {
    height: 30px;
    position: relative;
    max-width: 385px;
    width: 100%;
    padding-left: 15px;
    border-radius: 5px;
    -webkit-appearance: none;
    font-size: 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAE9E8;
    border-radius: 5px;
    opacity: 1;
    font: normal normal normal 14px/19px Roboto;
    letter-spacing: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #868686;
}

.registratie_tekst {
    text-align: left;
    font: normal normal normal 14px/24px Roboto;
    letter-spacing: 0px;
    color: #868686;
    margin-bottom: 10px;
}

.registratie_tekst a {
    text-align: left;
    font: normal normal normal 14px/24px Roboto;
    letter-spacing: 0px;
    color: #868686;
    margin-bottom: 10px;
}

.invalid {
    background: url(../images/invalid.png) no-repeat 0 50%;
    padding-left: 5px;
    line-height: 20px;
    color: #ec3f41;
}

.valid {
    background:url(../images/valid.png) no-repeat 0 50%;
    padding-left:5px;
    line-height:20px;
    color:#3a7d34;
    /*    text-decoration-line: line-through;*/
}

.iframecontainer{
    width: 300px;
    margin-bottom: 20px;
    margin-top: 20px;
    position:relative;
}


@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px)  { 
    .header-container{
        height:unset;
    }

    .bezorgen-icon{
        margin-left: 15px;
    }

    .levering-icon{
        margin-left: 15px;
    }

    .telefoon-icon{
        margin-left: 15px;
    }

    .searchhome{
        max-width: 154px;
    }

    .rslides{
        max-height:unset;
    }

    .slider_text_right{
        margin-top:unset;
        margin: 0 20px 0 20px;
    }

    /*      .menuandimages{
    float:unset;
    }*/

    .menucontent{
        margin-top:unset;
    }

    .menucontent a{
        margin-top:unset;
        margin-right:30px;
    }

    .cart{
        margin-top:unset;
        margin-right:11px;
    }

    .login{
        margin-top:unset;
    }

    .header_logo{
        margin-left:6px;
    }

    .homepagecats_container{
        padding-left: 0px;
        padding-right: 0px;
    }

    .homepagecats{
        float:unset;
    }

    .productencontainer{
        width:76%;
        margin: 0 auto;
    }

    .nieuwswrapper{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .customfaq_left_container{
        width:95% !important;
        float:unset;
        padding-right: 10px;
        padding-left: 10px;
    }

    .contactrightcontainer{
        width:100%;
    }

    .inputcontactform{
        max-width:350px;
    }

    #formsendcustomfaq{
        padding:10px;
    }

    .faqcontainer{
        margin-bottom: 25px;
    }

    .footer1{
        float:unset;
        min-height:unset;
    }

    .rslides_tabs{
        display:none;
    }

    .textleft{
        display:none;
    }

    .merken_text_container{
        float:unset;
        margin-left: 20px;
    }

    .productenrightcontainer{
        flex-wrap:wrap;
    }

    .box_custom{
        margin-top:20px !important;
        margin-bottom:20px !important;
    }

    .text_content{
        padding: 0px 10px 0px 10px;
    }

    .box_nieuws_title{
        height:unset !important;
    }

    .box_nieuws_tekst{
        width:100%;
    }

    .shopdeelcat_container{
        margin:0 auto;
        width:76%;
    }

    .currentcat{
        margin-left: 20px;
        margin-top: 30px;
    }

    .merkencontainer{
        margin-bottom: 20px;
    }

    .cattext_overzicht{
        padding-left:20px;
        padding-right:20px;
        margin-left:unset;
    }

    .footer{
        padding-left: 20px;
    }

    .winkelwagenright, .winkelwagenkosten{
        margin-left: 20px;
        width:90%;
    }

    .productenwrapper{
        margin: 0 auto;
        margin-bottom:20px;
    }

    .subcategoriecontainer
    {
        display:none !important;
    }

    .categoriecontainer{
        top: 117px !important;
        right:32.7%;
    }

    .currentcat{
        font-size:32px;
    }

    .menuandimages{
        margin-right:38px;
    }



    .specificproduct_image{
        width: 100%;
        height: 275px;
        max-width:325px;
        /*        max-width: 190px;*/
        background-size:contain;
    }

    .specifcproductorder_container{
        float:left;
        margin-bottom:20px;
    }

    .specificproductcontainer{
        /*        margin-left:20px;   
        max-width:950px;
        width:unset!important;*/
        max-width: 399px;
        min-width: 350px;
        margin-left:20px;
    }

    .nieuws_image{
        margin-left:10px;
    }

    .nextstepcontainer{
        margin-left:20px;
        width:90%;
    }

    .verderwinkelen_button{
        width:40%;
    }

    .bestellen_button{
        width:40%;
    }


    .winkelwagentext , .winkelwagen_product_aantal{
        float:unset;
        margin-bottom:10px;
        width:unset;
    }

    .winkelwagenkortingprice{
        text-align: unset;
    }

    .winkelwagentextcontainer{
        margin-top:unset;
    }

    .winkelwagenimg{
        margin-left:20px;
    }
    .winkelwagencontainer > .standaardh1{
        margin-left:20px;
    }

    .gegevenscontainer > .h1bestellen{
        margin-left:20px;
    }

    .currentstep, .gegevensoption{
        margin-left:20px;
    }

    .activestep, .nextstep{
        font-size: 14px;
    }
}