/**
 * Oeffentliche Ueberschriften: Mischschreibung, keine Versalien.
 * Das Elementor-Kit setzt h1–h3 (und eine Typo-Variable) auf uppercase.
 * GreatVibes und 'Great Vibes' laden dieselbe woff2 (Willkommen-Hero und Teaser).
 */

@font-face {
	font-family: "GreatVibes";
	src: url("../fonts/GreatVibes-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "GreatVibes";
	src: url("../fonts/GreatVibes-Regular.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Great Vibes";
	src: url("../fonts/GreatVibes-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Great Vibes";
	src: url("../fonts/GreatVibes-Regular.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

body {
	--e-global-typography-d2a3104-text-transform: none;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.wp-block-heading,
.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wc-block-checkout__title,
.wc-block-components-checkout-order-summary__title,
#order_review_heading,
.woocommerce-billing-fields > h3,
.woocommerce-shipping-fields > h3,
.woocommerce-additional-fields > h3,
.column-title,
.uv-account-title,
.uv-account-heading,
.uv-account-kicker {
	text-transform: none !important;
}

.mhc-root,
.mhe-root,
.mhk-root,
.mho-root,
.mhl-root,
.mhs-root,
.mht-root {
	--script: "GreatVibes", "Great Vibes", cursive;
}

.mhc-root h1,
.mhc-root h2,
.mhe-root h1,
.mhe-root h2,
.mhk-root h1,
.mhk-root h2,
.mho-root h1,
.mho-root h2,
.mhl-root h1,
.mhl-root h2,
.mhs-root h1,
.mhs-root h2,
.mhs-root h3,
.mht-root h1,
.mht-root h2 {
	font-family: var(--script) !important;
}

.fd-hero .hero-title-1,
.fd-hero .slide-title-1 {
	font-family: "GreatVibes", "Great Vibes", cursive !important;
	font-weight: 700 !important;
	text-transform: none !important;
	font-size: 74px !important;
}

@media (max-width: 1023px) and (min-width: 768px) {
	.fd-hero .hero-title-1,
	.fd-hero .slide-title-1 {
		font-size: 38px !important;
	}
}

@media (max-width: 767px) {
	.fd-hero .hero-title-1,
	.fd-hero .slide-title-1 {
		font-size: 24px !important;
	}
}