body {
      background-color: black;
    }

    a {
      display: block;
      color: grey;
      text-align: center;
      padding: 0.9em 1em;
      text-decoration: none;
    }
    
    /* Container für das Bild */
   .image-container {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh; /* Die Höhe des Containers entspricht der Höhe des Bildschirms */
   }

   /* Das Bild */
   .image-container img {
     max-width: 100%; /* Das Bild wird maximal 100% der Breite des Containers haben */
     max-height: 100%; /* Das Bild wird maximal 100% der Höhe des Containers haben */
   }

   /* Image Map Bereich */
   .image-container map area {
     outline: none; /* Entferne Standard-Umrandung von Image Map Bereichen */
   }

   /* Ändere die Farbe, wenn du mit der Maus darüber schwebst */
 .image-container map area.hovered {
   fill: red; /* Ändere die Farbe hier auf die gewünschte Farbe */
   /* Hier kannst du auch andere CSS-Eigenschaften ändern, wie z.B. Hintergrundfarbe, Randfarbe, Textfarbe, etc. */
 }
 
 .maparea {
	 background-repeat: no-repeat;
 }