/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://slydingeldein.de
 Description:    Child Theme for Divi Theme by Sly Dingeldein
 Author:         Sly Dingeldein
 Author URI:     https://slydingeldein.de
Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

 /* Vertikales Zentrieren von Elementen */

.vertikal-zentrieren {
display: flex;
flex-direction: column;
justify-content: center;
}



/* =========================================================
   ELKE ROBRECHT
   Globales Design-System
   ========================================================= */


/* =========================================================
   01. MONTSERRAT – LOCAL FONTS
   ========================================================= */

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-v31-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-v31-latin-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-v31-latin-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-v31-latin-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* =========================================================
   01. FONTS – MONTSERRAT (lokal gehostet)
   ========================================================= */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* =========================================================
   02. VARIABLEN
   ========================================================= */
:root {
  /* Schriftarten */
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Montserrat', sans-serif;

  /* Fluid Typography (clamp: min, preferred, max) */
  --h1-size: clamp(2.25rem, 1.5rem + 3vw, 3.75rem);      /* 36px – 60px */
  --h2-size: clamp(1.75rem, 1.3rem + 2vw, 2.75rem);       /* 28px – 44px */
  --h3-size: clamp(1.375rem, 1.1rem + 1.2vw, 1.875rem);   /* 22px – 30px */
  --body-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);   /* 16px – 18px */
}

/* =========================================================
   03. ÜBERSCHRIFTEN
   ========================================================= */
h1, .h1 {
  font-family: var(--font-heading);
  font-size: var(--h1-size);
  font-weight: 700;
  line-height: 1.15;
}

h2, .h2 {
  font-family: var(--font-heading);
  font-size: var(--h2-size);
  font-weight: 600;
  line-height: 1.2;
}

h3, .h3 {
  font-family: var(--font-heading);
  font-size: var(--h3-size);
  font-weight: 600;
  line-height: 1.3;
}

/* =========================================================
   04. FLIESSTEXT
   ========================================================= */
body, p, .et_pb_text_inner {
  font-family: var(--font-body);
  font-size: var(--body-size);
  font-weight: 400;
  line-height: 1.6;
}