.info-box {                                          /* Smartphone-optimierte Breite */
   max-width: 400px; 
   width: 90%;
   margin: 20px auto;
   border: 1px solid #ccc;
   border-radius: 8px;
   font-family: sans-serif;
   overflow: hidden; /* Verhindert Überlaufen der Ecken */
   box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.info-header {                                      /* Flexbox für perfekte Ausrichtung */
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;                                       /* Abstand zwischen Bild und Text */
    
   padding: 15px;
   font-weight: bold;
   border-bottom: 1px solid #ccc;
   background-color: #f1f1f1;                       /* Standardfarbe */
 }

.info-header img {
   height: 1.2em;                                   /* Grafik skaliert mit der Schrifthöhe */
   width: auto;
   display: block;
}
        
.info-content {
   padding: 15px;                                   /* Text als Block (Blocksatz) */
   text-align: justify;
   line-height: 1.5;
   background-color: #fff;
}

.info-footer {
   background-color: #f9f9f9;
   padding: 10px;
   text-align: center;
   font-size: 0.85em;
   color: #666;
   border-top: 1px solid #eee;
}
.serienliste {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  font-size: 0.85em; /* sehr platzsparend */
}

.serienliste td {
  border: 1px solid #888;
  padding: 2px 4px; /* minimaler Platzverbrauch */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}