/* Weiterlesen-Link */
.readmore a {
    font-size: 22px !important;
    font-weight: bold !important;
}

/* Die Klasse wird an die SPALTE gehängt, nicht an das Modul */
.mein-jem-style .event-title a {
    color: #007BFF !important;
    text-decoration: none !important;
    font-weight: normal !important;
}

.mein-jem-style .event-title a:hover {
    color: #FFA500 !important;
    text-decoration: none !important;
}

/* ============================================ */
/* RESPONSIVE ANPASSUNGEN FÜR TABLETS & HANDYS */
/* ============================================ */

/* Für Tablets (kleiner als 992px) */
@media (max-width: 991.98px) {
    .mein-jem-style .event-title a {
        font-size: 18px !important;  /* Etwas kleiner als auf Desktop */
        color: #007BFF !important;
        text-decoration: none !important;
        font-weight: normal !important;
    }
    
    .mein-jem-style .event-title a:hover {
        color: #FFA500 !important;
        text-decoration: underline !important;
    }
}

/* Für Mobilgeräte (kleiner als 768px) */
@media (max-width: 767.98px) {
    .mein-jem-style .event-title a {
        font-size: 16px !important;  /* Noch kleiner für Handys */
        color: #007BFF !important;
        text-decoration: none !important;
        font-weight: normal !important;
    }
    
    .mein-jem-style .event-title a:hover {
        color: #FFA500 !important;
        text-decoration: underline !important;
    }
}

/* Für sehr kleine Handys (kleiner als 576px) */
@media (max-width: 575.98px) {
    .mein-jem-style .event-title a {
        font-size: 14px !important;  /* Ganz klein für sehr schmale Bildschirme */
        color: #007BFF !important;
        text-decoration: none !important;
        font-weight: normal !important;
    }
    
    .mein-jem-style .event-title a:hover {
        color: #FFA500 !important;
        text-decoration: underline !important;
    }
}