/*
 * Color overrides for the imported PKU frontpage (page id 26).
 * Source content was built against a kit with dark text on light background;
 * the sephiencehcp kit uses inverse defaults.
 *
 * IMPORTANT: scope to .elementor-26 (page-content wrapper) — NOT to body
 * class .elementor-page-26 — so header (.elementor-190) and footer (.elementor-261)
 * keep their default theme styling.
 */

/* CSS-variable overrides apply only inside the page content wrapper */
.elementor-26 {
	--e-global-color-text: #000000;
	--e-global-color-secondary: #66B2E7;
	/* --e-global-color-accent intentionally NOT overridden — let the
	   Pantheon kit value (#FFAA00) win so buttons match subpage style */
	/* Custom color slots referenced by id in the imported element data */
	--e-global-color-6d4fc24: #FFAA00;
	--e-global-color-edf4ed2: #FFF6CC;
	--e-global-color-1963dce: #D7D6E2;
	--e-global-color-5521f9f: #9B9B9B;
	--e-global-color-74ee8da: #CCE5F7;
	--e-global-color-b09a335: #FFEECC;
}
.elementor-26 .elementor-element,
.elementor-26 p,
.elementor-26 li,
.elementor-26 td,
.elementor-26 .elementor-widget-container {
	color: #000;
}
.elementor-26 h1,
.elementor-26 h2,
.elementor-26 h3,
.elementor-26 h4,
.elementor-26 h5,
.elementor-26 h6 {
	color: #38336F;
}
.elementor-26 a {
	color: #38336F;
}

/* Force the subpage button style (gradient pill, dark purple text) on
 * ALL buttons inside the imported frontpage — covers both the regular
 * button widget and form widget submit/nav buttons (e.g. quiz "Weiter"). */
.elementor-26 .elementor-button,
.elementor-26 a.elementor-button,
.elementor-26 button.elementor-button {
	background-color: #FFAA00 !important;
	background-image: linear-gradient(180deg, #FFAA00 0%, #FECF00 100%) !important;
	color: #38336F !important;
	font-family: Poppins, sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	border: 3px solid transparent !important;
	border-radius: 30px !important;
	padding: 16px 27.5px !important;
	text-transform: capitalize !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease, background-image 0.2s ease,
	            border-color 0.2s ease, color 0.2s ease;
}
.elementor-26 .elementor-button:hover,
.elementor-26 .elementor-button:focus,
.elementor-26 a.elementor-button:hover,
.elementor-26 a.elementor-button:focus,
.elementor-26 button.elementor-button:hover,
.elementor-26 button.elementor-button:focus {
	background-color: #FFFFFF !important;
	background-image: none !important;
	color: #38336F !important;
	border-color: #FFAA00 !important;
	text-decoration: none !important;
}
/* Strip default underline on the link wrapper itself */
.elementor-26 .elementor-button-link,
.elementor-26 .elementor-widget-button a {
	text-decoration: none !important;
}

/* Subgruppe pills inside the "Baseline Phe-Werte" tab use the same button look */
.elementor-26 button.circlebutton,
.elementor-26 .circlebutton {
	background-color: #FFAA00 !important;
	background-image: linear-gradient(180deg, #FFAA00 0%, #FECF00 100%) !important;
	color: #38336F !important;
	font-family: Poppins, sans-serif !important;
	font-weight: 400 !important;
	border: 3px solid transparent !important;
	border-radius: 30px !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease, background-image 0.2s ease,
	            border-color 0.2s ease, color 0.2s ease;
}
.elementor-26 button.circlebutton:hover,
.elementor-26 button.circlebutton:focus,
.elementor-26 .circlebutton:hover,
.elementor-26 .circlebutton:focus {
	background-color: #FFFFFF !important;
	background-image: none !important;
	color: #38336F !important;
	border-color: #FFAA00 !important;
}

/* Container width: source kit = 1440px; Pantheon kit defaults to 1024px.
 * Top-level sections render full-width (so their backgrounds stretch edge to
 * edge), and inner content is constrained to a 1440px corridor via padding. */
.elementor-26 > .elementor-element.e-con {
	--container-max-width: 1440px;
	max-width: none !important;
	width: 100% !important;
	padding-left: max(20px, calc((100% - 1440px) / 2)) !important;
	padding-right: max(20px, calc((100% - 1440px) / 2)) !important;
}
/* Nested boxed containers + their inner are still 1440-limited */
.elementor-26 .e-con-boxed,
.elementor-26 .e-con-boxed > .e-con-inner,
.elementor-26 .e-con-full > .e-con-inner {
	--container-max-width: 1440px;
	max-width: 1440px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/*
 * On .home / .is-home-page the theme's sticky-header logic skips the body
 * spacer that Elementor adds on subpages. Re-add it for the imported PKU
 * frontpage so content does not sit under the fixed header.
 */
body.elementor-page-26 {
	padding-top: 120px;
}