/* ========================================
   BLINK-BUTTON ANIMATION
   ========================================
   Erstellt einen blinkenden Button-Effekt durch 
   schrittweises Aus- und Einblenden (Opacity).
   
   Verwendung: Füge der Klasse "blink-button" 
   an Buttons oder Links hinzu:
   <button class="blink-button">Klick mich!</button>
   
   ANPASSUNGSBEISPIELE:
   ========================================
   LANGSAMER (2 Sekunden):
   animation: blink-btn 2s linear infinite;
   
   SCHNELLER (0.5 Sekunden):
   animation: blink-btn 0.5s linear infinite;
   
   WEICHER ÜBERGANG:
   animation: blink-btn 1s ease-in-out infinite;
   
   FADE-IN/OUT (sanfter):
   @keyframes blink-btn {
       0%, 100% { opacity: 0.3; }
       50%      { opacity: 1; }
   }
   
   FARBE WECHSELN (rot → transparent):
   @keyframes blink-btn {
       0%, 100% { opacity: 1; color: red; }
       50%      { opacity: 0; }
   }
   
   SKALIERUNG (pulsieren):
   @keyframes blink-btn {
       0%, 100% { opacity: 1; transform: scale(1); }
       50%      { opacity: 0.5; transform: scale(1.1); }
   }
   
   Funktioniert auf allen modernen Browsern.
   ======================================== */
.blink-button {
    animation: blink-btn 1s linear infinite;
}

@keyframes blink-btn {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0; }
}

/* ========================================
   ALLE ARTIKEL-TITEL + BLOG-TITEL VERKLEINERN
   ========================================
   Verkleinert systematisch alle Überschriften:
   
   - Einzel-Artikel:        .page-header h1 
     (z.B. "Präsentation: Teilziele und Maßnahmen")
   - Blog/Kategorie-Listen: .page-header h2
     (z.B. "2. Vorabkontrolle der Materiallieferungen...")
   - Formulare:             #uploadForm h1
     (z.B. "Für welches System sollen Daten erfasst werden?")
   
   Einheitliche Größe: 1.3rem (ca. 21px)
   Abstand nach unten: 0.5rem (ca. 8px)
   
   Anpassbar:
   - font-size: 1.2rem (kleiner), 1.5rem (größer)
   
   ======================================== */
.page-header h1,
.page-header h2,
#uploadForm h1 {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}