/* ==========================================================================
   >>> personio-dh-jobs START <<<
   Styling fuer mod_personiojobs (Personio-Jobanzeige)
   Basis-Layout urspruenglich abgeleitet von der apraxon-Karriereseite,
   als Vorlage fuer alle Gruppen-Websites (apraxon, TCW, ORGAMed, dermacon).
   WICHTIG: Farbvariablen unten (--personio-dh-title etc.) je Marke anpassen.
   Einbindung: Modul-Klasse (CSS) im Backend auf "personio-dh-jobs" setzen
   Erstellt/gepflegt von DH BRAND Dagmar Hellinger
   ========================================================================== */

.personio-dh-jobs {
	/* Markenfarben - pro Website/Marke anpassen (aktuell: apraxon-Werte) */
	--personio-dh-title: #101921;        /* Jobtitel */
	--personio-dh-region: #A31314;       /* Region/Standort */
	--personio-dh-btn-text: #101921;     /* Button: Text + Rahmen im Ruhezustand */
	--personio-dh-btn-hover: #A31314;    /* Button: Hover-Zustand (gefuellt) */
	--personio-dh-text-muted: #5c5c5c;
	--personio-dh-card-bg: #ffffff;
	--personio-dh-card-border: #e5e5e5;
	--personio-dh-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	--personio-dh-card-shadow-hover: 0 6px 16px rgba(0, 0, 0, 0.12);
	--personio-dh-radius: 4px;                                     /* einheitlicher Radius laut Styleguide */
	--personio-dh-title-size: clamp(0.9rem, 0.364vw + 0.827rem, 1.1rem); /* Jobtitel- UND Button-Schriftgroesse */
}

/* Grid-Layout: Karten nebeneinander, responsive */
.personio-dh-jobs .personiojobs-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 1.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Einzelne Job-Karte */
.personio-dh-jobs .personiojobs-item {
	background: var(--personio-dh-card-bg);
	border: 1px solid var(--personio-dh-card-border);
	border-radius: var(--personio-dh-radius);
	overflow: hidden;
	box-shadow: var(--personio-dh-card-shadow);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
}

.personio-dh-jobs .personiojobs-item:hover {
	box-shadow: var(--personio-dh-card-shadow-hover);
	transform: translateY(-2px);
}

/* Bild: Querformat, volle Kartenbreite, feste Bildhoehe fuer einheitliches Raster.
   Explizit margin/padding 0, damit kein Abstand oben/links/rechts entsteht,
   auch wenn ein umschliessendes Template/Reset abweichende Defaults setzt. */
.personio-dh-jobs .personiojobs-image {
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: block;
}

.personio-dh-jobs .personiojobs-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

/* Textbereich unterhalb des Bildes */
.personio-dh-jobs .personiojobs-title {
	font-size: var(--personio-dh-title-size) !important;
	line-height: 1.35;
	letter-spacing: normal !important;
	margin: 1rem 1rem 0.35rem;
	padding: 0;
}

/* Schriftgroesse zusaetzlich direkt auf den Link (nicht nur ererbt vom h3),
   falls das Template/SP Page Builder eigene, spezifischere a-Tag-Regeln
   mitbringt, die die Vererbung sonst ueberschreiben wuerden. */
.personio-dh-jobs .personiojobs-title a {
	font-size: var(--personio-dh-title-size) !important;
	color: var(--personio-dh-title);
	text-decoration: none;
	font-weight: 700 !important; /* deutlich fetter als die Region */
	letter-spacing: normal !important;
	line-height: 1.35;
}

.personio-dh-jobs .personiojobs-title a:hover {
	color: var(--personio-dh-region);
	text-decoration: underline;
}

/* Region/Standort - bewusst leichter als der Titel, damit der Titel dominiert */
.personio-dh-jobs .personiojobs-meta {
	margin: 0 1rem 1rem;
	font-weight: 500;
	font-size: 0.9rem;
	color: var(--personio-dh-region) !important;
}

/* "Jetzt bewerben"-Button */
.personio-dh-jobs .personiojobs-apply-toggle {
	display: inline-block;
	margin: 0.5rem 1rem 1.25rem;
	padding: 0.6rem 1.5rem;
	background: transparent;
	color: var(--personio-dh-btn-text);
	border: 2px solid var(--personio-dh-btn-text);
	border-radius: var(--personio-dh-radius);
	font-size: var(--personio-dh-title-size) !important;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	align-self: flex-start;
}

.personio-dh-jobs .personiojobs-apply-toggle:hover {
	background: var(--personio-dh-btn-hover);
	color: #ffffff;
	border-color: var(--personio-dh-btn-hover);
}

/* Bewerbungsformular: eigener Kartenbereich unterhalb des Buttons */
.personio-dh-jobs .personiojobs-apply-form {
	margin: 0 1rem 1.25rem;
	padding: 1rem;
	background: #fafafa;
	border: 1px solid var(--personio-dh-card-border);
	border-radius: var(--personio-dh-radius);
}

/* Mehr Luft zwischen den einzelnen Feldern (jedes Feld steckt in einem <p>) */
.personio-dh-jobs .personiojobs-apply-form p {
	margin: 1.5rem 0;
}

