/*
Theme Name:   Hello Elementor Child
Theme URI:    https://farber-physio-training.de
Description:  Child-Theme für Hello Elementor – Farber Physio & Training. Enthält die Tablet- und Handy-Schriftgrößen der globalen Elementor-Stile.
Author:       Sislak Design
Author URI:   https://sislakdesign.de
Template:     hello-elementor
Version:      1.2.0
Text Domain:  hello-elementor-child
*/

/* ==========================================================================
   Globale Schriftgrößen – Tablet und Handy

   Die Desktop-Werte stehen in Elementor unter
   Website-Einstellungen → Typografie und werden hier NICHT überschrieben.
   Nur die Tablet- und Handystufen liegen hier, weil sie sich über die
   Schnittstelle nicht setzen lassen.

   Zuordnung der IDs:
   eb39205 = H1   a063cc6 = H2   ff5e5f5 = H3
   7cebb3f = H4   2be9ee3 = H5   2a4846a = H6 / Label
   a1b2c3d = Aufzählung
   ========================================================================== */

@media (max-width: 1024px) {
	body.elementor-kit-851 {
		--e-global-typography-eb39205-font-size: 2.75rem;   /* H1  44 px */
		--e-global-typography-a063cc6-font-size: 2.125rem;  /* H2  34 px */
		--e-global-typography-ff5e5f5-font-size: 1.75rem;   /* H3  28 px */
		--e-global-typography-7cebb3f-font-size: 1.375rem;  /* H4  22 px */
		--e-global-typography-2be9ee3-font-size: 1.1875rem; /* H5  19 px */
		--e-global-typography-2a4846a-font-size: 0.9375rem; /* H6  15 px */
		--e-global-typography-a1b2c3d-font-size: 1rem;      /* Liste 16 px */
	}
}

@media (max-width: 767px) {
	body.elementor-kit-851 {
		--e-global-typography-eb39205-font-size: 2rem;      /* H1  32 px */
		--e-global-typography-a063cc6-font-size: 1.75rem;   /* H2  28 px */
		--e-global-typography-ff5e5f5-font-size: 1.5rem;    /* H3  24 px */
		--e-global-typography-7cebb3f-font-size: 1.25rem;   /* H4  20 px */
		--e-global-typography-2be9ee3-font-size: 1.125rem;  /* H5  18 px */
		--e-global-typography-2a4846a-font-size: 0.875rem;  /* H6  14 px */
		--e-global-typography-a1b2c3d-font-size: 1rem;      /* Liste 16 px */
	}
}

/* ==========================================================================
   Contact Form 7 – Absenden-Button

   Der Button hat von ElementsKit white-space:nowrap. Bei einer langen
   Beschriftung ("Kostenlose Einschätzung sichern") wird er dadurch breiter
   als ein Handydisplay und erzeugt einen horizontalen Overflow.
   Hier darf er umbrechen und nie breiter als sein Container werden.
   ========================================================================== */

.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"],
.ekit-wid-con .wpcf7 input[type="submit"] {
	white-space: normal;
	max-width: 100%;
	height: auto;
	line-height: 1.3;
}

@media (max-width: 767px) {
	.wpcf7 input[type="submit"],
	.wpcf7 button[type="submit"],
	.ekit-wid-con .wpcf7 input[type="submit"] {
		width: 100%;
	}
}

/* Sicherheitsnetz gegen horizontales Scrollen auf kleinen Geraeten */
@media (max-width: 767px) {
	html,
	body {
		overflow-x: hidden;
	}
}

/* ==========================================================================
   Weitere eigene Anpassungen ab hier.
   ========================================================================== */