/* Headline Basis */
.widget-headline-h1,
.widget-headline-h2,
.widget-headline-h3,
.widget-headline-h4,
.widget-headline-h5,
.widget-headline-h6 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    color: var(--color-text-primary);
    margin: 0 0 20px 0;
}

/* H1 Headline */
.widget-headline-h1 {
    font-size: var(--font-size-4xl);
    margin-bottom: 30px;
}

/* H2 Headline */
.widget-headline-h2 {
    font-size: var(--font-size-3xl);
    margin-bottom: 25px;
}

/* H3 Headline */
.widget-headline-h3 {
    font-size: var(--font-size-2xl);
    margin-bottom: 20px;
}

/* H4 Headline */
.widget-headline-h4 {
    font-size: var(--font-size-xl);
    margin-bottom: 15px;
}

/* H5 Headline */
.widget-headline-h5 {
    font-size: var(--font-size-lg);
    margin-bottom: 15px;
}

/* H6 Headline */
.widget-headline-h6 {
    font-size: var(--font-size-base);
    margin-bottom: 10px;
}

/* Headline Modifier */
.widget-headline-center {
    text-align: center;
}

.widget-headline-left {
    text-align: left;
}

.widget-headline-right {
    text-align: right;
}

/* Headline Farben */
.widget-headline-primary {
    color: var(--color-primary);
}

.widget-headline-secondary {
    color: var(--color-secondary);
}

.widget-headline-accent {
    color: var(--color-accent);
}

.widget-headline-muted {
    color: var(--color-text-muted);
}

/* Responsive Design */
@media (max-width: 768px) {
    .widget-headline-h1 {
        font-size: var(--font-size-3xl);
        margin-bottom: 25px;
    }
    
    .widget-headline-h2 {
        font-size: var(--font-size-2xl);
        margin-bottom: 20px;
    }
    
    .widget-headline-h3 {
        font-size: var(--font-size-xl);
        margin-bottom: 15px;
    }
}

@media (max-width: 576px) {
    .widget-headline-h1 {
        font-size: var(--font-size-2xl);
        margin-bottom: 20px;
    }
    
    .widget-headline-h2 {
        font-size: var(--font-size-xl);
        margin-bottom: 15px;
    }
    
    .widget-headline-h3 {
        font-size: var(--font-size-lg);
        margin-bottom: 10px;
    }
}