/* Preis Karten */

.main-preise article:not(:last-of-type) {
    margin-bottom: 1rem;
}
.price-card,
.price-card-text {
    border-radius: var(--borderRadius-2);
}

.price-card-text {
    border-radius: var(--borderRadius-2);
    border: 1px solid var(--clr-red);
    text-align: center;
    padding: 3rem 2.1rem 2.5rem 2.1rem;
}
.price-card-text h2 {
    padding-bottom: 2rem; 
}
.price-card-text h3 {
    font-family: "RobotoMono";
    font-size: var(--font-size-card-price);
    margin-bottom: 2.5rem;
    padding-inline: 10rem;
}

.price-card-text p:not(.price-card-text ul li p) {
    padding-bottom: 5rem;
    text-align: start;
    font-size: var(--font-size_headline-small);
    line-height: 140%;
    letter-spacing: 3%;
}

.price-card-text ul li p {
    text-align: start;
    font-size: var(--font-size_headline-small);
    line-height: 140%;
    letter-spacing: 3%;
}

.price-card-text ul {
    margin-block: 0rem 4rem;
}

.price-card-text ul li {
    text-align: start;
}

.price-card {
    border: 1px solid var(--clr-red);
    display: flex;
}
.flex-reverse {
    flex-direction: row-reverse;
}
@media screen and (max-width: 599px) {
    .price-card {
        display: flex;
        flex-direction: column;
    }
    .flex-reverse {
        flex-direction: column;
    }
    .price-card-text h3 {
        padding-inline: 0;
    }
    .price-card-text p {
        columns: 1;
    }
}

.price-card .image {
    flex: 4;
}
.price-card .image img {
    /* aspect-ratio: 1; */
    height: 100%;
    /* max-height: max-content; */
    object-fit: cover;
    border-radius: calc(var(--borderRadius-2) - 0.1rem) 0 0 calc(var(--borderRadius-2) - 0.1rem);
}
.price-card.flex-reverse .image img {
    border-radius: 0 calc(var(--borderRadius-2) - 0.1rem) calc(var(--borderRadius-2) - 0.1rem) 0;
}

@media screen and (max-width: 599px) {
    .price-card .image img,
    .price-card.flex-reverse .image img {
        border-radius: calc(var(--borderRadius-2) - 0.1rem) calc(var(--borderRadius-2) - 0.1rem) 0 0;
    }
}

.price-card .content {
    flex: 6;
    padding: 4.5rem 6rem;
    align-self: center;
}
.price-card .content h2 {
    padding-bottom: 4rem;
}
.price-card .content ul li {
    display: flex;
    justify-content: space-between;
    font-size: var(--font-size-card-price);
    letter-spacing: 2%;
}
.price-card .content ul li:not(:last-of-type) {
    margin-bottom: 0.5rem;
} 
.price-card .content .footnote_text {
    font-size: var(--font-size-card-button);
    padding-block: 3.9rem;
}