/*
Theme Name: Divi Child – Servus-Prag.de
Description: Individuelles Child Theme für Divi
Author: Bähr Design
Version: 1.0.1
Template: Divi
*/

/* Eigene CSS-Anpassungen kommen unter diese Zeile. */

/* space-grotesk-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/space-grotesk-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* space-grotesk-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/space-grotesk-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oleo-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oleo Script';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oleo-script-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root,
html body {
  --schrift-fliesstext: "Space Grotesk", Arial, sans-serif;
  --schrift-ueberschrift: "Oleo Script", Arial, sans-serif;

  /* Divis globale Standardschrift überschreiben */
  --et_global_body_font: var(--schrift-fliesstext) !important;
  --et_global_heading_font: var(--schrift-fliesstext) !important;
}

/* Grundschrift */
html body,
html body button,
html body input,
html body select,
html body textarea {
  font-family: var(--schrift-fliesstext);
  font-weight: 400;
}

/* H1 und H2: Oleo Script */
html body h1,
html body h2 {
  font-family: var(--schrift-ueberschrift) !important;
  font-weight: 400;
}

/* H3 bis H6: Space Grotesk */
html body h3,
html body h4,
html body h5,
html body h6 {
  font-family: var(--schrift-fliesstext) !important;
  font-weight: 700;
}