*{

max-width: 1100px;
margin:0 auto;
box-sizing: border-box;
font-family: Poppins,sans-serif;
font-weight: 300;
line-height: 1.3rem;
}
body{
	background-color:#292929;
}
.wrapper{
	background-color: #ffffff;
}
h1 {
	font-weight: 400;
	font-size: 1.75rem;
	line-height: 2rem;
	color:#BD8C00;
	background-color: #000000;
}
h2 {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color:#BD8C00;
}
h3 {font-weight: 500;
	font-size: 1rem;
	line-height: 1.25rem;
	color:#BD8C00;
}
strong{
	font-weight: 500;
}
p{
	font-weight: 300;
}
a{
	text-decoration: none;
	font-weight: 500;
	cursor: pointer;
}
ul li{
	font-weight: 300;
	line-height: 1.5rem;
	max-width: 80ch;
}
img{
	width:100%;
	outline: #BD8C00;
	outline-style: solid;
	outline-offset: -3vw;
	outline-width: 0.5vw;
}

.productmerkcard img{
	outline: none;	
}

.InstaPostVisual{	
	outline:none;
}

.Teamfoto{
	outline:none;
}

header{
	width:25vw;
	height: 18vw;
	display: flex;
	position: fixed;
	align-items: center;
	justify-content: center;
	background-color: #000000;
	outline: #BD8C00;
	outline-style: solid;
	outline-width: 0.5vw;
	margin-left:0.25vw;
}
.REZ-logo{
	width:20vw;
	outline: none;
}
.hero{
	margin:0;
	padding-top:-2vh;	
}

.productmerkbox{
	margin:-18vw 0 2vh 6vw;
	width:30vw;
	display:inline-flex;
	position: absolute;
	flex-basis: 1;
	column-gap: 1vw;
}
.productmerkcard{
	width:8vw;
}

.infocardbox{
	width: 100%;
	margin-top: -6vh;
	display: grid;
	grid-template-areas: "infocard infocard";
	grid-gap: 1.5vw;
	padding: 0 2.6vw;
	vertical-align: top;	
}
.infocard{
	width: 100%;
	grid-area: "infocard";
	text-align: center;
	vertical-align: top;
	outline: #BD8C00;
	outline-style: solid;
	outline-width: 0.25vw;
	background-color:#000000;
	padding-bottom: 20px;
}
.infocard-title{
	width: 100%;
	padding: 10px;
	background-color:#000000; 
}
.infocard-title h3{
	color:#ffffff;
}
.infocard img{
	object-fit: cover;
	object-position: center;
	outline: none;
}
.infocard-text{
	vertical-align: top;
	padding: 10px 20px 20px 20px;
	text-align: justify;
	font-variant-caps: small-caps;
	color:#ffffff;
	background-color:#000000;
}
.infocard-text strong{
	color:#BD8C00;
	font-variant-caps: small-caps;
}
.infobutton-on-black{
	width:150px;
	vertical-align: top;
	margin:0 10px 10px 10px;
	border-radius: 8px;
	border-color:#BD8C00;
	border-width: 2px;
	background-color:rgba(189,140,0,0.25) ;
	padding:10px;
}
.infobutton-on-black a{
	color:#ffffff;	
}
.infobutton a{
	color:#ffffff;	
}
.infobutton{
	width:150px;
	margin-bottom: 10px;
	border-radius: 8px;
	border-color:#BD8C00;
	border-width: 3px;
	background-color:#2F2300  ;
	padding:10px;
}
.actionbutton{
	width:150px;
	margin:0 10px 10px 10px;
	border-radius: 8px;
	border-color:#6868AC;
	background-color: #BD8C00;
	padding:10px;
}
.actionbutton a{
	color:#ffffff;
}
.spelbutton a{
	margin: 10px auto;
	color:#000;
}

.cardbox{width:100%;
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "card card";
	grid-gap: 0.5rem;	
	}
.card{
	width:100%;
	grid-area: "card";
	text-align: justify;
	vertical-align: top;
	padding-bottom: 20px;
}
.cardboxtitle{
	text-align: right;
	background-color: #000000;
	}
.cardtitle{
	background-color: #000000;
}
.textcard{
	padding-inline:0.5rem;
}
.card img{
	object-fit: cover;
	object-position: center;	
}
.card strong{
	color: #BD8C00;
	font-variant-caps: small-caps;
}
.cardtextbox{
	width:100%;
	display:grid;
	grid-template-columns: auto;
	grid-template-areas: "card";
	grid-gap: 0.5rem;	
	}

#BY-NATHALIE-CONTACT{
	margin-inline:auto;
	margin-bottom: 20px;
	text-align: center;
}
.photocardbox{
	width:100%;
	margin: 2vh 0 ;
	display:grid;
	grid-template-columns: auto auto auto;
	grid-template-areas: "card card card";
	grid-gap: 0.5rem;	
}
.pricecardbox{
	width:100%;
	margin: 30px 20px 20px ;
	display:grid;
	grid-template-columns:2fr 2fr;
	grid-auto-rows: auto;
	grid-gap: 0.25rem;	
}
.pricecard{
	width:100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1;
	grid-gap: 0.5rem;	
	padding-bottom: 10px;	
}
.priceinfo{
	width:100%;
	max-width: 15ch;
}
.priceinfo ul li{
	list-style: none;
	margin-left: -3.25rem;	
}
.pricephotocard{
	width:100%;
	min-width: 100px;
	height:100%;
	min-heigth:100px;
	grid-area: "pricephotocard";
	grid-row: span 2;
	align-self: center;
	padding: 3vw;
	border-radius: 50%;
	border-style: none;
}
.pricephotocard img{
	min-width: 100px;
	min-height: 100px;
	aspect-ratio:1/1;
	outline:none;
	border-radius:50%;
	border: 2px solid #BD8C00;
			
}


