/**
 * Heading Block Styles
 * 
 * Fallback falls nicht im #content Container
 * In main CSS einbinden oder die Klassen in Tailwind definieren
 */

.tremtec-heading {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.05em;
    padding-left: 1rem;
    border-left: 4px solid var(--color-secondary, #f59e0b);
    margin-bottom: 1.5rem;
}

h1.tremtec-heading { font-size: 3rem; line-height: 1; }
h2.tremtec-heading { font-size: 2.25rem; line-height: 2.5rem; }
h3.tremtec-heading { font-size: 1.875rem; line-height: 2.25rem; }
h4.tremtec-heading { font-size: 1.5rem; line-height: 2rem; }
h5.tremtec-heading { font-size: 1.25rem; line-height: 1.75rem; }

/* Farben */
.tremtec-heading.text-primary {
    color: var(--color-text, #111111);
}

.tremtec-heading.text-secondary {
    color: var(--color-secondary, #f59e0b);
}