/*  ==================================================================
FONTS ================================================================
	==================================================================  */

/* Anleitung
 * Lade deine Google Fonts runter, gehe zu https://transfonter.org/ und lass die Schrift in alle Formate umwandeln.
Bei "Fonts directory" trägst du "fonts/" ein (ohne Anführungszeichen)
Lade die Font-Dateien in den Unterordner fonts und kopiere den Code aus der CSS-Datei hier rein.
Bei Font-Definition trägst du dann noch die richtige font-family ein.
Ich würde nur die Schrift definieren und alles andere (Größe, Gewicht) im Divi Builder machen, dann hast du mehr Freiheiten.

/* ---------------
FONT: Caveat Brush
----------------*/

@font-face {
    font-family: 'Caveat Brush';
    src: url('fonts/CaveatBrush-Regular.woff2') format('woff2'),
        url('fonts/CaveatBrush-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ---------------
FONT: Cardo
----------------*/

@font-face {
    font-family: 'Cardo';
    src: url('fonts/Cardo-Bold.woff2') format('woff2'),
        url('fonts/Cardo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cardo';
    src: url('fonts/Cardo-Italic.woff2') format('woff2'),
        url('fonts/Cardo-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cardo';
    src: url('fonts/Cardo-Regular.woff2') format('woff2'),
        url('fonts/Cardo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ---------------
FONT: Amatic
----------------*/

@font-face {
    font-family: 'Amatic SC';
    src: url('fonts/AmaticSC-Bold.woff2') format('woff2'),
        url('fonts/AmaticSC-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Amatic SC';
    src: url('fonts/AmaticSC-Regular.woff2') format('woff2'),
        url('fonts/AmaticSC-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ---------------
FONT-DEFINITION
----------------*/

html {
    font-size: 1rem;
}

.et_pb_column .et_pb_module h1,
.et_pb_column .et_pb_module h2,
.et_pb_column .et_pb_module h2 a,
.et_pb_column .et_pb_module h3,
.et_pb_column .et_pb_module h3 a,
.et_pb_column .et_pb_module h4,
.et_pb_column .et_pb_module h4 a,
.et_pb_column .et_pb_module h5,
.et_pb_column .et_pb_module h6 {
	font-family: 'Caveat Brush', serif !important;
}

body,
.et_pb_column .et_pb_module p,
.et_pb_column .et_pb_module li,
.et_pb_column .et_pb_module a,
.et_pb_column .et_pb_module input,
.et_pb_column .et_pb_module select,
.et_pb_column .et_pb_module div {
	font-family: 'Cardo', sans-serif !important;
}

.et_pb_column .et_pb_module p blockquote {
	font-family: 'Merriweather', serif !important;
}

span.highlight{
	font-family: 'Amatic SC', sans-serif;
}