/* Neue Helvetica Pro 77 Condensed Bold (MyFonts Familienname) */
@font-face {
    font-family: 'NeueHelveticaPro77CondensedBold';
    src: url('../fonts/NeueHelveticaPro77CondensedBold.woff2') format('woff2'),
         url('../fonts/NeueHelveticaPro77CondensedBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/* Citrus Gothic Webfont */
@font-face {
    font-family: 'Citrus Gothic';
    src: url('../fonts/CitrusGothic-SolidRegular.woff2') format('woff2'),
         url('../fonts/CitrusGothic-SolidRegular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*! Lato Font Family - Generated by Font Squirrel (https://www.fontsquirrel.com) */

/* (Lato bleibt im Verzeichnis verfügbar, aber wird nicht mehr aktiv gesetzt) */

/* (Entfernt: Merriweather @font-face, da Headlines nun Citrus Gothic verwenden) */

/* CSS-Variablen überschreiben */
:root {
    --e-global-typography-primary-font-family: 'Citrus Gothic', Arial, sans-serif;
    --e-global-typography-secondary-font-family: 'NeueHelveticaPro77CondensedBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --e-global-typography-text-font-family: 'NeueHelveticaPro77CondensedBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --e-a-font-family: 'NeueHelveticaPro77CondensedBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-heading: 'Citrus Gothic', Arial, sans-serif;
    --font-body: 'NeueHelveticaPro77CondensedBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Global Typography Setup */
body, p, div, span, a, li, td, th, input, textarea, select, button {
    font-family: 'NeueHelveticaPro77CondensedBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Elementor Roboto-Überschreibungen */
.elementor-element,
.elementor-widget,
.elementor-widget-container {
    font-family: inherit !important;
}

/* Spezifische Roboto-Überschreibung für inline styles */
[style*="Roboto"] h1,
[style*="Roboto"] h2,
[style*="Roboto"] h3,
[style*="Roboto"] h4,
[style*="Roboto"] h5,
[style*="Roboto"] h6 {
    font-family: 'Citrus Gothic', Arial, sans-serif !important;
}

/* Heading Fonts - Standard HTML + Elementor-Kompatibel */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor h1,
.elementor-widget-text-editor h2, 
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4,
.elementor-widget-text-editor h5,
.elementor-widget-text-editor h6,
.wp-block-heading {
    font-family: 'Citrus Gothic', Arial, sans-serif !important;
    font-weight: 700;
    line-height: 1.2;
}

/* Überschreibe Elementor Roboto für alle Headlines */
.elementor-heading-title.elementor-size-default,
.elementor-heading-title,
h1.elementor-heading-title.elementor-size-default,
h2.elementor-heading-title.elementor-size-default,
h3.elementor-heading-title.elementor-size-default {
    font-family: 'Citrus Gothic', Arial, sans-serif !important;
}

/* Content Typography */
p, 
.content,
.entry-content,
.elementor-text-editor,
.elementor-widget-text-editor p {
    font-size: 1.25rem;
    line-height: 1.6;
}

ul, ol {
    font-size: 1.25rem;
    line-height: 1.6;
}

/* Navigation, Footer und UI-Elemente */
nav, .navigation, .menu, .footer, .header,
.elementor-nav-menu, .elementor-widget-nav-menu,
.site-header, .site-footer {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Buttons */
.button, .btn, .elementor-button,
button, input[type="submit"], input[type="button"] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
}

/* Typography Sizes */
h1, .h1 {
    font-size: 4.6875rem;
    margin-top: 1.6875rem;
    margin-bottom: 1.6875rem;
}

h2, .h2 {
    font-size: 1.875rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

h3, .h3 {
    font-size: 1.5625rem;
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
}

h4, .h4 {
    font-size: 1.25rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

h5, .h5 {
    font-size: 1.125rem;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

h6, .h6 {
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Mobile Typography */
@media (max-width: 768px) {
    h1, .h1 { 
        font-size: 3rem;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    h2, .h2 { font-size: 1.5rem; }
    h3, .h3 { font-size: 1.25rem; }
    h4, .h4 { font-size: 1.125rem; }
    h5, .h5 { font-size: 1rem; }
    h6, .h6 { font-size: 0.875rem; }
    
    p, 
    .content,
    .entry-content,
    .elementor-text-editor,
    .elementor-widget-text-editor p,
    ul, ol {
        font-size: 1.125rem;
    }
}