@media (max-width: 599px) 
{
.has-small-font-size,
.wp-block-navigation
	{font-size: 14px !important;}
	
/* header logo menu */
header .logo-menu
	{grid-template-columns: 
		minmax(auto,300px) minmax(24px,auto);}
	
header .logo-menu svg
/* vervangt het streepjes menu */
	{display: none;}

header .logo-menu nav button.wp-block-navigation__responsive-container-open:before,
header .logo-menu nav button.wp-block-navigation__responsive-container-close:before
	{content: " ";
	width: 1.5rem;
	height: 1.5rem;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	box-sizing: border-box;}

header .logo-menu nav button.wp-block-navigation__responsive-container-open:before
	{background-image: url('https://wuzzialert.com/wp-content/themes/inthemewz/assets/images/menu-gesloten.png');}
	
header .logo-menu nav button.wp-block-navigation__responsive-container-close:before
	{background-image: url('https://wuzzialert.com/wp-content/themes/inthemewz/assets/images/menu-open.png');}
	
div.is-menu-open
	{margin-top: calc(var(--icon-height) * 1.5);
	box-sizing: border-box;}
	
nav.wp-block-navigation
	{margin-block-start: 0;
	justify-content: end;}
	
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog
	{margin-top: 0;}
	
ul.wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item
	{align-items: start !important;
	width: 100%;}
	
.logo-menu ul li:not(.roze)
	{border-bottom: solid 1px var(--wp--preset--color--grijs);
	width: 100%;}

.logo-menu ul li a
	{font-size: 1rem;
	line-height: 3;
	text-align: start;}
	
.logo-menu ul li:not(.roze) a::after
	{content: "";
	width: calc(var(--icon-height) / 2);
	height: calc(var(--icon-height) / 2);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	/* opacity: 0.5; */
	margin-left: calc(var(--icon-height) / 8);
	background-image: url('https://wuzzialert.com/wp-content/uploads/2025/02/J_open-menu.png');
	vertical-align: middle;}

.logo-menu ul li.roze a
	{/* height: calc(1.3rem + 0.3rem); */
	font-size: 1.1rem;
	line-height: 1.4;
	border: none;}
	
div.logo-persoonsalarm
	{max-width: 250px !important;}
	
/* mobile menu pages */
li.wp-block-navigation-item.button.roze
	{order: 0;}
	
li.wp-block-navigation-item
	{order: 1;}	

/* layout > HOME headerfoto */	
header.headerfoto,
header.headerfoto .foto
/* 54vw is de ratio van hoogte & breedte van de foto */
	{max-height: none;
	height: 54vw;}	
	
header.headerfoto .tekst
	{width: 70%;}

header.headerfoto .foto img
	{height: 54vw;}
	
header.headerfoto.height30vh, 
header.headerfoto.height30vh .foto 
	{min-height: 120px;
	height: 30vh;
	max-height: 150px;}
	
header.headerfoto.height30vh .tekst
	{width: 100%;
	padding-left: var(--wp--style--block-gap);
	padding-right: var(--wp--style--block-gap);}
	
.home header.headerfoto .tekst
	{max-width: 70vw;
	width: 100%;}
	
.home header.headerfoto .tekst img
	{width: 100%;
	max-width: 60vw;}
	
h1.tekst.filson.wp-block-post-title
    {font-size: var(--wp--preset--font-size--large);}
	
footer section.twee-en-vier
	{place-content: start;}
	
footer section.twee-en-vier aside
	{width: 100%;}
	

footer section.twee-en-vier aside h3.wp-block-heading,
footer section.twee-en-vier aside h4.wp-block-heading
	{margin-top: 1.5rem;}
	
main .button a, input#wpsl-search-btn
	{padding-left: .8rem;
	padding-right: .8rem;}	
	
article.afgerondehoeken, 
div.afgerondehoeken
	{padding: 1em 0.5em;}
	
#veelgesteldevragen article.afgerondehoeken
	{padding: 1em 1.5em;}

/* single-vraag */
.menu-vragen 
	{order: 7;}
	
/* fix voor blauwe balk in header menu */

/* aangepast op 7 nov 2023 minder header op mobile 
header .bovenmenu section
	{display: grid;
	grid-template-columns: 3fr 1fr;
	row-gap: calc(var(--icon-height) / 8);
	padding: 0.3em 0;
	height: calc(var(--icon-height) * 4.5);}
	
header .bovenmenu .winkelmandje,
header .bovenmenu .gebruiker	
	{place-self: end;} 
	
header .bovenmenu .wp-block-search__input
	{padding: 3px 1rem 3px var(--icon-height);}
	
header .bovenmenu section > *
	{padding: 0.3em 0;}
*/	
	
header .bovenmenu section
	{display: grid;
	/*  flex-flow: row wrap;
	justify-content: space-between;*/
	justify-items: center; 
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	height: calc(var(--icon-height) * 1.5);}

header .bovenmenu .klantenservice,
header .bovenmenu p.telefoon
	{justify-self: start;}

header .bovenmenu p.gebruiker,
header .bovenmenu .winkelmandje
	{justify-self: end;}

/* 
header .bovenmenu .telefoon
	{order: 3;}
	
header .bovenmenu .wp-block-search
	{grid-column: span 2;
	order: 5;}
*/
	
header .bovenmenu p.klantenservice a::before,
header .bovenmenu p.telefoon a::before,
header .bovenmenu p.gebruiker a::before,
header .bovenmenu p.winkelmandje a::before
	{margin-right: 0;}

	
header .bovenmenu  p.contentnone,
header .bovenmenu .mobiledisplaynone 
	{display: none;}
	
/* icoon-zoeken wel tonen > link naar zoekpagina */
.link-zoeken a::before 
	{background-image: url('https://wuzzialert.com/wp-content/uploads/2025/02/vergrootglas.png');
	background-position: center;
	margin-top: 0.4rem;}
		
.single-product .entry-content.nomargin .slideshow-wrapper .slideshow-fullsize,
.single-product .entry-content.nomargin	.slideshow-thumbnails.thumbsbot
	{max-width: calc(100vw - var(--wp--style--block-gap) * 4) !important;}	
	
.single-product .entry-content.nomargin .slideshow-slidearea
	{max-width: calc(100vw - (var(--wp--style--block-gap) * 4) - 55px) !important;}	
	
.single-product .entry-content.nomargin .slideshow-wrapper .slideshow-fullsize
	{max-height: calc(100vw - var(--wp--style--block-gap) * 4) !important;}	
	
figure.wp-block-image.foto-height100 img
	{max-height: calc(100vw - var(--wp--style--block-gap) * 4) !important;
	object-position: center;}	
	
	
/* button mail mij als deze weer voorradig is */
.single-product section.wp-block-group.twee 
	{padding-bottom: calc(var(--wp--style--block-gap) * 2);}
	
section#top-product
	{padding-top: calc(var(--wp--style--block-gap) * 2);}
	
.single-product section.wp-block-group.twee  button.grijs.email
	{margin-bottom: 0;}

/* gf formulier niet op voorraad */
.geen-voorraad
	{padding: calc(var(--wp--style--block-gap) / 2);}
	
}

