body { 
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(12rem, 1fr));
	grid-template-rows: repeat(9, auto);
	font-size: clamp(24px, 2vw, 36px);
	background-image: url("wolken.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	margin: 0;
}

a:link {
	color: red;
}
a:visited {
	color: red;
}
a:hover {
	color: hotpink;
}
a:active {
	color: red;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.zimmer {
	grid-column: 1;
	grid-row: -4;
	align-self: start;
	justif-self: start;
	padding: 0.2em;
}

.provence {
	grid-column: 1;
	grid-row: -3;
	align-self: start;
	justif-self: start;
	padding: 0.2em;
}

.impressum {
	grid-column: 1;
	grid-row: -1;
	align-self: center;
	justif-self: end;
	padding: 1em;
}

footer {
	grid-column: -4 / span 4;
	grid-row: -1;
	align-self: end;
	justify-self: end;
	padding: 1em;
}