/* ----- Hintergrund ----- */
body.page-id-82 {
    background-color: #363434 !important;
}

/* ----- Menüleiste nur auf Seite 82 ----- */
body.page-id-82 #masthead,
body.page-id-82 #masthead .main-navigation,
body.page-id-82 #masthead .main-navigation ul li a {
    background-color: #f28d40 !important;
}

/* Menü-Hover & aktive Links (ebenfalls nur Seite 82) */
body.page-id-82 #masthead .main-navigation ul li a:hover,
body.page-id-82 #masthead .main-navigation ul li.current_page_item > a {
    background-color: #d77d38 !important; /* etwas dunkler für Hover */
}

/* ----- Footer nur auf Seite 82 ----- */
body.page-id-82 #colophon,
body.page-id-82 #colophon .site-info,
body.page-id-82 #colophon .widget-area {
    background-color: #f28d40 !important;
    color: #ffffff !important;
}

/* Footer Links nur auf Seite 82 */
body.page-id-82 #colophon a {
    color: #ffffff !important;
}

/* ----- Überschriften im Inhalt farbig ----- */
body.page-id-82 h1,
body.page-id-82 h2,
body.page-id-82 h3,
body.page-id-82 h4,
body.page-id-82 h5,
body.page-id-82 h6 {
    color: #f28d40 !important;
}

/* ==========================================
   LOGO nur auf Seite 82 ersetzen (Vantage)
   ========================================== */

/* Variante A – häufig bei Vantage: Logo als  in .hgroup */
body.page-id-82 #masthead .hgroup img {
    opacity: 0 !important;              /* altes Logo unsichtbar machen */
}

/* Neues Logo als Hintergrund auf dem Link/Container */
body.page-id-82 #masthead .hgroup a {
    display: inline-block;
    background-image: url('https://e-manager.cloud/wp-content/uploads/2025/11/Logo_Energietechnik_1-e1763218044614.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    width: 250px;   /* ▶ an dein Logo anpassen */
    height: 64px;   /* ▶ an dein Logo anpassen */
}

/* Variante B – falls dein Theme .site-branding nutzt statt .hgroup */
/* Wenn A schon funktioniert, kannst du diesen Block löschen. */
body.page-id-82 #masthead .site-branding img {
    opacity: 0 !important;
}