/*
 Theme Name:     Divi Child
 Theme URI:      https://elegantthemes.com
 Description:    Child Theme für DPOM.
 Author:         Daniel Pledl
 Author URI:     https://dp-online.marketing/
 Template:       Divi
 Version:        1.0.1
*/

/* Cache: Die functions.php des Child-Themes haengt automatisch den Zeitstempel
   dieser Datei als ?ver= an. Aenderungen sind damit sofort sichtbar - es muss
   hier oben keine Versionsnummer gepflegt werden. */


/* ############################################################################
 * ##  HIER ANPASSEN: Ueberschriftengroessen in der MOBILEN Ansicht          ##
 * ##                                                                        ##
 * ##  Es genuegt, die Zahlen in diesem Block zu aendern. Sie gelten auf     ##
 * ##  Bildschirmen bis 767px Breite (Smartphones). Tablet und Desktop       ##
 * ##  bleiben unveraendert.                                                 ##
 * ############################################################################ */
:root {
	--hvd-h1-mobil: 36px;
	--hvd-h2-mobil: 28px;
	--hvd-h3-mobil: 24px;
	--hvd-h4-mobil: 20px;
	--hvd-h5-mobil: 18px;
	--hvd-h6-mobil: 16px;

	/* Zwei Ausnahmen zum Uebersteuern einzelner Module.
	   Anwendung: im Divi-Builder das Modul oeffnen ->
	   Erweitert -> CSS-Klasse -> "hvd-mobil-gross" bzw. "hvd-mobil-klein". */
	--hvd-mobil-gross: 32px;
	--hvd-mobil-klein: 20px;
}

@media only screen and (max-width: 767px) {

	.et-l h1, .entry-content h1 { font-size: var(--hvd-h1-mobil) !important; }
	.et-l h2, .entry-content h2 { font-size: var(--hvd-h2-mobil) !important; }
	.et-l h3, .entry-content h3 { font-size: var(--hvd-h3-mobil) !important; }
	.et-l h4, .entry-content h4 { font-size: var(--hvd-h4-mobil) !important; }
	.et-l h5, .entry-content h5 { font-size: var(--hvd-h5-mobil) !important; }
	.et-l h6, .entry-content h6 { font-size: var(--hvd-h6-mobil) !important; }

	/* Einzelne Module abweichend gross bzw. klein setzen.
	   CSS-Klasse im Divi-Builder unter "Erweitert" eintragen. */
	.hvd-mobil-gross h1, .hvd-mobil-gross h2, .hvd-mobil-gross h3,
	.hvd-mobil-gross h4, .hvd-mobil-gross h5, .hvd-mobil-gross h6,
	h1.hvd-mobil-gross, h2.hvd-mobil-gross, h3.hvd-mobil-gross {
		font-size: var(--hvd-mobil-gross) !important;
	}

	.hvd-mobil-klein h1, .hvd-mobil-klein h2, .hvd-mobil-klein h3,
	.hvd-mobil-klein h4, .hvd-mobil-klein h5, .hvd-mobil-klein h6,
	h1.hvd-mobil-klein, h2.hvd-mobil-klein, h3.hvd-mobil-klein {
		font-size: var(--hvd-mobil-klein) !important;
	}
}

/* ============================================================================
 * Blocksatz für Fließtext – gilt auf allen Seiten der Website.
 *
 * Bewusst nur Absätze (<p>). Überschriften (H1–H6), Buttons, Menüs und
 * Listen bleiben unverändert.
 *
 * "hyphens: auto" aktiviert die Silbentrennung. Im Blocksatz ist das wichtig,
 * sonst reißen im Deutschen große Lücken zwischen den Wörtern auf.
 * Wer die Trennstriche nicht möchte, löscht die beiden hyphens-Zeilen.
 * ========================================================================== */
.et_pb_text_inner p,
.et_pb_blurb_description p,
.et_pb_toggle_content p,
.et_pb_tab_content p,
.et_pb_post_content p,
.et_pb_slide_description p,
.entry-content > p {
	text-align: justify;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/* Kurze Meta-Zeilen der Veranstaltungsliste vom Blocksatz ausnehmen. */
.hvd-event__type,
.hvd-events__empty,
.hvd-events__keine-treffer {
	text-align: left;
	-webkit-hyphens: manual;
	hyphens: manual;
}