*{

}

body   { 
	background-color: white;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: grey;
}

a:link {
  	color: black;
	text-decoration: none;
}

a:visited {
  	color: black;
	text-decoration: none;
}

.biggridsub {
	display: grid;
	height: 100vh;
	grid-template-columns: 1fr 20vh 20vh 1fr;
	grid-template-rows: 1fr 20vh 20vh 20vh 1fr;
	justify-items: center;
	align-items: center;
	justify-content: center;
	grid-gap: 0.8vh;
	grid-auto-flow: row;
}

	#bnnerimg {
	max-width: 60%;
	margin-left: 11%;
	margin-top: 10%;

	}

	.banner {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 2;
	align-self: start;
	justify-self: left;
	height: 100%;
	width: 80%;
	margin-left: 11%;
	margin-top: 10%;
	background-image: url("logo.jpg"); 
	background-repeat: no-repeat; 
	background-position: left top; 
	background-size: 70%;
	}

	.bild1 {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 5;
	height: 100%;
	width: 100%;
	background-image: url("wildlife1sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: contain;
	}

	.bild2 {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 5;
	height: 100%;
	width: 100%;
	background-image: url("wildlife2sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: contain;
	}

	.bild3 {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 5;
	height: 100%;
	width: 100%;
	background-image: url("wildlife3sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: contain;
	}

	.bild4 {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 5;
	height: 100%;
	width: 100%;
	background-image: url("wildlife4sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: contain;
	}

	.bild5 {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 5;
	height: 100%;
	width: 100%;
	background-image: url("wildlife5sq.jpg"); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: contain;
	}

	.impressumsub {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 5;
	grid-row-end: 6;
	align-self: end;
	margin: 1%;
	}

@media (orientation: landscape) {

	.biggridsub {
	grid-template-columns: 1fr 20vh 20vh 1fr;
	grid-template-rows: 1fr 24vh 24vh 24vh 1fr;
	}

	.banner {
	margin-top: 2%;
	background-size: 35%;
	}
}

@media (orientation: portrait) {

	

}

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

}


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

}