/*********************************************************************************/
/* ALLGEMEIN */
/*********************************************************************************/

/***** Variablen *****/

/* Farben */

:root
{
	--bg-text: black;
	--bg-grau: #858485;
	--bg-hellgrau: #EEE;
	--bg-hellgrau-2: #D3D3D3;
	--bg-gelb: #F5A800;
	--bg-rot: #D7282F;
	--bg-blau: #0075A9;
}

/***** Text-Module *****/

/* Abstand letzter Absatz */

.elementor-widget-text-editor p:last-child
{
	margin-block-end: 0 !important;
}

/***** sticky Lasche Service Plus *****/

#lasche-service-plus:before
{
	/*
    background-image: url(/wp-content/uploads/2026/06/icon-lasche-service-plus.svg);
    background-position: center;
    width: 30px;
    height: 30px;
    content: '';
    background-color: black;
    margin-top: -15px;
    border-radius: 15px;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid black;
	*/
}

#lasche-service-plus
{
    background-image: url('/wp-content/uploads/2026/06/bg-lasche-service-plus.svg');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
	transition: all 0.3s ease-in-out;
}

#lasche-service-plus:hover
{
    right: 0;
	transition: all 0.3s ease-in-out;
}


/*********************************************************************************/
/* HEADER */
/*********************************************************************************/

/*** sticky Header ***/

header.sticky-header
{
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}

/***** Hauptnavi *****/

/* Container */

.hauptnavi nav
{
	height: 90px !important;
}

.hauptnavi nav ul
{
	align-items: center;
}

.hauptnavi nav ul li
{
	height: 90px;
}

@media (max-width: 1366px) 
{
	.hauptnavi nav
	{
		height: 70px !important;
	}
	
	.hauptnavi nav ul li
	{
		height: 70px;
	}
}

@media (max-width: 1024px) 
{
	.hauptnavi nav
	{
		height: 60px !important;
	}
	
	.hauptnavi nav ul li
	{
		height: 60px;
	}
	
}

@media (max-width: 767px) 
{
	.hauptnavi nav
	{
		height: 50px !important;
	}
}

/* Strich über Hauptnavi-Punkte */

.hauptnavi nav a:before
{
	background-color: var(--bg-grau) !important;
}

/* Kontakt-Button in Hauptnavi */

header .hauptnavi-button-spezial
{
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 10px;
	background-color: black;
	text-align: center !important;
	height: 50px !important;
	align-items: center;
}

header .hauptnavi-button-spezial:hover
{
	background-color: var(--bg-grau);
}

header .hauptnavi-button-spezial a:before
{
	height: 0 !important;
}

header .hauptnavi-button-spezial a
{
	color: white !important;
	margin: 0 !important;
}


/***** Mobiles Menü *****/

.popup-mobiles-menu
{
	z-index: 99999 !important;
}

.hamburger-icon-mobil
{
	height: 25px !important;
}


/*********************************************************************************/
/* NEWS */
/*********************************************************************************/

/* News-Kategorien-Label auf der Startseite */
/* Labels für Messetermine */

.news-kategorie,
.label-messetermin
{
	text-align: center;
	font-family: "Montserrat", Sans-serif;
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000;
  	width: fit-content !important;
  	max-width: max-content !important;
	white-space: nowrap;
  	display: inline-block !important;
	padding: 0px 10px;
	border: 2px solid black;
	margin-bottom: 5px;
}

.label-messetermin.beendet
{
	background-color: transparent;
	border: 2px solid var(--bg-grau);
	color: var(--bg-grau);
}


/*********************************************************************************/
/* FOOTER */
/*********************************************************************************/

/***** Social Icons *****/

.footer-social-icon:hover .elementor-icon
{
	background-color: black;
}

.footer-social-icon:hover .elementor-icon svg
{
	fill: var(--bg-hellgrau);
}

/***** Laschen für Bereiche *****/

.footer-lasche
{
	margin-top: 10px;
	margin-bottom: -2px;
	/*
	outline-offset: -1px;
	outline-width: 2px;
	outline-color: white;
	outline-style: solid;
	*/
	transition: all 0.1s ease-in-out;
}

.footer-lasche.lasche-aktiv
{
	margin-top: 2px;
	margin-bottom: -2px;
	transition: all 0.1s ease-in-out;
}

.footer-lasche:hover
{
	margin-top: 0px;
	transition: all 0.1s ease-in-out;
}
/********************************************************************/
/* NEWS-KACHEL */
/********************************************************************/

.news-card .news-card-image
{
	background-size: cover !important;
	background-position: center !important;
}

.news-card:hover .news-card-image
{
	transform: scale(1.1) !important;
}

.news-card:hover .news-card-excerpt
{
	display: block;
 	transition: all 0.3s ease;
	margin-top: 0;
}

.news-card-excerpt
{
	display: none;
 	transition: all 0.3s ease;
	margin-top: 50px;
}

.news-card-category .news-kategorie,
.news-card-category .label-messetermin
{
	font-size: 12px;
}

.news-card-category .label-messetermin.beendet
{
	color: white;
	border-color: white;
}

/********************************************************************/
/* NEWS EINZELBEITRAG */
/********************************************************************/

/*** Button im Text ***/