@media (max-width: 400px)
{

section.has-global-padding,
h2.has-global-padding,
section.plattegrond-winkels,
div#wpsl-result-list,
.has-global-padding > section.alignfull,
aside.bovenmenu, section.logo-menu,
header.headerfoto .drie-iconen,
section.wp-block-query.has-global-padding,
header.bordertopgrijs20 h1,
aside.product-opties,
.page-template-wp-custom-template-page-with-title header.wp-block-group,
.blog header.wp-block-group,
.archive header.wp-block-group,
header.wp-block-group.pages,
aside.breadcrumbs,
aside.product-opties,
.headerfoto.height30vh
	{padding-left: var(--wp--style--block-gap);
	padding-right: var(--wp--style--block-gap);}	
	
.single-post header.wp-block-group,
.single-post article.span2columns
	{padding-left: var(--wp--style--block-gap);}
	
header.headerfoto.height30vh .tekst
	{padding-left: calc(var(--wp--style--block-gap) / 2);
	padding-right: calc(var(--wp--style--block-gap) / 2);}
	
.home header.headerfoto .tekst
	{padding-bottom: 1.5em;}
	
.single-product .entry-content.nomargin .slideshow-wrapper .slideshow-fullsize,
.single-product .entry-content.nomargin	.slideshow-thumbnails.thumbsbot
	{max-width: calc(100vw - var(--wp--style--block-gap) * 2) !important;}	
	
.single-product .entry-content.nomargin .slideshow-slidearea
	{max-width: calc(100vw - (var(--wp--style--block-gap) * 2) - 55px) !important;}	
	
.single-product .entry-content.nomargin .slideshow-wrapper .slideshow-fullsize
	{max-height: calc(100vw - var(--wp--style--block-gap) * 2) !important;}	
}