.personio-dh-jobs .personiojobs-apply-form input[type="text"],
.personio-dh-jobs .personiojobs-apply-form input[type="email"],
.personio-dh-jobs .personiojobs-apply-form input[type="tel"],
.personio-dh-jobs .personiojobs-apply-form input[type="file"],
.personio-dh-jobs .personiojobs-apply-form select,
.personio-dh-jobs .personiojobs-apply-form textarea {
	border: 1px solid var(--personio-dh-card-border);
	border-radius: var(--personio-dh-radius);
	padding: 0.5rem 0.65rem;
	font-family: inherit;
	font-size: 0.9rem;
	margin-top: 0.4rem;
}

/* Senden-Button: durchgehend rot gefuellt, weisse Schrift */
.personio-dh-jobs .personiojobs-apply-form button[type="submit"] {
	padding: 0.6rem 1.5rem;
	background: var(--personio-dh-btn-hover);
	color: #ffffff;
	border: 2px solid var(--personio-dh-btn-hover);
	border-radius: var(--personio-dh-radius);
	font-size: var(--personio-dh-title-size);
	font-weight: 400;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.personio-dh-jobs .personiojobs-apply-form button[type="submit"]:hover {
	opacity: 0.85;
}

/* Filter-Dropdowns oberhalb der Liste */
.personio-dh-jobs .personiojobs-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	margin-bottom: 1.75rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--personio-dh-card-border);
}

.personio-dh-jobs .personiojobs-filter {
	font-size: 1rem;
	font-weight: 600;
	color: var(--personio-dh-text-muted);
}

.personio-dh-jobs .personiojobs-filter select {
	margin-top: 0.35rem;
	padding: 0.45rem 0.75rem;
	border: 1px solid var(--personio-dh-card-border);
	border-radius: var(--personio-dh-radius);
	font-size: 0.9rem;
	min-width: 180px;
}

.personio-dh-jobs .personiojobs-search {
	font-size: 1rem;
	font-weight: 600;
	color: var(--personio-dh-text-muted);
}

.personio-dh-jobs .personiojobs-search-input {
	margin-top: 0.35rem;
	padding: 0.45rem 0.75rem;
	border: 1px solid var(--personio-dh-card-border);
	border-radius: var(--personio-dh-radius);
	font-size: 0.9rem;
	min-width: 220px;
	font-family: inherit;
}

/* Leerer-Zustand */
.personio-dh-jobs .personiojobs-empty,
.personio-dh-jobs .personiojobs-filter-noresults {
	color: var(--personio-dh-text-muted);
	font-style: italic;
}

/* Mobile: eine Spalte */
@media (max-width: 600px) {
	.personio-dh-jobs .personiojobs-list {
		grid-template-columns: 1fr;
	}
}

/* Inline-Detailansicht (kein Modal), oeffnet bei Klick auf Bild/Titel/Button
   und ersetzt die Karten-Uebersicht innerhalb der Seite - kein Overlay,
   dadurch auf Mobilgeraeten deutlich angenehmer als ein Popup. */
.personio-dh-jobs .personiojobs-detail-content {
	padding: 0 0.5rem;
}

.personio-dh-jobs .personiojobs-detail-back {
	color: var(--personio-dh-btn-text);
	text-decoration: underline;
}

.personio-dh-jobs .personiojobs-detail-back:hover {
	color: var(--personio-dh-region);
}

/* Kein Bild oben auf der Detailseite */
.personio-dh-jobs .personiojobs-detail-image {
	display: none;
}

.personio-dh-jobs .personiojobs-detail-title {
	color: var(--personio-dh-title);
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: normal;
	margin: 0 0 1rem; /* mehr Abstand zur naechsten Ueberschrift/Zeile */
}

.personio-dh-jobs .personiojobs-detail-meta {
	color: var(--personio-dh-region) !important;
	font-weight: 500;
	margin: 0 0 2rem; /* mehr Abstand vor dem Beschreibungstext */
}

/* Beschreibung: Ueberschrift (name) bleibt einspaltig und gut erkennbar,
   nur der zugehoerige Inhalt (value) je Abschnitt laeuft zweispaltig. */
.personio-dh-jobs .personiojobs-detail-description {
	/* kein Spalten-Layout auf dieser Ebene - nur der Inhalt je Abschnitt bekommt Spalten */
}

.personio-dh-jobs .personiojobs-desc-heading {
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--personio-dh-title);
	margin: 3rem 0 1rem; /* deutlich mehr Luft zwischen den Abschnitten */
}

.personio-dh-jobs .personiojobs-desc-heading:first-child {
	margin-top: 0;
}

.personio-dh-jobs .personiojobs-desc-content {
	column-count: 2;
	column-gap: 2.5rem;
	padding: 0 0.25rem; /* etwas Innenabstand statt Blockbreite zu begrenzen */
	margin-bottom: 0.5rem;
}

.personio-dh-jobs .personiojobs-desc-content h3,
.personio-dh-jobs .personiojobs-desc-content h4 {
	margin: 1rem 0 0.5rem;
	break-inside: avoid;
	break-after: avoid;
}