.news-button {
    display: inline-block;
	padding: 15px 25px;
    background-color: #fff;
    color: #000 !important;
    text-decoration: none;
    border-radius: 10px;
	border: 2px solid #000000;
    font-weight: 700;
	font-family: "Montserrat";
	font-size: 16px;
	padding: 15px 20px 15px 20px;
    
}

.news-button:hover {
    opacity: 0.85;
    color: #fff !important;
	background-color: #000;
	border: 2px solid #000000;
}

/* zwei Button nebeneinander */
.news-buttons {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}


/********************************************************************/
/* HISTORIEN-SLIDER */
/********************************************************************/

/*** Icons ***/

.twae-horizontal-timeline.twae-wrapper .twae-icon
{
  border-width: 3px !important; 
}

/*** Content ***/

.twae-horizontal-timeline.twae-wrapper .twae-slider-container
{
	margin: 0 !important;
}

.twae-horizontal-timeline.twae-wrapper .twae-content,
.twae-vertical.twae-wrapper .twae-content
{
	border-radius: 0 20px 0 20px !important;
	box-shadow: none;
}

.twae-vertical.twae-wrapper .twae-content a:hover
{
	/* color: white; */
}

.twae-horizontal-timeline.twae-wrapper .twae-arrow,
.twae-vertical.twae-wrapper .twae-arrow 
{
	box-shadow: none;
}

.twae-horizontal-timeline.twae-wrapper .twae-content:hover,
.twae-vertical.twae-wrapper .twae-content:hover
{
	border-radius: 0 20px 0 20px !important;
	box-shadow: none;
}

.twae-horizontal-timeline.twae-wrapper .auto-height .twae-story
{
	margin-right: 15px !important;
}


/********************************************************************/
/* TIMELINE BEI BEWERBUNGS-PROZESS  */
/********************************************************************/

/*** Zeitstrahl ***/

@media only screen and (min-width: 768px) 
{
    .twae-vertical-right.twae-wrapper .twae-end, 
	.twae-vertical-right.twae-wrapper .twae-start 
	{
		left: calc(0% - var(--tw-line-width) *1.5) !important;
	}
	
	.twae-vertical-right.twae-wrapper .twae-inner-line, 
	.twae-vertical-right.twae-wrapper .twae-timeline:before 
	{
	    left: calc(0% - var(--tw-line-width) /1.5) !important;	
	}
	
    .twae-vertical-right.twae-wrapper .twae-story 
	{
		width: calc(100% - var(--tw-ibx-size)) !important;
	}
}

/********************************************************************/
/* COUNTER-ELEMENTE */
/********************************************************************/

.elementor-counter-title
{
	text-align: center;
	line-height: 120%;
}


/********************************************************************/
/* ANKER-NAVI SPARTEN */
/********************************************************************/

.ankernavi-sparten.elementor-sticky--active
{
	background-color: var(--bg-hellgrau) !important;
	border-bottom: 2px solid white;
}

.ankernavi-sparten.elementor-sticky--active .e-con-inner
{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

/* speziell für Nebenseiten */

.ankernavi-sparten.elementor-sticky--active a
{
	color: black !important;
}

.ankernavi-sparten.spruehkopf.elementor-sticky--active .elementor-item-active,
.ankernavi-sparten.spruehkopf.elementor-sticky--active a:hover
{
	color: var(--bg-blau) !important;
}

.ankernavi-sparten.loeten.elementor-sticky--active .elementor-item-active,
.ankernavi-sparten.loeten.elementor-sticky--active a:hover
{
	color: var(--bg-gelb) !important;
}

.ankernavi-sparten.schweissen.elementor-sticky--active .elementor-item-active,
.ankernavi-sparten.schweissen.elementor-sticky--active a:hover
{
	color: var(--bg-rot) !important;
}

/* Aktiv-Klassen */

.menu-anchors.spruehkopf nav .elementor-item-active
{
	color: var(--bg-blau) !important;
}

.menu-anchors.loeten nav .elementor-item-active
{
	color: var(--bg-gelb) !important;
}

.menu-anchors.schweissen nav .elementor-item-active
{
	color: var(--bg-rot) !important;
}


/********************************************************************/
/* ÜBERSCHRIFTEN */
/********************************************************************/

h1, h2, h3, h4, h5, h6
{
	hyphens: auto;
}

/********************************************************************/
/* AKKORDIONS */
/********************************************************************/

/*** Allgemein ***/

.e-n-accordion .e-n-accordion-item-title-icon
{
  height: 50px;
  width: 50px;
  justify-content: center;
  background-color: black;
}

.e-n-accordion .e-n-accordion-item-title
{
  padding-left: 20px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}

/*** Farben ***/

.acc-spruehkopf .e-n-accordion .e-n-accordion-item-title-icon
{
	background-color: var(--bg-blau);
}

.acc-loeten .e-n-accordion .e-n-accordion-item-title-icon
{
	background-color: var(--bg-gelb);
}

.acc-schweissen .e-n-accordion .e-n-accordion-item-title-icon
{
	background-color: var(--bg-rot);
}

/********************************************************************/
/* KARRIERE */
/********************************************************************/

/*** Stellenanzeige Detailseite ***/

.stellenausschreibung-text ul
{
	margin-bottom: 20px;
}

.stellenausschreibung-text ul:last-child
{
	margin-bottom: 0px;
}


/********************************************************************/
/* FILTER FÜR NEWS */
/********************************************************************/