/* SINGLE BLOCKS */

.m .h3_2_regels{top:-8px;} /* tbv knop met 2 regels text */

.m #single_block{border:0;font:inherit;margin:0;padding:0;position:relative;width:100%;background-image:url('../images/bg.jpg');}
.m #single_block.overons{height:2100px;}
.m #single_block.contact{height:850px;}
/*.m #single_block.challenge{width:10%;height:5625px;}*/

.m .sc.artikel{width:400px;height:800px;background:inherit;} /* MAIN */
.m .sc.challenge{left:0px; height:2600px;}   /* MAIN */ 

.m .single_block1{border:0;font:inherit;margin:0;padding:0;box-sizing:border-box;display:block;outline:none;transform-origin:50% 50%;position:absolute;left:0px;top:20px;width:360px;}
.m .single_block1.overons{height:2040px;}
.m .single_block1.contact{height:800px;}
.m .single_block1.artikel{max-width:430px;left:0px;top:40px;} /* FRAME */
.m .single_block1.challenge{width:380px;height:2525px;left:5px;top:23px;}    /* FRAME */
.m .single_block1 .inside_border{outline:3px dashed #d4806e;outline-offset:-15px;background-color:#fff;height:100%;width:100%;}

.inside_border{outline:3px dashed #d4806e;outline-offset:-15px;background-color:#fff;height:100%;width:100%;}

.m .resizableImage.artikel{top:-75px;}

.m .single_block2{border:0;font:inherit;margin:0;padding:0;box-sizing:border-box;display:block;outline:none;transform-origin:50% 50%;position:absolute;left:20px;top:40px;width:360px;height:461px;}
.m .single_block2 .resizableImage{pointer-events:none;}
.m .single_block2 h2{margin:0px;padding:0px;color:#ab3b36;line-height:1.2;letter-spacing:0em;font-size:46px;text-align:left;font-family:'Playfair Display';font-weight:400;font-style:normal;}
.m .single_block2.artikel div{position:absolute;top:20px;text-align:center;}
.m .single_block2.artikel div img{width:275px;margin-left:5px;}
.m .single_block2.artikel div div{display:none;}
.m .single_block2 .h2-challenge{font-size:30px;}


.m .single_block3{border:0;font:inherit;margin:0;padding:0;box-sizing:border-box;display:block;outline:none;transform-origin:50% 50%;position:absolute;left:20px;top:100px;width:405px;height:auto;}
.m .single_block3.artikel{top:400px;width:320px;}
.m .single_block3.artikel h2{position:absolute;top:0px;left:10px;color:#ab3b36;line-height:1.2;letter-spacing:0em;font-size:30px;font-family:'Playfair Display';font-weight:400;font-style:normal;}

.m .single_block3.text{height:auto;background:#fff;}

.m .single_block3.challenge{padding-left:10px;}

.m .single_block3.text h2{color:#ab3b36;line-height:1.2;letter-spacing:0em;font-size:30px;font-family:'Playfair Display';font-weight:400;font-style:normal;}
.m .single_block3.text .button{margin:20px 0px 20px 0px;float:right;}
.m .single_block3.text.search{top:125px;width:300px;height:auto;background:inherit;}
.m .single_block3.search{top:75px;width:320px;}
.m .single_block3.search h2{position:absolute;top:0px;left:10px;color:#ab3b36;line-height:1.2;letter-spacing:0em;font-size:30px;font-family:'Playfair Display';font-weight:400;font-style:normal;}
.m .single_block3 h3{margin:0px;padding:0px;color:#fff;line-height:1.8em;letter-spacing:0.2em;font-size:12px;text-align:center;font-family:'Montserrat';font-weight:600;font-style:normal;}
.m .single_block3 .resizableImage{width:300px;height:300px;margin-top:20px;margin-left:10px;z-index:999999;}
.m .single_block3.order.text h3{left:73px;top:200px;width:325px;height:300px;color:#000;background:inherit;}


.m #tbl{width:300px;height:auto;} 

.m .resizableImage.challenge{width:310px;}

 .m .single_block3 p
 {
 	width:320px;
 }
 
.m .single_block3 .tblOrder
{
	width:320px;
	border:0px;
}
.m .single_block3 .tblOrder.alt1{width:340px;}
.m .single_block3 .tblOrder.artikel{width:340px;}


.m .block_img
{
   	border:0;
    margin:450px 0px 0px 0px;
    padding:0;
    display:block;
    position:absolute;
    width:230px;
    height:1269px;
    inset:0px auto auto;
}

.m .block_img.overons
{
	top:145px;	
}

.m .block_img img
{
	position:relative;
	float:left;
	width:320px;
	background:#f50;
}
	
.m .block_img div
{
	position:relative;
	float:left;
	width:10px;
}

.m #header-p3
{
   display:none;
}

/*
.m .header-p3_head
{	
    height:100%;
    left:0px;
    position:absolute;
    top:0;
    width:100%;
    display:block;
    padding-left:100px;
    background-color:#fff;
    text-transform:uppercase;
    line-height:4.0;
    letter-spacing:0.2em;
    text-align:left;
    font-family:'Montserrat';
    font-weight:600;
    font-style:normal;
    color:	#d4806e;
    font-size:14px;
}
*/

/* GROEP PRODUKTEN */

.m #groep-produkten
{
    border:0;
    font:inherit;
    margin:0;
    padding:0;    
    position:relative;
    width:100%;
    height:545px;
}

.m .groep-produkten_header
{
	border:0;
    font:inherit;
    margin:0;
    padding:0;    
    animation-fill-mode:both;
    box-sizing:border-box;
    display:block;
    outline:none;
    transform-origin:50% 50%;
    position:absolute;
    left:-3px;
    top:54px;
    width:603px;
    height:39px;
}

.m .groep-produkten_header h2, .wopke_h2
{
    margin:0;
    position:absolute;
    background:transparent;
    border:0;
    height:100%;
    left:0;
    padding:0;
    top:0;
    width:100%;
    color:rgba(0,0,0,1);
    line-height:1.2;
    letter-spacing:0em;
    font-size:30px;
    font-family:'Playfair Display';
    font-weight:400;
    font-style:normal;
    text-align:left;
}



.m .groep-produkten
{ 
	border:0;
    font:inherit;
    margin:0;
    padding-bottom:8px;    
    animation-fill-mode:both;
    box-sizing:border-box;
    display:block;
    outline:none;
    transform-origin:50% 50%;
    position:absolute;
    top:465px;
    /*height:21px;*/
    background:#fff;
    border: solid 1px #d4806e;
    text-align:center;    
}

.m .arrow_left
{
    transform-origin:50% 50%;
    position:absolute;
    left:-50px;
    top:230px;
    width:30px;
    height:30px;
}

.m .arrow_left div
{
	width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    background-image:url("../svg/arrow_red.svg");
}

.m .arrow_right
{
	border:0;
    font:inherit;
    margin:0;
    padding:0;
    animation-fill-mode:both;
    box-sizing:border-box;
    display:block;
    outline:none;
    transform-origin:50% 50%;
    position:absolute;
    left:1220px;
    top:229px;
    width:30px;
    height:30px;
    transform:scale(1, 1) translate(0px, 0px) rotate(180deg);
}

.m .arrow_right div
{
    border:0;
    font:inherit;
    margin:0;
    padding:0;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:contain;
    border-radius:inherit;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    background-image:url("../svg/arrow_red.svg");
}


.m #productcategorieen
{
    border:0;
    font:inherit;
    margin:0;
    padding:0;
    position:relative;
    width:100%;
    height:403px;
}


/* WAAR BEN JE NAAR OP ZOWK */

.m .productcategorieen_header
{
	border:0;
    font:inherit;
    margin:0;
    padding:0;
    animation-fill-mode:both;
    box-sizing:border-box;
    display:block;
    outline:none;
    transform-origin:50% 50%;
    position:absolute;
    left:365px;
    top:58px;
    width:471px;
    height:21px;
}
.m .productcategorieen_header h3
{
    margin:0;
    position:absolute;
    background:transparent;
    border:0;
    height:100%;
    left:0;
    padding:0;
    top:0;
    width:100%;
    color:rgba(0,0,0,1);
    text-transform:uppercase;
    line-height:1.8;
    letter-spacing:0.2em;
    font-size:14px;
    font-family:'Montserrat';
    font-weight:600;
    font-style:normal;
    text-align:center;
}

.m .productcategorieen-a
{
	border:0;
    font:inherit;
    margin:0;
    padding:0;
    animation-fill-mode:both;
    box-sizing:border-box;
    display:block;
    outline:none;
    transform-origin:50% 50%;
    position:absolute;
    width:275px;
    height:85px;
    transition-duration:0.5s;
    transition-property:opacity;
}

.m .productcategorieen-a div
{
    border:0;
    font:inherit;
    margin:0;
    padding:0;
    border-style:solid;
    box-sizing:border-box;
    height:100%;
    width:100%;
    background-color:rgba(271,59,54,1);
    transition-duration:0.5s;
    transition-property:background-color;
}

.m .productcategorieen-b
{
    border:0;
    font:inherit;
    margin:0;
    padding:0;
    animation-fill-mode:both;
    box-sizing:border-box;
    display:block;
    outline:none;
    transform-origin:50% 50%;
    position:absolute;
    width:230px;
    height:32px;
}

.m .productcategorieen-b nav
{
    margin:0px;
    padding:0px;
    display:block;
    position:absolute;
    background:inherit;    
    border:0;
    height:100%;
    left:0;
    padding:0;
    top:0;
    width:100%;
  	line-height:1.2em;
    letter-spacing:0em;
    font-family:'Playfair Display';
    font-weight:400;
    font-style:normal;
    color:#fff;
    font-size:22px;
    text-align:center;
    
    width:275px;
    height:78px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.m #de-trots-van-belle{top:725px;height:1627px;}  
.m #populaire-producten{top:710px;height:545px;}
.m #op-de-planning{top:710px;height:545px;} 
.m #de-quiltzusjes-b{top:710px;height:1200px;} 

.m #divHome{height:5300px;}