/* Ergänzungen für LIVOS Energies. Farben und Maße aus dem LIVOS-Build (brand #639152, neutral-500 #737373). */

.energies-band { display: inline-block; transition: color .2s ease; }
.energies-band:hover { color: #639152; }
.dark .energies-band { opacity: .85; }
.dark .energies-band:hover { color: #fff; opacity: 1; }

.energies-logogrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
@media (min-width: 768px) { .energies-logogrid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; } }
.energies-logo { min-height: 8rem; }
.energies-logo img { max-height: 3rem; max-width: 100%; width: auto; height: auto; }


.energies-bandzeile { padding-top: .75rem; }
@media (min-width: 1024px) { .energies-bandzeile { padding-top: 1rem; } }
.energies-band { font-size: .75rem; line-height: 1rem; letter-spacing: .05em; }
@media (min-width: 640px) { .energies-band { font-size: .875rem; line-height: 1.25rem; } }

.energies-kennzahlen-innen { padding-top: 5rem; padding-bottom: 5rem; }
@media (min-width: 768px) { .energies-kennzahlen-innen { padding-top: 8rem; padding-bottom: 8rem; } }

/* Partnerlogos einheitlich in LIVOS-Grau */
.energies-logo img { filter: grayscale(1); opacity: .75; transition: opacity .2s ease, filter .2s ease; }
.energies-logo:hover img { filter: none; opacity: 1; }
/* Weiße Originallogos (für dunkle Flächen gemacht) invertieren */
.energies-logo-hell img, .energies-logo-hell:hover img { filter: invert(1) grayscale(1); }

/* Immer heller Grund wie bei livos-gruppe.de: Das LIVOS-CSS setzt keinen Hintergrund, sonst scheint
   bei dunkel eingestelltem Browser/Webview dessen Grundfarbe durch. */
html { background-color: #fff; color-scheme: light; }

/* Dezenter Bildhinweis („Symbolbild“) */
.energies-mini { font-size: 9px; line-height: 1; letter-spacing: .03em; opacity: .7; }