/* GRID –––––––––––––––––––––––––––––––––*/
.grid-imprint {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr 20vh;
    column-gap: 1.5rem;
    row-gap: 0rem;
}


/* GRID Spalte 1–––––––––––––––––––––––––––––––––*/

.grid-imprint-1-1 {
    padding-top: 1.0rem;
    padding-bottom: 2.0rem;
    border-top: 2px solid var(--color-line);
}


/* GRID Spalte 2–––––––––––––––––––––––––––––––––*/

.grid-imprint-2-1 {
    padding-top: 1.0rem;
    padding-bottom: 2.0rem;
    border-top: 2px solid var(--color-line);
}



/* GRID Spalte 3–––––––––––––––––––––––––––––––––*/

.grid-imprint-3-1 {
    padding-top: 1.0rem;
    padding-bottom: 2.0rem;
    border-top: 2px solid var(--color-line);

}

/* GRID Datenschutz–––––––––––––––––––––––––––––––––*/

.grid-imprint-3-2 {
    padding-top: 1.0rem;
    padding-bottom: 2.5rem;
    /* background-color: rgb(199, 196, 191); */
}


/* TYPO –––––––––––––––––––––––––––––––––*/

.imprint-column-head {
    font-size: var(--font-size-ls);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-l);
    color: var(--color-text);
    text-transform: uppercase;
    letter-spacing: 0.04rem;
    padding-bottom: 0.4rem;
}

.imprint-text {
    font-size: var(--font-size-m);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-l);
    color: var(--color-text);
    /* white-space: wrap; */
    letter-spacing: 0.05rem;
}

.imprint-contact {
    font-size: var(--font-size-ls);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-ls);
    color: var(--color-text);
    /* padding-top: 0.5vw; */
    white-space: wrap;
    letter-spacing: 0.02rem;
}


.imprint-contact> :first-child {
    font-weight: var(--font-weight-semibold);

}

.imprint-text-privacy {
    font-size: var(--font-size-ls);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-ls);
    color: var(--color-text);
    /* white-space: wrap; */
    letter-spacing: 0.05rem;
}

/* ??? why isn't it working ??? –––––––––––––––––––––––––––––––––*/
/*
.imprint-text-privacy p::first-line {
    font-weight: bold;
    color: blueviolet;
}
*/


/* —————————————————————————————————————————————————— */
/* MOBILE 768px —————————————————————————————————————— */

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

    .grid-imprint {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        gap: var(--column-gap);
    }

    .grid-imprint-1-1, .grid-imprint-2-1, .grid-imprint-3-1 {
        grid-column: 1;
    }

}