.personio-dh-jobs .personiojobs-desc-content p,
.personio-dh-jobs .personiojobs-desc-content ul,
.personio-dh-jobs .personiojobs-desc-content ol {
	break-inside: avoid;
	margin: 0 0 1rem;
}

@media (max-width: 700px) {
	.personio-dh-jobs .personiojobs-desc-content {
		column-count: 1;
	}
}

.personio-dh-jobs .personiojobs-detail-apply {
	color: var(--personio-dh-btn-text);
	border-color: var(--personio-dh-btn-text);
	border-radius: var(--personio-dh-radius);
	font-weight: 400;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.personio-dh-jobs .personiojobs-detail-apply:hover {
	background: var(--personio-dh-btn-hover);
	color: #ffffff;
	border-color: var(--personio-dh-btn-hover);
}

/* Oberer "Jetzt bewerben"-Button, scrollt zum Formular weiter unten -
   durchgehend rot gefuellt (nicht nur im Hover), weisse Schrift */
.personio-dh-jobs .personiojobs-detail-apply-top {
	display: inline-block;
	margin: 0 0 1.5rem;
	padding: 0.6rem 1.5rem;
	background: var(--personio-dh-btn-hover);
	color: #ffffff;
	border: 2px solid var(--personio-dh-btn-hover);
	border-radius: var(--personio-dh-radius);
	font-size: var(--personio-dh-title-size);
	font-weight: 400;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.personio-dh-jobs .personiojobs-detail-apply-top:hover {
	opacity: 0.85;
}

/* Danke-Popup nach erfolgreicher Bewerbung (nativer <dialog>, liegt im
   Modul-Container, daher greift die .personio-dh-jobs-Kapselung) */
.personio-dh-jobs .personiojobs-thanks-title {
	color: var(--personio-dh-title);
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: normal;
}

.personio-dh-jobs .personiojobs-thanks-overview {
	background: var(--personio-dh-btn-hover);
	color: #ffffff;
	border: 2px solid var(--personio-dh-btn-hover);
	border-radius: var(--personio-dh-radius);
	font-size: var(--personio-dh-title-size);
	font-weight: 400;
}

.personio-dh-jobs .personiojobs-thanks-close {
	background: transparent;
	color: var(--personio-dh-btn-text);
	border: 2px solid var(--personio-dh-btn-text);
	border-radius: var(--personio-dh-radius);
	font-size: var(--personio-dh-title-size);
	font-weight: 400;
}

.personio-dh-jobs .personiojobs-thanks-overview:hover,
.personio-dh-jobs .personiojobs-thanks-close:hover {
	opacity: 0.85;
}

/* ==========================================================================
   >>> personio-dh-jobs END <<<
   ========================================================================== */

/* --------------------------------------------------------------------------
   Zusatzregel, GEHOERT NICHT ZUM MODUL: der SP-Page-Builder-eigene Seitenkopf
   (Klasse "personio-page-header") wird NICHT mehr per CSS dauerhaft
   ausgeblendet - Uebersicht und Detailansicht sind dieselbe Seite/URL,
   CSS kann also nicht zwischen beiden Zustaenden unterscheiden. Das
   Ein-/Ausblenden passiert stattdessen per JavaScript zusammen mit dem
   Wechsel zwischen Uebersicht und Detailansicht (siehe Modul-Template).
   -------------------------------------------------------------------------- */





/*Button Textlinks JCE ED ----------------------------------------*/
.button-dh-text-01 {background-color: #1D418E; border-radius: 4px; color: #FFFFFF !important; font-size: clamp(0.9rem, 0.364vw + 0.827rem, 1.1rem) !important; padding: 5px 10px; }
.button-dh-text-01:hover {background-color: #A31314; border-radius: 4px; color: #FFFFFF !important; padding: 5px 10px; }

/*DH Filter Suchergebnis Seite ------------------------------------*/
.finder {padding: 7% !important;}
p.result__title {color: #101921 !important; font-size: clamp(0.9rem, 0.364vw + 0.827rem, 1.1rem) !important; font-weight: 600; letter-spacing: 0;}
a:hover.result__title-link {color: #A31314!important;}
.result__taxonomy {display: none;}

.feature-dh-home-01 h3,
.feature-dh-home-01 h3 a {font-size: clamp(1rem, 1.364vw + 0.727rem, 1.75rem); font-weight: 500; line-height: 125%;}

.addon-article-dh-blog-01 h3, 
.addon-article-dh-blog-01 h3 a {font-size: clamp(1.25rem, 1.213rem + 0.1852vw, 1.375rem) !important;  font-weight: 600 !important; line-height: clamp(1.625rem, 1.625rem + 0vw, 1.625rem) !important; letter-spacing: 0rem !important;}

.addon-article-dh-blog-01 .sppb-readmore  {color: #101921; background-color: #F3F3F4; border: 1px solid #DBDDDE; border-radius: 4px; padding: 1.5%;}
.addon-article-dh-blog-01 .sppb-readmore:hover {color: #FFFFFF !important; background-color: #A31314; border: 0px solid;}

.addon-article-dh-blog-01 a.sppb-article-img-wrap {filter: opacity(90%) !important;}

.view-article #sp-main-body {padding-top:0;}
.article-details .article-can-edit {margin-bottom: 0;}

.articles-job-dh-01 a.sppb-readmore {border: 1px solid #101921 !important; border-radius: 4px; color: #101921; font-size: 1rem !important; text-decoration: none; padding: 5px 10px; margin-top: 20px !important;}
.articles-job-dh-01 a.sppb-readmore:hover {border: 0px solid !important; background-color: #A31314; color: #FFFFFF !important;}
.articles-job-dh-01 .sppb-btn {margin: 25px 0px 0px -18px;}

.tab-addon-dh-01 ul li a {padding: 0px !important;}

.formular-dh-01 .rsform-submit-button {background: #1D418E; font-weight: 700; border: 0px; border-radius: 4px; padding: 10px 30px; }
.formular-dh-01 .rsform-submit-button:hover {background: #A31314; font-weight: 700; border: 0px; border-radius: 4px; padding: 10px 30px; }

/*feature box z.B. Modul benefits rahmen -------------*/
.feature-addon-modul-dh-01 .sppb-addon-wrapper, 
.feature-addon-modul-dh-02 .sppb-addon-wrapper {border-radius: 4px;}

.akkordion-dh-01 .sppb-panel-title {font-size: 1.35rem;}

.akkordion-dh-faq .sppb-panel {background-color: #FFFFFF; margin-bottom: 10px;}
.akkordion-dh-faq .sppb-panel-title {font-weight: 600; font-size: 1.35rem;}
.akkordion-dh-faq p {font-size: 1.0rem;}
.akkordion-dh-faq i {color: #101921; }

/* formulare -------------------------------*/
.form-label {color: #101921; font-size: 1.1rem !important; font-weight: 600; text-transform: uppercase; padding-top: 15px;}

input[type="text"] {border-radius: 4px !important; padding: 10px !important;}
input[type="text"] {border: 1px solid #101921;}
input[type="textarea"] {border: 1px solid #101921;}
input[type="email"] {border: 1px solid #101921;}
input[type="email"] {border-radius: 4px !important; padding: 10px !important;}
input[type="checkbox"] {border: 1px solid #101921;}
input[type="select"] {border: 1px solid #101921;}

input:focus {border: 2px solid #A31314!important;} /* aendert den Rahmen bei focus */

@media (max-width: 1280px) {
  #offcanvas-toggler {
    display: block !important; /* Show the mobile menu (off-canvas) */
  }
  #sp-menu .sp-megamenu-parent {
    display: none !important; /* Hide the mega menu */
  }
}

#sp-header .logo {margin: 10px auto;}
#sp-header {border-bottom: 3px solid #DBDDDE;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height: 60px;}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { color: #A31314; font-weight: 500;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { background-color: #FFFFF;}
.sp-megamenu-parent > li:hover > a { background-color: #1D418E; border-radius: 4px 4px 0px 0px; color: #FFFFFF !important; text-decoration: none;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background-color: #1D418E; }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li > a {color: #FFFFFF !important;}

.sp-megamenu-parent > li > a  {font-size: 1.15rem;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 1.05rem !important; line-height: 1.5rem !important; padding-left: 10px;} /*DH menue font size for flyout links*/
.sp-megamenu-parent .sp-dropdown .sp-menu-item:hover {background-color: #A31314 !important; border-radius: 4px;}

.sp-megamenu-parent .karriere {margin-left: 20px;}
.sp-megamenu-parent .karriere a {background-color: #A31314 !important; border-radius: 4px; color: #FFFFFF !important; padding: 0px 20px 0px 20px !important}
.sp-megamenu-parent .karriere a:hover {background-color: ; border: 0px solid #1D418E !important; color: #FFFFFF !important;}
.sp-megamenu-parent .karriere a:active {background-color: #1D418E !important; border-color: #1D418E !important; color: #FFFFFF !important;}
.sp-megamenu-parent .karriere a:visited {background-color: #1D418E !important; border-color: #1D418E !important; color: #FFFFFF !important;}

.sp-megamenu-parent .karriere .sp-dropdown .sp-dropdown-inner {background-color: #A31314; }
.sp-megamenu-parent .karriere .sp-dropdown .sp-dropdown-inner li > a {color: #FFFFFF !important; font-size: 1rem !important; }

.sp-megamenu-parent .wundakte {margin-left: 50px;}
.sp-megamenu-parent .wundakte a {border: 1px solid #34549A; border-radius: 4px; color: #101921; padding: 0px 20px 0px 20px !important}
.sp-megamenu-parent .wundakte a:hover {background-color: #34549A; border: 1px solid #2A652B; color: #FFFFFF;}
.sp-megamenu-parent .karriere a:active, 
.sp-megamenu-parent .karriere a:visited {border: 1px solid #34549A;}


#sp-bottom p {color:#FFFFFF;}
#sp-bottom h5 {color: #FFFFFF !important; font-weight: 600 !important; text-transform: uppercase !important;}
#sp-bottom a {font-size: clamp(1rem, 0vw + 1rem, 1rem); line-height: 1.35rem;}
#sp-bottom a:hover {text-decoration: underline;}

#sp-footer {background-color: #1D418E!important; border-bottom: 10px solid #43B12E; color: #FFFFFF;}
#sp-footer .container-inner h5 {color: #FFFFFF !important; font-weight: 600 !important; text-transform: uppercase !important;}
#sp-footer .container-inner {font-size: 1.0rem; padding: 20px; text-align: center;}

/*DH MEDIA QUERIES - BASICS ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 860px) {
.feature-addon-dh-01 {min-height: 450px;}
.feature-addon-dh-02 {min-height: 200px; margin-bottom: -30px !important;}
.blocknumber-addon-dh-01 {min-height: 380px;}
}

{color: #1D418E !important; font-size: clamp(1.5rem, 2.727vw + 0.955rem, 3rem) !important; font-weight: 800; letter-spacing: 0.05rem; text-transform: uppercase !important;}

/*DH TYPOGRAPHIE - BASICS ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* reset font size for all elements to standard (16 Pixel) */
body {font-family: Poppins !important; font-size: 16px/1.5; font-weight: 400; font-style: normal; font-variant-numeric: tabular-nums;}

h1, h2, h3, h4, h5 {font-family: Poppins !important; line-height: 120%;}

/*jobangebot header oben blau -------------*/
.sppb-section.stellenangebot-dh-header-01 h1, .sppb-section.stellenangebot-dh-header-01 h2, .sppb-section.stellenangebot-dh-header-01 h3, .sppb-section.stellenangebot-dh-header-01 h4, .sppb-section.stellenangebot-dh-header-01 h5, .sppb-section.stellenangebot-dh-header-01 h6, .sppb-section.stellenangebot-dh-header-01 p {color: #FFFFFF !important;}

h1, .sppb-addon-title h1, .sppb-addon-content h1, .sppb-addon-header h1, .slider-dh-title-01
{color: #101921 !important; font-size: clamp(1.5rem, 2.727vw + 0.955rem, 3rem) !important; font-weight: 800; letter-spacing: 0.05rem; text-transform: uppercase !important;}

.slider-dh-title-01 {color: #1D418E !important;}

.article-header h1 {color: #101921 !important; font-size: clamp(1.5rem, 2.727vw + 0.955rem, 3rem) !important; font-weight: 800; letter-spacing: 0.05rem; text-transform: none !important;}

h2, .sppb-addon-title h2, .sppb-addon-content h2, .slider-dh-title-02, .sppb-addon-header h2
{color: #101921 !important; font-size: clamp(1.25rem, 2.727vw + 0.705rem, 2.75rem) !important; font-weight: 700; letter-spacing: 0.05rem;}

.slider-dh-title-02 {color: #1D418E !important;}

h3, .sppb-addon-title h3, .sppb-addon-content h3
{color: #283038 !important; font-size: clamp(1.15rem, 2.455vw + 0.659rem, 2.5rem) !important; font-weight: 600; letter-spacing: 0.05rem;}

h4, .sppb-addon-title h4, .sppb-addon-content h4
{color: #1D418E !important; font-size: clamp(1.05rem, 2.091vw + 0.632rem, 2.2rem) !important; font-weight: 600; letter-spacing: 0.0rem;}

.sppb-addon-text-block h4 {color: #101921 !important; font-size: clamp(1rem, 0.909vw + 0.818rem, 1.3rem) !important; font-weight: 500; letter-spacing: 0; line-height: 125% !important;}
h4.sppb-feature-box-title  {color: #1D419E; !important; font-size: clamp(1rem, 0.909vw + 0.818rem, 1.3rem) !important; font-weight: 600; letter-spacing: 0; line-height: 125% !important;}

h5, .sppb-addon-title h5, .sppb-addon-content h5 
{color: #1D418E !important; font-size: clamp(1rem, 1.818vw + 0.636rem, 2rem) !important; font-weight: 500;}

h5 span
{color: #101921 !important; font-size: clamp(1.25rem, 2.727vw + 0.705rem, 2.75rem) !important; font-weight: 700; letter-spacing: 0.05rem; text-transform: uppercase;}

h6, .sppb-addon-title h6, .sppb-addon-content h6 
{color: #A31314! important; font-family: Sedgwick Ave !important; font-size: clamp(1rem, 1.818vw + 0.636rem, 2rem) !important; font-weight: 400; font-style: normal; line-height: 150%; letter-spacing: 0.01rem;}

p, ul, .frc-text {color: #101921 !important; font-size: clamp(0.9rem, 0.364vw + 0.827rem, 1.1rem) !important; font-weight: 400; font-weight: 400; letter-spacing: 0;}

b, strong {font-weight: 600;}

li, ol {color: #101921; padding: 5px;}

.sppb-addon-content ul, .sppb-addon-content ol {margin-left: 3%;}

a, a:link {color: #101921; text-decoration: none;}
a:hover {text-decoration: underline;}

/* DH BOTTOM ----------------------------------------------------------------*/

.bottom-dh h5 {color: #FFFFFF !important; font-size: clamp(0.9rem, 0.364vw + 0.827rem, 1.1rem) !important; font: weight: 500;}
.bottom-dh p, .bottom-dh a, .bottom-dh a:hover {color: #FFFFFF !important; font-size: clamp(0.9rem, 0.364vw + 0.827rem, 1.1rem) !important; font-weight: 400; }
.bottom-dh nav ul li a {line-height: clamp(0.9rem, 0.364vw + 0.827rem, 1.1rem);}

/*DH WEBFONTS LOKAL --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* sedgwick-ave-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Sedgwick Ave";
  font-style: normal;
  font-weight: 400;
  src: url("/templates/shaper_helixultimate/fonts/sedgwick/sedgwick-ave-v12-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("/templates/shaper_helixultimate/fonts/sedgwick/sedgwick-ave-v12-latin-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/templates/shaper_helixultimate/fonts/sedgwick/sedgwick-ave-v12-latin-regular.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/templates/shaper_helixultimate/fonts/sedgwick/sedgwick-ave-v12-latin-regular.woff") format("woff"), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url("/templates/shaper_helixultimate/fonts/sedgwick/sedgwick-ave-v12-latin-regular.ttf") format("truetype"), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url("/templates/shaper_helixultimate/fonts/sedgwick/sedgwick-ave-v12-latin-regular.svg#SedgwickAve") format("svg"); /* Legacy iOS */
}


/* poppins-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-regular.eot"); /* IE9 Compat Modes */
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-regular.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-regular.woff") format("woff"), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-regular.ttf") format("truetype"), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-regular.svg#Poppins") format("svg"); /* Legacy iOS */
}

/* poppins-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-500.eot"); /* IE9 Compat Modes */
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-500.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-500.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-500.woff") format("woff"), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-500.ttf") format("truetype"), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-500.svg#Poppins") format("svg"); /* Legacy iOS */
}

/* poppins-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-600.eot"); /* IE9 Compat Modes */
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-600.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-600.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-600.woff") format("woff"), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-600.ttf") format("truetype"), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-600.svg#Poppins") format("svg"); /* Legacy iOS */
}

/* poppins-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-700.eot"); /* IE9 Compat Modes */
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-700.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-700.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-700.woff") format("woff"), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-700.ttf") format("truetype"), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-700.svg#Poppins") format("svg"); /* Legacy iOS */
}

/* poppins-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-800.eot"); /* IE9 Compat Modes */
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-800.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-800.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-800.woff") format("woff"), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-800.ttf") format("truetype"), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-800.svg#Poppins") format("svg"); /* Legacy iOS */
}



.feature-dh-home-01 h3,
.feature-dh-home-01 h3 a {font-size: clamp(1rem, 1.364vw + 0.727rem, 1.75rem); font-weight: 500; line-height: 125%;}

.addon-article-dh-blog-01 h3, 
.addon-article-dh-blog-01 h3 a {font-size: clamp(1.25rem, 1.213rem + 0.1852vw, 1.375rem) !important;  font-weight: 600 !important; line-height: clamp(1.625rem, 1.625rem + 0vw, 1.625rem) !important; letter-spacing: 0rem !important;}

.addon-article-dh-blog-01 .sppb-readmore  {color: #101921; background-color: #F3F3F4; border: 1px solid #DBDDDE; border-radius: 4px; padding: 1.5%;}
.addon-article-dh-blog-01 .sppb-readmore:hover {color: #FFFFFF !important; background-color: #A31314; border: 0px solid;}

.addon-article-dh-blog-01 a.sppb-article-img-wrap {filter: opacity(90%) !important;}

.view-article #sp-main-body {padding-top:0;}
.article-details .article-can-edit {margin-bottom: 0;}

.articles-job-dh-01 a.sppb-readmore {border: 1px solid #101921 !important; border-radius: 4px; color: #101921; font-size: 1rem !important; text-decoration: none; padding: 5px 10px; margin-top: 20px !important;}
.articles-job-dh-01 a.sppb-readmore:hover {border: 0px solid !important; background-color: #A31314; color: #FFFFFF !important;}
.articles-job-dh-01 .sppb-btn {margin: 25px 0px 0px -18px;}

.tab-addon-dh-01 ul li a {padding: 0px !important;}

.formular-dh-01 .rsform-submit-button {background: #1D418E; font-weight: 700; border: 0px; border-radius: 4px; padding: 10px 30px; }
.formular-dh-01 .rsform-submit-button:hover {background: #A31314; font-weight: 700; border: 0px; border-radius: 4px; padding: 10px 30px; }

/*feature box z.B. Modul benefits rahmen -------------*/
.feature-addon-modul-dh-01 .sppb-addon-wrapper, 
.feature-addon-modul-dh-02 .sppb-addon-wrapper {border-radius: 4px;}

.akkordion-dh-01 .sppb-panel-title {font-size: 1.35rem;}

.akkordion-dh-faq .sppb-panel {background-color: #FFFFFF; margin-bottom: 10px;}
.akkordion-dh-faq .sppb-panel-title {font-weight: 600; font-size: 1.35rem;}
.akkordion-dh-faq p {font-size: 1.0rem;}
.akkordion-dh-faq i {color: #101921; }

#formular-dh-01 {font-family: arial, fontsize: 10px !important;}



@media (max-width: 1280px) {
  #offcanvas-toggler {
    display: block !important; /* Show the mobile menu (off-canvas) */
  }
  #sp-menu .sp-megamenu-parent {
    display: none !important; /* Hide the mega menu */
  }
}

#sp-header .logo {margin: 10px auto;}
#sp-header {border-bottom: 3px solid #DBDDDE;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height: 60px;}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { color: #A31314; font-weight: 500;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { background-color: #FFFFF;}
.sp-megamenu-parent > li:hover > a { background-color: #1D418E; border-radius: 4px 4px 0px 0px; color: #FFFFFF !important; text-decoration: none;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background-color: #1D418E; }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li > a {color: #FFFFFF !important;}

.sp-megamenu-parent > li > a  {font-size: 1.15rem;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 1.05rem !important; line-height: 1.5rem !important; padding-left: 10px;} /*DH menue font size for flyout links*/
.sp-megamenu-parent .sp-dropdown .sp-menu-item:hover {background-color: #A31314 !important; border-radius: 4px;}



.sp-megamenu-parent .karriere {margin-left: 20px;}
.sp-megamenu-parent .karriere a {background-color: #A31314 !important; border-radius: 4px; color: #FFFFFF !important; padding: 0px 20px 0px 20px !important}
.sp-megamenu-parent .karriere a:hover {background-color: ; border: 0px solid #1D418E !important; color: #FFFFFF !important;}
.sp-megamenu-parent .karriere a:active {background-color: #1D418E !important; border-color: #1D418E !important; color: #FFFFFF !important;}
.sp-megamenu-parent .karriere a:visited {background-color: #1D418E !important; border-color: #1D418E !important; color: #FFFFFF !important;}

.sp-megamenu-parent .karriere .sp-dropdown .sp-dropdown-inner {background-color: #A31314; }
.sp-megamenu-parent .karriere .sp-dropdown .sp-dropdown-inner li > a {color: #FFFFFF !important; font-size: 1rem !important; }

.sp-megamenu-parent .wundakte {margin-left: 50px;}
.sp-megamenu-parent .wundakte a {border: 1px solid #34549A; border-radius: 4px; color: #101921; padding: 0px 20px 0px 20px !important}
.sp-megamenu-parent .wundakte a:hover {background-color: #34549A; border: 1px solid #2A652B; color: #FFFFFF;}
.sp-megamenu-parent .karriere a:active, 
.sp-megamenu-parent .karriere a:visited {border: 1px solid #34549A;}


#sp-bottom p {color:#FFFFFF;}
#sp-bottom h5 {color: #FFFFFF !important; font-weight: 600 !important; text-transform: uppercase !important;}
#sp-bottom a {font-size: clamp(1rem, 0vw + 1rem, 1rem);}
#sp-bottom a:hover {text-decoration: underline;}

#sp-footer {background-color: #1D418E!important; border-bottom: 10px solid #43B12E; color: #FFFFFF;}
#sp-footer .container-inner h5 {color: #FFFFFF !important; font-weight: 600 !important; text-transform: uppercase !important;}
#sp-footer .container-inner {font-size: 1.0rem; padding: 20px; text-align: center;}

/*DH MEDIA QUERIES - BASICS ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 860px) {
.feature-addon-dh-01 {min-height: 450px;}
.feature-addon-dh-02 {min-height: 200px; margin-bottom: -30px !important;}
.blocknumber-addon-dh-01 {min-height: 380px;}
}

{color: #1D418E !important; font-size: clamp(1.5rem, 2.727vw + 0.955rem, 3rem) !important; font-weight: 800; letter-spacing: 0.05rem; text-transform: uppercase !important;}

/*DH TYPOGRAPHIE - BASICS ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* reset font size for all elements to standard (16 Pixel) */
body {font-family: Poppins !important; font-size: 16px/1.5; font-weight: 400; font-style: normal; font-variant-numeric: tabular-nums;}

h1, h2, h3, h4, h5 {font-family: Poppins !important; line-height: 120%;}

/*jobangebot header oben blau -------------*/
.sppb-section.stellenangebot-dh-header-01 h1, .sppb-section.stellenangebot-dh-header-01 h2, .sppb-section.stellenangebot-dh-header-01 h3, .sppb-section.stellenangebot-dh-header-01 h4, .sppb-section.stellenangebot-dh-header-01 h5, .sppb-section.stellenangebot-dh-header-01 h6, .sppb-section.stellenangebot-dh-header-01 p {color: #FFFFFF !important;}

h1, .sppb-addon-title h1, .sppb-addon-content h1, .sppb-addon-header h1, .slider-dh-title-01
{color: #101921 !important; font-size: clamp(1.5rem, 2.727vw + 0.955rem, 3rem) !important; font-weight: 800; letter-spacing: 0.05rem; text-transform: uppercase !important;}

.slider-dh-title-01 {color: #1D418E !important;}

.article-header h1 {color: #101921 !important; font-size: clamp(1.5rem, 2.727vw + 0.955rem, 3rem) !important; font-weight: 800; letter-spacing: 0.05rem; text-transform: none !important;}

h2, .sppb-addon-title h2, .sppb-addon-content h2, .slider-dh-title-02, .sppb-addon-header h2
{color: #101921 !important; font-size: clamp(1.25rem, 2.727vw + 0.705rem, 2.75rem) !important; font-weight: 700; letter-spacing: 0.05rem;}

.slider-dh-title-02 {color: #1D418E !important;}

h3, .sppb-addon-title h3, .sppb-addon-content h3
{color: #283038 !important; font-size: clamp(1.15rem, 2.455vw + 0.659rem, 2.5rem) !important; font-weight: 600; letter-spacing: 0.05rem;}

h4, .sppb-addon-title h4, .sppb-addon-content h4
{color: #1D418E !important; font-size: clamp(1.05rem, 2.091vw + 0.632rem, 2.2rem) !important; font-weight: 600; letter-spacing: 0.0rem;}

.sppb-addon-text-block h4 {color: #101921 !important; font-size: clamp(1rem, 0.909vw + 0.818rem, 1.3rem) !important; font-weight: 500; letter-spacing: 0; line-height: 125% !important;}
h4.sppb-feature-box-title  {color: #1D419E; !important; font-size: clamp(1rem, 0.909vw + 0.818rem, 1.3rem) !important; font-weight: 600; letter-spacing: 0; line-height: 125% !important;}

h5, .sppb-addon-title h5, .sppb-addon-content h5 
{color: #1D418E !important; font-size: clamp(1rem, 1.818vw + 0.636rem, 2rem) !important; font-weight: 500;}

h5 span
{color: #101921 !important; font-size: clamp(1.25rem, 2.727vw + 0.705rem, 2.75rem) !important; font-weight: 700; letter-spacing: 0.05rem; text-transform: uppercase;}

h6, .sppb-addon-title h6, .sppb-addon-content h6 
{color: #A31314! important; font-family: kalambold !important; font-size: clamp(1rem, 1.818vw + 0.636rem, 2rem) !important; font-weight: 400; font-style: normal; line-height: 150%; letter-spacing: 0.01rem;}

p, ul {color: #101921 !important; font-size: clamp(0.9rem, 0.364vw + 0.827rem, 1.1rem) !important; font-weight: 400; font-weight: 400; letter-spacing: 0;}

b, strong {font-weight: 600;}

li, ol {color: #101921; padding: 5px;}

a, a:link {color: #101921; text-decoration: none;}
a:hover {text-decoration: underline;}

/* DH BOTTOM ----------------------------------------------------------------*/

.bottom-dh h5 {color: #FFFFFF !important; font-size: clamp(0.9rem, 0.364vw + 0.827rem, 1.1rem) !important; font: weight: 500;}
.bottom-dh p, .bottom-dh a, .bottom-dh a:hover {color: #FFFFFF !important; font-size: clamp(0.9rem, 0.364vw + 0.827rem, 1.1rem) !important; font-weight: 400; }
.bottom-dh nav ul li a {line-height: clamp(0.9rem, 0.364vw + 0.827rem, 1.1rem);}

/*DH WEBFONTS LOKAL --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* kalam regular - latin */
@font-face {
    font-family: "kalambold";
    src: url("/templates/shaper_helixultimate/fonts/kalam/kalam-bold.eot");
    src: url("/templates/shaper_helixultimate/fonts/kalam/kalam-bold.eot?#iefix") format("embedded-opentype"),
         url("/templates/shaper_helixultimate/fonts/kalam/kalam-bold.woff2") format("woff2"),
         url("/templates/shaper_helixultimate/fonts/kalam/kalam-bold.woff") format("woff"),
         url("/templates/shaper_helixultimate/fonts/kalam/kalam-bold.ttf") format("truetype"),
         url("/templates/shaper_helixultimate/fonts/kalam/kalam-bold.svg#kalambold") format("svg");
    font-weight: normal;
    font-style: normal;

}


/* poppins-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-regular.eot"); /* IE9 Compat Modes */
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-regular.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-regular.woff") format("woff"), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-regular.ttf") format("truetype"), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-regular.svg#Poppins") format("svg"); /* Legacy iOS */
}

/* poppins-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-500.eot"); /* IE9 Compat Modes */
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-500.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-500.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-500.woff") format("woff"), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-500.ttf") format("truetype"), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-500.svg#Poppins") format("svg"); /* Legacy iOS */
}

/* poppins-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-600.eot"); /* IE9 Compat Modes */
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-600.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-600.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-600.woff") format("woff"), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-600.ttf") format("truetype"), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-600.svg#Poppins") format("svg"); /* Legacy iOS */
}

/* poppins-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-700.eot"); /* IE9 Compat Modes */
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-700.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-700.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-700.woff") format("woff"), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-700.ttf") format("truetype"), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-700.svg#Poppins") format("svg"); /* Legacy iOS */
}

/* poppins-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-800.eot"); /* IE9 Compat Modes */
  src: url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-800.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-800.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-800.woff") format("woff"), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-800.ttf") format("truetype"), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url("/templates/shaper_helixultimate/fonts/poppins/poppins-v21-latin_latin-ext-800.svg#Poppins") format("svg"); /* Legacy iOS */
}