/* Globale Formatierung für den "Weiterlesen"-Button */
.readmore .btn, 
.readmore a,
a.readmore {
    background-color: #FFD700 !important; /* Leuchtendes Goldgelb */
    color: #000000 !important;            /* Schwarzer Text für perfekten Kontrast */
    border-color: #E6B800 !important;      /* Minimal dunklerer gelber Rand */
    font-weight: bold !important;          /* Text fett hervorheben */
    padding: 10px 22px !important;         /* Button vergrößern */
    border-radius: 4px !important;         /* Leicht abgerundete Ecken */
    box-shadow: 0 4px 6px rgba(0,0,0,0.15) !important; /* Subtiler Schatteneffekt */
    text-decoration: none !important;      /* Unterstreichung entfernen */
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

/* Hover-Effekt: Wenn der Nutzer mit der Maus über den Button fährt */
.readmore .btn:hover, 
.readmore a:hover,
a.readmore:hover {
    background-color: #000000 !important; /* Hintergrund wird schwarz */
    color: #FFD700 !important;            /* Text wird gelb */
    border-color: #000000 !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.2) !important; /* Stärkerer Schatten */
}


/* Styling für die Beitrags-Navigation: Zurück und Weiter Buttons */
.previous, 
.next {
    background-color: #ffeb3b !important; /* Gelber Hintergrund */
    color: #000000 !important;            /* Schwarzer Text */
    border-color: #fdd835 !important;      /* Gelber Rand */
}

/* Verhalten beim Drüberfahren mit der Maus (Hover) */
.previous:hover, 
.next:hover {
    background-color: #fdd835 !important; /* Etwas dunkleres Gelb beim Hovern */
    color: #000000 !important;
    border-color: #fbc02d !important;
}