/*
 Theme Name:   Hentschel Fördermittel 2024
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme
 Author:       Juliane de Vries
 Author URI:   https://ju-like.de
 Template:     generatepress
 Version:      0.1
*/
:root {
	/*--hf-orange: #FF4D00;*/
	--hf-orange: #E9501D;
	--hf-hellgrau: #EFEFEF;
	--hf-mittelgrau: #A29A9A;
	--hf-dunkelgrau: #786E6E;
	--hf-schwarz: #121212;
}
::selection {
	color: white;
	background: var(--hf-orange);
}
a {
	text-decoration: none;
}
body {
	font-family: 'Helvetica Now Display';
	font-weight: 400;
	
}
p {
	text-align: left;
}
/*Typeform button im Header-Widget*/
/* Typeform button im Header-Widget (nur mobile)*/
a.foerder-typeform-live {
	font-size: 14px;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 600;
	padding: 10px 15px;
	background: var(--hf-orange);
	border-radius: 15px;
	margin: 0 auto;
	text-align: center;
}
a.foerder-typeform-live:hover {
	cursor: pointer;
	background: var(--hf-dunkelgrau);
}
@media screen and (min-width: 1080px) {
	.margin-left {
		margin-left: 60px;
	}
	a.foerder-typeform-live {
		font-size: 16px;
		padding: 10px 25px;
		letter-spacing: 1px;
		margin-left: 60px;
	}
}




/* Button im html Forschungszulage-Kasten auf /home*/
.button-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}
a.button-small  {
	text-transform: uppercase;
	font-weight: 600;
	padding: 10px 25px;
	background: #fff;
	border-radius: 20px;
	border: 2px solid var(--hf-orange)
}
a.button-small:hover {
	cursor: pointer;
	background: #e9501d;
	color: #fff;
}
/* Sticky Navigation */
#masthead {
	position: sticky;
	top: 0px;
	background-color: var(--hf-hellgrau) !important;
	box-shadow: none;
	border-bottom: 2px solid var(--hf-orange);
	z-index: 99998;
}

/****************************************************************************** STARTSEITE **************************************************************************/
@media screen and (min-width: 993px) and (max-width: 1440px) {
	h1{
		font-size: 170px;
	}
}
/* Home H1*/
.nolo {
	margin-left: 19%;
}
.gie {
	margin-left: 33%;
}
/* H2*/
.eine {
	margin-left: 80px;
}
/* H2 unten*/
.gruende {
	line-height: 1.2em;
}
/*********************************************************** Förderprogramme ******************************************/
/* Startseite Förderprogramme Desktop / Laptop als HTML wo beim Hover Zusatztext erscheint*/
.programme-wrapper {
	display: block;
	font-size: 18px;
	
}
.programme-wrapper i {
	color: var(--hf-orange);
	text-align: right;
}
.plus {
	font-size: 42px;
	text-align: right;
	margin-bottom: 1px;
	text-transform: none;
	font-weight: 400;
}
h2.programm-titel {
	margin-top: -10px;
	font-size: 32px;
	font-weight: 600;
}
.programme {
	font-size: 18px;
	text-align: justify;
	margin-bottom: 20px;
}
.programm-teaser {
	height: 180px;
}
.teaser-short {
	height: 140px;
}
.programme hr {
	height: 1px;
	background: var(--hf-schwarz);
	margin-bottom: 20px;
}
.programme img {
	height: 200px;
	width: auto;
	margin-left: -20px !important;
	margin-bottom: -20px;
	margin-top: 10px;
}
p.programm {
	text-align: justify;
	width: 100%;
}
.programm-add {
	display: none;
}
.programme-wrapper:hover .programme {
	display: none;
}
.programme-wrapper:hover .programm-add {
	display: block;
	max-height: 400px;
	font-size: 18px;
	padding-right: 10px;
	padding-bottom: 20px;
  	overflow-y: auto;
	text-align: justify !important;
	transition: all .2s ease-in-out;
}
.programme-wrapper:hover .add-short {
	display: block;
	max-height: 360px;
	font-size: 18px;
	padding-right: 10px;
	padding-bottom: 20px;
  	overflow-y: auto;
	text-align: justify !important;
	transition: all .2s ease-in-out;
}
.programme-spalte {
	width: 30%;
	border: 2px solid var(--hf-orange);
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 25px;
	transition: all .2s ease-in-out;
}
.programme-spalte:hover {
	background: #fff;
	transition: all .2s ease-in-out;
}
/* Förderprogramme mobil (tablet & handy) als HTML-elemente */
.programme-mobil {
	border: 2px solid var(--hf-orange) !important;
	border-radius: 25px;
	padding: 10px 10px 10px 10px;
}
.programme-mobil h2 {
	font-size: 1.5rem;
}
.programme-mobil img {
	height: 200px;
	width: auto;
	margin-left: -10px !important;
	margin-bottom: 0px;
	margin-top: 10px;
}
.programme-mobil hr {
	height: 1px;
	background: var(--hf-schwarz);
	margin-bottom: 20px;	
}
.programme-mobil-text {
	max-height: 400px;
	padding-right: 10px;
  	overflow: scroll;
	text-align: justify !important;	
}
.programme-mobil-text-energie {
	max-height: 431px;
	padding-right: 10px;
  	overflow: scroll;
	text-align: justify !important;	
} 
/*  Ende des Stylings der Förderprogramme*/
/* Scrollbar Styling*/
::-webkit-scrollbar {
  	width: 7px;
	margin-left: 7px;
}
::-webkit-scrollbar-thumb {
  background: var(--hf-orange) !important;
}
/* Startseite Steps wo beim hover Zusatztext erscheint*/
.steps-wrapper {
	width: 90%;
	display: block;
	max-width: 1400px;
}
.steps {
	font-size: 64px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--hf-mittelgrau);
	border-bottom: 2px solid var(--hf-mittelgrau);
	margin-bottom: 20px;
	width: 100%;
}

