/* Slider Pfeile heller */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(40%);
}

/* Slider Indikatoren heller */
.carousel-indicators button {
    background-color: #ccc !important;
}

.carousel-indicators .active {
    background-color: #ffffff !important;
}

.carousel-indicators .active {
    background-color: #ffffff !important;
}
/* =====================================================
   BLOG – Einleitungsbild (140px)
===================================================== */



body:not(.view-article) .item-image {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

body:not(.view-article) .item-image img {
    width: 140px;
    height: auto;
    display: block;
}

body:not(.view-article) .item-content::after {
    content: "";
    display: block;
    clear: both;
}


/* =====================================================
   EINZELARTIKEL – Volltextbild
===================================================== */

body.view-article .astroid-article-full-image {
    float: left;
    width: 400px; /* oder 600px */
    margin-right: 15px;
    margin-bottom: 15px;
}

body.view-article .astroid-article-full-image img {
    width: 100%;
    height: auto;
    display: block;
}
/* Beide Bilder gleichzeitig auf 280px Breite setzen */
body:not(.view-article) .item-image img[src*="MCinemaSW.jpg"],
body:not(.view-article) .item-image img[src*="PhotographieSW.jpg"] {
 width: 280px !important;
}





/* Nur im Vollartikel Liste unter das Bild */
body.view-article .astroid-article-text ul {
    clear: left;
}
/* Entfernt den oberen Abstand bei Titeln und Text in der Blog-Liste */
.astroid-article-item .entry-title, 
.astroid-article-item .article-content p:first-child,
.astroid-article-item .astroid-post-content p:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
    line-height: 1.2 !important; /* Optional: Verringert den Zeilenabstand für kompaktere Optik */
}

/* Richtet das Bild und den Text-Container oben bündig aus */
.astroid-article-item {
    display: flex !important;
    align-items: flex-start !important;
}