/* TABLET */

@media (min-width: 600px) and (max-width: 750px)
{
header .bovenmenu section 
	{display: grid;
	grid-template-columns: 2fr 2fr 1fr 1fr;
	row-gap: calc(var(--icon-height) / 8);
	padding: 0.3em 0;
	height: calc(var(--icon-height) * 1.5);}
	
p.gebruiker,
p.winkelmandje
	{order: 4;}
	
header .bovenmenu p.winkelmandje a::before
	{margin-right: 0;}
	
header .bovenmenu .wp-block-search
	{grid-column: span 4;
	order: 5;}
	
header .bovenmenu .winkelmandje,
header .bovenmenu .gebruiker	
	{justify-self: end;
	align-self: center;}
	
header .bovenmenu  p.contentnone,
header .bovenmenu .mobiledisplaynone
	{display: none;}
	
}


@media (max-width: 370px) 
{
div#draagvorm.dropdown
	{display: none;}
}

@media (max-width: 520px) 
{
div#kleur.dropdown
	{display: none;}
}

@media (max-width: 675px) 
{
div#oplaadwijze.dropdown,
.single-product section.tabbladeren div.optie-buttons
	{display: none;}

}


@media (max-width: 900px) 
{
div#aanschafvorm.dropdown
	{display: none;}
}

@media (max-width: 950px) 
{
aside.product-opties.flex-row 
	{column-gap: 1em;}
}

@media (min-width: 820px) and (max-width: 1229px)
{
.slider_box figure
	{max-height: 220px}
}

/*////////// MIN WIDTH //////////*/

@media (min-width: 600px) 
{
	
/* HEADER */
	
header .logo-menu
	{grid-template-columns: minmax(auto,220px) minmax(380px, auto);}
	
main.wp-block-group.is-layout-flow,
.wp-site-blocks > aside.breadcrumbs,
header.wp-block-group.pages
	{margin-block-start: 0.75rem;}

header .is-layout-flow nav.wp-block-navigation,
header.headerfoto.is-layout-flow
	{margin-block-start: 0}
	
/* layout > HOME headerfoto */	
.home header.headerfoto,
.home header.headerfoto .foto
	{height: 40vh;
	max-height: 300px;}	
	
/* FOOTER */
footer aside:nth-child(3) h4:first-child
	{margin-block-start: 1.5rem;}
	
/* LAYOUT */
	
.twee-en-vier
	{grid-template-columns: 1fr 1fr;}


/* iPAD + Desktop > display: none */
	
.mobiledisplay,
aside.block-usp.mobiledisplay,
li.wp-block-navigation-item.mobiledisplay
	{display: none;}
	
/* loop op home-page */
.product-loop,
.producten-loop,
.abonnementen-loop
	{grid-template-columns: 1fr 1fr;
	column-gap: var(--wp--style--block-gap);}
	
.producten-loop.is-layout-flow > * + *,
.product-loop.is-layout-flow > * + *,
.abonnementen-loop.is-layout-flow > * + *
	{margin-block-start: 0;}


}

/*//////////////////////////////*/

@media (min-width: 800px) 
{
	
header .logo-menu nav ul li:not(.roze) a
	{padding: 0 1.2em;}
	
/* layout > HOME headerfoto */	
.home header.headerfoto,
.home header.headerfoto .foto
	{height: 60vh;
	max-height: 400px;}	
	
.slider
	{width: 300%;
	animation-name: logo_slides_two;}
	
.single-product section.twee
	{grid-template-columns: 1fr 1fr;
	column-gap: var(--wp--style--block-gap);}
	
body:not(.single-post) .drie,
.posts-loop
	{grid-template-columns: 1fr 1fr;
	column-gap: var(--wp--style--block-gap);}

.drie .grid100,
.drie #klantenservice
	{grid-column: span 2;}
	
.drie .width33 a,
.drie .width33 .wp-block-search__inside-wrapper 
	{width: calc(50% - (var(--wp--style--block-gap) / 2));}
	
#CybotCookiebotDialogPoweredbyImage {
	max-height: 71px !important;
	height: 100%;
	width: 220px !important;
	padding-top: 2px !important;}
	
}

/*//////////////////////////////*/

