für die Schrift-Gestaltung von h1, h2

h1 { font-size: 2.5em; font-family: cursive; background-color: lightblue; text-align: center; }
h2 { font-size: 1.2em; font-family: cursive; background-color: lightblue; text-align: center; }
h1 {
    border: thin solid transparent;
}
p {
  color:blue;
  margin-bottom:2em
}
#one {   /*    für Schatten und Rahmen einer Box */
  border: thin solid grey;
	border-radius: 0.3em;
  box-shadow: 10px 10px 10px inset white, 50px 50px 50px grey;
}

body {	display: grid;	gap: 0.5em;}
/* 2-spaltiges Layout für breitere Viewports */

@media (min-width: 30em) {
	body {
		grid-template-columns: 1fr 3fr;
		grid-template-rows: auto 1fr min-content;
	}
}

header,
footer {	grid-column: 1 / -1;} /*    es werden beide Spalten des Grids verbunden */

header {
        background: #F1F3F4;
        border-color: #d5d5d5;
        display: grid;
        grid-template-columns: min-content 1fr;
      }

main {
        background: #ffede0;
        border-color: #df6c20;
      }

aside {
	background: #ebf5d7;
	border-color: #8db243;
}

footer {
	background: #e4ebf2;
	border-color: #8a9da8;
}

footer * {
	float: right;
	clear: right;
	margin: 0 0 0.5em;
}

body {
	margin: 0 auto;
	max-width: 80em;
	font-family: sans-serif;
}

header,
nav,
main,
article,
section,
aside,
footer {
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	padding: 10px;
}