@media screen and (max-width: 1600px){
	.img-fixed {
		height: calc(70vh - 125px);
		bottom: 15vh;
	}

	.grid-cols-2 {
		grid-template-columns: 2fr 3fr;
	}
}

@media screen and (max-width: 1400px){
	header .header-img {
		display: none;
	}

	body {
		font-size: 14px;
	}

	.img-fixed {
		left:  calc( 7.5vh + 25px);
	}
}

@media screen and (max-width: 1200px){
	#decad>.decads {
		grid-template-columns:  1fr 1fr;
	}

	.gallery{
		grid-template-columns: 1fr 1fr 1fr;
	}

	#abonneren_recap {
		display: none;
	}

	.block-white.widest {
		grid-template-columns: 1fr;
	}

}

@media screen and (max-width: 1050px){

	.block-white.split {
		grid-template-columns: 1fr;
	}

	:root {
    	--header-height: 75px;
	}

	.scrollHeader {
	    --header-height: 75px;
	}

	.menu-open header>.container>.socials {
   	 z-index: -1;
	}

	.steps {
		margin-left: 0px;
		width: 100%;
	}


	header nav .socials {
		display: flex;
	}


	.swiper-container.small {
		display: block;
		width: 100%;
	}

	.space-between {
		flex-direction: column;
	}


	.hor-list a {
		width: calc(50% - 50px);
		height: auto;
		text-decoration: none;
		display: inline-block;
		vertical-align: middle;
		margin: 25px;
	}

	.hor-list img {
		width: 100%;
		height: auto;
	}

	.hor-list .vert img {
		width: 75%;
	}

	.hor-list {
		display: block;
	}

	nav {
		position: fixed;
	    transform: scale(0);
	    transition: .75s;
	    width: 200vw;
	    background: var(--blue);
	    height: 200vh;
	    top: -50vh;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    text-align: center;
	    justify-content: center;
	    transform-origin: 100% 0%;
	    border-radius: 50%;
	    left: -50vw;
	    opacity: 0;
	}

		header nav>a {
			display: block;
			width: 90%;
			max-width: 250px;
			border-bottom: 1px solid white;
		}

	.menu-open nav {
		transform: scale(1);
	    opacity: 1;
		transition: .75s;
	}

	#hamburger,
	#hamburger::before,
	#hamburger::after {
		display: block;
	}

	#home {
		display: block;
	}

	.bbgk {
		display: block;
		width: 100%;
	}

	.kd_dv {
		width: calc(50% - 20px);
	}

	.grid-cols-2 {
		grid-template-columns: 1fr;
		grid-gap: 0px;
		padding: 5vw;
	}

	.block-white {
		padding: 5vw;
	}

	.img-fixed {
		position: absolute;
	}

	.img.mobile-only {
		display: block;
		margin: 50px auto;
		width: 75%;
		max-width: 400px;
	}

	.this-magazine .img-fixed {
	    position: relative;
	    margin: 0px auto;
	    display: block;
	    left: auto;
	    top: auto;
	    bottom: auto;
	    height: auto;
	}
}

@media screen and (max-width: 800px){

	.stadion-block-simple .center-center {
		padding: 0px !important;
	}

	.wcadeaus img {
		height: 80px !important;
	}

	#abonneren_outer .block-white {
		padding: 0px;
	}

	div#abonneren_content>div:not(.spinner)  {
		margin: 25px 0px;
	}

	.block-split>* {
		padding: 5px;
	}

	.wcadeaus {
		grid-template-columns: 1fr 1fr;
	}

	.padding {
    padding: 50px 0px;
}

	.products {
    	grid-gap: 2.5vw;
    	grid-row-gap: 10vw;

    	flex-wrap: wrap;
	}

		.products .prdct {
			width: 40%;
		}

	.products>.prdct:nth-child(n+4) {
		display: flex
	}

	
	header .container{
		padding: 0 5vw;
		justify-content: space-between;
		align-items: center;
	}
	
	.prdct {
		row-gap: 1.25vw;
	}

	.kd_dv {
		width: 100%;
	}

	.btn {
		font-size: 20px;
	}

	.center.bak .btn {
		width: 100%;
    	margin: 5px 0px;
	}

	.btn>small {
	    font-size: 15px;
	}

	
	.block-white {
		line-height: 22px;
	}

	.floating-ball {
   	 --bal-height: 10vh;
   	}


   	.stadion-block:before, .stadion-block:after, .sterrenteam-block:before, .sterrenteam-block:after {
   		width: calc(200vw + 200vh);
   		left: 50%;
   		transform: skew(-45deg, 0deg);
   }

   .stadion-block:before, .sterrenteam-block:before  {
   		left: auto;
   		right: 50%;
   }

   	.scrollHeader .stadion-block:before, .scrollHeader .sterrenteam-block:before, .scrollHeader .stadion-block:after, .scrollHeader .sterrenteam-block:after {
   		transform: skew(45deg, 0deg);
   	}

   	.empty {
   		display: none;
   	}

   	.grid-cols-3 h3 {
   		display: none;
   	}

   	.grid-cols-3 {
   		grid-template-columns: 1fr;
   	}

   		.grid-cols-3>div {
   			width: 60vw;
    		height: 100vw;
   			margin: 0px auto;
   		}

   		.grid-cols-3>div:first-child {
   			position: absolute;
   			left: 0;
   			width: 60vw;
   			transform: rotate(-3deg);
   		}

   			.grid-cols-3>div:last-child {
   				position: absolute;
   				right: 0;
   				width: 60vw;
   				z-index: 0;
   			transform: rotate(3deg);
   			}

   		.grid-cols-3>div:nth-child(2) img {
   			position: absolute;
   			bottom: 0;
   			left: 50%;
   			transform: translateX(-50%);
   			z-index: 50;
   		}
}