.reviewbox{
	margin-top:-5px;
	display:grid;
	grid-template-areas: 
	"reviewcard reviewcard";
	grid-gap: 10px;	
}
.reviewcard{
	padding: 10px;
	text-align: center;
	color:#000000;
	background-color: rgba(0,0,0,.20);
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-style: solid;
	border-color:#BD8C00;
	border-width:0.25vw;
}
.reviewLogo{
	width: 10vw;
	grid-area: "reviewLogo";
	vertical-align: top;
	}
.reviewLogo img{
	outline: none;
	object-fit: cover;
	object-position: center;
}
.reviewKop{
	max-width:30ch;
	grid-area: "reviewKop";
	color:#BD8C00;
	font-weight: 500;
	vertical-align: top;
}
.reviewNaam{
	max-width:30ch;
	color:#492600;
	font-weight: 500;
}
.reviewFoto{
	grid-area: "reviewFoto";
	width:100px;
	margin-top: 1vh;
	margin-bottom: 1vh;
}
.reviewFoto img{
	outline: none;
	object-fit: cover;
	object-position: center;
	border-radius:0 0 100vw 100vw;
	border-style: solid;
	border-color:#BD8C00;
	border-width:0.25vw;
}
.reviewText{
	grid-area: "reviewText";
	vertical-align: top;
	text-align: justify;
}

.more-text{
	margin: 30px 20px 20px ;
}
.more-text h1{
	padding: 10px;
	color:#BD8C00;
	text-align: right;
}
.more-text h3{
	padding:10px 0;
	}
.more-text-subtitle{
	text-align: right;
}
.more-text p{
	padding:0 0 2rem 0;
}
.more-text-topcol{
	margin-top:4vh;
}
.more-text-topcol p::first-letter{
	color:#BD8C00;
	font-weight:700;
	font-size:400%;
	margin:1rem 0.15rem 0 0;
	-webkit-initial-letter:3;
	initial-letter:3;
}
.more-text-topcol strong{
	color: #BD8C00;
	font-variant-caps: small-caps;
}
.text p::first-letter{
	color:#BD8C00;
	font-weight:700;
	font-size:400%;
	margin:1rem 0.15rem 0 0;
	-webkit-initial-letter:3;
	initial-letter:3;
}
.text strong{
	color: #BD8C00;
	font-variant-caps: small-caps;
}

.GO-VGYM{
	color:#BD8C00;
	font-weight:bold;
	font-variant-caps: small-caps;
}
.AP{
	color:#000;
}
.VG{
	outline-offset: 0;
}

.statement{
	max-width: 50vw;
	width: content;
	padding:1.5vw;
	font-size: 1.25rem;
	font-weight: 500;
	text-align: center;
	border-style:solid;
	border-width: 3px;
	border-radius: 20px 4px 20px ;
	color:#BD8C00;
	background-color:#000000;	
}
.statement strong{
	color:#BD8C00;
	font-size:clamp(1.5rem,2.5rem,3rem);
	line-height:clamp(2.25rem,3.25rem,4rem);	
}

footer{
	width:100vw;
	padding:20px 0;
	color:#ffffff;
	background-color: #000000;
	text-align: center;
	vertical-align: top;
	}
.logosectie{
	width: 100vw;
	padding:20px;
	display: flex;
	column-gap:10px;
	align-items: center;
	align-content: center;
}
.footerlogo{
	max-width: 15vw;
}
footer img{
	object-fit:"scale-down";
	object-position: center;
	outline: none;	
}
.footertext{
	max-width:"max-content";
	min-width:"min-content";
}
footer ul{
	list-style: none;
}
footer ul a{
	color:#BD8C00;
}

/*--MEDIA QUERY-600PX<-*/

@media only screen and (max-width : 600px ){
	*{
		font-size: 0.75rem;
		line-height: 1rem;
	}
	header{
		width:34vw;
		height: 25vw;
	}
	.REZ-logo{
		width: 25vw;
}
	.highlights{
		grid-template-areas: "infocard";
	}
	.productmerkbox{
		margin:-8vh 0 0 6vw;
	}
	.infocardbox{
		margin-top:-2.5vh;
	}
	.cardbox{
		grid-template-areas: "card";
	}
	.reviewbox{
		grid-template-areas: "reviewcard"
	}
}
/*--MEDIA QUERY-800PX>-*/
@media only screen and (min-width:800px){	
	img{
		outline-width: 0.2vw;
		outline-offset: -1.5vw;
	}
	header{
		width: 14vw;
		height: 10vw;
		outline-width: 0.25vw;
	}
	.REZ-logo{
	width:10vw;
	}
	.productlogo{
		margin: -18vh 0 0 3vw;
	}
	.productlogo img{
		width:6vw;
	}
	.productmerkbox{
	margin:-21vh 0 2vh 6vw;
	width:18vw;
	column-gap: 0.5vw	
}
	.productmerkcard{
	width:5vw;
}
	.infocardbox{
		margin-top:-6vh;
	}
	.infocard{
		outline-width: 0.2vw;
	}
	.reviewcard{
		border-width: 0.2vw;
	}
	.more-text-topcol{
		margin-top:4vh;
	}
	.card p{
		max-width: 50ch;
	}
	.priceinfo ul li{
		margin-left:2vw;	
}
}