@import "basis.css";


body {
	display: grid;
	gap: 0.5em;
}

@media (min-width: 30em) {
	/* Breite beträgt mindestens 30em */
	
	body {
		grid-template-columns: 2.5fr  0.5fr; /* 3 Spalten */
		grid-template-rows: auto auto  auto;  /* 4 Zeilen */
	}
}

header,
footer {
	grid-column: 1 / -1; /* Erstreckt sich vom 1. bis zum letzen Raser   */ 
}


header,
div,
footer {
	border-radius: 0px 0.5em 0.5em;
	border-width: 2px;
	border-style: solid;
	padding: 10px;
}