#map {
	 height: calc(100vh - 400px);
}

input.apple-switch {
  position: relative;
  -webkit-appearance: none;
  outline: none;
  width: 25px;
  height: 15px;
  background-color: #fff;
  border: 1px solid #D9DADC;
  border-radius: 25px;
  box-shadow: inset -10px 0 0 0 #fff; //#d14e4e;
}

input.apple-switch:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  background: transparent;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
}

input.apple-switch:checked {
  box-shadow: inset 10px 0 0 0 #4ed164;
  border-color: #4ed164;
}

input.apple-switch:checked:after {
  left: 10px;
  box-shadow: -2px 4px 3px rgba(0,0,0,0.05);
}

.on-top {
	z-index : 99;
}
@media screen and (max-width: 575px) {
	.logo { 
			 background: url("/pic/Grenspalenbingo.nl.svg") no-repeat; 
			 width: 125px; 
			 height: 90px; 
			 display: block; 
			 /*border :1px solid white;*/
	}
} 

@media screen and (min-width: 576px) {
	.logo { 
			 background: url("/pic/Grenspalenbingo.nl.svg") no-repeat; 
			 width: 125px; 
			 height: 90px; 
			 display: block; 
			 /*border :1px solid white;*/
	}
	#map {
		 height: calc(100vh - 400px);
	}
}

/*
.kaart {
	height : 50vh;
	width : 100vw;
}
*/

@media screen and (min-width: 1200px) {
	.kaart {
		height : 100vh;
		width : 50vw;
	}
	
	#map {
		 height: calc(100vh - 200px);
	}	
}
@media screen and (max-width: 1200px) {
	.kaart {
		height : 50vh;
		width : 100vw;
	}
}


/*
body {
  background-image: url('../pic/avelo.svg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom;
  font-family: Arial, Helvetica, sans-serif;
}

input, button, .knop {
  font-size:1.5em;
  font-family : "sans-serif";
}

.lastpole {
	border : black 0px solid;
  font-size:1em;
}

.knop {
	border : black 1px solid;
	background-color : RGB(230,230,230);
	padding : 4px;
	cursor: -webkit-grab; cursor: grab;
}
.knop:hover {
	background-color : RGB(204,204,204);
}
.knop:active {
	background-color : RGB(104,204,204);
}
*/