/* GRID KOLUMNENLINIEN –––––––––––––––––––––––––––––––––*/

.grid-books-eins {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1 1px;
    gap: 1.5rem;
    margin-bottom: 0.4rem;
}

.grid-books-eins-1-1 {
    grid-column: 1/ span 1;
    grid-row: 1/ span 1;
    border-top: 2px solid var(--color-line);
}

.grid-books-eins-1-2 {
    grid-column: 2/ span 1;
    grid-row: 1/ span 1;
    border-top: 2px solid var(--color-line);
}

.grid-books-eins-1-3 {
    grid-column: 3/ span 1;
    grid-row: 1/ span 1;
    border-top: 2px solid var(--color-line);


}

/* GRID -------------------------*/

.grid-books {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-top: 0.6rem;
    gap: 1.5rem;
}

.grid-books-item {
    height: 100%;
    border-bottom: 1px solid var(--color-line);
}

.grid-books-item:nth-child(1+2+3) {
    border-top: 3px solid var(--color-red);
    /* Linie oben für jedes dritte Element (erstes Element in jeder Spalte) */
}

/* 
.grid-books-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
} */




/* BOOKNOTE-------------------------*/
.grid-booknote {
    /* grid-template-columns: repeat(2, 1fr); */
    /* display: flex; */
    display: grid;
    grid-template-columns: 1.5fr 3fr;
    grid-template-rows: 1fr;
    gap: 1rem;
    padding-bottom: 0.6rem;
}

.grid-booknote-1-1 {
    grid-column: 1/ span 1;
    grid-row: 1/ span 1;
    display: flex;
}

.grid-booknote-1-2 {
    grid-column: 2/ span 1;
    grid-row: 1/ span 1;
    display: flex;
}

.booknote-bibliokatalog, 
.booknote-bibliokatalog-desktop {
    font-size: var(--font-size-ls);
    line-height: var(--line-height-ls);
    white-space: wrap;
    color: var(--color-text);
}

.grid-booknote img {
    width: 100%;
}

/* —————————————————————————————————————————————————— */
/* MEDIA 768px —————————————————————————————————————— */

@media only screen and (max-width:960px) {

    .grid-books {
        display: grid;
        grid-template-columns: 1fr;
    }


    /* MOBILE GRID KOLUMNENLINIEN –––––––––––––––––––––––––––––––––*/

    .grid-books-eins,
    .grid-books-eins-1-1,
    .grid-books-eins-1-2,
    .grid-books-eins-1-3 {
        display: none;
    }


}