.logo {
	position: fixed!important;
	top: 20px;
	left: 20px;
	z-index: 3;
}
.logo, .logo img {
	max-width: 104px;
	width: 104px;
	height: 104px;
	object-fit: contain;
	object-position: center;
	transition:0.2s ease all;
}

@media (max-width: 380px){
	.logo {
		top: 37px;
		max-width: 64px;
	}
	.logo, .logo img {
		max-width: 64px;
		width: 64px;
		height: 64px;
		
	}
}


.scrolled-100 .logo {

	left: 15px;
}
.scrolled-100 *:is(.logo, .logo img) {
	max-width: 64px;
	width: 64px;
	height: 64px;
}


.demo-marquee {
	padding: 5px 0px;
}
.marquee6k * {
	--fontsize_p:10px;
	max-height: 30px!important;
}

.matches-widget table *  {
	font-size:10px;
}

.matches-widget-wrapper {
	margin-left: -30px;
	width: calc(100% + 60px);
	min-height: 100px!important;
}

.zp-page .matches-widget-wrapper {
	margin-left: -60px;
	width: calc(100% + 120px);
	min-height: 200px!important;
}

.zp-newspaper table tr > *, :is(.zp-page-item, .zp-page) table tr > * {
	padding: 3px 5px;
}
.matches-widget-controls {
	width: 100%;
}
.zp-page-items-wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
}
header nav nav ul  {
	column-gap:10px!important;
	text-wrap:balance;

}
header nav nav ul li a {
	font-size: 9px;
}
@media (max-width: 380px){
table[class="openingstijden"] td {
	font-size:10px;
}
}
@media (max-height: 610px){
header nav nav {
	display: none!important;
}
	header .menu-wrapper, header .menu-wrapper nav:not(nav nav) > ul {
		gap:30px;
	}
}
.zp-page {
	display: flex;
	flex-direction: column!important;
	
	justify-content: flex-start;
}
.zp-page-items-wrapper {
	min-height: calc(100vh - 300px);
}
.zp-page > * {
	margin-top: 0px!important;
}
.zp-page > img {
	min-width: 100vw;
}


@media (max-width: 380px){
	.history-wrapper > *,
	.zp-page-items-wrapper  > * {
			padding: 5px 15px; 

	}
	.matches-widget-wrapper {
		margin-left: -10px!important;
		width: calc(100% + 20px)!important;
		min-height: 100px!important;
	}

	.zp-page .matches-widget-wrapper {
		margin-left: -10px!important;
		width: calc(100% + 20px)!important;
		min-height: 200px!important;
	}
}

div[class*="block"] .button-group {
	flex-direction: column;
}