@media screen and (max-width: 600px){

	.img, .edition img {
		-webkit-box-shadow: -2px 2px 2px 2px rgb(25 25 25 / 70%);
    	-moz-box-shadow: -2px 2px 2px 2px rgb(25 25 25 / 70%);
    	box-shadow: -2px 2px 2px 2px rgb(25 25 25 / 70%);
	}

	.gallery{
		grid-template-columns: 1fr 1fr;
		grid-gap: 7.5px;
	}

	button.btn.chosen {
    	transform: scale(1.05);
	}

	.red-gradient h3, h1, h2 {
		font-size: 28px;
	}

	.stadion-block h3 {
		font-size: 32px;
	}

	.red-gradient {
		padding: 25px;
	}

	#step2>.decads, .center.bak {
		grid-template-columns:  1fr;
	}

	.txt-shadow-l {
		text-shadow: 1px 1px 1px rgb(0 0 0);
	}

	.kd_dv2 img {
		height: 100px;
	}


	.page-block.trans {
		padding: 10px;
	}

	.b-left, .b-right {
		width: 100%;
		display: block;
		margin: 25px auto;
	}

	body {
		font-size: 13px;
	}

	header>.container>.socials {
		display: none;
	}

	header .container .logo {
		text-decoration: none;
	}

	.page-block {
		padding: 2.5vw;
	}

	.extraH2 {
		margin: 5px auto;
    	display: block;
    	text-align: center;
	}

		.extraH2:nth-of-type(2n){
			-webkit-transform: rotate(-1deg);
		    -moz-transform: rotate(-1deg);
		    transform: rotate(-1deg);
		}

		.extraH2:nth-of-type(3n) {
		    -webkit-transform: rotate(1deg);
		    -moz-transform: rotate(1deg);
		    transform: rotate(1deg);
		}

	img.img-inline-left.img {
	    float: none;
	    width: 100%;
	    margin: 25px auto;
	    max-width: 200px;
	}

	#kaart_left, #kaart_right {
		display: block;
		width: 100%;
		margin: 10px auto;
		width: calc(100% - 20px);
	}

	#kaart_left {
		
		border-radius: 25px;
		border: 10px solid #fefefe;
	}

	.this-magazine>.container {
		padding: 2.5vw;
	}

	#kaart_right {
		padding-left: 0px;
	}

	#map_canvas {
		border-radius: 15px;
	}

	.prdct-overlay {
		text-align: center;display: flex;
    	flex-direction: column;
   		width: 100%;
   		margin: 0px auto;
	}

	#custom_block .content {
		font-size: 12px;
	}

	#custom_block img {
	    width: 100px !important;
	    height: auto !important;
	}

	.img, .edition img {
		border: 3px solid white;
		width: 65%;
		margin: 0px auto;
		display: block;
	}

	.swiper-button-next, .swiper-button-prev {
		transform: scale(0.5);
	}

	.swiper-button-next { 
		right: 0px; 
	}

	.swiper-button-prev { 
		left: 0px; 
	}

	#custom_block .swiper-slide {
		padding: 7.5px;
		border: 2px solid white;
	}

	.cover-waaier>div {
		width: calc(239px / 4 * 3 ) !important;
    	height: calc(338px / 4 * 3);
	}

	.bbdv img {
		width: 100%;
		height: auto !important;
	    float: none;
	    margin: 0px auto;
	    display: block;
	}
}