/* Startseitenüberschrift: bewusst kompakter und mit festen Textzeilen. */
.landing-copy .landing-headline {
    font-size: clamp(3.2rem, 5.7vw, 5.7rem);
}

.landing-copy .landing-headline > span {
    display: block;
    max-width: 100%;
    width: max-content;
}

/* Ein zusammenhängender gelber Kasten nur auf der Startseite. */
.landing-copy .landing-headline > mark {
    background: #fff45c;
    border-radius: 12px;
    box-sizing: border-box;
    color: #17162b;
    display: block;
    line-height: 1.02;
    max-width: calc(100% - 34px);
    padding: 4px 12px 8px;
    white-space: normal;
    width: fit-content;
}

@media (max-width: 720px) {
    .landing-copy .landing-headline {
        font-size: clamp(2.5rem, 12.5vw, 3.9rem);
    }

    .landing-copy .landing-headline > mark {
        max-width: 100%;
    }
}