html, body {
/*  height: 100%; */
  margin: 0;
  padding: 0;
}

body {
  background-image:
    linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0)), /* Overlay */
    url('LivingInTheShadowsAudioVideo.png');
  background-size: cover;        /* Bild füllt den Bereich, darf abgeschnitten werden */
  background-repeat: no-repeat;  /* Bild wird NICHT wiederholt */
  background-position: center;    /*Bild wird zentriert */
  background-attachment: fixed;  /* Optional: Bild bleibt beim Scrollen fixiert */
}

.no-border,
.no-border td {
  border: none;
  border-collapse: collapse;
}

.center-table {
  margin-left: auto;
  margin-right: auto;
  /* Optional: Breite einstellen */
  width: 100%;
}

#menu-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: center; /* Zentriert den Navbar-Container horizontal */
      z-index: 1000;
      background: transparent; /* Kein Hintergrund, damit nur das Menü sichtbar bleibt */
}

 
#menu {  
    position: fixed;
    top:0;
    /*left:30%;*/
    transform:tanslateX(-50%);
    border-style: none;
    background-color: #e5e4e2 ;
    padding: 5px;
    z-index:1000;
    min-width:300px;
    box-shadow: 0 2px 8px  rgba(0,0,0,0);
    margin: 0;  /*5px 5px 5px 5px;  */
    color: black;
    text-align: center;
}

#menu a[aria-current="page"] {
  text-decoration: underline;
  text-decoration-thickness: 3px; /* optional: Dicke der Linie */
  text-underline-offset: 4px;     /* optional: Abstand zum Text */
  color: #333;                    /* optional: Farbe anpassen */
}

#menu li {
    padding: 0% 0%;
    text-align: center;
    list-style-type: none;
    display:inline;
    font-size:100%;
}

#menu li a {
    text-decoration: none;
    font-weight: bold;
    color:#000000;
    padding:0px 5px;
}
 

#menu li a:hover {
    background-color: #000000;
    color: #FFFFFF;
}

#content {
    margin:0; /*px 5px 5px 5px;*/
    padding: 70px 0px 0px 0px;
    border-style: none;
    text-align: center;
    z-index: -1;
    color:white;
}

#content li {
    list-style-type: none;
    color:white;
    padding: 0;
    margin: 0;
    display:inline;
    margin-right: 10px; 
}

#content li a {
    color:white;
    text-align: center;
    padding: 0;
    margin:0;
    text-decoration: none;
}

#content li a:hover {
    color:red;
}

div.h1 {
  font-size: 200%;
  font-weight: bold;  
}

div.h2 {
  font-size: 140%;
  font-weight: bold;  
}

div.italic {
  font-size: 120%;
  font-style: italic;  
}

div.bold {
  font-size: 100%;
  font-weight: bold;  
}

span {
  font-size: 100%;
  font-weight: bold;
  font-style: italic;  
}

div.pause {
   font-size: 70%;
   font-style: italic;
}