/** * Lesbarer Kopfbereich der Vorlage auf den Seiten der Komponente. * * @package Joomla.Site * @subpackage com_wmimmo * * @copyright (C) 2026 Würfelmedia * @license GNU General Public License version 2 or later; see LICENSE.txt */ /* * Helix-Vorlagen legen den Kopfbereich **durchsichtig und absolut** ueber den * Inhalt - gedacht fuer Seiten mit einem dunklen Bühnenbild darunter, auf dem * weisse Menueschrift lesbar ist: * * #sp-header { position: absolute; height: 85px; } * .sp-megamenu-parent > li > a { color: #fff; } * * Unsere Ansichten haben kein Bühnenbild. Dort steht weiss auf weiss - das * Menue ist da, aber unsichtbar, und die ersten 85 Pixel des Inhalts liegen * unter dem Kopfbereich. * * Die Vorlage kennt das Problem und loest es fuer ihre eigene Suchansicht * (`.view-search #sp-header`). Diese Datei wendet dieselbe Behandlung auf die * Ansichten der Komponente an. * * **Nicht** uebernommen ist dabei die Farbwahl: die Vorlage setzt Knopf und * aktiven Menuepunkt auf `--sppb-color-secondary`. Das ist auf dieser Seite * ein helles Beige (#eee7dd) - mit weisser Schrift darauf unlesbar. Hier steht * deshalb die Hauptfarbe. * * Jeder Selektor haengt an der Klasse `com_wmimmo`, die Joomla auf dem * der Komponentenseiten setzt. Auf einer Vorlage ohne `#sp-header` * trifft keine einzige Regel - die Datei kostet dort nichts ausser ihrer * Groesse. */ .com_wmimmo #sp-header { position: relative; background-color: var(--sppb-bg-primary, Canvas); border-bottom: 1px solid var(--sppb-bg-card-primary, rgb(0 0 0 / 10%)); } .com_wmimmo #sp-header #sp-menu .sp-megamenu-parent > li > a { color: var(--sppb-text-primary, CanvasText); } .com_wmimmo #sp-header #sp-menu .sp-megamenu-parent > li.active > a, .com_wmimmo #sp-header #sp-menu .sp-megamenu-parent > li:hover > a { color: var(--sppb-color-primary, CanvasText); } .com_wmimmo #sp-header #sp-menu .sp-megamenu-parent > li::after { background-color: var(--sppb-color-primary, currentColor); } /* * Der Knopf im Kopfbereich ist im Original hell auf hell. `!important` steht * hier, weil die Vorlage ihn ebenfalls mit `!important` setzt - ohne das * bliebe er unleserlich. */ .com_wmimmo #sp-header .header-sticky-button.sppb-btn-custom { background-color: var(--sppb-color-primary, #333) !important; color: var(--sppb-text-varient-1, #fff) !important; } .com_wmimmo #sp-header #offcanvas-toggler .burger-icon > span { background-color: var(--sppb-color-primary, CanvasText); }