p.step {
	text-align: left;
	width: 70%;
}
p.step-number {
	text-align: right;
	position: relative;
	top: -170px;
	left: 0px;
	margin-bottom: -170px;
	}
.steps-plus {
	display:none;
}
.step-add {
	display: none;
}
.steps-wrapper:hover .steps {
	font-size: 64px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--hf-schwarz);
	border-bottom: 2px solid var(--hf-schwarz);
	transition: all .2s ease-in-out;
}
.steps-wrapper:hover .step-add {
	display: inline;
	margin-right: 30%;
	transition: all .2s ease-in-out;
}
.steps-wrapper:hover .steps-plus {
	display: inline;
	height: 60px;
	width: auto;
	margin-left: 5%;
	transition: all .2s ease-in-out;
} 
@media screen and (min-width: 993px) and (max-width: 1199px) {
.steps {
	font-size: 54px;
	}
p.step-number {
	text-align: right;
	position: relative;
	top: -150px;
	left: 0px;
	margin-bottom: -150px;
	}
}
/*Ende Steps*/
/* Startseite "Eine Menge Gründe die für uns sprechen als scroll-animation (steht in der /js/custom.js)*/
.gruende-wrapper {
	border-left: 7px solid var(--hf-schwarz);
	padding-left: 30px;
	font-size: 32px;
	font-weight: 700;
	color: var(--hf-schwarz);
	transition: all .1s ease-out;
}
.gruende-wrapper.sc-orange-1 {
	border-left: 7px solid var(--hf-orange);
	padding-left: 30px;
	font-size: 180%;
	font-weight: 700;
	color: var(--hf-orange);
	transition: all .1s ease-out;
}
@media screen and (max-width: 767px) {
	.gruende-wrapper {
		border-left: 3px solid var(--hf-schwarz);
		margin-left: 10px;
		padding-left: 0px;
		font-size: 22px;
		font-weight: 700;
		color: var(--hf-schwarz);
		transition: all .3s ease-out;
	}
	.gruende-wrapper.sc-orange-1 {
		border-left: 3px solid var(--hf-orange);
		margin-left: 10px;
		padding-left: 0px;
		font-size: 24px;
		font-weight: 700;
		color: var(--hf-orange);
		transition: all .3s ease-out;
	}
}
/* Ende Gründe als scroll-animation*/

