/* pseudoheader.css (c) redesign-berlin.de 2026 */




/* header-image */

.cc-pagemode-default .jtpl-header--image {
	height: calc(100vh - 0px);
}


@media (max-width: 767px) and (orientation: portrait) {
	.cc-pagemode-default .jtpl-header--image {
		height: calc(100vh - 0px);
	}

}




.pseudo-header {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw !important;
	height: 280px;

	/* Text sauber zentrieren */
	display: flex;
	flex-flow: column;
	align-items: center;

	justify-items: center;
	/* Linsen-Gradient */


	background: radial-gradient(ellipse 120% 100% at center 100%,
			rgba(0, 0, 0, 0.55) 0%,
			rgba(0, 0, 0, 0.65) 35%,
			rgba(0, 0, 0, 0.55) 60%,
			rgba(0, 0, 0, 0.14) 85%,
			transparent 100%);
}

/* Headline */
.pseudo-header h1 {
	width: 100vw !important;
	margin: 100px 0 0 0;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}


@media (max-width:767px) {

	.pseudo-header .cc-m-hgrid-column,
	.pseudo-header .last {
		float: none;
		width: 100vw !important;
		max-width: 100vw !important;
		left: 0 !important;
		transform: scale(0.75);
		transform-origin: bottom;
	}

	.pseudo-header h1 {
		width: 100vw !important;
		margin: 100px 0 0 0;
		color: rgba(255, 255, 255, 0.96);
		text-align: center;
	}

	.jtpl-breadcrumb * {
		display: none
	}
}

@media (max-width:767px) and (orientation:landscape) {
	.pseudo-header {
		z-index: 100;
	}

	.pseudo-header {
		top: 315px;
		padding: 0 !important;
	}

	.pseudo-header h1 {
		width: 100vw !important;

		color: rgba(255, 255, 255, 0.96);
		text-align: center;
	}

}


.pseudo-header .j-calltoaction-link-style-2:link,
.pseudo-header .j-calltoaction-link-style-2:visited {
	/*	background-color: rgba(255, 255, 255, 0.75);
	border-color: rgba(0, 0, 0, 0);
	color: 666 !important;
	font-size: 16px;
	border-color: transparent;
	border-width: 2px;
	border-style: solid;
	border-radius: 3px;*/

}

.pseudo-header .j-calltoaction-link-style-2:hover,
.pseudo-header .j-calltoaction-link-style-2:active,
.pseudo-header .j-calltoaction-link-style-2:focus,
.pseudo-header .j-calltoaction-link-style-2.active {
	/*	background-color: #fff;
	border-color: transparent;
	color: #333;*/
}


.pseudo-header h1,
.pseudo-header h2,
.pseudo-header h3,
.pseudo-header h4 {
	font-family: "Julius Sans One", sans-serif, "google";
	font-weight: normal;
	font-style: normal;
	line-height: 1.25em;
	text-align: center;
	color: white !important;

	font-style: normal;
	font-size: calc(36px + (36 - 14) * ((100vw - 320px) / (2560 - 320))) !important;
}


.pseudo-header h2 {
	font-size: calc(24px + (36 - 14) * ((100vw - 320px) / (2560 - 320))) !important;
}

.pseudo-header h3 {
	font-size: calc(18px + (36 - 14) * ((100vw - 320px) / (2560 - 320))) !important;
}

pseudo-header h4 {
	font-size: calc(14px + (36 - 14) * ((100vw - 320px) / (2560 - 320))) !important;
}

.pseudo-header p,
.pseudo-header li,
.pseudo-header td,
.pseudo-header span {
	color: white !important;
	font-style: normal;
	font-size: calc(12px + (36 - 14) * ((100vw - 320px) / (2560 - 320))) !important;
}