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

@media (min-width: 45em) {
	/* Breite beträgt mindestens 45em */
	
	body {
		grid-template-columns: 1fr 3fr 1fr;
		grid-template-rows: auto 1fr 100px;
	}
}

h3{
    background-color: red;
    color: white;
}



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

header,
footer {
	grid-column: 1 / -1;
}

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

nav {
	background: hsl(0, 0%, 0%);
	border-color: hsl(80, 98%, 50%);
}

main {
	background: hsl(0, 0%, 1%);
	border-color: hsl(80, 98%, 50%);
}

aside {
	background: hsl(0, 0%, 0%);
	border-color: hsl(80, 98%, 50%);
}

footer {
	background: hsl(0, 0%, 0%);
	border-color: hsl(80, 98%, 50%);
}

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

body {
	margin: 0 auto;
	max-width: 60em;
	font-family: mono;
    color: rgb(115, 255, 0);
    
    background-color: black;

	
	
	word-wrap: break-word;
	overflow-wrap: break-word;
  	width: 100%;
  	box-sizing: border-box;
  	padding: 10px;

}


main, nav, aside {
  max-width: 100%;
  box-sizing: border-box;
}


.class_textEdit{
color: white;
font-size: .8em;
}

.error {
	text-decoration: underline wavy red;
}

#letter{
	box-shadow: 10px 0 10px rgb(255, 0, 0) inset;
}

body {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

p, h3, h2, h1, div {
  max-width: 100%;
  overflow-x: auto;
  white-space: normal;
}

@media (max-width: 44.99em) {
  body {
    display: block;
  }

  header, nav, main, aside, footer {
    width: 100%;
    box-sizing: border-box;
  }
}

body {
  max-width: 100%;
  padding: 1em;
}



html{
    font-family: system-ui, -apple-system;
}