/**
 * Theme 2026 custom styles
 * Scoped to body.theme-2026 (see BPOL_THEME_2026_PAGE_IDS in functions.php).
 */

body.theme-2026 {
	--theme-2026-page-background: #b2d2e8;
	--theme-2026-dark-blue: #081531;
	--theme-2026-medium-blue: #002e50;
	--theme-2026-blue: #004070;
	--theme-2026-text-color: #1d1d1b;
	--theme-2026-yellow: #ffed00;
	--theme-2026-white: #fff;
	background-color: var(--theme-2026-page-background);
	color: var(--theme-2026-text-color);
	line-height: 1.6;
}

body.theme-2026.page-id-4791 .ContentStage {
	
}


body.theme-2026 .Theme a {
	color: var(--theme-2026-text-color);
}

body.theme-2026 .Footer {
    color: white
}

body.theme-2026 .Breadcrumb__link {
	color: var(--theme-2026-text-color);
}

body.theme-2026 .Theme {
	background-color: var(--theme-2026-page-background);
    color: var(--theme-2026-text-color);
}

body.theme-2026 .Theme .Text__content .text-box-container a:not(.Button),
body.theme-2026 .Theme .ImageText__text .text-box-container a:not(.Button){
	color: var(--theme-2026-yellow);
	text-decoration: underline;
	font-weight: 600;
}

body.theme-2026 .Theme .Text__content .text-box-container a:not(.Button):hover,
body.theme-2026 .Theme .ImageText__text .text-box-container a:not(.Button):hover{
	color: var(--theme-2026-yellow);
	text-decoration: none;
}

body.theme-2026 .Theme .Button,
body.theme-2026 .Theme  .CTA,
body.theme-2026 .Form__button {
	background-color: var(--theme-2026-dark-blue);
	color: var(--theme-2026-white);
}

body.theme-2026 .Theme .Button:hover,
body.theme-2026 .Theme  .CTA:hover,
body.theme-2026 .Form__button:hover {
	background-color: var(--theme-2026-yellow);
	color: var(--theme-2026-text-color);
}


body.theme-2026 .Theme ul:not([class]) li:before {
	background-color: var(--theme-2026-yellow);
}

footer {
	background-color: var(--theme-2026-dark-blue);
}

/*
 * Headings in .Theme — same scale & breakpoints as components/01-base/typography/typography.scss
 * (min-width: 768 / 861 / 1025 / 1281 px — see scss/setup.scss $mq* variables).
 */

 body.theme-2026 header h1,
 body.theme-2026 .Theme h1 {
	font-weight: 800;
 }

 body.theme-2026 .Theme h2 {
	background-color: var(--theme-2026-yellow);
	color: var(--theme-2026-text-color);
	padding: 2px 40px;
	border-bottom-right-radius: 7px;
	
	font-weight: 800 !important;
	display: inline-block;
 }

 body.theme-2026 .Theme h3 {
	color: var(--theme-2026-text-color);
	font-weight: 800;
 }

 body.theme-2026 .Theme h4 {

 }

 body.theme-2026 .Theme h5 {

 }

 body.theme-2026 .Theme h6 {

 }

 @media only screen and (min-width:861px) {

 body.theme-2026 .Theme h1:not(:first-child), 
 body.theme-2026 .Theme h2:not(:first-child), 
 body.theme-2026 .Theme h3:not(:first-child), 
 body.theme-2026 .Theme h4:not(:first-child), 
 body.theme-2026 .Theme h5:not(:first-child), 
 body.theme-2026 .Theme h6:not(:first-child) {
	margin-top: 2.5rem;
 }

 body.theme-2026 .Theme .Text__content:not(:first-child),
 body.theme-2026 .Theme .Text__content p:not(:first-child),
 body.theme-2026 .Theme .ImageText__text:not(:first-child),
 body.theme-2026 .Theme .ImageText__text p:not(:first-child) {
	margin-top: 1rem;
}

}

 @media only screen and (min-width:861px) {
	body.theme-2026 .Theme .Text__content:not(:first-child),
	body.theme-2026 .Theme .ImageText__text:not(:first-child) {
			margin-top: 2rem;
		}
 }
 


body.theme-2026 .Theme .primaryTitle,
body.theme-2026 .Theme h1 {
	font-size: 1.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
	body.theme-2026 .Theme .primaryTitle,
	body.theme-2026 .Theme h1 {
		font-size: 2.25rem;
	}
}

@media only screen and (min-width: 861px) {
	body.theme-2026 .Theme .primaryTitle,
	body.theme-2026 .Theme h1 {
		font-size: 3.75rem;
	}
}

@media only screen and (min-width: 1281px) {
	body.theme-2026 .Theme .primaryTitle,
	body.theme-2026 .Theme h1 {
		font-size: 7.5rem;
	}
}

