.info-box {                                         /* Smartphone-optimierte Breite */
    max-width: 400px;                               /* Maximale Breite in Pixel*/
    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 {                                      /* Seitenkopf (Überschrift) */                           
    display: flex;                                  /* Flexbox für perfekte Ausrichtung */
    align-items: center;
    justify-content: center;
    gap: 10px;                                      /* Abstand zwischen Bild und Text */
    padding: 15px;                                  /* 1 Wert = alle 4 Seiten gleicher Abstand */
    font-weight: bold;                              /* Fette Schrift */
    border-bottom: 1px solid #ccc;
    background-color: #f1f1f1;                      /* Standardfarbe */
}

.info-header img {                                  /* Seitenkopf Bild formatieren */
    height: 1.2em;                                  /* Grafik skaliert mit der Schrifthöhe */
    width: auto;
    display: block;
}

.info-content {
    padding: 15px;                                  /* 1 Wert = alle 4 Seiten gleicher Abstand */
    text-align: justify;                            /* Text als Block (Blocksatz) */
    line-height: 1.5;
    background-color: #fff;                         /* Hintergrundfarbe (#fff) = weiß */   
}

.info-footer {                                      /* */
    background-color: #f9f9f9;                      /* Hintergrundfarbe (#f9f9f9) = weiß*/        
    padding: 5px;                                   /* 1 Wert = alle 4 Seiten gleicher Abstand */
    text-align: center;                             /* Text zentriert ausgeben */
    font-size: 0.85em;                              /* Schriftgröße */
    color: #700;                                    /* Textfarbe (#666) = grau */
    font-weight: bold;                              /* Fette Schrift */
    border-top: 1px solid #eee;
}

.info-zahlenblock {                                 /* Gestaltung der xxx */
    font-size: 0.75em;                              /* Schriftgröße */
    font-weight: bold;                              /* Fette Schrift */
    line-height: 1.0;
}

.infobox p {                                        /* Gestaltung der p-Zeilen */
    margin: 1px 0;                                  /* oder 0, wenn du es ganz eng willst */
    padding: 0;                                     /* 1 Wert = alle 4 Seiten gleicher Abstand */
}

/* PADDING */
/* 4 Werte: padding: 10px 20px 15px 5px; (Oben 10px, Rechts 20px, Unten 15px, Links 5px) */
/* 3 Werte: padding: 10px 20px 15px; (Oben 10px, Rechts & Links 20px, Unten 15px) */
/* 2 Werte: padding: 10px 20px; (Oben & Unten 10px, Rechts & Links 20px) */