/* === Allgemeines Layout für den Footer (beide Varianten) === */
.footer-container {
    position: fixed;                 /* Fixiert den Footer unabhängig vom Scrollen */
    bottom: 0;                       /* Footer ganz unten */
    width: 100%;                     /* Volle Breite */
    background-color: #FF0000;       /* Roter Hintergrund */
    color: #ffffff;                 /* Weißer Text */
    font-weight: bold;
    text-align: center;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.5); /* Schlagschatten nach oben */
    
    display: flex;                   /* Flexbox zur Zentrierung */
    justify-content: center;        /* Horizontal zentrieren */
    align-items: center;            /* Vertikal zentrieren */
    
    padding-top: 20px;              /* Innenabstand oben */
    padding-bottom: 20px;           /* Innenabstand unten */
    
    height: 20px;                   /* Einheitliche Höhe */
    z-index: 10;                    /* Footer über anderem Inhalt anzeigen */
}


/* === Stil für Footer mit Text-Link === */
.footer-text {
    color: #ffffff;                 /* Weißer Text */
    font-size: 0.7rem;              /* Etwas kleinere Schriftgröße */
    text-transform: uppercase;      /* Großbuchstaben */
    font-weight: bold;
    text-decoration: none;          /* Keine Unterstreichung */
    cursor: pointer;                /* Hand-Cursor */
}

.footer-text:hover {
    color: white;                   /* Farbe beim Hover */
}


/* === Stil für Footer mit Banner-Bild === */
.footer-banner {
    height: 28px;                   /* Bildhöhe */
    width: auto;                    /* Automatische Breite im Verhältnis */
    display: block;                 /* Bild als Blockelement */
    cursor: pointer;                /* Hand-Cursor */
}