body.theme-2026 .Theme .secondaryTitle,
body.theme-2026 .Theme h2 {
	font-size: 1.75rem;
	font-weight: 300;
}

@media only screen and (min-width: 861px) {
	body.theme-2026 .Theme .secondaryTitle,
	body.theme-2026 .Theme h2 {
		font-size: 2.75rem;
	}
}

@media only screen and (min-width: 1281px) {
	body.theme-2026 .Theme .secondaryTitle,
	body.theme-2026 .Theme h2 {
		/* font-size: 3.75rem; */
		font-size: 2.25rem;
	}
}

body.theme-2026 .Theme .BlogItem--highlight .BlogItem__title,
body.theme-2026 .Theme .tertiaryTitle,
body.theme-2026 .Theme h3,
body.theme-2026 .Theme h2 {
	font-size: 1.5rem;
}

@media only screen and (min-width: 1025px) {
	body.theme-2026 .Theme .BlogItem--highlight .BlogItem__title,
	body.theme-2026 .Theme .tertiaryTitle,
	body.theme-2026 .Theme h3,
	body.theme-2026 .Theme h2 {
		font-size: 1.75rem;
	}
}

@media only screen and (min-width: 1281px) {
	body.theme-2026 .Theme .BlogItem--highlight .BlogItem__title,
	body.theme-2026 .Theme .tertiaryTitle,
	body.theme-2026 .Theme h3,
	body.theme-2026 .Theme h2 {
		font-size: 2.25rem;
	}
}

body.theme-2026 .Theme .quaternaryTitle,
body.theme-2026 .Theme h4 {
	font-size: 1.25rem;
}

@media only screen and (min-width: 861px) {
	body.theme-2026 .Theme .quaternaryTitle,
	body.theme-2026 .Theme h4 {
		font-size: 1.75rem;
	}
}

body.theme-2026 .Theme .BlogItem__title,
body.theme-2026 .Theme .quinaryTitle,
body.theme-2026 .Theme h5 {
	font-size: 1.125rem;
}

@media only screen and (min-width: 861px) {
	body.theme-2026 .Theme .BlogItem__title,
	body.theme-2026 .Theme .quinaryTitle,
	body.theme-2026 .Theme h5 {
		font-size: 1.25rem;
	}
}

body.theme-2026 .Theme .senaryTitle,
body.theme-2026 .Theme h6 {
	font-size: 0.875rem;
}

@media only screen and (min-width: 861px) {
	body.theme-2026 .Theme .senaryTitle,
	body.theme-2026 .Theme h6 {
		font-size: 1.25rem;
	}
}

/* Special Elements */

body.theme-2026 .Theme .info-box-container {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 2rem;
}

@media only screen and (min-width:861px) {
	body.theme-2026 .Theme .info-box-container {
		flex-direction: row;
	}
}

body.theme-2026.page-id-4850 .ContentStage2026__overlay,
body.theme-2026.page-id-136508 .ContentStage2026__overlay {
	right: 7%;
}

body.theme-2026 .Theme .info-box {
	background-color: var(--theme-2026-blue);
	color: var(--theme-2026-white);
	display: inline-block;;
	padding: 20px 40px;
	font-weight: 800;
	font-size: 1.25rem;
	line-height: 1.3;
	text-align: center;
}

@media only screen and (min-width:861px) {
	body.theme-2026 .Theme .info-box {
		font-size: 1.75rem;
	}
}

body.theme-2026 .Theme .text-box-container {
	margin-top: 3rem;
}

body.theme-2026 .Theme .text-box h1,
body.theme-2026 .Theme .text-box h2,
body.theme-2026 .Theme .text-box h3,
body.theme-2026 .Theme .text-box h4,
body.theme-2026 .Theme .text-box h5,
body.theme-2026 .Theme .text-box h6 {
	color: var(--theme-2026-white);
}

body.theme-2026 .Theme .text-box {
	background-color: var(--theme-2026-medium-blue);
	color: var(--theme-2026-white);
	display: block;
	padding: 2rem 2rem;
	line-height: 1.6;
	margin-top: 1.25rem;
}


/* Step heading: number + text on one line
   <h3 class="step-heading">
     <span class="yellow-number">1</span>
     <span>Voraussetzungen</span>
   </h3> */
body.theme-2026 .Theme .step-heading {
	display: flex;
	align-items: center;
	gap: 1.0rem;
}

body.theme-2026 .Theme .step-heading .yellow-number {
	background-color: var(--theme-2026-yellow);
	color: var(--theme-2026-text-color);
	font-weight: 800;
	font-size: 1.5rem;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	min-width: 50px;
	flex-shrink: 0;
}


@media only screen and (min-width:861px) {
	body.theme-2026 .Theme .step-heading .yellow-number {
		font-size: 1.75rem;
	}
}