.no-list-style {
    list-style: none;
    padding: 0;
}

.txt--c-main {
    color: var(--main-color)
}


.hidden {
    display: none !important;
}

.u-bottom-line {
    border-bottom: 1px solid var(--grey-300);
}

.u-bottom-line ul li:last-child {
    padding-bottom: 1rem;
}


/* https://studioncreations.com/blog/material-design-3-box-shadow-css-values/ box-shadow material Elevation */
:root {
    --box-shadow-z1: 0 1px 4px 0 hsla(0, 0%, 0%, 0.37);
    --box-shadow-z2: 0 2px 2px 0 hsla(0, 0%, 0%, 0.2), 0 6px 10px 0 hsla(0, 0%, 0%, 0.3);
    --box-shadow-z3: 0 11px 7px 0 hsla(0, 0%, 0%, 0.19), 0 13px 25px 0 hsla(0, 0%, 0%, 0.3);
    --box-shadow-z4: 0 14px 12px 0 hsla(0, 0%, 0%, 0.17), 0 20px 40px 0 hsla(0, 0%, 0%, 0.3);
    --box-shadow-z5: 0 17px 17px 0 hsla(0, 0%, 0%, 0.15), 0 27px 55px 0 hsla(0, 0%, 0%, 0.3);
}



@media (max-width: 799.8px) {
    .hide-below-800 {
        display: none !important;
    }
}

@media (min-width: 700px) {
    .u-sr-only-above-700 {
        border: 0;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
    }
}

@media (min-width: 800px) {
    .hide-above-800 {
        display: none !important;
    }

    .u-sr-only-above-700 {
        border: 0;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
    }
}

@media (max-width: 899.8px) {
    .hide-below-900 {
        display: none !important;
    }
}

@media (min-width: 900px) {
    .hide-above-900 {
        display: none !important;
    }
}

.u-only-de {
    display: none;
}

html[lang="de"] .u-only-de {
    display: block;
}