.highlight-box {
    background: var(--accent);
    padding: 2rem;
    border-radius: 15px;
    margin: 2rem 0;
    border-left: 5px solid var(--primary);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

/* Spezifisch für About-Seite */
@media (min-width: 992px) {
    .about-highlight {
        --about-media-max: 540px;
        --left-gap: max(0px, calc((50% - var(--about-media-max)) / 2));
    }
    .about-highlight .highlight-box {
        width: calc(100% - var(--left-gap));
        margin-left: var(--left-gap);
    }
}