/* Allgemeine Stile */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    color: #191970;
    background-color: silver;
  }
  
  /* Container als Grid-Layout */
  .container {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas:
      "header"
      "nav"
      "main"
      "footer";
    min-height: 100vh;
  }
  
  /* Header-Bereich */
  header {
    grid-area: header;
    text-align: center;
    padding: 20px;
    background-color: #eaeaea;
  }
  
  /* Navigationsleiste */
  nav {
    grid-area: nav;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background-color: #dcdcdc;
  }
  
  /* Aufteilung der Navigation in linken und rechten Bereich */
  .nav-left,
  .nav-right {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  
  .nav-right {
    margin-left: auto;
  }
  
  /* Imagebuttons im Navigationsbereich */
  nav a img {
    height: 40px;
    width: auto;
    cursor: pointer;
  }
  
  /* Textbuttons für "Anmelden" und "Registrieren" */
  .button {
    padding: 8px 12px;
    background-color: #007BFF;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
  }
  
  /* Hauptinhalt: Grid für Videos */
  main {
    grid-area: main;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    padding: 20px;
  }
  
  main img {
    display: block;
    border: 3px solid black;
  }
  
  /* Footer-Bereich */
  footer {
    grid-area: footer;
    text-align: center;
    padding: 15px 20px;
    background-color: #dcdcdc;
  }
  
  /* Zusätzliche Link-Stile */
  a:link,
  a:visited,
  a:hover {
    text-decoration: none;
  }
  
  a:visited {
    color: #faf0e6;
  }
  
  a:hover {
    color: red;
  }
  
  /* Weitere Stile */
  button {
    padding: 0;
    border: 0;
    background-color: transparent;
  }
  
  address {
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px dashed #808080;
  }
  img {
    align-self: stretch;
    border: 3px solid;
    border-color: black;
   }
  /* Video-Elemente (falls verwendet) */
  video {
    border: 3px solid black;
    background-color: black;
  }