/** * Spalten-Umschalter für Avada – Styles * * Spalten (Elemente mit Klasse spalte-N) sind standardmäßig versteckt und * werden nur sichtbar, wenn das JavaScript ihnen .spalte-sichtbar gibt. * Da diese Regel im geladen wird, blitzen die Spalten beim Laden * NICHT kurz auf. Beim Sichtbarmachen wird KEIN display gesetzt, damit * Avadas eigenes (Flex-)Layout der Spalte erhalten bleibt. */ /* Alle umschaltbaren Spalten verstecken, außer der aktiven */ [class*="spalte-"]:not(.spalte-sichtbar) { display: none !important; } /* Aktiver Button bleibt im Hover-Look von Avada stehen. Nutzt Avadas eigene Hover-Variablen -> passt sich deinen Button-Farben an. */ .fusion-button.btn-aktiv { background: var(--button_gradient_top_color_hover) !important; border-color: var(--button_border_hover_color) !important; } /* Verlauf-Buttons: unten -> oben von Hover-Farben */ .fusion-button.btn-aktiv:not(.button-flat) { background-image: linear-gradient( to top, var(--button_gradient_bottom_color_hover), var(--button_gradient_top_color_hover) ) !important; } /* Textfarbe im Hover-Look */ .fusion-button.btn-aktiv .fusion-button-text, .fusion-button.btn-aktiv .awb-button__text { color: var(--button_accent_hover_color) !important; }