.enerval-ampel{--active:#1ea84a;display:flex;gap:22px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.07);font-family:Inter,Arial,sans-serif;color:#202124;max-width:760px}.enerval-ampel[data-status="yellow"]{--active:#f3b61f}.enerval-ampel[data-status="grey"]{--active:#6b7280}.enerval-ampel[data-status="red"]{--active:#dc3545}.enerval-traffic-light{width:86px;min-width:86px;background:#222;border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:9px;box-shadow:inset 0 0 0 3px #111}.enerval-traffic-light .light{width:62px;height:62px;border-radius:50%;background:#555;box-shadow:inset 0 0 12px rgba(0,0,0,.65)}.enerval-ampel[data-status="red"] .light.red{background:#ef3340;box-shadow:0 0 18px rgba(239,51,64,.8),inset 0 0 10px rgba(255,255,255,.35)}.enerval-ampel[data-status="yellow"] .light.yellow{background:#ffc400;box-shadow:0 0 18px rgba(255,196,0,.85),inset 0 0 10px rgba(255,255,255,.35)}.enerval-ampel[data-status="green"] .light.green{background:#25c05a;box-shadow:0 0 18px rgba(37,192,90,.8),inset 0 0 10px rgba(255,255,255,.35)}.enerval-ampel[data-status="grey"] .light{opacity:.45}.enerval-status-label{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:12px;color:var(--active)}.enerval-standard-line{background:#eefbf2;border:1px solid #bfe7ca;border-radius:10px;padding:10px 12px;margin-bottom:10px}.enerval-standard-line span{color:#138a3b;font-weight:800}.enerval-express-line{font-size:15px;margin:8px 0}.enerval-title{margin:4px 0 8px;font-size:24px;line-height:1.2}.enerval-text,.enerval-note,.enerval-extra{margin:6px 0}.enerval-countdown{display:flex;align-items:baseline;gap:10px;margin:10px 0}.enerval-countdown strong{font-size:30px;letter-spacing:.04em;color:var(--active)}.enerval-countdown span{font-size:14px;color:#666}.enerval-note{font-size:13px;color:#666}.enerval-extra{font-weight:700}.enerval-button{display:inline-block;margin-top:12px;background:#303030;color:#fff!important;text-decoration:none;padding:13px 22px;border-radius:8px;font-weight:700}.enerval-ampel--gross{max-width:980px;padding:34px;gap:34px}.enerval-ampel--gross .enerval-traffic-light{width:116px;min-width:116px;padding:16px}.enerval-ampel--gross .light{width:84px;height:84px}.enerval-ampel--gross .enerval-title{font-size:34px}.enerval-ampel--gross .enerval-countdown strong{font-size:46px}.enerval-ampel--kompakt{max-width:650px;padding:16px;gap:16px}.enerval-ampel--kompakt .enerval-traffic-light{width:64px;min-width:64px;border-radius:14px;padding:9px;gap:7px}.enerval-ampel--kompakt .light{width:46px;height:46px}.enerval-ampel--kompakt .enerval-title{font-size:20px}.enerval-ampel--kompakt .enerval-text{font-size:14px}.enerval-ampel--kompakt .enerval-countdown strong{font-size:24px}

.enerval-ticker{--enerval-ticker-speed:24s;--enerval-ticker-bg:#303030;--enerval-ticker-color:#fff;--enerval-ticker-miniampel-height:50px;display:flex;align-items:center;width:100%;min-height:var(--enerval-ticker-min-height,50px);overflow:hidden;background:var(--enerval-ticker-bg);color:var(--enerval-ticker-color);font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.2}.enerval-ticker-side{display:flex;align-items:center;gap:12px;align-self:stretch;flex:0 0 auto;padding:0 14px;background:rgba(0,0,0,.18);border-right:1px solid rgba(255,255,255,.16)}.enerval-ticker-miniampel{height:var(--enerval-ticker-miniampel-height,50px);width:calc(var(--enerval-ticker-miniampel-height,50px) * .52);min-width:calc(var(--enerval-ticker-miniampel-height,50px) * .52);padding:calc(var(--enerval-ticker-miniampel-height,50px) * .08);display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#1f2328;border-radius:999px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.4)}.enerval-mini-light{display:block;width:calc(var(--enerval-ticker-miniampel-height,50px) * .22);height:calc(var(--enerval-ticker-miniampel-height,50px) * .22);border-radius:50%;background:#4b5563;opacity:.3;box-shadow:inset 0 0 5px rgba(0,0,0,.6)}.enerval-ticker-prefix{display:flex;align-items:center;align-self:stretch;font-weight:800;white-space:nowrap}.enerval-ticker[data-status="green"] .enerval-mini-light--green{background:#25c05a;opacity:1;box-shadow:0 0 10px rgba(37,192,90,.95), inset 0 0 4px rgba(255,255,255,.35)}.enerval-ticker[data-status="yellow"] .enerval-mini-light--yellow{background:#ffc400;opacity:1;box-shadow:0 0 10px rgba(255,196,0,.95), inset 0 0 4px rgba(255,255,255,.35)}.enerval-ticker[data-status="red"] .enerval-mini-light--red{background:#ef3340;opacity:1;box-shadow:0 0 10px rgba(239,51,64,.95), inset 0 0 4px rgba(255,255,255,.35)}.enerval-ticker[data-status="grey"] .enerval-mini-light{opacity:.24}.enerval-ticker-viewport{overflow:hidden;flex:1;min-width:0}.enerval-ticker-track{display:flex;width:max-content;animation:enervalTicker var(--enerval-ticker-speed) linear infinite;will-change:transform}.enerval-ticker-item{display:flex;align-items:center;gap:18px;white-space:nowrap;padding:0 28px}.enerval-ticker-separator{opacity:.7;margin:0 3px}.enerval-ticker-countdown{font-variant-numeric:tabular-nums;font-weight:800}.enerval-ticker-link{align-self:stretch;display:flex;align-items:center;white-space:nowrap;padding:0 20px;background:var(--enerval-ticker-link-bg,#fff);color:var(--enerval-ticker-link-color,#222)!important;text-decoration:none;font-weight:800;transition:background .15s ease}.enerval-ticker-link:hover{background:var(--enerval-ticker-link-hover-bg,#e5e7eb);color:var(--enerval-ticker-link-color,#222)!important}.enerval-ticker:hover .enerval-ticker-track{animation-play-state:paused}@keyframes enervalTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(max-width:640px){.enerval-ampel,.enerval-ampel--gross{align-items:flex-start;padding:18px;gap:14px}.enerval-ampel--gross .enerval-traffic-light{width:72px;min-width:72px;padding:10px}.enerval-ampel--gross .light{width:52px;height:52px}.enerval-ampel--gross .enerval-title{font-size:24px}.enerval-ampel--gross .enerval-countdown strong{font-size:30px}.enerval-countdown{flex-direction:column;gap:2px}.enerval-ticker{font-size:13px;min-height:44px}.enerval-ticker-side{gap:8px;padding:0 10px}.enerval-ticker-item{gap:14px;padding:0 20px}.enerval-ticker-link{padding:0 12px}}
@media(prefers-reduced-motion:reduce){.enerval-ticker-track{animation:none}.enerval-ticker-item[aria-hidden="true"]{display:none}.enerval-ticker-viewport{overflow:auto}}

/* Version 3: getrennte Countdowns für Standard und Express */
.enerval-ampel-content{flex:1;min-width:0}.enerval-option{border:1px solid #e3e6ea;border-radius:13px;padding:16px 18px;background:#fff}.enerval-option+.enerval-option{margin-top:13px}.enerval-option--standard{border-color:#b9dfc4;background:#f3fbf5}.enerval-option--express{border-color:#d9dde3;background:#fafbfc}.enerval-ampel[data-status="green"] .enerval-option--express{border-color:#9ed8ae;background:#f3fbf5}.enerval-ampel[data-status="yellow"] .enerval-option--express{border-color:#eed17b;background:#fffaf0}.enerval-option-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:18px;line-height:1.3}.enerval-option p{margin:7px 0 10px}.enerval-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#dff3e5;color:#157a34;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.enerval-badge--yellow{background:#fff0bd;color:#876100}.enerval-badge--grey{background:#eceff3;color:#58606c}.enerval-badge--red{background:#fde2e5;color:#a51d2d}.enerval-dual-countdown{display:flex;align-items:baseline;justify-content:space-between;gap:18px;border-top:1px solid rgba(0,0,0,.08);padding-top:10px}.enerval-dual-countdown span{font-size:13px;color:#5f6368}.enerval-countdown-value{font-size:28px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#1b7f3a;white-space:nowrap}.enerval-option--express .enerval-countdown-value{color:var(--active)}.enerval-option small{display:block;margin-top:8px;color:#666}.enerval-ampel--gross .enerval-option{padding:21px 24px}.enerval-ampel--gross .enerval-option-head{font-size:22px}.enerval-ampel--gross .enerval-countdown-value{font-size:38px}.enerval-ampel--kompakt .enerval-option{padding:13px 14px}.enerval-ampel--kompakt .enerval-option-head{font-size:16px}.enerval-ampel--kompakt .enerval-countdown-value{font-size:24px}
@media(max-width:640px){.enerval-option-head{align-items:flex-start;flex-direction:column;gap:7px}.enerval-dual-countdown{align-items:flex-start;flex-direction:column;gap:7px}.enerval-countdown-value{font-size:25px}.enerval-ampel--gross .enerval-countdown-value{font-size:30px}}

/* Version 3.1: getrennte CTA für Standard und Express */
.enerval-option-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:14px;padding:12px 16px;border-radius:8px;text-decoration:none!important;font-weight:800;line-height:1.2;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease;box-sizing:border-box}.enerval-option-button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,0,0,.12)}.enerval-option-button--standard{background:#303030;color:#fff!important}.enerval-option-button--express{background:#198b3c;color:#fff!important}.enerval-ampel[data-status="yellow"] .enerval-option-button--express{background:#b77d00}.enerval-option-button--disabled{background:#e4e7eb;color:#747b84;cursor:not-allowed;box-shadow:none}.enerval-option-button--disabled:hover{transform:none;box-shadow:none}.enerval-ampel--kompakt .enerval-option-button{min-height:42px;padding:10px 13px;font-size:14px}.enerval-ampel--gross .enerval-option-button{min-height:50px;font-size:16px}

/* Version 4.0: zwei Ampeln, volle Breite, gleich hohe Tarifkarten */
.enerval-ampel{display:block;width:100%;max-width:none;box-sizing:border-box}
.enerval-tariff-row{display:grid;grid-template-columns:116px minmax(0,1fr);gap:34px;align-items:stretch}
.enerval-tariff-row+.enerval-tariff-row{margin-top:18px}
.enerval-single-light{width:116px;min-height:100%;background:#222;border-radius:20px;padding:16px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 3px #111;box-sizing:border-box}
.enerval-single-light span{display:block;width:84px;height:84px;border-radius:50%;background:#555;box-shadow:inset 0 0 12px rgba(0,0,0,.65)}
.enerval-single-light--green span{background:#25c05a;box-shadow:0 0 18px rgba(37,192,90,.8),inset 0 0 10px rgba(255,255,255,.35)}
.enerval-single-light--yellow span{background:#ffc400;box-shadow:0 0 18px rgba(255,196,0,.85),inset 0 0 10px rgba(255,255,255,.35)}
.enerval-single-light--red span{background:#ef3340;box-shadow:0 0 18px rgba(239,51,64,.8),inset 0 0 10px rgba(255,255,255,.35)}
.enerval-single-light--grey span{opacity:.45}
.enerval-tariff-row .enerval-option{height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.enerval-tariff-row .enerval-option+.enerval-option{margin-top:0}
.enerval-tariff-row .enerval-option-button{margin-top:14px}
.enerval-ampel>.enerval-extra,.enerval-ampel>.enerval-note{margin-left:150px}
.enerval-ampel--kompakt .enerval-tariff-row{grid-template-columns:82px minmax(0,1fr);gap:16px}
.enerval-ampel--kompakt .enerval-single-light{width:82px;border-radius:16px;padding:10px}
.enerval-ampel--kompakt .enerval-single-light span{width:58px;height:58px}
.enerval-ampel--kompakt>.enerval-extra,.enerval-ampel--kompakt>.enerval-note{margin-left:98px}
@media(max-width:640px){.enerval-tariff-row,.enerval-ampel--kompakt .enerval-tariff-row{grid-template-columns:60px minmax(0,1fr);gap:10px}.enerval-single-light,.enerval-ampel--kompakt .enerval-single-light{width:60px;border-radius:13px;padding:8px}.enerval-single-light span,.enerval-ampel--kompakt .enerval-single-light span{width:42px;height:42px}.enerval-ampel>.enerval-extra,.enerval-ampel>.enerval-note,.enerval-ampel--kompakt>.enerval-extra,.enerval-ampel--kompakt>.enerval-note{margin-left:70px}}


/* Version 4.1: gemeinsamer Hinweis unter beiden Tarifen */
.enerval-common-note{margin-top:18px!important;padding-top:14px;border-top:1px solid #e5e7eb;font-size:14px;line-height:1.5;color:#5f6368;text-align:center}
@media(max-width:640px){.enerval-common-note{text-align:left;font-size:13px}}

/* Version 4.2: CTA-Farben im Backend einstellbar */
.enerval-option-button--standard{
  background:var(--enerval-standard-cta-bg,#303030);
  color:var(--enerval-standard-cta-color,#fff)!important;
}
.enerval-option-button--standard:hover{
  background:var(--enerval-standard-cta-hover-bg,#1f1f1f);
  color:var(--enerval-standard-cta-color,#fff)!important;
}
.enerval-option-button--express{
  background:var(--enerval-express-cta-bg,#198b3c);
  color:var(--enerval-express-cta-color,#fff)!important;
}
.enerval-option-button--express:hover{
  background:var(--enerval-express-cta-hover-bg,#137330);
  color:var(--enerval-express-cta-color,#fff)!important;
}
.enerval-ampel[data-status="yellow"] .enerval-option-button--express{
  background:var(--enerval-express-cta-yellow-bg,#b77d00);
}
.enerval-ampel[data-status="yellow"] .enerval-option-button--express:hover{
  background:var(--enerval-express-cta-yellow-hover-bg,#986700);
}


/* Version 4.3: Laufband-Linkfarben im Backend einstellbar; DIBt- und Zahlungshinweise entfernt */

/* Version 4.4: klarer vertikaler Trenner im Ticker */
.enerval-ticker-separator{opacity:.85;margin:0 6px;font-weight:800}

/* Version 4.5: Tickertext wird vollständig im Backend definiert. */

/* Version 4.6: alle Boxtexte und Schriftgrößen im Backend einstellbar */
.enerval-option-head{font-size:var(--enerval-fs-title,22px)}
.enerval-option>p{font-size:var(--enerval-fs-description,16px)}
.enerval-dual-countdown>span{font-size:var(--enerval-fs-countdown-label,13px)}
.enerval-countdown-value,.enerval-ampel--gross .enerval-countdown-value,.enerval-ampel--kompakt .enerval-countdown-value{font-size:var(--enerval-fs-countdown,38px)}
.enerval-badge{font-size:var(--enerval-fs-badge,11px)}
.enerval-option-button,.enerval-ampel--gross .enerval-option-button,.enerval-ampel--kompakt .enerval-option-button{font-size:var(--enerval-fs-button,16px)}
.enerval-option small{font-size:var(--enerval-fs-next-period,13px)}
.enerval-common-note{font-size:var(--enerval-fs-note,14px)}
.enerval-ticker{font-size:var(--enerval-ticker-font-size,15px)}
@media(max-width:640px){
  .enerval-option-head{font-size:var(--enerval-fs-mobile-title,18px)}
  .enerval-option>p{font-size:var(--enerval-fs-mobile-description,14px)}
  .enerval-dual-countdown>span{font-size:var(--enerval-fs-mobile-countdown-label,12px)}
  .enerval-countdown-value,.enerval-ampel--gross .enerval-countdown-value,.enerval-ampel--kompakt .enerval-countdown-value{font-size:var(--enerval-fs-mobile-countdown,28px)}
  .enerval-badge{font-size:var(--enerval-fs-mobile-badge,10px)}
  .enerval-option-button,.enerval-ampel--gross .enerval-option-button,.enerval-ampel--kompakt .enerval-option-button{font-size:var(--enerval-fs-mobile-button,14px)}
  .enerval-option small{font-size:var(--enerval-fs-mobile-next-period,12px)}
  .enerval-common-note{font-size:var(--enerval-fs-mobile-note,13px)}
  .enerval-ticker{font-size:var(--enerval-ticker-mobile-font-size,13px)}
}



/* Version 5.3: kompakte Header-Statusanzeige mit alternierend blinkenden Dioden */
.enerval-header-status{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:var(--ehs-height,36px);padding:4px 14px;box-sizing:border-box;background:var(--ehs-bg,#fff);color:var(--ehs-color,#202124);font-family:Inter,Arial,sans-serif;font-size:var(--ehs-font-size,14px);font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden}.enerval-header-status__group{display:flex;align-items:center;gap:8px;min-width:0}.enerval-header-status__text{overflow:hidden;text-overflow:ellipsis}.enerval-header-status__separator{opacity:.65;font-weight:800}.enerval-header-diodes{display:inline-flex;align-items:center;gap:var(--ehs-diode-gap,4px);flex:0 0 auto}.enerval-header-diodes i{display:block;width:var(--ehs-diode-size,10px);height:var(--ehs-diode-size,10px);border-radius:50%;background:currentColor;border:2px solid rgba(255,255,255,.95);box-sizing:border-box;opacity:1;animation:enervalHeaderDiodeBlink var(--ehs-blink-speed,900ms) ease-in-out infinite alternate;box-shadow:0 0 calc(var(--ehs-glow,8px) * .9) currentColor,0 0 0 1px rgba(255,255,255,.18)}.enerval-header-diodes i:nth-child(2){animation-delay:calc(var(--ehs-blink-speed,900ms) * -1)}.enerval-header-diodes--standard{color:var(--ehs-standard-color,#25c05a)}.enerval-header-diodes--express{color:var(--ehs-express-color,#25c05a)}.enerval-header-countdown{font-variant-numeric:tabular-nums;font-weight:800}@keyframes enervalHeaderDiodeBlink{0%{opacity:1;transform:scale(1)}100%{opacity:var(--ehs-dim-opacity,.28);transform:scale(.86)}}@media(max-width:760px){.enerval-header-status{justify-content:flex-start;gap:8px;padding:4px 10px;font-size:var(--ehs-mobile-font-size,12px);overflow-x:auto}.enerval-header-status__group{gap:6px}.enerval-header-status__separator{margin:0 2px}}@media(prefers-reduced-motion:reduce){.enerval-header-diodes i{animation:none;opacity:1}}

/* Version 5.5: transparenter Header-Hintergrund */
.enerval-header-status--transparent{background:transparent!important;background-color:transparent!important;box-shadow:none!important}