/* =========================================================
   AKTUELLES – KARTEN NUR SO HOCH WIE DER INHALT
   ========================================================= */

.jpk-aktuelles-page .article-list .article,
.jpk-aktuelles-page .article-list .article.jpk-news-card,
.aktuelles-modern .article-list .article {

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    align-self: start !important;
}


/* Artikelinhalt ebenfalls nicht strecken */

.jpk-aktuelles-page .article-list .article .article-body,
.jpk-aktuelles-page .article-list .article.jpk-news-card .article-body,
.aktuelles-modern .article-list .article .article-body {

    display: block !important;

    height: auto !important;
    min-height: 0 !important;

    flex: none !important;
}


/* Weiterlesen nicht mehr künstlich nach unten drücken */

.jpk-aktuelles-page .article-list .article .readmore,
.aktuelles-modern .article-list .article .readmore {

    margin-top: 18px !important;
    padding-top: 0 !important;
}


/* Falls der äußere Joomla/Helix-Container streckt */

.jpk-aktuelles-page .article-list,
.aktuelles-modern .article-list {

    align-items: start !important;
}


.jpk-aktuelles-page .article-list > *,
.aktuelles-modern .article-list > * {

    align-self: start !important;

    height: auto !important;
    min-height: 0 !important;
}


/* Auch alte Joomla-Strukturen zurücksetzen */

.aktuelles-modern .items-row,
.aktuelles-modern .blog-items {

    align-items: start !important;
    grid-auto-rows: auto !important;
}


.aktuelles-modern .items-row > *,
.aktuelles-modern .blog-items > * {

    height: auto !important;
    min-height: 0 !important;

    align-self: start !important;
}

/* =========================================================
   STARTSEITE – AKTUELLES
   Karten nur so hoch wie ihr Inhalt
   CSS-Klasse am Articles-Addon:
   startseite-aktuelles
   ========================================================= */


/* Wichtig:
   SP-Page-Builder-Grid darf die Karten NICHT strecken
--------------------------------------------------------- */

.startseite-aktuelles .sppb-row {
    align-items: flex-start !important;
}


/* Alle SP-Page-Builder-Spalten auf natürliche Höhe */

.startseite-aktuelles [class*="sppb-col-"] {
    height: auto !important;
    min-height: 0 !important;

    align-self: flex-start !important;

    display: block !important;
}


/* Articles-Addon selbst */

.startseite-aktuelles .sppb-addon-articles,
.startseite-aktuelles .sppb-addon-content {
    height: auto !important;
    min-height: 0 !important;
}


/* =========================================================
   EINZELNE ARTIKELKARTE
   ========================================================= */

.startseite-aktuelles .sppb-addon-article,
.startseite-aktuelles article {

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    display: block !important;

    align-self: flex-start !important;

    box-sizing: border-box !important;

    padding: 26px !important;

    border: 1px solid #dfe9e6 !important;

    border-radius: 16px !important;

    background: #ffffff !important;

    box-shadow:
        0 6px 20px rgba(25, 70, 63, 0.07);

    overflow: hidden;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


/* Hover */

.startseite-aktuelles .sppb-addon-article:hover,
.startseite-aktuelles article:hover {

    transform: translateY(-3px);

    border-color:
        rgba(40, 109, 97, 0.30) !important;

    box-shadow:
        0 13px 30px rgba(25, 70, 63, 0.12);
}


/* =========================================================
   WICHTIG:
   INNEREN FLEX-STRETCH ENTFERNEN
   ========================================================= */

.startseite-aktuelles .sppb-article-info-wrap,
.startseite-aktuelles .sppb-article-info-wrap-in,
.startseite-aktuelles .sppb-article-content,
.startseite-aktuelles .sppb-article-introtext {

    height: auto !important;
    min-height: 0 !important;

    flex: none !important;

    display: block !important;
}


/* =========================================================
   TITEL
   ========================================================= */

.startseite-aktuelles h3,
.startseite-aktuelles .sppb-article-title {

    margin:
        0 0 14px !important;

    font-size:
        clamp(18px, 2vw, 22px) !important;

    line-height:
        1.4 !important;

    font-weight:
        700 !important;
}


.startseite-aktuelles h3 a,
.startseite-aktuelles .sppb-article-title a {

    color:
        #263331 !important;

    text-decoration:
        none !important;
}


.startseite-aktuelles h3 a:hover,
.startseite-aktuelles .sppb-article-title a:hover {

    color:
        #286d61 !important;
}


/* =========================================================
   META DATEN
   Datum / Kategorie / Autor
   ========================================================= */

.startseite-aktuelles .sppb-article-meta {

    margin:
        0 0 16px !important;

    color:
        #73807d !important;

    font-size:
        12px !important;

    line-height:
        1.5 !important;
}


/* =========================================================
   TEXT
   ========================================================= */

.startseite-aktuelles .sppb-article-introtext {

    margin:
        0 0 17px !important;

    color:
        #687672 !important;

    font-size:
        15px !important;

    line-height:
        1.65 !important;
}


/* =========================================================
   WEITERLESEN
   NICHT nach unten drücken!
   ========================================================= */

.startseite-aktuelles .sppb-readmore,
.startseite-aktuelles .sppb-btn,
.startseite-aktuelles a[href*="aktuelles"] {

    margin-top:
        0 !important;
}


/* typischer Weiterlesen-Link */

.startseite-aktuelles .sppb-readmore {

    display:
        inline-flex !important;

    align-items:
        center;

    gap:
        7px;

    width:
        auto !important;

    padding:
        9px 14px !important;

    border:
        1px solid rgba(40, 109, 97, .28) !important;

    border-radius:
        9px !important;

    background:
        #eaf4f1 !important;

    color:
        #1c5149 !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    text-decoration:
        none !important;
}


/* =========================================================
   ALLE EVENTUELLEN FESTEN HÖHEN ÜBERSCHREIBEN
   ========================================================= */

.startseite-aktuelles *,
.startseite-aktuelles *::before,
.startseite-aktuelles *::after {

    max-height:
        none;
}


/* SP-Page-Builder-Wrapper */

.startseite-aktuelles .sppb-addon-wrapper,
.startseite-aktuelles .sppb-column,
.startseite-aktuelles .sppb-column-addons {

    height:
        auto !important;

    min-height:
        0 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .startseite-aktuelles .sppb-addon-article,
    .startseite-aktuelles article {

        padding:
            20px !important;

        border-radius:
            13px !important;
    }

}