html, body 
{
  /* Zorgt ervoor dat de pagina minimaal de volledige schermhoogte gebruikt */
  margin: 0;
  padding: 0;
  min-height: 100dvh; 
}

body
{
	/* Maak van de body een flex-kolom */
  	display: flex;
  	flex-direction: column;
  	min-height: 100vh;
}


.d h2
{
	color:#ab3b36;
	line-height:1.2;
	letter-spacing:0em;
	font-size:42px;
	font-family:'Playfair Display';
	font-weight:400;
	font-style:normal;
	background:inherit;
}

.d h3
{
	text-transform: uppercase;
	line-height: 1.8;
	letter-spacing: 0.2em;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
}

.d h5
{
	color:#000;;
    line-height: 1.8;
    letter-spacing: 0.015em;
    font-family: 'Montserrat';
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    text-align: left;
}
	
.d h4
{
	line-height: 1.2;
    color: rgba(225,168,155,1);
    letter-spacing: 0.05em;
    font-size: 16px;
    text-align: left;
    font-family: 'Playfair Display';
    font-weight: 400;
    font-style: italic;
}

.d .subgroep  
{
	line-height: 1.2em;                
    letter-spacing: 0em;            
    font-family: 'Playfair Display';
    font-weight: 400;               
    font-style: normal;             
    font-size: 22px;
}


.d .artikelen
{
	height:auto-content;
	background:#fff;
	border:solid 1px #f00;
	text-align:center;
}
.d .artikelen img
{
	width:333px;
	height:auto;
}
.d .artikelen .xl.arts, .m .artikelen p 
{
	position:relative;
	background:#fff;
}

/*
.d .artikelen img
{
	width:333px;
	height:333px;
}
*/
.d a
{
	text-decoration:none;
	color:#fff;
}

.d a:hover
{
	color:#ab3b36;
}

.d p
{
	line-height: 1.5;
    font-size: 14px;
    font-family: 'Montserrat Regular';
    font-style: normal;
    font-weight: 400;
}

.d p.xl
{
	line-height: 1.5;
    font-style: normal;
    margin: 10px 0px 10px 0px;
    font-size: 14px;
    font-family: 'Montserrat Regular';
    font-weight: 600;
    color: #ab3b36;
}

.d input[type="button"], .d input[type="submit"]
{
	background-color: #ab3b36;	
	min-width: 140px;
 	height: 45px;
 	border: solid 1px #D4806E;
 	border-radius: 49px;
 	text-align: center; 	
 	text-transform:uppercase;
 	line-height:1.8;
 	letter-spacing:0.2em;
 	font-size:14px;
 	font-family:'Montserrat';
 	font-weight:600;
 	font-style:normal;
 	color: #fff;
 	cursor: pointer;
 	padding:0px 6px 0px 6px;
 	line-height: 1.3em;
}

.d input[type="button"].small, .d input[type="submit"].small
{
	background-color: #ab3b36;	
	min-width: 95px;
	width:100px;
 	height: 25px;
 	border: solid 1px #D4806E;
 	border-radius: 49px;
 	text-align: center; 	
 	text-transform:uppercase;
 	line-height:1.8;
 	letter-spacing:0.2em;
 	font-size:11px;
 	font-family:'Montserrat';
 	font-weight:600;
 	font-style:normal;
 	color: #fff;
 	cursor: pointer; 	
 	line-height: 1.3em;
 	margin: 5px 0px 5px 0px;
 	float:none;
}

.d textarea{height:150px;width:750px;}
.d input[type="text"]{height:30px;width:750px;}