@media (min-width: 1000px) 
{
header .bovenmenu p::before 
	{width: var(--icon-height);
	height: var(--icon-height);}

header .logo-menu
	{grid-template-columns: 300px auto;}	
	
header .logo-menu nav ul li:not(.roze) a
	{padding: 0 1.5em;}

header .logo-menu nav ul li.roze	
	{margin-left: 1em;}
	
/* FOOTER */
footer aside:nth-child(3) h4:first-child
	{margin-block-start: 0;}

/* layout > HOME headerfoto */	
.home header.headerfoto,
.home header.headerfoto .foto
	{max-height: 450px;}	
	
.twee /* home-page */
	{grid-template-columns: 1fr 1fr;
	column-gap: var(--wp--style--block-gap);}

.single-product section.twee	
	{grid-template-columns: 450px auto;
	column-gap: var(--wp--style--block-gap);}
	
.twee .grid100
	{grid-column: span 2;}
	
.twee.columngap,
.columngap
	{column-gap: calc(var(--wp--style--block-gap) * 2);}
	
#veelgesteldevragen .twee 
	{row-gap: var(--wp--style--block-gap);}
	
form.width33
	{max-width: 33%;}

body:not(.single-post) .drie,
.posts-loop
	{grid-template-columns: 1fr 1fr 1fr;}
		
.twee-en-vier,
ul.producten-loop
	{grid-template-columns: 1fr 1fr 1fr 1fr;}
	
.drie_twee
	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
	
.drie_twee > *:first-child,
.drie .grid100,
.drie #klantenservice,
#klantenservice.drie_twee > *:last-child
	{grid-column: span 3;}
	
.drie .width33 a,
.drie .width33 .wp-block-search__inside-wrapper 
	{width: calc(33% - (var(--wp--style--block-gap) / 2));}
	
.drie_twee > *:last-child,
.drie .span2columns,
#klantenservice.drie_twee > *:first-child
	{grid-column: span 2;}
	
.foto_onder_tekst
	{grid-template-columns:  1fr calc(var(--wp--style--block-gap) * 2) 1fr;
	grid-template-rows: calc(var(--wp--style--block-gap) * 2) 1fr calc(var(--wp--style--block-gap) * 4) var(--wp--style--block-gap) calc(var(--wp--style--block-gap) * 2);}
	
.foto_onder_tekst figure
	{grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;}
	
.foto_onder_tekst article
	{grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 4;}
	
.foto_onder_tekst p.button
	{grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 4;
	grid-row-end: 5;}
	
.twee article
	{margin-block-start: 0;}
	
}

@media (min-width: 1230px) {
header .logo-menu 
	{grid-template-columns: 330px auto;}	
	
header.headerfoto .drie-iconen
	{padding: 0;}
	
.slider
	{width: 200%;
	animation-name: logo_slides_three;}

section.has-global-padding,
article.tab.has-global-padding,
h2.has-global-padding,
.has-global-padding > section.alignfull,
aside.bovenmenu, section.logo-menu,
header.headerfoto .drie-iconen,
.page-template-wp-custom-template-page-with-title header.wp-block-group,
.archive header.wp-block-group,
.blog header.wp-block-group,
header.wp-block-group.pages,
.drie.has-background,
.single-vraag main.has-global-padding,
section.wp-block-query.has-global-padding,
footer.wp-block-template-part section,
aside.breadcrumbs,
aside.product-opties,
.headerfoto.height30vh,
.single-post header.wp-block-group
	{margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: calc((((100vw - (100vw - 100%)) - 1200px) / 2) + (var(--wp--style--block-gap) * 2));
	padding-right: calc((((100vw - (100vw - 100%)) - 1200px) / 2) + (var(--wp--style--block-gap) * 2));}
	
.single-post article.span2columns
	{padding-left: calc(((100vw - 1215px) / 2) + (var(--wp--style--block-gap) * 2));}
	
.single-post aside.zijmenu
	{padding-right: calc(((100vw - 1215px) / 2) + (var(--wp--style--block-gap) * 2));}

	
footer.wp-block-template-part section aside,
.headerfoto.height30vh,
.single-post header .wp-block-group,
.single-post article.span2columns,
div.entry-content.nomargin,
.previous-next div.wp-block-post-navigation-link
	{margin-left: 0 !important;
	margin-right: 0 !important;}

}

@media (min-width: 1530px) {

.home header.headerfoto .tekst
	{margin-right: calc((100vw - 1600px) / 2);}
	
}