.preise
{
    width: var(--breite-contentContainerElement);
    scroll-margin-top: var(--scroll-margin-top);

    padding: 1rem;

    font-size: clamp(var(--text-normal-min), var(--text-normal), var(--text-normal-max));
}

.preise .freizeile
{
    height: 0.8em;    /* <- Verwendung von em erfordert def der FontSize bereits in .preise */
    /*background-color: pink;*/
}

.preise .kostenZeile
{
    display: flex;
    flex-direction: row;

    /*margin-top: 0.5rem;*/
    margin-bottom: 0.5em;

    color: var(--schwarz);
}

.preise .kostenZeile .text
{
    width: 80%;
}

.preise .kostenZeile .preis
{

}

.preise table
{
    width: 100%;    /* 100% der Breite von .preise */
    /*margin: 1rem 0;*/

    font-size: clamp(var(--text-normal-min), var(--text-normal), var(--text-normal-max));

    /* Steuert den Abstand zwischen TD (Table Data) Elementen. Collapse: Kein Abstand */
    border-collapse: collapse;
}

.preise table tbody tr td
{
    padding: 0.8rem;
    text-align: left;
}

/* Die Breite des Beschreibungstextes bestimmen. Hierfür ist ein DIV Element
erforderlich, da sich die Breite von einem td element nicht einstellen lässt. */
.preise table tbody tr td .beschreibung
{
    max-width: 60%;
}

.preise table tbody tr td .preis
{

}