/* Änderungsprotokoll: 2026-07-07 | cursor-agent | @skill-css-rules | Fulfillment-Vergleich Headlines */
/**
 * Widgets Headlines CSS - Fulfillment Vergleich Design
 */

.wiki-headline-h1 {
    font-family: var(--font-family-heading);
    font-size: clamp(1.75rem, 3.5vw + 0.65rem, var(--font-size-4xl));
    font-weight: var(--font-weight-extrabold);
    line-height: 1.08;
    letter-spacing: -0.035em;
    margin: 2rem 0 1.5rem 0;
    color: var(--color-headline);
    text-wrap: balance;
    position: relative;
}

.wiki-headline-h1::after {
    content: '';
    display: block;
    width: 5rem;
    height: 0.25rem;
    margin: 0.5rem 0 0;
    border-radius: 999px;
    background-color: var(--color-primary);
}

.wiki-headline-h2 {
    font-family: var(--font-family-heading);
    font-size: clamp(1.25rem, 2.2vw + 0.45rem, var(--font-size-3xl));
    font-weight: var(--font-weight-bold);
    line-height: 1.12;
    letter-spacing: -0.03em;
    margin: 2rem 0 1rem 0;
    color: var(--color-headline);
    text-wrap: balance;
}

.wiki-headline-h3 {
    font-family: var(--font-family-heading);
    font-size: clamp(1rem, 1.35vw + 0.45rem, var(--font-size-xl));
    font-weight: var(--font-weight-semibold);
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 1.5rem 0 0.75rem 0;
    color: var(--color-headline);
}

@media (max-width: 768px) {
    .wiki-headline-h1 {
        font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
    }

    .wiki-headline-h2 {
        font-size: clamp(1.15rem, 2vw + 0.4rem, 1.6rem);
    }

    .wiki-headline-h3 {
        font-size: 1.15rem;
    }
}