.preise-no-mobile {
    display: none;
}

.preise-no-desktop {
    display: block;
}

#technik1 {
    grid-area: technik1;
}

#technik2 {
    grid-area: technik2;
}

#technik3 {
    grid-area: technik3;
}

#technik4 {
    grid-area: technik4;
}

#technik5 {
    grid-area: technik5;
}

#technik6 {
    grid-area: technik6;
}

#technik1p1 {
    grid-area: technik1p1;
}

#technik1p2 {
    grid-area: technik1p2;
}

#technik1p3 {
    grid-area: technik1p3;
}

#technik2p1 {
    grid-area: technik2p1;
}

#technik2p2 {
    grid-area: technik2p2;
}

#technik2p3 {
    grid-area: technik2p3;
}

#technik3p1 {
    grid-area: technik3p1;
}

#technik3p2 {
    grid-area: technik3p2;
}

#technik3p3 {
    grid-area: technik3p3;
}

#technik4p1 {
    grid-area: technik4p1;
}

#technik4p2 {
    grid-area: technik4p2;
}

#technik4p3 {
    grid-area: technik4p3;
}

#technik5p1 {
    grid-area: technik5p1;
}

#technik5p2 {
    grid-area: technik5p2;
}

#technik5p3 {
    grid-area: technik5p3;
}

#technik6p1 {
    grid-area: technik6p1;
}

#technik6p2 {
    grid-area: technik6p2;
}

#technik6p3 {
    grid-area: technik6p3;
}

#cap11 {
    grid-area: cap11;
}

#cap12 {
    grid-area: cap12;
}

#cap13 {
    grid-area: cap13;
}

#cap21 {
    grid-area: cap21;
}

#cap23 {
    grid-area: cap23;
}

#cap31 {
    grid-area: cap31;
}

#cap33 {
    grid-area: cap33;
}

#cap41 {
    grid-area: cap41;
}

#cap43 {
    grid-area: cap43;
}

#cap51 {
    grid-area: cap51;
}

#cap53 {
    grid-area: cap53;
}

#cap61 {
    grid-area: cap61;
}

#cap63 {
    grid-area: cap63;
}

#preise-zusatz {
    grid-area: zusatz;
}

#versand {
    grid-area: versand;
}

#versand-cap1 {
    grid-area: versand-cap1;
}

#versand-cap2 {
    grid-area: versand-cap2;
}

#versand-cap3 {
    grid-area: versand-cap3;
}

#versand-p1 {
    grid-area: versand-p1;
}

#versand-p2 {
    grid-area: versand-p2;
}

#versand-p3 {
    grid-area: versand-p3;
}

.caption {
    padding-left: 20px;
}

.technik {
    font-weight: 600;
    margin-top: 15px;
}

.geld {
    text-align: right;
}

#versand-cap1, #versand-cap2 {
    margin-bottom: 15px;
}

#preise {
    width: calc(100% - 24px);
    display: grid;
    grid-template-rows: repeat(23, auto);
    grid-template-columns: 1fr 60px;
    grid-template-areas: 
        "technik1 ."
        "cap11 technik1p1"
        "cap13 technik1p3"
        "technik2 ."
        "cap21 technik2p1"
        "cap23 technik2p3"
        "technik3 ."
        "cap31 technik3p1"
        "cap33 technik3p3"
        "technik4 ."
        "cap41 technik4p1"
        "cap43 technik4p3"
        "technik5 ."
        "cap51 technik5p1"
        "cap53 technik5p3"
        "technik6 ."
        "cap61 technik6p1"
        "cap63 technik6p3"
        "zusatz zusatz"
        "versand ."
        "versand-cap1 versand-p1"
        "versand-cap2 versand-p2"
        "versand-cap3 versand-p3";
}

@media (min-width: 826px) {
    #preise {
        grid-row-gap: 20px;
        grid-template-rows: repeat(12, auto);
        grid-template-columns: repeat(4, 1fr);
        grid-template-areas: 
            ". cap11 cap12 cap13"
            "technik1 technik1p1 technik1p2 technik1p3"
            "technik2 technik2p1 technik2p2 technik2p3"
            "technik3 technik3p1 technik3p2 technik3p3"
            "technik4 technik4p1 technik4p2 technik4p3"
            "technik5 technik5p1 technik5p2 technik5p3"
            "technik6 technik6p1 technik6p2 technik6p3"
            "zusatz zusatz zusatz zusatz"
            "versand versand versand versand"
            "versand-cap1 versand-cap1 versand-cap1 versand-p1"
            "versand-cap2 versand-cap2 versand-cap2 versand-p2"
            "versand-cap3 versand-cap3 versand-cap3 versand-p3";
    }

    #versand {
        text-align: center;
    }

    #cap11, #cap12, #cap13 {
        text-align: right;
        font-weight: 600;
    }

    #versand-p1, #versand-p2, #versand-p3 {
        padding-right: var(--versand-padding, 120px);
    }

    #versand-cap1, #versand-cap2, #versand-cap3 {
        padding-left: var(--versand-padding, 120px);
    }

    .technik {
        margin-top: 0;
    }

    .preise-no-mobile {
        display: block;
    }

    .preise-no-desktop {
        display: none;
    }
}