:root {
	font-family: Consolas, Courier, monospace;
	font-size: 26px;
}

/* link styling */
a:link { text-decoration: none; color: black}
a:visited { text-decoration: none; color: black}
a:hover { text-decoration: none; color: #A9A9A9}
a:active { text-decoration: none; color: black}

body {
	background-color: #ffa333;
}

.inhalt {
	grid-area: inhalt;
	background: white;
	text-align: center;
	color: black;
	height: fit-content;
}

.inhalt-impressum {
	grid-area: inhalt-impressum;
	background: white;
	text-align: center;
	color: black;
	height: fit-content;
}

.content {
	grid-area: content;
	background: white;
	font-size: 20px;
	text-align: left;
	color: black;
	padding: 10px;
	align-items: center;
}

.moving-gif {
	grid-area: image;
	background: url(/media/moving.gif);
	object-fit: contain;
}

.wrapper {
	display: grid;
	width: 90vw;
	height: 90vh;
	justify-content: center;
	/* align-content: center;*/
	grid-gap: 10px;
	grid-template-columns: 80vmin;
	/* grid-template-rows: 100vmin;*/
	grid-template-areas: 
	"inhalt"
	/* "content"*/
	"image";
}

.wrapper-impressum {
        display: grid;
        width: 100vw;
        height: 50vh;
        justify-content: center;
        grid-gap: 20px;
        grid-template-columns: 80vmin;
        grid-template-areas: 
        "inhalt-impressum"
        "content";
}


/* @media (min-width: 500px) {
  .wrapper {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 
      "inhalt inhalt"
      "content content"
      "image";
  }
}*/