@charset "utf-8";
/************************************
 *   Styling des Blog-Abschnitts    *
 ***********************************/

#blog {
    /*padding: 40px 0 100px;*/
    background-color: #f5f5f5;
    box-shadow: inset 0 0 25px 0 #888888;
    /*inset 0px 50px 8px -10px #000000,
    inset 0px -50px 8px -10px #000000;*/
    /*min-height: 0;*/
}

#blog h2 {
    margin-bottom: 0;
}

#blog p {
    letter-spacing: 1px;
}

#blog-vorschau {
    padding-top: 0;
    padding-bottom: 0;
    /*height: 530px; !important;*/
}
/*
.blog-komplett.gallery-cell {
    cursor: pointer;
    height: auto;
    margin: 25px 5%;
    background-color: white;
    box-shadow: 5px 5px 25px 0px #888888;
}
*/
.blog-vorschau.gallery-cell {
    cursor: pointer;
    width: 70%;
    /*height: 200px;*/
    height: auto;
    margin: 25px;
    background-color: white;
    box-shadow: 5px 5px 25px 0 #888888;/*
    display: grid;
    grid-template-rows: min-content;
    grid-auto-rows: min-content;
    grid-template-areas:
            "datum"
            "ueberschrift"
            "bild"
            "text";*/
}
#kompletter-Blog p {
    color: black;
}
#kompletter-Blog h3 {
    color: black;
}

p.blog-datum {
    grid-area: datum;
    font-size: 15px;
    margin: 0;
    padding: 20px 2.5% 0;
}
.blog-header {
    grid-area: ueberschrift;
    margin: 0;
    padding: 10px 2.5%;
}
img.blog-bild {
    grid-area: bild;
    padding: 0 2.5%;
    margin: 0;
    width: 100%;
}
p.blog-text {
    grid-area: text;
    font-size: 15px;
    padding: 20px 2.5%;
    margin: 0;
}
ul.blog-text{
    font-size: 15px;
    padding-right: 2.5%;
}
img.blog-bild.inhalt {
    width: 100%;
    padding: 0.5% 2.5%;
}
div.blog-zwei-bilder{
    justify-content: space-between;
    padding: 0 2.5%;
}
div.blog-zwei-bilder img.blog-bild.inhalt {
    padding: 0.5% 0;
    width: 100%;
}
.blog-text a {
    color: cadetblue;
    font-weight: bold;
}
.blog-text a:hover {
    color: black;
}

/*
.blog-komplett {
    display: none;
}
*/
/*
.aufklappen {
    width: 40px;
    padding: 0 48%;
    margin: 0;
}
*/

/* S (Tablet Quer, Netbooks, kleine Laptops) */
@media (min-width: 30.06em) {
    p.blog-text {
        font-size: 18px;
    }
    /*
    .blog-komplett.gallery-cell {
        margin: 25px 10%;
    }
    */


}
/*M (Tablet Quer, Netbooks, kleine Laptops):*/
@media (min-width: 50.01em) {
    img.blog-bild.inhalt {
        padding: 0.5% 25%;
    }
    div.blog-zwei-bilder{
        display: flex;
    }
    div.blog-zwei-bilder img.blog-bild.inhalt {
        width: 49.5%;
    }
}