/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
/* 1. Font-Face Definitionen */
@font-face {
  font-family: 'Mulish';
  src: url('https://sabrinastaller.de/wp-content/themes/Divi-Child-Theme/fonts/Mulish-VariableFont_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  src: url('https://sabrinastaller.de/wp-content/themes/Divi-Child-Theme/fonts/Mulish-Italic-VariableFont_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('https://sabrinastaller.de/wp-content/themes/Divi-Child-Theme/fonts/Lora-VariableFont_wght.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('https://sabrinastaller.de/wp-content/themes/Divi-Child-Theme/fonts/Lora-Italic-VariableFont_wght.woff2') format('woff2');
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}

/* 2. CSS-Variablen */
:root {
  --font-body: 'Mulish', sans-serif;
  --font-headline: 'Lora', serif;
}

/* 3. Globale Anwendung */
body {
  font-family: var(--font-body, 'Mulish', sans-serif);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-headline, 'Lora', serif);
}