/* NORMALIZES MARGIN & PADDING */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
/* NORMALIZES FONT-SIZES HEADERS */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 300; }
/* REMOVES LIST-STYLES */
ol, ul { list-style: none; }
/* BOX MODEL */
* { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }


/* HTML, BODY & WRAPPER */
html, body {
	box-sizing: border-box;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	letter-spacing: 0.05em;
	font-weight: 300;
	font-size: 14px;  /* 1rem = 14px; */
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%; min-height: 100%; 
    color: #000; background-color: #FFF;
	margin: 0 auto; 
}
.wrapper { width: 100%; height: 100%; text-align: center; }


/* CONTAINERS */
.container { position: relative; min-width: 770px; width: 80%; max-width: 1280px; margin: 0 auto; }
.container-header { height: 75px; }
.container-home { height: 100vh; z-index: 20; overflow: none; }
.container-content { height: auto; min-height: calc(100vh - 11.5rem); padding-top: 132px; margin-bottom: 2rem; text-align: left; background: #FFF; z-index: 30; }
body.item .container-content { min-height: 100vh; }
body.home .container-content { padding-top: 50px; }
.container-footer { }




/* HEADINGS, FONTS, ETC */
a { color: #000; text-decoration: none; }
a.tekstlink { text-decoration: underline; }
a.tekstlink:hover { text-decoration: underline; color: #B7B7B5; }
a:hover { text-decoration: none; }

h1 { font-size: 1.3rem; padding-bottom: 16px; }
	.itemlist h1 { text-transform: lowercase; }
h2 { font-size: 1.3rem; font-weight: 500; text-transform: uppercase; padding-bottom: 3px; }
h3 { font-size: 0.95rem; text-transform: uppercase; }
h4 { font-size: 0.95rem; text-transform: uppercase; color: #B7B7B5; }

p { font-size: 1rem; padding-bottom: 0.8rem; }
strong { font-weight: 500; }

.text h1 { font-size: 1.5rem; text-transform: uppercase; }
.text h2 { font-size: 1rem; padding-top: 0.3rem; padding-bottom: 0; }

ul.textul { list-style: disc; padding-bottom: 0.6rem; margin-left: 1.1rem; }


/* KLEUREN */
.grijs { color: #B7B7B5; }

.bgwit,		.robgwit:hover { background: #FFF; color: #000 !important; border: 1px solid #B7B7B7; }
.bgblauw,	.robgblauw:hover { background: #0066B2; color: #FFF; }
.bggroen,	.robggroen:hover { background: #519F43; }
.bggeel,	.robggeel:hover { background: #FFE400; color: #000 !important; }
.bgoranje,	.robgoranje:hover { background: #F7941E; }
.bgrood,	.robgrood:hover { background: #ED1D24; }
.bgroze,	.robgroze:hover { background: #DE9DC2; }
.bgpaars,	.robgpaars:hover { background: #5C2D91; color: #FFF; }
.bgzwart,	.robgzwart:hover { background: #000; color: #FFF; }
.bgzilver,	.robgzilver:hover { background: #939598; }
.bggoud,	.robggoud:hover { background: #A88A5B; }

.bgwittrans { background-color: rgba(255, 255, 255, 0.74); }
.bgblauwtrans { background-color: rgba(0, 102, 178, 0.74); }
.bggroentrans { background-color: rgba(82, 183, 61, 0.74); }
.bggeeltrans { background-color: rgba(255, 228, 0, 0.74); }
.bgoranjetrans { background-color: rgba(247, 148, 30, 0.74); }
.bgroodtrans { background-color: rgba(237, 29, 36, 0.74); }
.bgrozetrans { background-color: rgba(237, 152, 204, 0.74); }
.bgpaarstrans { background-color: rgba(92, 45, 145, 0.74); }
.bgzwarttrans { background-color: rgba(0, 0, 0, 0.74); }
.bgzilvertrans { background-color: rgba(147, 149, 152, 0.74); }
.bggoudtrans { background-color: rgba(175, 139, 90, 0.74); }

.bgzilver.kstprijsonder, .bgzilver.prijsbolonedot { background: #7D7E7F; } 
.bggoud.kstprijsonder, .bggoud.prijsbolonedot { background: #876D4B; }

.rowit a:hover,		.rowit a.actief { color: #000; text-decoration: underline; font-weight: 500; }
.roblauw a:hover,	.roblauw a.actief { color: #0066B2; text-decoration: underline; font-weight: 500; }
.rogroen a:hover,	.rogroen a.actief { color: #519F43; text-decoration: underline; font-weight: 500; }
.rogeel a:hover,	.rogeel a.actief { color: #FFE400; text-decoration: underline; font-weight: 500; }
.rooranje a:hover,	.rooranje a.actief { color: #F7941E; text-decoration: underline; font-weight: 500; }
.rorood a:hover,	.rorood a.actief { color: #ED1D24; text-decoration: underline; font-weight: 500; }
.roroze a:hover,	.roroze a.actief { color: #DE9DC2 !important; text-decoration: underline; font-weight: 500; }
.ropaars a:hover,	.ropaars a.actief { color: #5C2D91; text-decoration: underline; font-weight: 500; }
.rozwart a:hover, 	.rozwart a.actief { color: #000; text-decoration: underline; font-weight: 500; }
.rozilver a:hover, 	.rozilver a.actief { color: #939598; text-decoration: underline; font-weight: 500; }
.rogoud a:hover,	.rogoud a.actief { color: #A88A5B; text-decoration: underline; font-weight: 500; }

.foutwit.fout { color: #000; }
.foutblauw.fout { color: #0066B2; }
.foutgroen.fout { color: #519F43; }
.foutgeel.fout { color: #FFE400; }
.foutoranje.fout { color: #F7941E; }
.foutrood.fout { color: #ED1D24; }
.foutroze.fout { color: #DE9DC2; }
.foutpaars.fout { color: #5C2D91; }
.foutzwart.fout { color: #000; }
.foutzilver.fout { color: #939598; }
.foutgoud.fout { color: #A88A5B; }



/* ALGEMENE REGELS */
.clear { clear: both; float: none; }
.laatste { padding-right: 0 !important; margin-right: 0 !important; }





/* HEADER */
header { position: fixed; width: 100%; height: 75px; background-color: #FFF; border-bottom: 1px solid #CCC; text-align: center; margin: 0 auto; z-index: 1000; }
.logo { position: absolute; top: 18px; left: 0; width: 114px; height: 114px; }
.logo span { 
	display: block; width: 114px; height: 114px; 
	background: url('../images/logo-kikisstocksale-black.png') no-repeat; 
	background-size: 100% auto; text-indent: -999px; overflow: hidden;	
	-webkit-transition: 200ms ease-in-out 20ms;
    -moz-transition: 200ms ease-in-out 20ms;
    -o-transition: 200ms ease-in-out 20ms;
    transition: 200ms ease-in-out 20ms;
}
body.home .logo span { display: block; position: absolute; top: -40px; left: -40px; width: 194px; height: 194px; }
body.homepag2 .logo span { top: 0; left: 0; width: 114px; height: 114px; }

.nieuwsbol { position: absolute; top: 5px; left: -20px; }



/* BOVENNAV */
ul.menu1 { position: absolute; top: 12px; left: 161px; width: auto; }
ul.menu1 > li { position: relative; float: left; margin-right: 12px; padding: 20px; font-size: 1.1rem; text-transform: uppercase; text-decoration: none; }
ul.menu1 a { text-decoration: none; color: #000; }
ul.menu1 a:hover { text-decoration: underline; }
ul.menu1 li:hover, 
ul.menu1 li:focus-within { cursor: pointer; }
ul.menu1 li:focus-within a { outline: none; }

ul.menu1 li:hover > div,
ul.menu1 li div:hover,
ul.menu1 li div:focus { visibility: visible; opacity: 1; display: block; }

ul.menu1func { position: absolute; top: 10px; right: 0px; }
ul.menu1func > li { position: relative; float: left; padding: 20px 2px; font-size: 1.1rem; text-transform: uppercase; text-decoration: none; }

li.zoek { width: 175px; }
li.zoek div { float: right; }
div.zoekinput { overflow: hidden; }
div.zoekinput input { width: 143px; margin-right: 4px; border: none; outline: none; background: #E9E9E8; color: #000; text-transform: uppercase; font-size: 0.75rem; padding: 5px; font-family: futura-pt, Helvetica, Arial, sans-serif; font-weight: 300; }
div.zoekico { width: 1.7rem; overflow: hidden; text-indent: -999px; background: url("../images/ico_zoek.png") no-repeat; background-size: 100% auto; cursor: pointer; }
div.tasico { width: 1.7rem; overflow: hidden; text-indent: -999px; background: url("../images/ico_tas.png") no-repeat; background-size: 100% auto; }

.inhoudtas { position: absolute; top: 26px; left: 24px; }
.inhoudtasbol { position: absolute; width: 5px; height: 5px; margin: 0 2px 2px 0; border-radius: 50%; }
.inhoudtasbol1 { left: 0; top: 7px; }
.inhoudtasbol2 { left: 7px; top: 7px; }
.inhoudtasbol3 { left: 0px; top: 0; }
.inhoudtasbol4 { left: 7px; top: 0; }
.inhoudtasbol5 { left: 14px; top: 7px; }
.inhoudtasbol6 { left: 14px; top: 0; }
.inhoudtasbol7 { left: 21px; top: 7px; }
.inhoudtasbol8 { left: 21px; top: 0; }

.mobfilters { display: none; }

div.dropdown1 {
	position: absolute;
	display: none;
	visibility: hidden;
	opacity: 0;
	left: 10px;
	margin-top: 0px;
	padding: 15px 20px;
	text-align: left;
	background-color: rgba(255, 255, 255, 0.9); 
	-webkit-box-shadow: 6px 6px 5px 0px rgba(102,102,102,0.2);
	-moz-box-shadow: 6px 6px 5px 0px rgba(102,102,102,0.2);
	box-shadow: 6px 6px 5px 0px rgba(102,102,102,0.2);
}
div.dropdown1 ul { position: relative; display: block; font-size: 0.85rem; }

div.dropdown1-eenkol {  margin-left: -10px; }
div.dropdown1-eenkol ul li { clear: both; width: 100%; min-width: 100px; padding-bottom: 5px; }
div.dropdown1-driekols { margin-left: -10px; width: 500px; }
div.dropdown1-driekols ul { width: 31.5%; padding-right: 3%; float: left; }
div.dropdown1-driekols ul li { clear: both; width: 100%; padding-bottom: 5px; }

div.dropdown1-bollen { padding: 8px 10px; margin-top: 5px; margin-left: -230px; }
div.dropdown1-bollen ul { width: 511px; }
div.dropdown1-bollen ul li { position: relative; float: left; width: 40px; height: 40px; border-radius: 50%; font-size: 0.66rem;  text-align: center; margin-right: 7px; padding-top: 14px; transition: 0.2s; }
div.dropdown1-bollen ul li.tweeregels { line-height: 1; padding-top: 11px; }
div.dropdown1-bollen a { color: #FFF; }
div.dropdown1-bollen li.bggeel a { color: #000; }
div.dropdown1-bollen a:hover { text-decoration: none !important; }

div.dropdown1-bollen li.bgwit:hover { transform: rotate(13deg); }
div.dropdown1-bollen li.bgblauw:hover { transform: rotate(8deg); }
div.dropdown1-bollen li.bggroen:hover { transform: rotate(-3deg); }
div.dropdown1-bollen li.bggeel:hover { transform: rotate(-7deg); }
div.dropdown1-bollen li.bgoranje:hover { transform: rotate(10deg); }
div.dropdown1-bollen li.bgrood:hover { transform: rotate(2deg); }
div.dropdown1-bollen li.bgroze:hover { transform: rotate(-8deg); }
div.dropdown1-bollen li.bgpaars:hover { transform: rotate(-3deg); }
div.dropdown1-bollen li.bgzwart:hover { transform: rotate(12deg); }
div.dropdown1-bollen li.bgzilver:hover { transform: rotate(5deg); }
div.dropdown1-bollen li.bggoud:hover { transform: rotate(-8deg); }
div.dropdown1-bollen ul li:hover { font-weight: 500; }



/* SIDEMENU (MOBIEL) */
.sidemenu { display: none; width: 244px; height: 75px; position: fixed; top: 0; left: -155px; overflow-x: hidden; overflow-y: hidden; transition: 0.5s; padding: 80px 24px 20px 24px; text-align: left; background-color: rgba(233, 233, 232, 0); z-index: 1002;  }
.sidemenu.change { height: 100%; overflow-y: scroll; left: 0px; background-color: rgba(233, 233, 232, 1); padding-bottom: 20vh; }

/* HAMBURGER */
.hamburger { position: absolute; display: none; top: 35px; right: 24px; cursor: pointer; }
.bar1, .bar2, .bar3 { width: 23px; height: 1px; background-color: #000 ; margin: 5px 0; transition: 0.4s; }
.change .bar1 { width: 27px; -webkit-transform: rotate(-45deg) translate(-6px, 3px); transform: rotate(-45deg) translate(-6px, 3px); }
.change .bar2 { opacity: 0; }
.change .bar3 { width: 27px; -webkit-transform: rotate(45deg) translate(-6px, -3px); transform: rotate(45deg) translate(-6px, -3px); }


/* ZIJNAV & MOBIEL MENU */
ul.menu2 { /*overflow-y: scroll; overflow-x: hidden; */ } 
ul.menumob { width: 180px; }
ul.menu2 > li, 
ul.menumob > li { 
	position: relative; 
	width: 100%;
	font-size: 0.95rem; 
	text-transform: uppercase; 
	text-decoration: none; 
	cursor: pointer;
	border: none; outline: none;
	padding-bottom: 18px;
	transition: 0.4s;
}

ul.menu2 a, 
ul.menumob a { text-decoration: none; color: #000; }
ul.menu2 a:hover, 
ul.menumob a:hover { text-decoration: underline; }
ul.menu2 li.keuze a, 
ul.menumob li.keuze a { font-weight: 700; }

ul.menu2 li.actief, ul.menu2 > li:hover {  }
ul.menu2 li ul, 
ul.menumob li ul { display: none; padding-left: 14px; }
ul.menu2 li.open ul { display: block; }
ul.menu2 li.actief ul { }
ul.menu2 li ul li,
ul.menumob li ul li { font-size: 0.85rem; text-transform: uppercase; padding-top: 6px; }

ul.menu2 ul li ul { display: none !important; }
ul.menu2 ul li.keuze ul { display: block !important; }
ul.menu2 ul li.keuze ul li a { font-weight: 300 !important; }
ul.menu2 ul li.keuze ul li.keuze a { font-weight: 700 !important; }

ul.menumob ul.subcat { display: block; }
ul.menumob ul li.keuze li a { font-weight: 300 !important; }
ul.menumob ul li li.keuze a { font-weight: 700 !important; }

.accordion .pijltje { position: absolute; right: 0; font-size: 0.85rem; transition: 0.4s; }
.accordion .pijltje.actief { transform: rotate(90deg); }


/* FOOTER */
footer { position: relative; width: 100%; height: auto; background: #191919; padding: 1.5rem 0; color: #CCC; z-index: 990; }
footer li, footer p { font-size: 0.95rem; text-transform: uppercase; padding-bottom: 6px; }
footer a { color: #CCC; }
footer a:hover { color: #FFF; text-decoration: underline; }
footer input { font-size: 0.9rem; padding: 4px; border: none; outline: none; }
.footer-links { display: block; float: left; text-align: left; padding: 0 10px; box-sizing: border-box; }
.footer-links-10 { width: 8%; }
.footer-links-25 { width: 27%; }
.footer-links-40 { width: 38%; }


.subscribeknop { font-size: 0.9rem; background: none; border: 0; color: #FFF; padding-top: 4px; cursor: pointer; }
.subscribeknop:hover { color: #519F43; }
.ico-social { width: 18px; height: 18px; overflow: hidden; text-indent: -999px; }
.ico-fb { background: url('../images/ico_fb.png') no-repeat; background-size: 100% auto; }
.ico-insta { background: url('../images/ico_insta.png') no-repeat; background-size: 100% auto; }
.ico-social:hover { background-position: bottom; }
.fotograaf { display: none; }
.home .fotograaf { display: block; }


.content-unsubscribe input { font-size: 0.9rem; padding: 3px; border: 1px solid #000; outline: none; }
.content-unsubscribe .subscribeknop { font-size: 0.9rem; background: none; border: 0; color: #000; padding-top: 4px; cursor: pointer; }
.content-unsubscribe .subscribeknop:hover { color: #519F43; }





/* ITEM */
.content-thumbs { position: absolute; left: 10px; width: 70px; }
.content-item { position: relative; margin-left: 95px; width: calc(100% - 95px - 140px); }
.content-ookleuk { position: absolute; width: 70px; top: 132px; left: calc(100% - 80px); margin-left: -1px }
#no-template-pager li { opacity: 0.4; cursor: pointer; transition: 0.2s;  }
#no-template-pager li.cycle-pager-active { opacity: 1; }
.img-next, .img-prev { display: none; }

.content-item-foto { position: relative; display: block; float: left; width: 62%; margin-right: 3%; aspect-ratio: 5 / 7; overflow: hidden; }
.content-item-foto > a, .content-item-foto img { width: 100%; height: auto; line-height: 0; aspect-ratio: 5 / 7; }
.pan img { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }

.content-item-info { position: relative; display: block; float: left; width: 35%; margin-bottom: 40px; }
.content-item-info h3 { padding-top: 0.8rem; }

.vanprijs, .voorprijs { position: relative; float: left; margin-top: 1.2rem; margin-right: 1rem; }
.voorprijs { margin-top: 1.1rem; }
.vanprijs p { font-size: 1.2rem; color: #B7B7B5; text-decoration: line-through; }

.prijsbol { position: absolute; width: 70px; height: 70px; top: -25px; border-radius: 50%; text-align: center; font-size: 1.5rem; line-height: 1; padding-top: 25px; box-sizing: border-box; z-index: 25; }
.prijsbolonedot { width: 64px; height: 64px; top: -10px; left: 30px; font-size: 1.2rem; z-index: 24; }
.prijsbolperc { width: 30px; height: 30px; top: -28px; left: 50px; padding-top: 10px; font-size: 0.7rem; font-weight: 700; color: #FFF; z-index: 26; } 

.available { position: relative; font-size: 0.9rem; height: 1.1rem; text-transform: uppercase; padding-bottom: 0; transition: 0.2s; }
.available.fout { font-weight: 500; font-size: 1.1rem; }

.sizes { margin-left: -8px; width: 100%; }
.size { position: relative; float: left; padding: 2px 8px 2px; font-size: 1rem; font-weight: 300; }
.size a::before { display: block; content: attr(title); font-weight: 500; height: 0; overflow: hidden; visibility: hidden; }
.size a.actief { font-weight: 500; text-decoration: underline; }

.orderknop { font-family: futura-pt, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 1.7rem; letter-spacing: 0.03em; text-transform: uppercase; padding: 3px 20px 3px 17px; margin-bottom: 30px; border: none; outline: none; background: #000; color: #FFF; cursor: pointer; }
.orderknop.robgzwart:hover, 
.orderknop.robgwit:hover { background: #FFF !important; color: #000 !important; border: 1px solid #000; padding: 2px 19px 2px 16px !important;}



/* PAN ZOOM */
.panWrapper { position: fixed; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.9); z-index: 9999; left: 0; top: 0;
    display: none; cursor: move; }
.panWrapper * {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.panWrapper a.controls { position: absolute; background-size: 100%; width: 32px; height: 32px; display: block; left: 50%; bottom: 30px; cursor: pointer; z-index: 2; }
.panWrapper a.controls.in { background-image: url('../images/ico_pan_zoomIn.png'); margin-left: -30px; }
.panWrapper a.controls.out { background-image: url('../images/ico_pan_zoomOut.png'); margin-left: 30px; }
.panWrapper a.controls.close { background-image: url('../images/ico_pan_close.png'); left: auto; right: 30px; top: 30px; }
.panWrapper .loading {    
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    background-image: url('../images/ico_pan_loading.gif');
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
	z-index: 3;
}
.panWrapper img { max-width: unset !important; transform-origin: top left !important; }


/* OOK LEUK */
ul.thumbs, ul.thumbs-ookleuk { width: 100%; }
ul.thumbs li, ul.thumbs-ookleuk li { width: 100%; margin-bottom: 15px; line-height: 0; }
ul.thumbs img, ul.thumbs-ookleuk img { width: 100%; height: auto; line-height: 0; aspect-ratio: 5 / 7; }






/* HOME 
.homebeeld.optie1 { background-image: url('../images/home/bghome-valentina2112-033.jpg'); }
.homebeeld.optie2 { background-image: url('../images/home/bghome-valentina2112-235.jpg'); }
.homebeeld.optie3 { background-image: url('../images/home/bghome-valentina2112-144.jpg'); }
.homebeeld.optie4 { background-image: url('../images/home/bghome-valentina2112-209.jpg'); }

.homebeeld.optie11 { background-image: url('../images/home/bghome-valentina2203-015.jpg'); }
.homebeeld.optie12 { background-image: url('../images/home/bghome-valentina2203-044.jpg'); }
.homebeeld.optie13 { background-image: url('../images/home/bghome-valentina2203-068.jpg'); }
.homebeeld.optie14 { background-image: url('../images/home/bghome-valentina2203-094.jpg'); }
.homebeeld.optie15 { background-image: url('../images/home/bghome-valentina2203-112.jpg'); }
.homebeeld.optie16 { background-image: url('../images/home/bghome-valentina2203-150.jpg'); }
.homebeeld.optie17 { background-image: url('../images/home/bghome-valentina2203-195.jpg'); }
.homebeeld.optie18 { background-image: url('../images/home/bghome-valentina2203-204.jpg'); }
.homebeeld.optie19 { background-image: url('../images/home/bghome-valentina2203-207.jpg'); }
.homebeeld.optie20 { background-image: url('../images/home/bghome-valentina2203-211.jpg'); }

.homebeeld { 
	width: 100%; height: 100vh; min-height: 700px; 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
}
*/
.homecirkel { position: absolute; display: block; margin-top: -100px; width: 810px; height: 810px; /*border: 1px solid #E5E5E5;*/ border: none; background-color: rgba(0, 0, 0, 0.26); border-radius: 50%; z-index: 25; }
.homemerken { position: absolute; display: block; margin-left: 5px; margin-top: 115px; width: 800px; z-index: 26; }
.homemerken h1 { display: none; }
.merkenlijst, .bollenlijst { position: relative; display: block; float: left; height: 560px; }
.merkenlijst-links { width: 43%; text-align: right; }
.merkenlijst-rechts { width: 43%; text-align: left; }
.bollenlijst { width: 14% !important; }

.merkenlijst-links ul { padding-top: 3px; }
.merkenlijst-rechts ul { position: absolute; bottom: 4px; }
.merkenlijst li { font-size: 1.6rem; padding: 0.4rem 0 0.9rem; text-transform: uppercase; }
.merkenlijst li.deeltwee { display: none; }
.merkenlijst a { color: #FFF; } 
.merkenlijst a:hover { color: #FFF; text-decoration: underline; }

.bollenlijst ul { position: relative; width: 100%; text-align: center; }
.bollenlijst li { position: relative; left: 50%; margin-left: -24px; margin-bottom: 6px; }
.bollenlijst a { cursor: pointer; text-decoration: none !important; }
.bollenlijst div { width: 50px; height: 50px; border-radius: 50%; text-align: center; font-size: 0.88rem; line-height: 1; padding-top: 20px; transition: 0.2s; }
.bollenlijst div:hover { font-weight: 500; }
.bollenlijst div.bgwit:hover { transform: rotate(-13deg); }
.bollenlijst div.bgblauw:hover { transform: rotate(8deg); }
.bollenlijst div.bggroen:hover { transform: rotate(-3deg); }
.bollenlijst div.bggeel:hover { transform: rotate(-7deg); }
.bollenlijst div.bgoranje:hover { transform: rotate(10deg); }
.bollenlijst div.bgrood:hover { transform: rotate(2deg); }
.bollenlijst div.bgroze:hover { transform: rotate(-8deg); }
.bollenlijst div.bgpaars:hover { transform: rotate(-3deg); }
.bollenlijst div.bgzwart:hover { transform: rotate(12deg); }
.bollenlijst div.bgzilver:hover { transform: rotate(5deg); }
.bollenlijst div.bggoud:hover { transform: rotate(-8deg); }
.bollenlijst div.dubbelerij { padding-top: 14px;}

/* ACTIESTROOK HOME */
.actiestrook { display: block; position: absolute; right: 10%; top: 0; width: 300px; height: 100%; /*min-height: 100vh;*/ min-height: 700px; z-index: 800; margin: 0 auto; text-align: center; }
.actiestrooktekst { position: absolute; padding: 50px 10px; top: 50vh; margin-top: -11rem; }
.actiestrooktekst span { display: block; text-transform: uppercase; color: #FFF; line-height: 1;  }
.actiedatum { font-size: 2.4rem; padding-top: 1em; }
.actietitel { font-size: 3.4rem; /* font-size: 3.8rem; */ padding-bottom: 0.3rem; font-weight: 500; }
.actietitel2 { font-size: 2.7rem; padding-top: 1rem; }
.actietitel3 { font-size: 2.7rem; padding: 1rem 0; font-weight: 500; }
.actiekleinelettertjes { font-size: 1rem; padding-top: 3.5rem; }
.actiestrookpijl { position: absolute; bottom: 2rem; width: 100%; height: 50px; }
.actiestrookpijl .arrow { position: absolute; left: 50%; margin-left: -26px; top: 0px; width: 40px; height: 40px;
	border-top: 2px solid white; border-right: 2px solid white; box-shadow: 0 0 0 lightgray; transition: all 200ms ease; }
.actiestrookpijl .arrow.down { transform: translate3d(0,-50%,0) rotate(135deg); }
.actiestrookpijl .arrow:hover { border-color: #B7B7B5; box-shadow: 2px -2px 0 white; }
.actiestrookpijl .arrow:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-40%,-60%) rotate(45deg); width: 200%; height: 200%; }
.actiesluit { position: absolute; top: 95px; right: 20px; color: #FFF; font-size: 1.6rem; z-index: 850; }
.sluitbar1, .sluitbar3 { width: 24px; height: 1px; background-color: #FFF; margin: 11px 0; }
.sluitbar1 { -webkit-transform: rotate(-45deg) translate(-6px, 3px); transform: rotate(-45deg) translate(-6px, 3px); }
.sluitbar3 { -webkit-transform: rotate(45deg) translate(-6px, -3px); transform: rotate(45deg) translate(-6px, -3px); }
.actiesluit:hover .sluitbar1, .actiesluit:hover .sluitbar3 { height: 2px; margin: 10px 0; }

.actiestrookbeeld { display: block; position: absolute; right: 10%; top: 0; width: 300px; height: 100%; /*min-height: 100vh;*/ min-height: 700px; z-index: 800; margin: 0 auto; text-align: center; overflow: hidden; }
.actiestrookbeeld img { width: 100%; height: 100%; object-fit: cover; opacity: 0.9; }
.actiestrookbeeld > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.actiestrookbeeld .bovenfoto { z-index: 502; opacity: 1; transition: 0.3s; }
.actiestrookbeeld .onderfoto { z-index: 500; opacity: 0; transition: 0.3s; }
.actiestrookbeeld:hover .bovenfoto { opacity: 0; }
.actiestrookbeeld:hover .onderfoto { opacity: 1; }



.videohome video { 
	position: fixed;
    top: 50%;
    left: 50%;
    width: 102vw;
    height: 57.37vw; /*height: 56.25vw;*/
    min-height: 100vh;
    min-width: 177.77vh;
    transform: translate(-50%, -50%);
}


.content-nav2 { position: fixed; width: 155px; height: calc(100vh - 132px); padding: 24px 0 40px; overflow-y: scroll; overflow-x: hidden; }
body.home .content-nav2 { position: absolute; }
body.homepag2 .content-nav2 { position: fixed !important; top: 132px !important; }
.content-list { position: relative; margin-left: 180px; width: calc(100% - 180px); }


/* OVERZICHT ARTIKELEN */
.content-list h1 { display: none; }
.clearlist { clear: both; float: none; height: 40px; }
.pad, .nres { height: 24px; font-size: 0.95rem; text-transform: uppercase; color: #B7B7B5; }
.pad { margin-left: 2px; }
.pad a { color: #B7B7B5; text-decoration: none; }
.pad a:hover { text-decoration: underline; }
.nres { position: absolute; margin-top: -24px; right: 2px; text-align: right; }

ul.itemlist { position: relative; width: 100%; margin-bottom: 0px; }
ul.itemlist li { position: relative; display: block; float: left; width: 31%; height: auto; margin-right: 3.4%; cursor: pointer; }
ul.itemlist li.itemsold { cursor: auto !important; }
ul.itemlist li.itemdubbel { width: 65.4%; margin-right: 0; height: auto; cursor: auto !important; }
ul.itemlist li.itemintrotekst { cursor: auto !important; }
ul.itemlist li:nth-child(3n+1).itemdubbel { margin-right: 3.4%; }
/*ul.itemlist li.itemdubbel.metmarge { margin-right: 3.4%; } */
ul.itemlist li:nth-child(3n+3) { margin-right: 0; } 
ul.itemlist li.opvulitem { width: 0px !important; height: 0px; margin: 0 !important; }
.itemfoto, 
.itemintro, 
.archiveintro { position: relative; width: 100%; height: calc(7/5 * 0.31 * (80vw - 180px)); max-height: calc(7/5 * 0.31 * (1100px)); line-height: 0; overflow: hidden; }
.archiveintro { background: #d8d7d6; }	
.itemdubbel .itemfoto { height: calc(7/5 * 0.31 * (80vw - 180px)); max-height: calc(7/5 * 0.31 * (1100px)); }
.itemdubbel .itemfoto img { height: 100%; width: 100%; }
.itemintro { font-size: 1.1rem; line-height: inherit; padding: 0.9rem 1.2rem; }
.archiveintro { line-height: inherit; padding: 1.5rem 2.2rem 1.4rem 1.7rem; }
.archiveintro h3 { font-size: 1.2rem; padding-bottom: 1rem; font-weight: 700; }
.archiveintro p { font-size: 1.2rem; }

.alleenoffline { position: absolute; top: 15px; left: 15px; width: 68px; height: 68px; border-radius: 50%; text-align: center; padding-top: 10px; font-size: 1.05rem; line-height: 1; color: #939598; background: #FFF; z-index: 400; }

.nieuw { position: absolute; top: 8px; right: 15px; width: 42px; height: 42px; border-radius: 50%; text-align: center; padding-top: 22px; font-size: 0.9rem; text-transform: uppercase; color: #FFF; background: #939598; transform: rotate(-8deg); z-index: 399; transition: 0.2s; }
ul.itemlist li:hover .nieuw { transform: rotate(0deg); } 
.nieuwgroot { position: absolute; top: 15px; right: 15px; width: 68px; height: 68px; border-radius: 50%; text-align: center; padding-top: 23px; font-size: 1.4rem; text-transform: uppercase; color: #FFF; background: #939598; transform: rotate(-8deg); z-index: 401; }

.archive { position: absolute; top: 8px; right: 9px; width: 56px; height: 56px; border-radius: 50%; text-align: center; padding-top: 16px; font-size: 0.9rem; line-height: 0.9rem;  text-transform: uppercase; color: #333; /*background: #FFF;*/ border: 1px solid #666; transform: rotate(2deg); z-index: 401; transition: 0.2s; }
ul.itemlist li:hover .archive { transform: rotate(-6deg); }
.archivegroot { position: absolute; top: 15px; right: 14px; width: 80px; height: 80px; border-radius: 50%; text-align: center; font-size: 1.3rem; line-height: 1.3rem; text-transform: uppercase; color: #333; /*background: #FFF;*/ border: 1px solid #666; transform: rotate(2deg); z-index: 401; transition: 0.2s; cursor: pointer; }
.archivegroot a { display: inline-block; width: 80px; height: 80px; padding-top: 23px; }
.archivegroot:hover { transform: rotate(-4deg); }




.itemfoto.zonderkop { line-height: 0; }
/*.itemdubbel .itemfoto { background: #CCC; }*/
.itemfoto img { width: 100%; height: auto; aspect-ratio: 5 / 7;}
.itemfoto.zonderkop img { line-height: 0; height: 100% !important; width: 100%; }
.itemfoto .foto { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 0; }
.itemfoto .foto.grijsfilter { filter: grayscale(1); }
.itemfoto .bovenfoto { z-index: 301; opacity: 1; transition: 0.3s; }
.itemfoto .onderfoto { z-index: 300; }
.itemfoto .modefoto { top: inherit; bottom: 0; }
.itemmaatfooter { position: absolute; left: 0; bottom: -31px; width: 100%; padding: 7px 15px; background: #000; color: #FFF; font-size: 0.95rem; line-height: 1.2; max-height: calc(1.15rem + 14px); text-transform: uppercase; transition: 0.2s; z-index: 302; }
.itemsoldfooter { position: absolute; left: 0; bottom: 0px; width: 100%; padding: 7px 15px; background: #000; color: #FFF; font-size: 0.95rem; line-height: 1.2; text-transform: uppercase; z-index: 302; }
ul.itemlist li:hover .bovenfoto { opacity: 0; }
.iteminfo { position: relative; width: 100%; text-align: center; padding-top: 5px; height: 6rem; z-index: 400;}
.dubbelinfo { position: relative; width: 100%; text-align: center; padding-top: 1rem; height: 58px; margin-bottom: calc(6rem - 58px); background: #000; color: #FFF; font-size: 1.5rem; text-transform: uppercase; z-index: 401; }
.iteminfo h3 { font-size: 0.95rem; font-weight: 300; text-transform: uppercase; }
.iteminfo h2 { font-size: 0.95rem; font-weight: 300; text-transform: lowercase; padding-bottom: 3px; }
.iteminfo .oudeprijs { font-size: 1rem; color: #B7B7B5; text-decoration: line-through; }
.kstprijs { position: absolute; top: -65px; right: -20px; width: 48px; height: 48px; border-radius: 50%; text-align: center; padding-top: 16px; font-size: 0.95rem; color: #FFF; transition: 0.2s; z-index: 400; }
.kstprijsonder { position: absolute; top: -76px; right: -28px; width: 48px; height: 48px; border-radius: 50%; text-align: center; padding-top: 16px; font-size: 0.95rem; color: #FFF; z-index: 399; }
.kstprijsperc { position: absolute; top: -75px; right: -32px; width: 30px; height: 30px; border-radius: 50%; text-align: center; padding-top: 9px; font-size: 0.70rem; color: #FFF; z-index: 401; }
ul.itemlist li:hover .kstprijs { transform: rotate(8deg); }
ul.itemlist li:hover .itemmaatfooter { bottom: 0; }

div.itemleeg { position: relative; width: 385px; height: auto; max-width: 100%; margin-bottom: 80px; }
div.itemleeg img { width: 100%; }

/* PREV NEXT */
.prevnext { display: block; position: relative; width: 100%; text-align: center; margin-bottom: 3rem; line-height: 2rem; }
.prevnext a { text-transform: uppercase; background: #939598; /* grijs */ color: #FFF; padding: 0.5rem 1rem; margin: 0 0.3rem; }
.prevnext a:hover { background: #000; }


/* MATEN POPUP */
.maatpopup { 
	display: none;
	position: absolute; top: 220px; left: 50%; 
	width: 500px; 
	margin-left: -200px; padding: 1rem; 
	background-color: rgba(255, 255, 255, 0.97); 
	-webkit-box-shadow: 6px 6px 5px 0px rgba(102,102,102,0.2);
	-moz-box-shadow: 6px 6px 5px 0px rgba(102,102,102,0.2);
	box-shadow: 6px 6px 5px 0px rgba(102,102,102,0.2);
	z-index: 1100; 
}
.maatpopupsluit { position: absolute; top: 0.9rem; right: 0.9rem; width: 30px; height: 30px; background: #F00; background: url('../images/ico_sluit@3x.png') no-repeat; background-size: 100%; cursor: pointer; overflow: hidden; text-indent: -99px; }

/* MATENTABEL */
.sizetabel { border-spacing: 0; border-collapse: collapse; border: 0; }
.sizetabel-4k { width: 285px; }
.sizetabel-1k { width: 176px; }
.sizetabel th, .sizetabel td { text-align: center; width: 14%; padding: 5px 0; }
.sizetabel-4k th, .sizetabel-4k td { width: 19.4%; }
.sizetabel-1k th, .sizetabel-1k td { width: 65%; }
.sizetabel th.eerste, .sizetabel td.eerste { width: 16%; }
.sizetabel-4k th.eerste, .sizetabel-4k td.eerste { width: 22.4%; }
.sizetabel-1k th.eerste, .sizetabel-1k td.eerste { width: 35%; }
.sizetabel th { font-weight: 700; border-bottom: 1px solid #CECECE; }
.sizetabel td.eerste { text-align: left; font-weight: 700; border-right: 1px solid #CECECE; }

.shippingtabel { border-spacing: 0; border-collapse: collapse; border: 0; }
.shippingtabel tr { border-bottom: 1px solid #CECECE; }
.shippingtabel th, .shippingtabel td { padding: 3px 30px 3px 0;}

/* NAVI PRODUCTEN */
.filters { position: relative; padding: 0px; width: 100%; }
.filter { position: relative; width: auto; height: 22px; font-size: 0.75rem; font-weight: 300; text-transform: uppercase; margin: 0 auto 10px; }
.filter:last-child { margin-bottom: 42px; }
.filternaam { position: relative; float: left; max-width: 155px; overflow: hidden; padding: 5px 7px; background: #E9E9E8; }
.filternaam span { display: inline-block; float: left; }
.filternaamnaam { max-width: 116px; overflow: hidden; }
.filteruit { width: 13px; margin-left: 12px; top: 0; background: url('/images/sluitkruis.png') no-repeat; background-size: 100% auto; text-indent: -999px; cursor: pointer; }
.filteruit:hover { background: url('/images/sluitkruis_f2.png') no-repeat; background-size: 100% auto; }


/* TEXT PAGINA'S */
.content-text { position: relative; width: 100%; max-width: 700px; }
.content-tab { padding-left: 180px; box-sizing: border-box; }
.content-tas { position: relative; float: left; width: calc(100% - 250px); max-width: 550px; }
.content-order { position: relative; float: left; width: 230px; padding-left: 20px; }
.content-checkout { position: relative; float: left; width: calc(50% + 90px); max-width: 580px; }
.content-checkoutkol2 { position: relative; float: left; width: calc(50% - 90px); max-width: 400px; }

.fotorijfoto { position: relative; float: left; width: 32%; margin-right: 2%; }
.fotorijfoto3 { margin-right: 0 !important;}
.fotorijfoto img { width: 100%; height: auto; aspect-ratio: 2 / 3; }
.fotovol { position: relative; width: 100%; }
.fotovol img { width: 100%; height: auto; }

.betaalicos li { float: left; width: auto; margin-right: 10px; }
.betaalicos li img { width: 32px; height: auto; }



/* CHECKOUT PAGINA'S*/
.bagitem { position: relative; float: none; width: 100%; height: 161px; margin-bottom: 1rem; }
.bagitemkleiner { position: relative; float: none; width: 100%; height: 100px; margin-bottom: 1rem; }
.bagitemfoto { width: 115px; margin-right: 25px; float: left; }
.bagitemkleiner .bagitemfoto { width: 71px; }
.bagitemfoto img, .bagitemfotokleiner img { width: 100%; }
.bagitemwegknop { position: absolute; top: 10px; left: 10px; width: 24px; height: 24px;  }
.bagitemwegknop .bagitemweg { width: 24px; height: 24px; background: #FFF url("../images/ico_sluit.png") no-repeat; background-size: 24px 24px; border: 0; padding: 0; margin: 0; border-radius: 50%; font-size: 1.5rem; font-weight: 500; text-indent: -999px; overflow: hidden; cursor: pointer; z-index: 600; transition: 0.2s; }
.bagitemweg:hover { transform: rotate(-90deg); }
.bagitemweg:active, .bagitemweg:hover { outline: none; border: none; }
.bagitemtekst { float: left; width: calc(100% - 140px); }
.bagitemtekst h2 { font-size: 1.1rem; }
.bagitemtekst p { font-size: 1.1rem; }
.bagitemkleiner .bagitemtekst h2 { font-size:0.9rem; }
.bagitemkleiner .bagitemtekst p { font-size:0.9rem; }

.shopknop { font-family: futura-pt, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 1rem; letter-spacing: 0.03em; text-transform: uppercase; padding: 3px 0 3px 0; margin-bottom: 30px; border: none; outline: none; background: #000; color: #FFF; cursor: pointer; width: 115px; text-align: center; }
.shopknop:hover { background: #FFF; color: #000; border: 1px solid #000; padding: 2px 0 2px 0; }
.checkoutknop { font-family: futura-pt, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 1rem; letter-spacing: 0.03em; text-transform: uppercase; padding: 3px 0 3px 0; margin-bottom: 30px; border: none; outline: none; background: #000; color: #FFF; cursor: pointer; width: 100%; text-align: center; }
.checkoutknop:hover { background: #FFF; color: #000; border: 1px solid #000; padding: 2px 0 2px 0; }

input.loginput { border: 1px solid #CCC; font-size: 1rem !important; font-family: futura-pt, Helvetica, Arial, sans-serif !important; font-weight: 300 !important; padding: 3px !important; margin-top: 7px; width: 220px; }
.nawinput { border: 1px solid #CCC; font-size: 1rem !important; font-family: futura-pt, Helvetica, Arial, sans-serif !important; font-weight: 300 !important; padding: 3px !important; margin-top: 0px; width: 220px; }
.nawlabel { display: block; padding-top: 8px; color: #CCC; text-transform: uppercase; font-size: 0.8em; font-weight: 500; }
input.nawinputfout { border: 1px solid #F7941E !important; }

.checkout2knop { font-family: futura-pt, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 1rem; letter-spacing: 0.03em; text-transform: uppercase; padding: 3px 0 3px 0; border: none; outline: none; background: #000; color: #FFF; cursor: pointer; width: 220px; margin: 10px 0; text-align: center; }
.checkout2knop:hover { background: #FFF; color: #000; border: 1px solid #000; padding: 2px 0 2px 0; }

.betaalicos li { float: left; width: auto; margin-right: 10px; }
.betaalicos li img { width: 32px; height: auto; }





/* GROTERE SCHERMEN */

/* PRODUCTFOTO MAXIMALE GROOTTE VAN 400PX */
@media screen and (min-width: 1100px) {
	.content-item-foto { width: 400px; margin-right: 20px; }
	.content-item-info { width: calc(100% - 400px - 21px); max-width: 600px; }
}



/* DETAILSCHERM LIJNEN MET BOVENNAV */
@media screen and (min-width: 1400px) {
	.content-thumbs { left: 96px; }
	.content-item { margin-left: 181px; width: calc(100% - 181px - 140px); }
	.itemmaatfooter { padding: 10px 15px; bottom: -36px; } 
	.itemsoldfooter { padding: 10px 15px; bottom: 0; }
}




/* INTROTEKST ARCHIVE IETS KLEIER */
@media screen and (max-width: 1150px) {
	.archiveintro h3, .archiveintro p { font-size: 1.1rem; }
}

/* ZOEKBALK WEG */
@media screen and (max-width: 1100px) {
	li.zoek { display: none; }
	.actiestrook, 
	.actiestrookbeeld { right: 5%; }
}

/* TWEE FOTO'S NAAST ELKAAR, NOG WEL NAVIGATIE ZICHTBAAR -> IPAD LANDSCAPE*/
@media screen and (max-width: 1025px) {
	ul.itemlist li { position: relative; display: block; float: left; width: 47%; height: auto; margin-right: 6%; cursor: pointer; }
	ul.itemlist li:nth-child(3n+3) { margin-right: 6%; } /* resetten elke 3e */
	ul.itemlist li:nth-child(2n+2) { margin-right: 0; }
	
	ul.itemlist .itemfoto, 
	ul.itemlist .itemintro { height: calc(7/5 * 0.47 * (80vw - 180px)); }
	ul.itemlist .archiveintro { height: calc(7/5 * 0.47 * (80vw - 180px) * 2/3); }
	ul.itemlist li.itemdubbel { width: 100%; margin-right: 0; height: auto; }
	ul.itemlist li.itemdubbel .iteminfo { height: 2rem; }
	
	.archiveintro h3, .archiveintro p { font-size: 1.2rem; }
			
	.content-item { width: calc(100% - 95px); }
	.content-ookleuk { position: relative; width: 100%; top: 0px; left: 0px; margin-bottom: 50px; }
	ul.thumbs-ookleuk li { width: calc((100% - 60px)/5); float: left; margin: 0 15px 15px 0; }
	ul.thumbs-ookleuk li:nth-child(5) { margin-right: 0; } 
}

/* HOMEACTIESTROOK TEGEN RECHTER ZIJKANT */
@media screen and (max-width: 1000px) {
	.actiestrook,
	.actiestrookbeeld { right: 1%; }
	body.home .logo span { display: block; position: absolute; top: -25px; left: -25px; width: 164px; height: 164px; }
	body.homepag2 .logo span { top: 0; left: 0; width: 114px; height: 114px; }
	.archiveintro h3, .archiveintro p { font-size: 1rem; }
}

@media screen and (max-width: 962px) {
	ul.itemlist .itemfoto, 
	ul.itemlist .itemintro { height: calc(7/5 * 0.47 * (770px - 180px)); }
	ul.itemlist .archiveintro { height: calc(7/5 * 0.47 * (770px - 180px) * 2/3); }
}



/* WE KOMEN IN DE BUURT VAN DE MINIMALE BREEDTE (870) -> NAAR MOBIEL MENU: */
@media screen and (max-width: 850px ) {
	html, body { font-size: 16px; }
	.container { width: calc(100vw - 80px); min-width: 0; }
	
	.logo { left: inherit; right: -10px; }
	body.home .logo span { top: 0; left: 0; right: 0; width: 114px; height: 114px; }
	.nieuwsbol { left: inherit; right: 65px; }
	
	.sidemenu { display: block; }
	.hamburger { display: inline-block; }
	
	
	.actiestrook { right: 0; width: 100%; top: 50vh; margin-top: -80px; height: auto; min-height: 0px; }
	.actiestrookbeeld { background: #a5d2b4; right: 0; width: 100%; top: 50vh; margin-top: -23vh; height: 50vh; min-height: 50vh; }
	.actiestrookbeeld > div { height: 100%; width: 50vh; aspect-ratio: 15 / 25; opacity: 1; }
	.actiestrookbeeld .bovenfoto,
	.actiestrookbeeld .onderfoto { height: 100%; width: auto; opacity: 1 !important; }
	.actiestrookbeeld .onderfoto { left: 48%; }
	.actiestrookbeeld .bovenfoto { left: calc(52% - (15/25 * 50vh)); }
	.actiestrookbeeld img { opacity: 1; }
	.actiestrooktekst { position: relative; width: 100%; top: 0; margin-top: 0; }
	.actiedatum, .actietitel, .actietitel2 { font-size: 2.2rem; font-weight: 300; padding: 0; }
	.actietitel2 { font-size: 2.2rem; padding: 0; }
	.actiesluit { top: 20px; }
	.actiestrookpijl { display: none; }
	
	ul.menu1,
	ul.menu2 { display: none; }
	ul.menu1func { display: block; right: inherit; left: 40px; top: 12px; }
	ul.menu1func > li { padding: 19px 2px 0 2px; font-size: 1.8rem; }
	ul.menu1func li.zoek { display: none; }
	div.tasico { width: 2rem; }
	
	.inhoudtas { position: absolute; top: 27px; left: 30px; }
	.inhoudtasbol { position: absolute; width: 6px; height: 6px; margin: 0 2px 2px 0; border-radius: 50%; }
	.inhoudtasbol1 { left: 0; top: 8px; }
	.inhoudtasbol2 { left: 8px; top: 8px; }
	.inhoudtasbol3 { left: 0px; top: 0; }
	.inhoudtasbol4 { left: 8px; top: 0; }
	.inhoudtasbol5 { left: 16px; top: 8px; }
	.inhoudtasbol6 { left: 16px; top: 0; }
	.inhoudtasbol7 { left: 24px; top: 8px; }
	.inhoudtasbol8 { left: 24px; top: 0; }
	
	.footer-links { float: none !important; display: block; width: 50% !important; }
	.footer-links-rij1 { padding-right: 0; }
	.footer-links-rij2 { position: absolute; left: 50%; top: 0; }
	.footer-links-social { display: block; height: 16px; }
	.footer-links-social li { float: left; margin-right: 0.8rem; }
	

	.homecirkel { display: none; }
	.homemerken { width: 100%; }
	.merkenlijst li { font-size: 1.3rem; padding: 0.2rem 0 0.6rem; text-transform: uppercase; }
	
	.content-nav2 { position: relative; top: 0; left: 0; padding: 0; width: 100%; height: inherit; }

	ul.menu2 { display: none; }
	.content-list { float: none; margin-left: 0; width: 100%; padding-top: 0px; }
	
	.nres { position: relative; left: 0; right: inherit; text-align: left; margin-top: 0; }
	
	ul.itemlist li { position: relative; display: block; float: left; width: 30%; height: auto; margin-right: 5%; cursor: pointer; }
	ul.itemlist li:nth-child(2n+2) { margin-right: 5%; } /* resetten elke 2e */
	ul.itemlist li:nth-child(3n+3) { margin-right: 0; }
	
	ul.itemlist .itemfoto,
	ul.itemlist .itemintro,
	ul.itemlist .archiveintro { height: calc(7/5 * 0.3 * (100vw - 80px)); }
	.archiveintro { padding: 1.2rem 1.7rem 1.2rem 1.4rem; }
	ul.itemlist li.itemdubbel { width: 65%; margin-right: 0; height: auto; }
	ul.itemlist li.itemdubbel.metmarge { margin-right: 5%; }

	.itemmaatfooter { bottom: -34px; }	
	.itemsoldfooter { bottom: 0; }	
	.kstprijs, .kstprijsonder { font-size: 0.85rem; }
	.dubbelinfo { font-size: 1.2rem; padding: 0.6rem !important; height: auto; margin-bottom: 2.5rem !important; }
	
	.alleenoffline { padding-top: 9px; font-size: 0.95rem; }
	
	.content-thumbs { display: none; }
	.content-item { margin-left: 0; width: 100%; }
	
	.prijsbol { padding-top: 23px; }
	.prijsbolperc { padding-top: 10px; font-size: 0.6rem; } 
	.maatpopup { left: 50%; width: 480px; margin-left: -240px; }
	
	.archive { font-size: 0.75rem; line-height: 0.75rem; }
	.nieuwgroot { font-size: 1.2rem; padding-top: 22px; }
	.archivegroot { font-size: 1.1rem; line-height: 1.1rem; }
	
	.content-tab { padding-left: 0px; }
	.content-checkout,
	.content-checkoutkol2 { width: 50%; }
	
}


	

/* ZIJMARGE IETS KLEINER EN TERUG NAAR TWEE FOTO'S NAAST ELKAAR */
@media screen and (max-width: 769px) {
	.container { width: calc(100vw - 100px); min-width: 0; }
	.logo { left: inherit; right: -20px; }
	.sidemenu { left: -145px; }
	
	.merkenlijst-links, .merkenlijst-rechts { width: 40%; }
	.bollenlijst { width: 20% !important; }
	
	ul.itemlist li { position: relative; display: block; float: left; width: 47%; height: auto; margin-right: 6%; cursor: pointer; }
	ul.itemlist li:nth-child(3n+3) { margin-right: 6%; } /* resetten elke 3e */
	ul.itemlist li:nth-child(2n+2) { margin-right: 0; }	
	
	ul.itemlist .itemfoto,
	ul.itemlist .itemintro { height: calc(7/5 * 0.47 * (100vw - 100px)); }
	ul.itemlist .archiveintro { height: calc(7/5 * 0.47 * (100vw - 100px) * 2/3); }
	ul.itemlist li.itemdubbel { width: 100%; margin-right: 0 !important; margin-bottom: 2rem !important; overflow: hidden; }
	li.itemdubbel .zonderkop { margin-bottom: -3rem; }
	
	.content-item-foto { height: calc((100vw - 100px) * 7 / 5); overflow: hidden; }
	
	ul.thumbs-ookleuk li { width: calc((100% - 45px)/4); float: left; margin: 0 15px 15px 0; }
	ul.thumbs-ookleuk li:nth-child(5) { display: none; } 
	ul.thumbs-ookleuk li:nth-child(4) { margin-right: 0; } 
	
}

/* DETAILPAGINA: TEKST ONDER FOTO */
/* BESTELOVERZICHT: SUMMERY ONDER PRODUCTEN */
@media screen and (max-width: 720px) {
	.content-item-foto { float: none; width: 100%; margin-right: 0; margin-bottom: 40px; }
	.content-item-info { float: none; width: 90%; }
	
	.content-text,
	.content-tas,
	.content-order,
	.content-checkout, 
	.content-checkoutkol2 { float: none; margin: 0; width: 100%; max-width: 400px; padding-left: 0; /*padding-top: 70px;*/ }	
}
 

/* MARGE LANGS KANTEN KLEINER */
/* OP HOME MERKEN ONDER ELKAAR */
@media screen and (max-width: 640px) {
	.container { width: calc(100vw - 60px); }
	.sidemenu { left: -165px; }
	.homebeeld { height: 580px !important; }
	.merkenlijst { height: auto; width: 50%; }	
	.merkenlijst-links li.deeltwee { display: block; }
	.merkenlijst-rechts { display: none; }
	.merkenlijst li { font-size: 1.2rem; padding: 0.2rem 0 0.3rem; }
	.bollenlijst { height: auto; width: 55px !important; margin-left: 30px; }
	.bollenlijst li.prijsgoud { display: none; }
	.bollenlijst li { margin-bottom: 10px; }
	
	ul.menu1func { left: 47px; }
	
	ul.itemlist .itemfoto,
	ul.itemlist .itemintro,
	ul.itemlist .archiveintro { height: calc(7/5 * 0.47 * (100vw - 60px)); }
	
	.kstprijs { top: -50px; right: -15px; width: 36px; height: 36px; padding-top: 11px; font-size: 0.75rem; }
	.kstprijsonder { top: -61px; right: -24px; width: 36px; height: 36px; padding-top: 11px; font-size: 0.75rem; }
	.kstprijsperc { top: -60px; right: -22px; width: 22px; height: 22px; padding-top: 6px; font-size: 0.55rem; }
	
	.content-item-foto { height: calc((100vw - 60px) * 7 / 5); }
	.archiveintro { height: auto !important; }
	
}


/* OOK LEUK PLAATJE 4 WEG */
@media screen and (max-width: 600px) {
	ul.thumbs-ookleuk li { width: calc((100% - 30px)/3); }
	ul.thumbs-ookleuk li:nth-child(3) { margin-right: 0; }
	ul.thumbs-ookleuk li:nth-child(4) { display: none; } 
	
	.dubbelinfo { font-size: 1.1rem; padding-top: 1.1rem; }	
	
	/* EN IN FOTORIJ VAN 3 HET 3E BEELD WEGHALEN */
	.fotorijfoto { position: relative; float: left; width: 48%; margin-right: 4%; }
	.fotorijfoto2 { margin-right: 0 !important; }
	.fotorijfoto3 { display: none; }
}


/* FOOTER ONDERDELEN IN EEN KOLOM */
/* MEER RUIMTE VOOR ITEMINFO IN OVERZICHTEN */
@media screen and (max-width: 500px) {
	.iteminfo { height: 7.5rem; }
	.dubbelinfo { margin-bottom: calc(7.5rem - 58px); }	
	.footer-links { width: 100% !important; }
	.footer-links-rij2 { position: relative; display: block; left: 0; padding-top: 1.5rem; }
	.maatpopup { width: 94%; margin-left: -47%; }
}


/* OOK LEUK PLAATJE 3 WEG */

@media screen and (max-width: 420px) {
	ul.thumbs-ookleuk li { width: calc((100% - 15px)/2); }
	ul.thumbs-ookleuk li:nth-child(2) { margin-right: 0; }
	ul.thumbs-ookleuk li:nth-child(3) { display: none; } 
}






/* TOUCH SCREENS 
-> GEEN HOVER EFFECT */
@media (hover: none) {
    .itemmaatfooter, 
	.itemsoldfooter { top: 100%; bottom: inherit; }
	ul.itemlist li:hover .itemmaatfooter { bottom: inherit; }
	.itemfoto { overflow: visible; }
	.iteminfo {  margin-top: 2.3rem; }
	
}

/* TOUCH SCREENS 
-> PIJLTJES BIJ FOTOSWIPE ALS ER GEEN THUMBS NAAST STAAN */
@media (hover: none) and (max-width: 850px) {
	.img-next, .img-prev { display: block; position: absolute; cursor: pointer; color: #FFF; font-size: 4.0rem; font-weight: 300; padding: 5px 10px; z-index: 5000; }
	.img-prev { top: calc(50% - 2.5rem); left: 0; }
	.img-next { top: calc(50% - 2.5rem); right: 0; }
	.img-next:hover, .img-prev:hover { color: #B7B7B5; }
	
}