/* CSS für den gemeinsamen Seitenfuss */
div#foot-trennbalken-o               {position:relative; height:8px; background-image:url(../images/header-balken-rot-o.png);}
div#foot-trennbalken-u               {position:relative; height:8px; background-image:url(../images/header-balken-rot-u.png);}
div#foot                             {position:relative; top:0px; left:0px; background-color:#000000; text-align:center; padding:10px;
                                      font-weight:bold; color:#ffffff;}
table#foot                           {width:100%; border-collapse:collapse;}
td.foot-li                           {text-align:left; vertical-align:middle; width:40%; padding:px;}
td.foot-mi                           {text-align:center; vertical-align:middle; width:20%; padding:px; font-size:16px;}
td.foot-re                           {text-align:right; vertical-align:middle; width:40%; padding:px;}
a.n-unterstr-link-foot               {color:#ffffff; text-decoration:none;}
a.n-unterstr-link-foot:hover         {color:#cccccc;}
img.foot                             {height:25px;}
img.foot:hover                       {position:relative; left:1px; top:1px;}
iframe.foot                          {height:20px; width:150px; overflow:hidden; border:none;}
div#foot-ph                          {position:relative; height:15px;}
a.foot                               {text-decoration:none;}

.social-links {
    display: flex; /* Aktiviert Flexbox für die Social-Links */
    justify-content: center; /* Zentriert die Elemente horizontal */
    align-items: center; /* Zentriert die Elemente vertikal */
    gap: 20px; /* Abstand zwischen den Social-Media-Links */
    margin-bottom: 15px; /* Abstand zum Footer-Info-Text */
}

.social-links a {
    display: flex; /* Aktiviert Flexbox für jeden Link (Bild + Text) */
    align-items: center; /* Zentriert Bild und Text vertikal zueinander */
    text-decoration: none; /* Entfernt die Unterstreichung von Links */
    color: #fff; /* Textfarbe */
    font-size: 1.1em;
}

.social-icon {
    width: 25px; /* Größe der Social-Media-Icons anpassen */
    height: 25px;
    margin-right: 8px; /* Abstand zwischen Icon und Text */
}