@charset "utf-8";
/* 
 * Ankündigungsbalken – fixiert oben auf der Seite
 * 
 * Dieser Balken bleibt beim Scrollen sichtbar.
 * Wichtig: Wenn eine Navigation ebenfalls sticky ist, 
 * muss der Balken einen höheren z-index haben und die Navigation ggf. angepasst werden.
 */

.announcement-bar {
    background-color: #fdda0d; /* Gelbe Hintergrundfarbe */
    color: #000;               /* Schwarzer Text */
    text-align: center;        /* Text zentrieren */
    font-weight: bold;         /* Fetter Text */
    padding: 10px 0;           /* Vertikaler Abstand */
    font-size: 16px;           /* Schriftgröße */
    position: fixed;           /* Fixiert den Balken oben */
    top: 0;                    /* Abstand vom oberen Bildschirmrand */
    left: 0;                   /* Startet ganz links */
    width: 100%;               /* Volle Breite */
    z-index: 1001;             /* Liegt über anderen Elementen */
}

/* 
 * Verhindert, dass der fixierte Balken Inhalte verdeckt.
 * Die Höhe (50px) sollte zur tatsächlichen Höhe des Balkens passen.
 */
body {
    padding-top: 39px;
}