.parent {
	margin: 2em 5.5em;
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: 220px repeat(8, 1fr) 150px;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-attachment:fixed;
	background-image: url(../images/winter-garten-20210103_120346.jpg);
	background-position:top;
	background-size: cover;
}

.div1 { grid-area: 1 / 1 / 2 / 9; 
	color:#003366;
	}
.div2 { grid-area: 2 / 1 / 4 / 4;
	color:#003322;
 }
.div2bild1:hover {
	background-image:url(../images/P1070440.jpg);
	background-repeat:no-repeat;
	background-size:cover;	
	}
.div2bild2:hover {
	background-image: url(../images/schild_1050364.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	}
	 
.div3 { grid-area: 2 / 4 / 4 / 7;
	color:#003336;
 }

.div3bild1:hover {
	background-image: url(../images/spatz550_1130667.jpg);
	background-repeat:no-repeat;
	background-size:cover;	
	}
.div3bild2:hover {
	background-image: url(../images/milan550_1110778.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	}	 
.div4 { grid-area: 2 / 7 / 5 / 9; 
	color:#003366;
	}
.div4Inhalt:hover, .div4Inhalt:visited {
	background-image:url(../images/website_emk-mylau350neu.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	}	
.div5 { grid-area: 4 / 1 / 7 / 3;
	color:#113366;
	 }
.div5Inhalt:hover, .div5Inhalt:visited {
	background-image:url(../images/cover2-400-kunstkal.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	}	
 
.div6 { grid-area: 4 / 3 / 6 / 7;
	color:#003366;
 }
.div6:hover {
	background-image:url(../images/haus-winter_20210103_162935.jpg);
	background-repeat:no-repeat;
	background-size:cover;
		} 
.div7 { grid-area: 6 / 3 / 8 / 7;
	color:#003366;
	 }
.div7:hover {
	background-image:url(../images/gtb-breit_1090117.jpg);
	background-repeat:no-repeat;
	background-size:cover;
		}

.div8 {
	grid-area: 5 / 7 / 7 / 9;	
			 }
.div8:hover {
	background-color:#FFFFFF;
	background-image:url(../images/logo160.png);
	background-repeat:no-repeat;
	background-size:cover;
	}			 
.div9 {
	grid-area: 7 / 1 / 9 / 3;
	color: #003366;
	background-color: #FFFFF0;
	 }
.div10 {
	grid-area: 8 / 3 / 9 / 5;
	color: #003366;
		 }
.div10kreis1:hover {
	background-image:url(../images/pfirsich-wildbiene_300.jpg);
	background-repeat:no-repeat;
	background-size:cover;}		 
.div10kreis2:hover {
	background-image:url(../images/buntspechte300_1140210.jpg);
	background-repeat:no-repeat;
	background-size:cover;}		 
.div11 {
	grid-area: 8 / 5 / 9 / 7;
	color: #003366;
 }
.div11kreis1:hover {
	background-image:url(../images/christrose_1130504.jpg);
	background-repeat:no-repeat;
	background-size:cover;}		 
.div11kreis2:hover {
	background-image:url(../images/pfauenauge300_1120523.jpg);
	background-repeat:no-repeat;
	background-size:cover;} 
 .div12 {
	grid-area: 7 / 7 / 9 / 9;
	color: #003366;
	background-color: #CCFFFF;
 }