/* Startseite die Player für Podcast und Co */
/* PLAYER orangefarbene HTML-Textmodule wo beim Hover Zusatztext erscheint*/
.player {
	margin-top: 20px;
	color: #fff;
	background-color: var(--hf-orange);
	padding: 20px;
	height:900px;
	border-radius: 25px;
}
.player-portrait img {
	object-fit: cover;
	overflow: hidden;
	height:900px;
	border-radius: 25px;
}
.player h4 {
	font-size: 34px;
	font-weight: 600;
}
.player img {
	height: 200px;
	width: auto;
	margin-left: -20px;
}
.player_1 img {
	margin-top: 85%;	
}
.player-1-number {
	margin-top: 85%;
}
.player_2 img {
	margin-bottom: 60%;
}
.player_2 h4 {
	margin-top: 80%;
}
.player-text {
	font-size: 18px;
	display: none;
	transition: all .2s ease-in-out;
}
.player a {
	color:#fff;
	font-size: 24px;
	margin: 0 auto;
}
.player i {
	font-size: 24px;
}
.player-beschreibung {
	margin-bottom: 42px;
}
.player-button {
	background-color: #fff;
	padding: 15px 30px;
	border-radius: 15px;
	margin: 0 auto;
}
.plus-weiss i {
	font-size: 42px !important;
}
.player_1 .plus-weiss {
	text-align: right !important;
	margin-bottom: 1px;
	position: relative !important;
	top: 90% !important;
}
.player_1:hover .plus-weiss {
	text-align: right !important;
	margin-bottom: 1px;
	position: relative !important;
	bottom: -376px !important;
}
.player_2 .plus-weiss {
	text-align: right !important;
	margin-bottom: 1px;
	position: relative !important;
	bottom: -60px !important;
}
.player_2:hover .plus-weiss {
	text-align: right !important;
	margin-bottom: 1px;
	position: relative !important;
	bottom: -417px !important;
}
.player:hover .player-text {
	display: inline;
	transition: all .2s ease-in-out;
}
.player:hover .player-number {
	display: none;
	transition: all .2s ease-in-out;
}
.player:hover h4 {
	margin-top: 10px;
}



/* Player fotos*/
.fl-photo-caption-hover, .fl-photo-caption-below {
	cursor:pointer;
	text-transform: uppercase;
	color: var(--hf-schwarz);
	padding: 15px 20px;
	background: #fff !important;
	bottom: 10% !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 1em;
	transition: all .2s ease-in-out;
	margin: 20px;
	border: solid 2px var(--hf-orange);
	border-radius: 25px;
}
.fl-photo-caption-hover p, .fl-photo-caption-below p {
	margin-bottom: 0;
}
.fl-photo-caption-hover:hover, .fl-photo-caption-below:hover {
	color: #fff;
	padding: 15px 20px;
	background: var(--hf-orange) !important;
}
.fl-photo-caption-below {
  position: relative;
  top: -200px;
}
@media screen and (max-width: 990px) {
	.player_1 img {
	margin-top: 10%;	
}
.player-1-number {
	margin-top: 10%;
}
	.player_1 h4 {
	margin-top: 15%;
}
.player_2 img {
	margin-top: 10%;
}
	.player_2 img {
  margin-bottom: 0;
}
.player_2 h4 {
	margin-top: 15%;
}
.player-text {
	font-size: 16px;
	display: inline;
	
}
}
@media screen and (max-width: 767px) {
	.player {
		margin: 10px;
	
	}
}
/************************** Seite "Forschungszulage" ***********************************************************/
/*H1*/
.for {
	margin-left: 19%;
}
.zulage {
	margin-left: 30%;
	position: relative;
}
.jetzt {
	margin-left: 22%;
}
.stellen {
	margin-left:10%;
}
@media screen and (max-width: 600px) {
	.for {
	margin-left: 30%;
	}
	.zulage {
		margin-left: 10%;
	}
}
@media screen and (min-width: 1200px) {
	.zulage::after {
		content:url(/wp-content/uploads/2024/09/Hentschel-plus-gross-duen.png);
		position: absolute;
		top: -66%;
    	left: 88%;
	}
}
/*@media screen and (min-width: 1200px) {
	.for::before {
		content:url(/wp-content/uploads/2024/09/Hentschel-plus-gross-duen.png);
		position: absolute;
		top: -10%;
    	left: 20%;
	}
}*/
/************************************************* PRESSE **********************************/
/* 2020-09-29 JV Sixhop.net Unterseite "Presse" die interactive banner 1 elemente (UABB)*/
h4.banner-title {
  font-size: 16px;
  text-align: center;
  color: var(--hf-schwarz);
  font-weight: 700;
}
.banner-description {
  color: #000;
  font-size: 16px;
  text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}
