/*
Theme Name: Divi Child
Theme URI: https://diviextended.com/
Version: 1.0
Description: Child Theme of Divi
Author: Divi Extended
Template: Divi
*/
@import url("../Divi/style.css");

/* Hier kannst du eigene CSS-Anpassungen vornehmen */

/* roboto-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: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - 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: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/roboto-v47-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - 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: 'Roboto';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/roboto-v47-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-v47-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
}

p, span, div {
    font-family: 'Roboto', sans-serif !important;
}

.et_pb_text {
    font-family: 'Roboto', sans-serif !important;
}

/* Desktop (ab 981px) */
h1 { font-size: 42px !important; line-height: 1.2 !important; }
h2 { font-size: 36px !important; line-height: 1.25 !important; }
h3 { font-size: 30px !important; line-height: 1.3 !important; }
h4 { font-size: 26px !important; line-height: 1.35 !important; }
h5 { font-size: 22px !important; line-height: 1.4 !important; }
h6 { font-size: 18px !important; line-height: 1.4 !important; }
body, p { font-size: 16px !important; line-height: 1.6 !important; }

/* Tablet (768px – 980px) */
@media (max-width: 980px) {
    h1 { font-size: 36px !important; line-height: 1.25 !important; }
    h2 { font-size: 32px !important; line-height: 1.3 !important; }
    h3 { font-size: 28px !important; line-height: 1.35 !important; }
    h4 { font-size: 24px !important; line-height: 1.4 !important; }
    h5 { font-size: 20px !important; line-height: 1.4 !important; }
    h6 { font-size: 18px !important; line-height: 1.4 !important; }
    body, p { font-size: 16px !important; line-height: 1.6 !important; }
}

/* Mobile (bis 767px) */
@media (max-width: 767px) {
    h1 { font-size: 32px !important; line-height: 1.3 !important; }
    h2 { font-size: 28px !important; line-height: 1.35 !important; }
    h3 { font-size: 24px !important; line-height: 1.4 !important; }
    h4 { font-size: 20px !important; line-height: 1.4 !important; }
    h5 { font-size: 18px !important; line-height: 1.4 !important; }
    h6 { font-size: 16px !important; line-height: 1.4 !important; }
    body, p { font-size: 15px !important; line-height: 1.6 !important; }
}