/* ========================================================== MWI TECHNICAL LAB – PV-Anlage Reparatur nach Wallstreet-Update ========================================================== */ /* ---------------------------------------------------------- Wallstreet darf die PV-Seite nicht auf eine schmale Content-Spalte begrenzen. ---------------------------------------------------------- */ html body.page-id-50989 .page-template, html body.page-id-50989 .page-section, html body.page-id-50989 .page-content, html body.page-id-50989 .entry-content, html body.page-id-50989 .post-content { width: 100% !important; max-width: none !important; } /* * Bootstrap-/Wallstreet-Container auf dieselbe großzügige * Arbeitsbreite wie News/Projekte bringen. */ html body.page-id-50989 main .container, html body.page-id-50989 .page-section > .container, html body.page-id-50989 .page-content > .container { width: min(1652px, calc(100vw - 80px)) !important; max-width: 1652px !important; margin-left: auto !important; margin-right: auto !important; } /* Eventuelle Bootstrap-Spaltenbegrenzung entfernen */ html body.page-id-50989 main .row, html body.page-id-50989 .page-section .row { width: 100% !important; max-width: none !important; } html body.page-id-50989 main [class*="col-"], html body.page-id-50989 .page-section [class*="col-"] { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } /* ---------------------------------------------------------- Das eigentliche PV-Dashboard ---------------------------------------------------------- */ html body.page-id-50989 .mw-dashboard { width: min(1450px, calc(100vw - 120px)) !important; max-width: 1450px !important; left: auto !important; transform: none !important; margin-left: auto !important; margin-right: auto !important; /* * Abstand zum festen Technical-Lab-Header. */ margin-top: 135px !important; margin-bottom: 70px !important; } /* * Bilder, SVG und Canvas dürfen ihre jeweiligen Boxen * nicht sprengen. */ html body.page-id-50989 .mw-dashboard img, html body.page-id-50989 .mw-dashboard svg, html body.page-id-50989 .mw-dashboard canvas { max-width: 100%; } /* ---------------------------------------------------------- Mobil ---------------------------------------------------------- */ @media (max-width: 900px) { html body.page-id-50989 main .container, html body.page-id-50989 .page-section > .container, html body.page-id-50989 .page-content > .container { width: 100% !important; max-width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; } html body.page-id-50989 .mw-dashboard { width: calc(100vw - 30px) !important; max-width: none !important; margin-top: 110px !important; margin-bottom: 50px !important; } } /* ========================================================== MWI PV – News/Projekte Design ========================================================== */ /* ---------------------------------------------------------- Gesamtbreite ---------------------------------------------------------- */ html body.page-id-50989 .mw-dashboard { width: min(1652px, calc(100vw - 80px)) !important; max-width: 1652px !important; margin-top: 135px !important; margin-left: auto !important; margin-right: auto !important; background: linear-gradient( 135deg, rgba(10, 11, 12, .82), rgba(28, 28, 28, .70) ) !important; border: 1px solid rgba(255, 190, 0, .55) !important; border-radius: 20px !important; box-shadow: 0 18px 45px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255,255,255,.035) !important; overflow: hidden !important; } /* ---------------------------------------------------------- Hero ---------------------------------------------------------- */ html body.page-id-50989 .mw-hero { min-height: 430px !important; padding: 55px 60px 45px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* * Bild etwas transparenter/dunkler, damit der Hero optisch * stärker mit dem restlichen Technical-Lab-Design verschmilzt. */ html body.page-id-50989 .mw-hero::before { background: linear-gradient( 90deg, rgba(3, 10, 14, .92) 0%, rgba(3, 10, 14, .70) 32%, rgba(3, 10, 14, .28) 62%, rgba(3, 10, 14, .06) 100% ), url("/wp-content/uploads/2023/05/Solardach-1536x566.jpg") center top / cover no-repeat !important; } /* ---------------------------------------------------------- Rock Salt – Hauptüberschrift ---------------------------------------------------------- */ html body.page-id-50989 .mw-title { max-width: 760px !important; margin: 0 0 24px !important; font-family: "Rock Salt", cursive !important; font-size: clamp(30px, 3vw, 48px) !important; font-weight: 400 !important; line-height: 1.45 !important; color: #f5f5f5 !important; text-shadow: none !important; } html body.page-id-50989 .mw-title span { color: #ffbf00 !important; } /* Untertitel deutlich ruhiger */ html body.page-id-50989 .mw-subtitle { max-width: 650px !important; font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 20px !important; line-height: 1.55 !important; color: #f0f0f0 !important; } /* Statuszeile */ html body.page-id-50989 .mw-status { font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 16px !important; } /* ---------------------------------------------------------- Karten – transparent statt Glow ---------------------------------------------------------- */ html body.page-id-50989 .mw-power-card, html body.page-id-50989 .mw-card, html body.page-id-50989 .mw-about { background: linear-gradient( 135deg, rgba(10, 11, 12, .78), rgba(28, 28, 28, .68) ) !important; border: 1px solid rgba(255, 190, 0, .50) !important; border-radius: 16px !important; box-shadow: 0 12px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025) !important; } /* * Den bisherigen grünen Glow der Leistungskarte entfernen. * Grün bleibt für Messwerte und Icons erhalten. */ html body.page-id-50989 .mw-power-card { box-shadow: 0 12px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025) !important; } /* ---------------------------------------------------------- Überschriften – Rock Salt + Gold ---------------------------------------------------------- */ html body.page-id-50989 .mw-power-label, html body.page-id-50989 .mw-card h2, html body.page-id-50989 .mw-about h2 { font-family: "Rock Salt", cursive !important; color: #ffbf00 !important; font-weight: 400 !important; text-shadow: none !important; } html body.page-id-50989 .mw-power-label { font-size: 21px !important; line-height: 1.5 !important; } html body.page-id-50989 .mw-card h2, html body.page-id-50989 .mw-about h2 { font-size: 23px !important; line-height: 1.55 !important; margin-bottom: 18px !important; } /* ---------------------------------------------------------- Messwert der aktuellen Leistung ---------------------------------------------------------- */ html body.page-id-50989 .mw-power-value { font-family: Georgia, "Times New Roman", Times, serif !important; font-size: clamp(48px, 4vw, 68px) !important; line-height: 1.05 !important; color: #fff !important; text-shadow: none !important; } html body.page-id-50989 .mw-power-subline { font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 17px !important; line-height: 1.5 !important; color: #f0f0f0 !important; } /* ---------------------------------------------------------- Karteninhalt / Fließtext ---------------------------------------------------------- */ html body.page-id-50989 .mw-row > span:not(.mw-row-icon), html body.page-id-50989 .mw-about p, html body.page-id-50989 .mw-footer-row { font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 16px !important; line-height: 1.65 !important; color: #f0f0f0 !important; } html body.page-id-50989 .mw-value { font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 18px !important; line-height: 1.4 !important; } /* ---------------------------------------------------------- Grid großzügiger ausnutzen ---------------------------------------------------------- */ html body.page-id-50989 .mw-content-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px !important; padding-left: 34px !important; padding-right: 34px !important; } /* Leistungskarte ebenfalls etwas großzügiger */ html body.page-id-50989 .mw-power-card { margin-left: 34px !important; margin-right: 34px !important; padding: 28px 32px !important; } /* ---------------------------------------------------------- Diagramm ---------------------------------------------------------- */ html body.page-id-50989 .mw-chart-wrap { background: rgba(0, 0, 0, .20) !important; border: 1px solid rgba(255, 190, 0, .18) !important; box-shadow: none !important; border-radius: 10px !important; } /* ---------------------------------------------------------- Mobil ---------------------------------------------------------- */ @media (max-width: 900px) { html body.page-id-50989 .mw-dashboard { width: calc(100vw - 30px) !important; margin-top: 110px !important; border-radius: 15px !important; } html body.page-id-50989 .mw-hero { min-height: 330px !important; padding: 36px 25px !important; } html body.page-id-50989 .mw-title { font-size: 27px !important; line-height: 1.55 !important; } html body.page-id-50989 .mw-subtitle { font-size: 17px !important; } html body.page-id-50989 .mw-power-card { margin-left: 16px !important; margin-right: 16px !important; padding: 22px 20px !important; } html body.page-id-50989 .mw-content-grid { grid-template-columns: 1fr !important; padding-left: 16px !important; padding-right: 16px !important; } html body.page-id-50989 .mw-power-label { font-size: 18px !important; } html body.page-id-50989 .mw-card h2, html body.page-id-50989 .mw-about h2 { font-size: 19px !important; } html body.page-id-50989 .mw-power-value { font-size: 44px !important; } html body.page-id-50989 .mw-row > span:not(.mw-row-icon), html body.page-id-50989 .mw-about p { font-size: 15px !important; } } /* ========================================================== MWI PV – Feinschliff Abstände + Karten-Typografie ========================================================== */ /* Abstand unter dem festen Header reduzieren */ html body.page-id-50989 .mw-dashboard { margin-top: 70px !important; } /* ---------------------------------------------------------- Umwelt + Photovoltaik Beschriftungen etwas größer und besser lesbar ---------------------------------------------------------- */ html body.page-id-50989 .mw-card .mw-row > span:not(.mw-row-icon) { font-size: 18px !important; line-height: 1.55 !important; } /* Messwerte rechts etwas stärker hervorheben */ html body.page-id-50989 .mw-card .mw-value { font-size: 20px !important; line-height: 1.4 !important; font-weight: 700 !important; } /* Die Rock-Salt-Überschriften dürfen ebenfalls minimal wachsen */ html body.page-id-50989 .mw-card h2 { font-size: 25px !important; line-height: 1.5 !important; } /* Auf kleineren Bildschirmen wieder etwas kompakter */ @media (max-width: 900px) { html body.page-id-50989 .mw-dashboard { margin-top: 55px !important; } html body.page-id-50989 .mw-card .mw-row > span:not(.mw-row-icon) { font-size: 16px !important; } html body.page-id-50989 .mw-card .mw-value { font-size: 18px !important; } html body.page-id-50989 .mw-card h2 { font-size: 21px !important; } }