.uabb-ib1-outter {
  min-height: 335px;
}
.uabb-image-wrap img {
  border: 2px solid transparent;
}
/* 2020-11-03 JV Presse Banner*/
.uabb-ib1-block.uabb-banner-block-custom-height .uabb-ib1-title {
    display: none;
}
@media screen and (min-width:993px){
.mask.uabb-background.opaque-background {
    height: 400px !important;
}
}
.banner-title {
    border-top: 20px solid transparent;
}
/*********************** ABOUT US ******************/
.out {
	margin-left: 80px;
}
.us {
	margin-left: 60px;
}
.hf-about-profil h4 {
	margin-top: -20px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 40px;
}

/***************************************************************************************** Fooder *********************************************************************************/
.site-footer {
	position: relative;
}
.site-footer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px; 
    background: var(--hf-orange);
    top: 34px;
    left: 0;	
}
.footer-widget-2 {
	margin-top: 0px;	
}
.footer-plus {
	position: relative;
	z-index: 9999 !important;
}
.hf-adresse {
	position: relative;
	z-index: 99999 !important;
	margin-top: -20px;
	padding-left: 80px;	
	max-width: 60ch;
}
@media screen and (max-width: 767px) {
	.footer-widget-2 {
		margin-left: -30px;
		margin-top: -70px;	
	}
	
}
.inside-site-info .grid-container {
	min-width: 1920px;
	max-width: 2560px;
}
.site-footer:not(.footer-bar-active) .copyright-bar {
	margin-left: auto;
	margin-right: 0;
}
/****** 2024-10-17 jdev  Ticker für die Logos der Zeitschriften custom pure css *****/
.jdev-marquee1-wrapper {
width: 100%;
max-width: 2560px;
margin-inline: auto;
position: relative;
height: 60px;
overflow: hidden;
}
@keyframes jdev-slideleft-logo {
	from { transform: translateX(max(calc(260px * 15), 100vw)); }
	to { transform: translateX(-300px); }
}

