@keyframes htfp_hotspot {
  from {
	  transform: translateX(-50%) translateY(-50%) scale(.3);
	  opacity: 1;
	}
  to {
	  transform: translateX(-50%) translateY(-50%) scale(1);
	  opacity: 0;
	}
}

.htfp__logo-header img, .htfp__logo-content img {
	width: 800px !important;
	height: 800px !important;
	max-width: 420px;
}

.htfp__logo-content img {
	max-width: 350px;
	max-height: 400px !important;
}

.htfp__header {
	position: relative;
}

.htfp__header::before {
	content: "";
	position: absolute;
	right: 50%;
	left: auto !important;
	width: 9999px;
	min-width: 1200px;
	height: 70%;
	background-image: url(/wp-content/uploads/2025/02/Header-Hintergrund-breit.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	mix-blend-mode: hard-light;
	opacity: 1;
}

.htfp__header::after {
	content: "";
	position: absolute;
	right: 0%;
	bottom: 0%;
	left: auto !important;
	width: 250px;
	height: 250px;
	background-image: url(/wp-content/uploads/2025/02/Header-Haken-rechts.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	mix-blend-mode: overlay;
	opacity: 1;
	transform: translateX(25%) translateY(20%);
}

.htfp__headline *, .htfp__headline h1.av-special-heading-tag {
	font-family: "fira-sans", Arial, sans-serif !important;
	font-weight: bold !important;
	color: #000;
	padding-left: 0px !important;
}

.htfp__headline h1.av-special-heading-tag::before {
	display: none !important;
}

.htfp__headline h1 {
	text-transform: none !important;
}

.htfp__headline .av-special-heading h2 {
	font-size: 35px !important;
}

.htfp__headline-list {
	padding-left: 25px !important;
}

.htfp__headline-list-hl::before {
	content: "";
	background-image: url(/wp-content/uploads/2025/02/Haken-Foerderpreis-Kunst-und-Stahl.svg);
	position: absolute;
	width: 30px;
	height: 30px;
	background-size: cover;
	background-repeat: no-repeat;
	margin-left: -23px;
	margin-top: -11px;
}

.htfp__zitat {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 80px;
}

.htfp__zitat .avia_textblock {
	position: relative;
	font-size: 38px;
	font-weight: 800;
	line-height: 1.2em;
	text-align: left;
}

.htfp__zitat section {
	width: 80%;
	padding: 0px 100px;
	display: inline-block;
}

.htfp__zitat .avia_textblock::before, .htfp__zitat .avia_textblock::after {
	content: "";
	background-image: url(/wp-content/uploads/2025/02/Haken-Foerderpreis-Kunst-und-Stahl-rot.svg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	background-color: transparent;
	display: block;
	visibility: visible;
	position: absolute;
	top: 0%;
	left: 0%;
	margin-left: -80px;
	margin-top: -50px;
	transform: rotate(12deg);
}

.htfp__zitat .avia_textblock::after {
	top: auto;
	left: auto;
	bottom: 0%;
	right: 0%;
	margin-left: 0px;
	margin-right: -80px;
	margin-top: 0px;
	margin-bottom: -50px;
	transform: rotate(192deg);
}

.htfp__headline-white .av-subheading_above * {
	color: #fff !important;
	font-weight: normal !important;
}

.htfp__buhne-rot strong, .htfp__buhne-rot a {
	color: #fff !important;
}

.htfp__section-mit-haken {
	position: relative !important;
}

.htfp__section-mit-haken::before {
	content: "";
	left: -200px;
	top: -100px;
	width: 120vw;
	height: calc(150% + 100px);
	position: absolute;
	background-image: url(/wp-content/uploads/2025/02/Haken-gross-Foerderpreis-Kunst-und-Stahl.svg);
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	opacity: 1;
	visibility: visible;
}

.htfp__fullwidth-image .container {
	width: 100% !important;
	max-width: 100%;
	padding: 0px !important;
}

.htfp__fullwidth-image .container img {
	width: 100vw;
}

.htfp__fullwidth-image .avia-image-container {
	margin-bottom: 0px !important;
}

.htfp__button {
	float: none !important;
	max-width: 200px !important;
	position: absolute;
	transform: translateY(-100%);
	margin-top: -200px !important;
	left: auto !important;
	background-image: url(/wp-content/uploads/2025/02/Button-Hintergrund.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 20px !important;
	padding: 30px;
	box-sizing: border-box;
	margin-bottom: 0px !important;
	right: calc(50vw - 605px) !important;
	margin-left: auto !important;
	transition: all .3s ease-in-out;
}

.htfp__button::before {
	content: "";
	width: 200px;
	height: 200px;
	position: absolute;
	top: 50% !important;
	transform: translateX(-50%) translateY(-50%);
	left: 50%;
	background-color: #fff !important;
	border-radius: 100%;
	visibility: visible !important;
	z-index: -1 !important;
	animation-name: htfp_hotspot;
  	animation-duration: 2s;
	animation-iteration-count: infinite;
}

.htfp__button .avia_textblock {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-5deg);
	width: calc(100% - 60px);
	margin-top: 20px !important;
	line-height: 1.1em !important;
	font-weight: 500;
}

.htfp__button:hover {
	transform: translateY(-100%) scale(1.1);
}

.htfp__button .htfp__logo-content img {
	width: 50px !important;
	height: 50px !important;
	margin-top: 10px !important;
	margin-left: -5px;
	transform: rotate(-5deg);
}

.htfp__buhne-rot .avia-button {
	color: #e40039 !important;
}

.htfp__buhne-rot .htfp__headline sup {
	color: #fff !important;
}

.htfp__contact {
	font-size: 38px;
	font-weight: bold;
	line-height: 1.2em;
}

.avia-fold-unfold-section .av-fold-unfold-container::after {
	height: 50% !important;
}

@media screen and (max-width: 1360px) {
	.htfp__buhne-rot, .htfp__buehne-dunkel {
		padding: 40px !important;
	}
}

@media screen and (max-width: 565px) {
	.htfp__logo-header img, .htfp__logo-content img {
		max-width: 100% !important;
	}
	
	.htfp__buhne-rot, .htfp__buehne-dunkel {
		padding: 10px !important;
	}
	
	.htfp__fix-height {
		min-height: 400px !important;
	}
	
	.htfp__zitat .av_textblock_section {
		padding: 0px !important;
	}
	
	.htfp__zitat .av_textblock_section .avia_textblock {
		font-size: 24px !important;
		line-height: 1.5em !important;
	}
	
	.htfp__fullwidth-image .htfp__fw-image .avia-image-overlay-wrap {
		overflow-x: scroll;
	}
	
	.htfp__fullwidth-image .container .htfp__fw-image img {
		height: 400px !important;
		width: auto !important;
		max-width: 9999px !important;
	}
	
	.htfp__fullwidth-image .htfp__fw-image {
		width: 100vw !important;
		margin-left: -8% !important;
		max-width: none !important;
	}
	
	.htfp__button {
		margin-top: -280px !important;
		margin-bottom: 80px !important;
		right: 0% !important;
	}
	
	.htfp__buehne-mit-scrolldown .scroll-down-link {
		display: none !important;
	}
	
	.htfp__contact {
		font-size: 24px;
		line-height: 1.2em;
	}
	
	.htfp__header .container {
		height: 60vh !important;
	}
	
	.htfp__header .container img {
		height: auto !important;
	}
}