/* Erzwingt das Design live auf art.flashup.ch */
.astroid-megamenu ul.dropdown-menu,
.navbar-nav .dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #eef2f5 !important;
    border-radius: 8px !important;
    padding: 8px 0 !important;
    min-width: 220px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important; /* Der Schatten */
}

/* Die Linien zwischen den Unterpunkten */
.astroid-megamenu .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid #f1f5f9 !important;
}

/* Text und Hover-Farben */
.astroid-megamenu .dropdown-menu a.dropdown-item {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
}
.astroid-megamenu .dropdown-menu a.dropdown-item:hover {
    background-color: #f8fafc !important;
    color: #007bff !important;
}
/* ==========================================================================
   JP ARTICLE GRID: HOCHFORMAT-BILDER & DOSIS SCHRIFTART
   ========================================================================== */

/* 1. Google Font "Dosis" direkt aus dem Web laden (Gewichte 400 und 600) */
@import url('https://googleapis.com');

/* 2. Artikel-Titel auf die Schriftart Dosis umstellen */
.uk-grid .uk-card-title,
div[class*="article-grid"] .uk-card-title,
div[class*="article-grid"] h3 {
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600 !important;                /* Leicht fett für bessere Lesbarkeit */
    letter-spacing: 0.5px !important;            /* Moderner Zeichenabstand */
}

/* 3. Bild-Container im Grid auf ein festes Hochformat (3:4) zwingen */
.uk-grid .uk-card-media-top,
div[class*="article-grid"] .uk-card-media-top {
    height: 320px !important;                    /* Feste Höhe für das Hochformat (Anpassen nach Wunsch) */
    overflow: hidden !important;                 /* Schneidet überstehende Bildränder sauber ab */
    background: #f5f5f5;
}

/* 4. Das eigentliche Bild ohne Verzerrung im Hochformat-Kasten einmitten */
.uk-grid .uk-card-media-top img,
div[class*="article-grid"] .uk-card-media-top img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;                /* Verhindert Verzerrungen ("intelligent ausfüllen") */
    object-position: center center !important;   /* Zentriert das Motiv */
}