.logo {
width: 260px;
height: 60px;
background-color: white;
position: absolute;
left: 0;
animation-name: jdev-slideleft-logo;
animation-duration: 50s;
animation-timing-function: linear;
animation-iteration-count: infinite;

}
.logo1 {
background-image: url("/wp-content/uploads/2024/08/handelsblatt-logo-100-1.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 1) * -1);
}
.logo2 {
background-image: url("/wp-content/uploads/2024/08/faz-logo-100-1.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 2) * -1);
}
.logo3 {
background-image: url("/wp-content/uploads/2024/08/mtd-logo-100-1.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;

animation-delay: calc(50s / 15 * (15 - 3) * -1);
}
.logo4 {
background-image: url("/wp-content/uploads/2024/08/open-automation-100-1.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 4) * -1);
}
.logo5 {
background-image: url("/wp-content/uploads/2024/08/maschinewerkzeug-100.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 5) * -1);
}
.logo6 {
background-image: url("/wp-content/uploads/2024/08/logo-business-punk-100.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 6) * -1);
}
.logo7 {
background-image: url("/wp-content/uploads/2024/08/handelsblatt-logo-100-1.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 7) * -1);
}
.logo8 {
background-image: url("/wp-content/uploads/2024/08/markt-mittelstand-100.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 8) * -1);
}
.logo9 {
background-image: url("/wp-content/uploads/2024/08/industrie-anzeiger-100.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 9) * -1);
}
.logo10 {
background-image: url("/wp-content/uploads/2024/08/faz-logo-100-1.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 10) * -1);
}
.logo11 {
background-image: url("/wp-content/uploads/2024/08/general-anzeiger-100.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 11) * -1);
}
.logo12 {
background-image: url("/wp-content/uploads/2024/08/DeviceMed-100.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 12) * -1);
}
.logo13 {
background-image: url("/wp-content/uploads/2024/08/ElektronikPraxis-100.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 13) * -1);
}
.logo14 {
background-image: url("/wp-content/uploads/2024/08/elektronik-industrie-logo-100.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 14) * -1);
}
.logo15 {
background-image: url("/wp-content/uploads/2024/08/digital-health-100.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(50s / 15 * (15 - 15) * -1);
}

/********************************************************* 2024-10-17 jdev  Ticker für die Kunden custom pure css *****/
.jdev-marquee-kunden-wrapper {
width: 100%;
max-width: 2560px;
margin-inline: auto;
position: relative;
height: 60px;
overflow: hidden;
}
@keyframes jdev-slideleft-kunde {
	from { transform: translateX(max(calc(260px * 21), 100vw)); }
	to { transform: translateX(-260px); }
}
.logo-kunde {
width: 260px;
height: 60px;
background-color: white;
position: absolute;
left: 0;
animation-name: jdev-slideleft-kunde;
animation-duration: 66s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.logo-kunde1 {
background-image: url("/wp-content/uploads/2024/08/referenz-storengy-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 1) * -1);
}
.logo-kunde2 {
background-image: url("/wp-content/uploads/2024/08/referenz-viessmann-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 2) * -1);
}
.logo-kunde3 {
background-image: url("/wp-content/uploads/2024/08/referenz-carbon-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 3) * -1);
}
.logo-kunde4 {
background-image: url("/wp-content/uploads/2024/08/referenz-munevo-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 4) * -1);
}
.logo-kunde5 {
background-image: url("/wp-content/uploads/2024/08/referenz-maklerbund-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 5) * -1);
}
.logo-kunde6 {
background-image: url("/wp-content/uploads/2024/08/referenz-linde-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 6) * -1);
}
.logo-kunde7 {
background-image: url("/wp-content/uploads/2024/08/referenz-ithera-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 7) * -1);
}
.logo-kunde8 {
background-image: url("/wp-content/uploads/2024/08/referenz-ISAS-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 8) * -1);
}
.logo-kunde9 {
background-image: url("/wp-content/uploads/2024/08/referenz-finanz-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 9) * -1);
}
.logo-kunde10 {
background-image: url("/wp-content/uploads/2024/08/referenz-saatmann-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 10) * -1);
}
.logo-kunde11 {
background-image: url("/wp-content/uploads/2024/08/referenz-viessmann-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 11) * -1);
}
.logo-kunde12 {
background-image: url("/wp-content/uploads/2024/08/referenz-hanako-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 12) * -1);
}
.logo-kunde13 {
background-image: url("/wp-content/uploads/2024/08/referenz-infinitech-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 13) * -1);
}
.logo-kunde14 {
background-image: url("/wp-content/uploads/2024/08/referenz-leanda-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 14) * -1);
}
.logo-kunde15 {
background-image: url("/wp-content/uploads/2024/08/referenz-envitron-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 15) * -1);
}
.logo-kunde16 {
background-image: url("/wp-content/uploads/2024/08/referenz-softfair-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 16) * -1);
}
.logo-kunde17 {
background-image: url("/wp-content/uploads/2024/08/borne_firmengruppe_logo_cmyk-460x216-1.webp");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 17) * -1);
}
.logo-kunde18 {
background-image: url("/wp-content/uploads/2024/08/referenz-linde-400x200-grau.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 18) * -1);
}
.logo-kunde19 {
background-image: url("/wp-content/uploads/2024/10/novoferm.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 19) * -1);
}
.logo-kunde20 {
background-image: url("/wp-content/uploads/2025/03/Logo-esmo-sw.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 20) * -1);
}
.logo-kunde21 {
background-image: url("/wp-content/uploads/2025/03/Logo-NordwindGrowth.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
animation-delay: calc(66s / 21 * (21 - 21) * -1);
}
/*************************************************************** 2024-12-20 jdev Titel des Typeform Modal Pop-Up  *********************************/
/* Test*/
@media screen and (max-width: 500px) {
	#modal-title-m4dqltj6zxbn {
		font-size: 18px !important;
	}
	#modal-m4dqltj6zxbn .pp-modal .pp-modal-title {
		padding: 10px 10% 10px 10% !important;
		color:  var(--hf-orange) !important;
	}
} 
#modal-title-m4dqltj6zxbn {
	font-size: 22px;
	
}
#modal-m4dqltj6zxbn .pp-modal .pp-modal-title {
	padding: 20px 20% 20px 20% !important;
	color:  var(--hf-orange) !important;
}
/* LIVE*/
@media screen and (max-width: 500px) {
	.pp-modal .pp-modal-title {
		font-size: 18px !important;
		padding: 10px 10% 10px 10% !important;
		color:  var(--hf-orange) !important;
	}
} 

.pp-modal .pp-modal-title {
	font-size: 22px !important;
	padding: 20px 20% 20px 20% !important;
	color:  var(--hf-orange) !important;
}