@media (max-width: 1770px) {
	.sectionWrapper {
		width: 470px;
	}
}

@media (max-width: 1700px) {
	.sectionWrapper {
		width: 430px;
	}
}

@media (max-width: 1660px) {
	.articleSearch .articleCategories {
		padding-bottom: 15px;
		width: calc(100% - 300px);
	}

	.sectionWrapper {
		margin-left: 0;
	}
}

@media (max-width: 1440px) {
	.totZover {
		padding-left: 80px;
		padding-right: 20px;
		grid-column-gap: 80px;
	}

}

@media (max-width: 1200px) {
	.article-layout-1 {
		grid-template-columns: 1fr 32px 1fr 32px 1fr  32px 1fr 0;
	}

	.blockContainer .blockCenter {
		width: 90%;
	}

	.article-layout-4 {
		grid-template-columns: 80px 1fr 80px 0 1fr 80px 0 1fr 80px;
	}

	.article-layout-4 .article-spacer {
		margin: 0 39px;
	}

	.totZover {
		grid-column-gap: 60px;
	}

	.totZover label {
		font-size: 12rem;
	}
}

@media (max-width: 1024px) {
	body > nav > .languages {
		display: none;
	}

	.mobileMenu,
	.mobileMenuToggle {
		display: block;
	}

	nav ul {
		display: none;
	}

	header p {
		right: 50px;
		bottom: 50px;
		font-size: 3em;
	}

	.blockContainer div.blockCenter {
		width: 100%;
	}

	.blockContainer > div .leafs {
		display: none;
	}

	.article-layout-1 {
		grid-template-columns: 1fr 32px 1fr 32px 1fr 0;
	}

	.article-layout-2,
	.article-layout-5,
	.article-layout-6 {
		grid-template-columns: repeat(3, 1fr);
	}

	main {
		padding-bottom: 50px;
	}

	.blockContainer {
		padding-top: 50px;
		padding-bottom: 45px;
	}

	footer .laaktheater {
		margin-top: 20px;
	}

	.article-layout-4 {
		grid-template-columns: 60px 1fr 60px 0 1fr 60px 0 1fr 60px;
	}

	.article-layout-4 .article-spacer {
		margin: 0 29px;
	}
}

@media (max-width: 960px) {
	.totZover {
		grid-column-gap: 40px;
	}

	.totZover label {
		font-size: 12rem;
		margin-bottom: 100px;
	}

}

@media (max-width: 860px) {
	.totZover {
		grid-column-gap: 40px;
	}

	.totZover h3 {
		font-size: 1.3rem;
	}

	.totZover h3:after {
		left: -40px;
		width: 80px;
	}

	.totZover label {
		font-size: 10rem;
		margin-bottom: 80px;
	}

	header p {
		font-size: 2em;
	}

	.article-layout-1 {
		grid-template-columns: 1fr 32px 1fr 0;
	}

	.article-layout-2,
	.article-layout-5,
	.article-layout-6 {
		grid-template-columns: repeat(2, 1fr);
	}

	.article-layout-3 {
		grid-template-columns: repeat(2, 1fr);
	}

	.blockContainer {
		padding-top: 40px;
		padding-bottom: 35px;
	}

	.article-layout-4 {
		grid-template-columns: 60px 1fr 60px 0 1fr 60px;
	}

	.article-layout-4 .article-spacer {
		margin: 0 29px;
	}
}

@media (max-width: 840px) {
	.articleSearch .articleCategories {
		padding-bottom: 15px;
		width: 100%;
	}

	.sectionWrapper {
		margin-left: 0;
	}

	.sectionWrapper,
	.articleSearch .searchWrapper {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.totZover {
		padding-left: 40px;
		grid-column-gap: 20px;
	}

	.totZover h3 {
		font-size: 1.2rem;
	}

	.totZover h3:after {
		left: -20px;
		width: 60px;
	}

	.totZover label {
		font-size: 10rem;
		margin-bottom: 80px;
	}
}

@media (max-width: 640px) {
	.totZover {
		padding-left: 30px;
	}

	.totZover h3 {
		margin-bottom: 40px;
		font-size: 1rem;
	}

	.totZover h3:after {
		left: -10px;
		width: 40px;
	}

	.totZover label {
		font-size: 5rem;
		margin-bottom: 10px;
	}

	.mainDiv {
		padding: 0 10px;
	}

	nav {
		padding: 0 10px;
		height: 65px;
	}

	.contentDiv {
		padding-top: 65px;
	}

	nav img.logo {
		left: 20px;
		top: 19px;
		width: 42px;
	}

	.mobileMenuToggle {
		margin-top: 5px;
	}

	.blockContainer.blockColor-2,
	.blockContainer.blockColor-3 {
		padding-left: 10px;
		padding-right: 10px;
	}

	header {
		padding-bottom: 110%;
		background-position: center;
	}

	header p {
		bottom: 10%;
		left: 10%;
	}

	header img.logo {
		left: 10%;
		top: 10%;
		width: 25%;
	}

	.article-layout-1 {
		grid-template-columns: repeat(1, 1fr);
	}

	.article-layout-2,
	.article-layout-5,
	.article-layout-6 {
		grid-template-columns: repeat(1, 1fr);
	}

	.article-layout-3 {
		grid-template-columns: repeat(1, 1fr);
	}

	.article-layout-4 {
		grid-template-columns: 60px 1fr 60px;
	}

	.article-layout-4 .article-spacer {
		margin: 0 29px;
	}

	.blockContainer {
		padding-top: 30px;
		padding-bottom: 25px;
	}
}

@media (max-width: 460px) {
	.sectionWrapper > div,
	.searchWrapper > div,
	.sectionWrapper > label,
	.searchWrapper > label,
	.articleSearch .searchWrapper .searchText {
		width: 100%;
	}

	.articleSearch .searchWrapper::after {
		top: auto;
		height: 22px;
	}
}