.elementor-kit-8{--e-global-color-primary:#0C051A;--e-global-color-secondary:#6631D7;--e-global-color-text:#0C051A;--e-global-color-accent:#0C051A;--e-global-color-247d3d0:#EDEDED;--e-global-color-c8e90d7:#FFFFFF;--e-global-color-ef00228:#FAFAFA;--e-global-color-67b0256:#E52421;--e-global-color-a8429be:#00D7C8;--e-global-color-bfddd8f:#30E403;--e-global-color-7823543:#D6007E;--e-global-color-c318500:#FFDC4B;--e-global-color-245a42d:#0C051ABF;--e-global-color-70bcf10:#6F6F6F33;--e-global-typography-primary-font-family:"Jost";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Jost";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-weight:400;--e-global-typography-bf42f37-font-family:"Jost";--e-global-typography-bf42f37-font-size:72px;--e-global-typography-bf42f37-font-weight:300;--e-global-typography-bf42f37-text-transform:uppercase;--e-global-typography-bf42f37-line-height:80px;--e-global-typography-53ddbe7-font-family:"Jost";--e-global-typography-53ddbe7-font-size:72px;--e-global-typography-53ddbe7-font-weight:300;--e-global-typography-53ddbe7-text-transform:uppercase;--e-global-typography-53ddbe7-line-height:80px;--e-global-typography-bd0b49e-font-family:"Jost";--e-global-typography-bd0b49e-font-size:50px;--e-global-typography-bd0b49e-font-weight:300;--e-global-typography-bd0b49e-text-transform:uppercase;--e-global-typography-bd0b49e-line-height:55px;--e-global-typography-c8d8fc9-font-family:"Jost";--e-global-typography-c8d8fc9-font-size:35px;--e-global-typography-c8d8fc9-font-weight:300;--e-global-typography-c8d8fc9-text-transform:uppercase;--e-global-typography-c8d8fc9-line-height:40px;--e-global-typography-784f80e-font-family:"Jost";--e-global-typography-784f80e-font-size:24px;--e-global-typography-784f80e-font-weight:300;--e-global-typography-784f80e-text-transform:uppercase;--e-global-typography-784f80e-line-height:30px;--e-global-typography-12f2525-font-size:18px;--e-global-typography-12f2525-font-weight:300;--e-global-typography-12f2525-text-transform:uppercase;--e-global-typography-12f2525-line-height:25px;--e-global-typography-17871e0-font-family:"Playfair Display";--e-global-typography-17871e0-font-size:30px;--e-global-typography-17871e0-font-weight:500;--e-global-typography-17871e0-font-style:italic;--e-global-typography-17871e0-line-height:35px;--e-global-typography-3b46520-font-family:"Jost";--e-global-typography-3b46520-font-size:18px;--e-global-typography-3b46520-font-weight:400;--e-global-typography-3b46520-line-height:28px;--e-global-typography-abdca49-font-family:"Jost";--e-global-typography-abdca49-font-size:18px;--e-global-typography-abdca49-font-weight:400;--e-global-typography-abdca49-line-height:28px;--e-global-typography-5b20146-font-family:"Jost";--e-global-typography-5b20146-font-size:16px;--e-global-typography-5b20146-font-weight:400;--e-global-typography-5b20146-line-height:23px;--e-global-typography-acab58d-font-family:"Jost";--e-global-typography-acab58d-font-size:14px;--e-global-typography-acab58d-font-weight:600;--e-global-typography-acab58d-text-transform:uppercase;--e-global-typography-acab58d-line-height:15px;--e-global-typography-acab58d-letter-spacing:1.32px;--e-global-typography-4ad3df2-font-family:"Playfair Display";--e-global-typography-4ad3df2-font-size:35px;--e-global-typography-4ad3df2-font-weight:400;--e-global-typography-4ad3df2-font-style:italic;--e-global-typography-4ad3df2-line-height:45px;--e-global-typography-3613384-font-size:18px;--e-global-typography-3613384-font-weight:500;--e-global-typography-3613384-text-transform:uppercase;--e-global-typography-7f2e97c-font-family:"Jost";--e-global-typography-7f2e97c-font-size:20px;--e-global-typography-7f2e97c-font-weight:400;--e-global-typography-7f2e97c-line-height:25px;--e-global-typography-ce5e4d3-font-family:"Jost";--e-global-typography-ce5e4d3-font-size:14px;--e-global-typography-ce5e4d3-font-weight:500;--e-global-typography-ce5e4d3-text-transform:uppercase;--e-global-typography-ce5e4d3-line-height:18px;--e-global-typography-df15cfc-font-family:"Playfair Display";--e-global-typography-df15cfc-font-size:28px;--e-global-typography-df15cfc-font-weight:400;--e-global-typography-df15cfc-font-style:italic;--e-global-typography-df15cfc-line-height:35px;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );font-family:"Jost", Sans-serif;font-size:18px;line-height:28px;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:18px;font-weight:500;letter-spacing:0.3px;color:var( --e-global-color-text );border-style:none;padding:0px 0px 0px 0px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:#02010100;color:var( --e-global-color-text );border-style:none;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1340px;}.e-con{--container-max-width:1340px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(min-width:2400px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-bf42f37-font-size:60px;--e-global-typography-bf42f37-line-height:70px;--e-global-typography-53ddbe7-font-size:50px;--e-global-typography-53ddbe7-line-height:60px;--e-global-typography-bd0b49e-font-size:35px;--e-global-typography-bd0b49e-line-height:40px;--e-global-typography-c8d8fc9-font-size:24px;--e-global-typography-c8d8fc9-line-height:30px;--e-global-typography-784f80e-font-size:18px;--e-global-typography-12f2525-font-size:16px;--e-global-typography-17871e0-font-size:22px;--e-global-typography-17871e0-line-height:25px;--e-global-typography-3b46520-font-size:16px;--e-global-typography-3b46520-line-height:26px;--e-global-typography-abdca49-font-size:16px;--e-global-typography-abdca49-line-height:26px;--e-global-typography-5b20146-font-size:14px;--e-global-typography-4ad3df2-font-size:30px;--e-global-typography-4ad3df2-line-height:40px;--e-global-typography-3613384-font-size:16px;--e-global-typography-3613384-line-height:26px;--e-global-typography-df15cfc-font-size:24px;font-size:16px;line-height:26px;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:880px){.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-bf42f37-font-size:45px;--e-global-typography-bf42f37-line-height:50px;--e-global-typography-53ddbe7-font-size:40px;--e-global-typography-53ddbe7-line-height:45px;--e-global-typography-bd0b49e-font-size:30px;--e-global-typography-bd0b49e-line-height:34px;--e-global-typography-c8d8fc9-font-size:22px;--e-global-typography-c8d8fc9-line-height:26px;--e-global-typography-784f80e-font-size:16px;--e-global-typography-784f80e-line-height:22px;--e-global-typography-17871e0-font-size:18px;--e-global-typography-17871e0-line-height:22px;--e-global-typography-3b46520-font-size:15px;--e-global-typography-3b46520-line-height:25px;--e-global-typography-abdca49-font-size:15px;--e-global-typography-abdca49-line-height:25px;--e-global-typography-4ad3df2-font-size:25px;--e-global-typography-4ad3df2-line-height:35px;--e-global-typography-3613384-font-size:15px;--e-global-typography-3613384-line-height:25px;--e-global-typography-df15cfc-font-size:20px;--e-global-typography-df15cfc-line-height:30px;font-size:15px;line-height:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}
/* Start custom CSS *//* Elementor Button */
.elementor-button {font-size:18px !important;font-weight:500 !important}

@media (max-width: 1024px) {
  .elementor-button {
    font-size: 16px !important;
    font-weight: 500 !important;
  }
}
@media (max-width: 767px) {
  .elementor-button {
    font-size: 14px !important;
    font-weight: 500 !important;
  }
}

.elementor-button-icon {font-size:12px !important}

/* glassy Box */

.glassy-box {background: rgba(111, 111, 111, 0.40);border-radius:2px;

/* glass */
-webkit-backdrop-filter:blur(15px);
backdrop-filter: blur(15px)}

.glassy-box:hover {background: rgba(237, 237, 237, 0.20)}

/*
 * ============================================================
 * energieweit.de – Button Unterstrich-Effekt
 * Datei: 02_btn-underline.css
 * Elementor: Website-Einstellungen → Benutzerdefiniertes CSS
 * ============================================================
 *
 * Funktionsweise:
 *   Jede Farbvariante setzt die CSS-Variable --btn-color.
 *   Unterstrich (::after) UND Icon-Farbe lesen diese Variable –
 *   beide sind so immer automatisch identisch.
 *
 * Klassen-Übersicht:
 *   .btn-underline            → Basis (Farbe = Textfarbe via currentColor)
 *   .btn-underline--lila      → Lila    #8d1aff  (energieweit Gruppe)
 *   .btn-underline--magenta   → Magenta #d6007e  (bofest consult)
 *   .btn-underline--rot       → Rot     #e52421  (vantago)
 *   .btn-underline--tuerkis   → Türkis  #00d7c8  (vantago)
 *   .btn-underline--gruen     → Grün    #30e403  (suportica)
 *   .btn-underline--gelb      → Gelb    #FFDC4B  (Akzent)
 *   .btn-underline--weiss     → Weiß    #FAFAFA
 *   .btn-underline--on-light  → Modifier: Textfarbe dunkel (für helle BGs)
 *
 * Verwendung in Elementor:
 *   Button-Widget → Erweitert → CSS-Klassen:
 *   "btn-underline btn-underline--lila"
 *
 *   Button-Stil im Widget:
 *   → Hintergrund: keiner / transparent
 *   → Rahmen: keiner
 *   → Textfarbe: beliebig (Icon + Unterstrich folgen --btn-color)
 *
 * ============================================================
 */

/* ── BASIS ── */
.btn-underline {
  --btn-color: currentColor; /* Fallback: Textfarbe des Elements */

  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none !important;
  font-weight: 500;
  letter-spacing: 0.02em;
  cursor: pointer;
  background: none !important;
  border: none !important;
}

/* ── UNTERSTRICH-LINIE ── */
/* Nur unter dem Text-Span, nicht unter dem Icon */
.btn-underline .elementor-button-text {
  position: relative;
  padding-bottom: 6px;
}

/* Startzustand: 30px Breite */
.btn-underline .elementor-button-text::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 50px;
  background: var(--btn-color);
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover: Linie wächst auf volle Text-Breite */
.btn-underline:hover .elementor-button-text::after {
  width: 99%;
}

/* ── ICON-FARBE ── */
/* Icon übernimmt immer die gleiche Farbe wie der Unterstrich */
.btn-underline .elementor-button-icon,
.btn-underline .elementor-button-icon i,
.btn-underline .elementor-button-icon svg,
.btn-underline .arrow {
  color: var(--btn-color) !important;
  fill: var(--btn-color) !important;
  transition: transform 0.2s ease, color 0.2s ease;
}

/* Hover: Icon nach rechts schieben */
.btn-underline:hover .elementor-button-icon,
.btn-underline:hover .elementor-button-icon i,
.btn-underline:hover .elementor-button-icon svg,
.btn-underline:hover .arrow {
  transform: translateX(4px);
}

/* ── FARB-VARIANTEN ── */
/* Jede Variante setzt nur --btn-color — der Rest folgt automatisch */

.btn-underline--lila    { --btn-color: #8d1aff; }
.btn-underline--magenta { --btn-color: #d6007e; }
.btn-underline--rot     { --btn-color: #e52421; }
.btn-underline--tuerkis { --btn-color: #00d7c8; }
.btn-underline--gruen   { --btn-color: #30e403; }
.btn-underline--gelb    { --btn-color: #FFDC4B; }
.btn-underline--weiss   { --btn-color: #FAFAFA; }
.btn-underline--dunkel  { --btn-color: #0C051A; }
.btn-underline--orange  { --btn-color: #ff4b00; }

/* ── MODIFIER ── */

/* Für Buttons auf hellem Hintergrund: Textfarbe dunkel setzen */
.btn-underline--on-light {
  color: #0C051A !important;
}

/* Für Buttons auf dunklem Hintergrund: Textfarbe hell setzen */
.btn-underline--on-dark {
  color: #FAFAFA !important;
}
/* ── Headline Bar mit Grow-Animation beim Viewport-Eintritt ── */
/* Klasse "headline-bar" an das Headline-Element vergeben */

/* ── BASIS ── */
.headline-bar {
  display: block;
}

/* Bar oberhalb der Headline (Startzustand: eingeklappt) */
.headline-bar::before {
  content: '';
  display: block;
  width: 224px;
  height: 18px;
  background: currentColor;
  margin-bottom: 35px;
 margin-top:25px;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Wenn im Viewport: Bar wächst auf volle Breite (50px) */
.headline-bar.is-visible::before {
  transform: scaleX(1);
}

/* ── FARB-VARIANTEN ── */
.headline-bar--lila::before    { background: #8d1aff; }
.headline-bar--magenta::before { background: #d6007e; }
.headline-bar--rot::before     { background: #e52421; }
.headline-bar--tuerkis::before { background: #00d7c8; }
.headline-bar--gruen::before   { background: #30e403; }
.headline-bar--gelb::before    { background: #FFDC4B; }
.headline-bar--weiss::before   { background: #FAFAFA; }
.headline-bar--dunkel::before  { background: #0C051A; }
.headline-bar--orange::before  { background: #ff4b00; }

/* ── GRÖSSEN-VARIANTEN ── */

/* Dünnere Bar (z.B. für kleinere Überschriften) */
.headline-bar--thin::before {
  height: 8px;
  width: 80px;
  margin-bottom: 65px;
}

/* Breitere Bar (z.B. für Hero-Headlines) */
.headline-bar--wide::before {
  height: 8px;
  width: 72px;
  margin-bottom: 15px;
}

/* Kein Abstand nach unten (wenn manuell über Margin gesteuert) */
.headline-bar--no-margin::before {
  margin-bottom: 0;
}


.nia-1049-active-overlay {background:rgba(12, 5, 26, 0.2) !important}


/*
 * ============================================================
 * energieweit.de – Sticky Header: Hide on Down, Show on Up
 * Datei: 06_sticky-header.css
 * Elementor: Website-Einstellungen → Benutzerdefiniertes CSS
 * ============================================================
 *
 * Verhalten:
 *   - Initial / ganz oben: Header normal im Seitenfluss (kein Sticky)
 *   - Runterscrollen (> 100px): Header scrollt weg → wird fixed
 *     aber versteckt (translateY -100%)
 *   - Hochscrollen: Header gleitet fixiert von oben herein
 *
 * Elementor-Einstellung:
 *   Header-Template → Sticky: AUSSCHALTEN
 *
 * ============================================================
 */

/* ── DEFAULT: kein Sticky, kein Transform ── */
/* Header ist initial vollständig sichtbar im normalen Seitenfluss */
.elementor-location-header {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── STICKY-MODUS: fixed + sichtbar (beim Hochscrollen) ── */
.elementor-location-header.header--sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transform: translateY(0);
}

/* ── STICKY + VERSTECKT (beim Runterscrollen nach dem Threshold) ── */
.elementor-location-header.header--sticky.header--hidden {
  transform: translateY(-100%);
}

.headline-bar {padding-bottom:20px}

/* Remote Navigation */
.hero-remote-nav {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.hero-remote-item {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.hero-remote-item:hover,
.hero-remote-item.is-active {
  opacity: 1;
}

/* sichtbare Track-Leiste */
.hero-remote-progress {font-size:0px;
  position: relative;
  width: 35%;
  height: 8px;
  margin-top: 10px;
  background: rgba(255,255,255,0.2);
  border-radius: 0px;
  overflow: hidden;
}

/* der echte laufende Balken */
.hero-remote-progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background: #30e403;
  border-radius: 0px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://energieweit.com/wp-content/uploads/2026/03/Jost-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://energieweit.com/wp-content/uploads/2026/03/Jost-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://energieweit.com/wp-content/uploads/2026/03/Jost-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://energieweit.com/wp-content/uploads/2026/03/Jost-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://energieweit.com/wp-content/uploads/2026/03/Jost-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://energieweit.com/wp-content/uploads/2026/03/Jost-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://energieweit.com/wp-content/uploads/2026/03/Jost-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */