body, html {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   height: 100vh;
   margin: 0;
   padding: 0;
   font-family: Arial, sans-serif;
}

header, footer {
   text-align: center;
   padding: 10px 0;
   position: fixed;
   width: 100%;
   z-index: 1000;
}

header {
   top: 0;
}

footer {
   background-color: #f1f1f1;
   bottom: 0;
}

footer .Auswahl {  /* Container von <a> */
   display: flex;
   justify-content: center;
   gap: 10px;
}

footer .cmd {
   border:1px solid #aaf;
   width:80px;
   text-align:center;
   float:left;
   /*NEU*/
   text-decoration: none;
   color: #333;
   font-weight: bold;
   padding: 5px 5px;
   border-radius: 5px;
   transition: background-color 0.3s;
}

   footer .cmd:hover {
      background-color: #ddd;
      border-color:#faa;
      color: #a33;
      cursor:pointer;
   }

main {
   position: absolute;
   top: 50px; /* Höhe des Headers */
   bottom: 50px; /* Höhe des Footers */
   width: 100%;
   overflow-y: scroll;
   display: flex;
   justify-content: center;
}

h1{ display: inline-block; padding:0; margin:0;}
#idPerson {
   text-align: left;
   padding: 20px;
}
p {
   line-height: 0.4; /* Verringert den Zeilenabstand */
}
.highlight {
   color: red;
   font-weight: bold;
}


.hidden-text {
   display: none;
   margin-bottom:35px;
}

.wechsel {
   position: relative; /* Ensure the divs don't change position */
}
.active {
   background-color: lightblue;
}

.Schaufenster {
   margin-top: 15px;
}
.Schaufenster dt {
   font-weight: bold;
   margin-top: 10px;
}

/*  Fotogallerie **********************************         */

/*.gallery {
   width: 100%;
   max-width:250px;*/             /*200px;             /*120px;      /* Neu test*/
   /*max-height:250px;*/   /* Höhe einer Zeile */
   /*overflow-y:auto;
   overflow:hidden;

   border:1px solid #00f;
   overflow:auto;*/          /*Test*/
/*}
   .gallery dd {
      position: relative;
      display: flex;
      align-items: center;
      margin: 0;
      padding: 10px 0;

      overflow:auto;*/              /*hidden;*/
      /*border: 1px solid #0f0;*/       /*test*/
      /*width:210px;*/                  /*test*/
   /*}

.photo-container {
   display: flex;
   transition: transform 0.5s ease;
}*/



/*.photo {
   min-width: 100px;
   height: 100px;
   margin: 5px;

   border:1px solid #f00;
   height:200px;*/        /*test*/
   /*width:200px;*/         /*test*/
/*}

   .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

button {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background-color: rgba(0, 0, 0, 0.5);
   color: white;
   border: none;
   padding: 5px 10px;
   cursor: pointer;
}

.prev {
   left: 10px;
}

.next {
   right: 10px;
}*/