/* Fallback-Typografie basierend auf CI-Vorgaben */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Lora:wght@400;500;600&display=swap');

:root {
    --brand-green: #1aa538;
    --brand-yellow: #f8e924;
}

h1, h2, h3, .font-boecklin {
    font-family: 'Playfair Display', serif; /* Web-Ersatz für Boecklin */
    letter-spacing: 0.02em;
}

body, .font-newton {
    font-family: 'Lora', serif; /* Web-Ersatz für Newton */
    line-height: 1.6;
    color: #1a1a1a;
}

.bg-brand-green { background-color: var(--brand-green); }
.text-brand-green { color: var(--brand-green); }
.bg-brand-yellow { background-color: var(--brand-yellow); }

.transition-standard { transition: all 0.2s ease-in-out; }

/* Optimierung für IONOS Hosting (Static Site) */
html {
    scroll-behavior: smooth;
}

/* Fokus-Styles für Barrierefreiheit */
:focus-visible {
    outline: 3px solid var(--brand-yellow);
    outline-offset: 2px;
}