body {
  margin: 1px auto;
  min-height: 100vh;
  font-family: Verdana, sans-serif;
}

#main_div {
  margin-left: 10%;
  max-width: 80%;
  padding-left: 1%;
  display: grid;
  grid: "head head" "nav nav" "main main" "foot foot" / 1fr;
}

header,
nav,
main,
footer {
  margin-left: 10px;
  margin-right: 10px;
  border-color: rgb(255,255,255);
  border-left: 1px solid;
  border-right: 1px solid;
}

nav,
main {
  border-radius: 0 0 0 0;
  background: rgb(255,255,255);
}

header {
  border-radius: 1.5em 1.5em 0 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 10px;
  height: auto;
  min-height: 5em;
  background-image: linear-gradient(42deg, transparent, blue);
  background-origin: padding-box;
  grid-area: head;
}

nav {
  padding: 0.5em;
  font-size: 1em;
  grid-area: nav;
}

main {
  background-size: cover;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box;
  grid-area: main;
}

footer {
  margin-bottom: 10px;
  border-radius: 0 0 1.5em 1.5em;
  border-bottom: 1px solid;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  grid-area: foot;
}

nav a { font-size: 1em; color: rgb(0,0,0); text-align: left; text-decoration: none; }
nav a:link { color: rgb(0,0,0); }
nav a:visited { color: rgb(125,101,60); }
nav a:active { color: rgb(0,0,255); }
nav a:hover{ color: rgb(0,0,255); text-decoration: underline; }

header h1 { font-size: auto; color: rgb(255,255,255); text-align: center; }

#main_home_login {
  background-size: 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-clip: border-box;
  height: auto;
  min-height: 500px;
}

#main_home_div1 { padding-left: 1.5em; }
#main_home_div1 p { font-size: 2em; color: rgb(255,0,0); font-weight: bold; text-align: left; padding-top: 2em; }
#main_home_div2 { padding-left: 1.5em; }
#main_home_div2 p { font-size: 2em; color: rgb(255,0,0); font-weight: bold; text-align: left; padding-top: 2em; }
#main_home_div2 h1 { padding-left: 10%; padding-top: 30px; padding-bottom: 20px; font-size: 1.5em; font-weight: bold; color: rgb(0,0,0); text-align: left; }
#main_home_div2 p1 { padding-left: 10%; font-size: 1.25em; font-weight: bold; color: rgb(0,0,255); text-align: left; }
#main_home_div2 audio { padding-left: 10%; }
#main_home_div2 video { padding-left: 10%; padding-bottom: 30px; width: 60%; }

#fusszeile1 { font-size: 1em; text-align: center; }

/* Textformatierungen */
.message-s0z {
  font-size: 1.25em;
  text-align: center;
  color: rgb(255,0,0);
}