.d input[type="checkbox"].contact
{
	width: 28px;
  	height:28px;
    outline:1px solid #000;
    background-color: #fff;
}
.d input[type="checkbox"].contact:hover{outline:2px solid #eee;}

.d #imgBig{width:195px;cursor:pointer;} 


.d img.imgDel{width:25px;}



/*
.d .block_img.overons{top:75px;}
.d .block_img img
{
	position:relative;
	float:left;
	height:245px;
	background:#f50;
}
	
.d .block_img div
{
	position:relative;
	float:left;
	width:10px;
}
*/

.d table.tblOrder{width:720px;border-collapse: collapse;border: solid 0px #D4806E;background:inherit;margin-bottom:25px;}
.d table.tblOrder.noborder td{border-collapse: collapse;border:0;background:#fff;padding:15px;}

.d table.tblOrder tr{height:30px;}
.d td.tdItem  
{
 	height: 10px;  	
 	line-height:1.5;
 	font-size:14px;
 	font-family:'Montserrat Regular';
 	font-weight:400; 	
 	padding: 0px 6px 0px 6px;
 	border:solid 1px #D4806E;
 	vertical-align:middle;
}

.d td.tdHeader
{
 	height: 30px;
 	text-align: center;
 	
 	text-transform:uppercase;
 	line-height:1.8;
 	letter-spacing:0.2em;
 	font-size:14px;
 	font-family:'Montserrat';
 	
 	color: #fff;
 	background-color: #D4806E;  
 	border: solid 1px #D4806E;
 	line-height: 2.5em;
}
 
.d td.tdHead
{ 
 	height: 30px;
 	text-align: center;
 	font-size: 20px;
 	font-family: 'Montserrat';
 	font-weight: normal; 
 	line-height: 1.5em; 	
}

.d #divNP{background:#fff;padding-bottom:25px;}
.d #divOZ{background:#91aba6;}
.d #divP1{background-image:url('../images/bg_klossie_1.jpg');background-size:cover;background-position: center;background-repeat: no-repeat;background-attachment:fixed;}
.d #divPP{background:#fff;padding-bottom:85px;}
.d #divOP{background:#FAF2E8;padding-bottom:125px;}
.d #divP2{background-image:url('../images/bg_quiltzusjes.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment: fixed;}

.d .subFrame{position:relative;background:inherit;vertical-align:top;display:block;margin:0 auto;width:1205px;height:auto;flex: 1;}
.d .subFrame.order{width:800px;}
.d .subFrame.arts{background:inherit;width:1200px;height:auto;margin-bottom:50px;}
.d .subFrame.prod{background:inherit;width:1240px;height:auto;}
.d .subFrame.oz{background:inherit;width:1240px;height:auto;margin-top:0px;}
.d .subFrame.poster{width:640px;margin-left:350px;}
	
.d .dashedFrame{position:relative;margin:50px auto;padding:15px;outline:3px dashed #d4806e;outline-offset:-15px;background-color:#fff;} /* display:inline-block;} */
.d .dashedFrame.poster{width:640px;height:460px;outline:3px solid #d4806e;} 

.d .innerFrame{display:grid;padding: 20px 10px 10px 25px;background-color:inherit;}
.d .innerFrame.sg{display:flex;gap:20px;flex-wrap:wrap;padding:0px 10px 0px 10px;}
.d .innerFrame.arts{display:flex;gap:80px;flex-wrap:wrap;padding:0px 5px 0px 19px;}
.d .innerFrame.prod{display: flow-root;background:inherit;padding:0px;background:#fff;}
.d .innerFrame.oz{padding:10px 0px 40px 0px;background:inherit;}
.d .innerFrame.poster{padding:0px 10px 0px 10px;background:inherit;display: flow-root;}
.d .innerFrame.poster .button.posterL{}
.d .innerFrame.poster .button.posterR{margin-left:20px;background-color:d4806e;}

.d .contentText{font-style:italic;line-height:1.3em;background:#fff;padding:0px;}
.d .contentText.sg{font-style:italic;line-height:1.3em;background:inherit;padding:0px;}
.d .contentText.poster{width:auto;  overflow-wrap: break-word;word-break: break-word;background:inherit;padding-left:35px;} 
.d .contentText .divItems.div0{display:flex;gap:20px;flex-wrap:wrap;padding:0px;background:inherit;}
.d .contentText .divItems .div1{width:275px;height:85px;cursor:pointer;}
.d .contentText .divItems .div2{;border:0;height:100%;width:100%;}
.d .contentText .divItems .div3{position:relative;box-sizing:border-box;width:260px;height:70px;border:dashed 4px currentColor !important;margin: 8px;top:8px;display:flex;justify-content:center;align-items: center;}
.d .contentText .arrowLess{position:absolute;width:40px;left:-60px;top:210px;cursor:pointer;}
.d .contentText .arrowMore{position:absolute;width:40px;left:1235px;top:210px;cursor:pointer;rotate:180deg;}
.d .contentText h2{font-size: 45px;color:#000;margin-left:0px;}

.d .imageFrame{background:inherit;text-align:center;margin:0 0 20px 15px;cursor: pointer;width:275px;}
.d .imageFrame.poster{width:250px;height:225px;background:#fff;  position: absolute; bottom:40px;right: 40px;}
.d .imageFrame.overons{background:#fff;margin:0 auto;width:100%;display:flex;gap:.5vw;min-height:max-content;}
.d .imageFrame.overons img{width:calc(13.6vw);height:auto;object-fit: cover; }
.d .imageFrame h3{text-align:left;height:60px;}

.d .imageSrc{}
.d .imageSrc.poster.p1{rotate:5deg;width:150px;}
.d .imageSrc.poster.p2{width:225px;}
.d .imageSrc img{width:275px;}


.d .imageSrc.poster{width:175px;margin-top:30px;cursor:default;}

.d .imageTxt{position:relative;top:10px;font-style:italic;line-height:1.3em;font-size:16px;white-space:nowrap;font-weight:bold;text-align:center;}


/* BEGIN ALLES TBV 1 ARTIKEL EN CHALLENGE */
.d .subFrame.art{width: 1000px;margin: auto auto;}
.d .innerFrameArt{display:inline-block;padding: 20px 0px 0px 25px;}
.d .imageFrameArt{margin:auto 0; padding:0px 0 0 0;float:right;width: 40%;heighT:auto;background: #fff;text-align: center;}
.d .imageFrameArt img.imgArt{width:300px;text-align: center;margin: 0;padding: 0;cursor: pointer;}
.d .contentText.art{clear:left;}
.d .contentText.art .tblOrder{width:97%;border:0px;}
.d .contentText.art h2{font-size:42px;color: #ab3b36;margin:0 0 20px 0;}
.d .contentText.art div.specs{padding-left:0px;font-size:16px;line-height:1.3em;display:block;color:#000;background:#fff;}
.d .contentText.art p{font-size:14px;color:#000;}
.d .contentText.art span{float:right;margin-right:30px;}
.d .buttonArt{min-width:140px;min-height:45px;padding:0px 6px 0px 6px;margin:15px 0 10px 770px;}
.d .buttonArt.naarlijst{min-width:140px;min-height:45px;padding:0px 6px 0px 6px;margin:15px 0 10px 700px;}
/* EIND ALLES TBV 1 ARTIKEL  EN CHALLENGE */