/*
 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 Menü*/
.mobile-only {
	display: none;
}
.desktop-only a {
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 600;
	padding: 5px 15px;
	background: var(--hf-orange);
	border-radius: 15px;
}
@media screen and (max-width:1080px) {
	.desktop-only{
		display: none;
	}
	.mobile-only {
		display: block;
	}
}
/* 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: 1199px) {
	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;
}
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: 100%;
	display: block;
}
.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: 80%;
}
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: -40px;
}
.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;
	
	}
}
/************************************************* 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 {
	border-top: 2px solid var(--hf-orange);
}
.footer-widget-2 {
	margin-left: -120px;
	margin-top: -35px;	
}
.footer-plus {
	position: relative;
	z-index: 999 !important;
}
.hf-adresse {
	position: relative;
	z-index: 999 !important;
	margin-top: -20px;
	padding-left: 80px;	
	max-width: 60ch;
}
@media screen and (max-width: 767px) {
	.footer-widget-2 {
		margin-left: -10px;
		margin-top: -106px;
		background-image: url('/wp-content/uploads/2024/09/Hentschel-plus-footer-4.png');
		background-repeat: no-repeat;
		position: relative;
		z-index: 999;
	}
	.hf-adresse {
		padding-top: 70px;
		padding-left: 10px;	
		font-size: 16px;
	}
}
.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 {
	to {
	left: -300px;
	}
}

.logo {
width: 260px;
height: 60px;
background-color: white;
position: absolute;
left: max(calc(260px * 15), 100%);
animation-name: jdev-slideleft;
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 {
	to {
	left: -260px;
	}
}
.logo-kunde {
width: 260px;
height: 60px;
background-color: white;
position: absolute;
left: max(calc(260px * 19), 100%);
animation-name: jdev-slideleft;
animation-duration: 60s;
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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 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(60s / 19 * (19 - 19) * -1);
}