/* ============================================================================ GX Themes, fertige Farbwelten für den Baukasten Einbinden NACH gx.css und die passende Klasse auf setzen: Wer nur eine Marke braucht, kopiert den entsprechenden Block direkt in die :root der Zielseite. Mehr als diese Variablen ist nie nötig. ========================================================================= */ /* Sonnenexpert, Gold auf Tiefschwarz. Gold ist hell, deshalb dunkle Schrift auf dem Knopf, sonst verschwindet die Beschriftung. */ .gx-se{ --gx-accent:#FEDA03; --gx-accent-2:#E6B23C; --gx-accent-ink:#1A1205; --gx-bg:#08090B; --gx-bg-2:#0E100F; --gx-bg-3:#16181A; } /* SUNlife energy, Neon-Lime. Trifft den Premium-Dark-Look ohne Anpassung. */ .gx-sunlife{ --gx-accent:#7DC42A; --gx-accent-2:#F5B400; --gx-accent-ink:#07120A; --gx-bg:#070907; --gx-bg-2:#0C110C; --gx-bg-3:#131A13; } /* JM Energy Consulting und MM persönlich, Orange. */ .gx-jmec{ --gx-accent:#FF6711; --gx-accent-2:#F5B400; --gx-accent-ink:#0A0A0A; --gx-bg:#08090B; --gx-bg-2:#0D0F12; --gx-bg-3:#14171B; } /* Editorial, für Berichte, Exposés, Datenräume. Warmes Gold, viel Papier. */ .gx-editorial{ --gx-accent:#C9A227; --gx-accent-2:#8A6A12; --gx-accent-ink:#14110A; --gx-bg:#0B0B0C; --gx-bg-2:#111113; --gx-bg-3:#17171A; --gx-ink:#F2EFE9; --gx-ink-2:#B3ADA2; } /* Marmor und Gold, Anschluss an den bestehenden Look der Optik-Bibliothek. Gold bleibt Leitton, die Marke wird nur Zweitmarker. */ .gx-marmor{ --gx-accent:#D9B24C; --gx-accent-2:#8C6B22; --gx-accent-ink:#14110A; --gx-bg:#0A0A0B; --gx-bg-2:#101012; --gx-bg-3:#17171A; --gx-line:rgba(217,178,76,.20); --gx-line-soft:rgba(217,178,76,.10); } /* Immobilien / ImmoDesk, kühles Nachtblau mit Messing. */ .gx-immo{ --gx-accent:#C8A15A; --gx-accent-2:#5B7FA8; --gx-accent-ink:#12100A; --gx-bg:#080A0E; --gx-bg-2:#0D1016; --gx-bg-3:#141821; } /* Helle Fassung jeder Marke: zusätzlich .gx-light setzen. Der Akzent bleibt, nur die Flächen drehen sich. Ohne diese Regel würde Gold auf Elfenbein untergehen, deshalb wird es im Hellen leicht abgedunkelt. */ .gx-light.gx-se{ --gx-accent:#B08D00; --gx-accent-ink:#FFFFFF; } .gx-light.gx-sunlife{ --gx-accent:#5C9A1B; --gx-accent-ink:#FFFFFF; } .gx-light.gx-jmec{ --gx-accent:#E85400; --gx-accent-ink:#FFFFFF; } .gx-light.gx-editorial{ --gx-accent:#8A6A12; --gx-accent-ink:#FFFFFF; } .gx-light.gx-marmor{ --gx-accent:#8C6B22; --gx-accent-ink:#FFFFFF; } .gx-light.gx-immo{ --gx-accent:#8A6A2E; --gx-accent-ink:#FFFFFF; }