/*
 Theme Name:  Neoblogger-Blog Child Theme
 Theme URI:   https://neoblogger.designpik.net/
 Description: Create a great news website with our Neoblogger-Blog Child Theme is perfect for blogging and excellent for news, newspaper, magazine, publishing, or review site.
 Author:       Designpik
 Author URI:   https://designpik.net/
 Template:     Divi
 Version:      1.1
*/

.et_pb_blog_grid .et_pb_image_container {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    margin-bottom: 20px; /* Neuer 20px Abstand unter dem Bild */
}

/* Bildcontainer mit korrektem Seitenverhältnis */
.et_pb_blog_grid .et_pb_image_container:before {
    content: "";
    display: block;
    padding-top: 66.67%; /* 3:2 Verhältnis */
}

/* Bild-Styling */
.et_pb_blog_grid .et_pb_image_container img,
.et_pb_blog_grid .et_pb_image_container .entry-featured-image-url {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

/* Link-Styling */
.et_pb_blog_grid .entry-featured-image-url {
    margin-bottom: 0;
}

/* Spalten-Layout */
.et_pb_blog_grid .column.size-1of3 {
    width: 31.333%;
    margin-right: 3%;
}
.et_pb_blog_grid .column.size-1of3:last-child {
    margin-right: 0;
}

/* Bildcontainer für alle Blog-Module in der inneren Reihe */

.et_pb_row_inner .et_pb_posts .et_pb_post a.entry-featured-image-url {

    position: relative;

    display: block;

    width: 100%;

    margin-bottom: 20px;

}



/* 3:2 Verhältnis für Bilder */

.et_pb_row_inner .et_pb_posts .et_pb_post a.entry-featured-image-url:before {

    content: "";

    display: block;

    padding-top: 66.67%; /* 3:2 Verhältnis */

}



/* Bild-Styling */

.et_pb_row_inner .et_pb_posts .et_pb_post a.entry-featured-image-url img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}



/* Abstand unter den Artikeln */

.et_pb_row_inner .et_pb_post {

    margin-bottom: 30px;

}



/* Optimierung für Artikel ohne Thumbnails */

.et_pb_row_inner .et_pb_post.et_pb_no_thumb {

    padding-top: 20px;

}



/* CSS für die Bildcontainer und Bilder */
.dtq-post-list-thumb {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.dtq-post-list-thumb img.dtq-img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
    padding: 0;
}

/* Anpassung des Layouts mit entfernten Abständen */
.dtq-post-list-child-inner {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
    padding: 0
}

.dtq-post-list-content {
    flex: 1;
    margin: 0;
    padding: 0;
}

.dtq-post-list-title {
    margin: 0;
    padding: 0;
}

/* Entfernen zusätzlicher Listen-Abstände */
.dtq-post-list-parent,
.dtq-post-list-child {
    margin: 0;
    padding: 0;
    list-style: none;
}