/* * Rechtliches-Seite (Post 682): Tab-Umschaltung zwischen Impressum, * Datenschutz, AGB und Widerruf, plus Gestaltung fuer die eingefuegten * echten Rechtstexte. Nur auf /neu-rechtliches/ geladen. * * Die Klick-Logik (functions.php, wp_footer) setzt die Klasse * "dk-recht-abschnitt" auf alle vier Abschnitte und "is-active" auf genau * den, der zum aktuellen #hash passt - hier wird nur noch aus- und * eingeblendet. */ /* * "!important" noetig: base-desktop.css setzt .e-div-block-base{display:block} * und laedt NACH dieser Datei (Elementor-CSS wird immer spaet im * ausgegeben) - bei gleicher Spezifitaet gewinnt sonst die spaetere Regel. */ .dk-recht-abschnitt { display: none !important; } .dk-recht-abschnitt.is-active { display: block !important; } /* Kurzwahl-Leiste oben: aktiver Tab wie die anderen aktiven Zustaende im neuen Design (Signalgruen), inaktive bleiben transparent/grau. */ .dk-recht-tab.is-active { background-color: #a8e51f !important; border-color: #a8e51f !important; color: #1c231a !important; } /* * Die Rechtstexte (Impressum, Datenschutz, AGB, Widerruf) stecken als * einzelne e-paragraph-Bausteine unter den vier Abschnitten - Elementors * Atomic-Widgets erlauben in diesem Widget-Typ nur Inline-Tags (b, i, em, * a, strong, br, ul, ol, li, blockquote - siehe * [[druckio-elementor-html-widget-grenzen]]), kein eigener Wrapper mit * fester Klasse. Farbe der Absaetze selbst kommt schon aus dem * Elementor-JSON (helle Schrift wie ueberall); hier wird nur nachgezogen, * was Elementor nicht abdeckt: Links (Browser-Standardblau) und Listen. */ /* Fallback nur fuer klassenlose

(Elementors leerer Platzhalter fuer einen inhaltslosen Absatz) - die eigentlichen Text-Absaetze haben schon ihre Elementor-Klasse mit korrekter Farbe und sollen die nicht verlieren. */ .dk-recht-abschnitt p:not([class]) { color: #dbe0e6 !important; } .dk-recht-abschnitt a { color: #a8e51f !important; text-decoration: underline; } .dk-recht-abschnitt strong, .dk-recht-abschnitt em, .dk-recht-abschnitt b, .dk-recht-abschnitt i, .dk-recht-abschnitt span { color: #dbe0e6 !important; } .dk-recht-abschnitt blockquote { background: #22262d; border-left: 3px solid #a8e51f; border-radius: 8px; display: block; margin: 10px 0; padding: 12px 16px; } .dk-recht-abschnitt ul, .dk-recht-abschnitt ol { margin: 8px 0; padding-left: 22px; } .dk-recht-abschnitt li { color: #dbe0e6 !important; margin-bottom: 6px; }