.gform_required_legend { display: none !important; } @media (min-width: 1024px) { #steps .steps-container { padding-top: 0; padding-bottom: 0; } } @media (min-width: 1024px) { .business-model-benefits-inner { padding-block: 0; padding-top: 112px; padding-bottom: 1px } } @media (min-width: 1024px) { .markets-inner { padding-top: 0; } } .testimonial-section { display: none; } /* ============================================================ Borlabs Cookie 3.4.x — SOL Solution Point Corporate Design ------------------------------------------------------------ Einfügen unter: Borlabs Cookie → Dialog → Aussehen → Eigenes CSS (dieses Feld schreibt Borlabs als LETZTES in die generierte Stylesheet-Datei und überschreibt damit alles andere). Funktionsweise: Borlabs erzeugt sein komplettes Dialog-Styling aus CSS-Custom-Properties, die es auf :root setzt (siehe StyleBuilder.php im Plugin). Wir definieren genau diese Variablen neu — dadurch sind keine Selektor-Overrides nötig und das Ganze bleibt update-sicher. Das !important an den Variablen macht es zusätzlich unabhängig davon, ob die Datei vor oder nach dem Borlabs-Stylesheet geladen wird. SOL-Farbtokens (aus assets/css/tokens.css des Themes): blue-dark #004B87 blue-light #62B5E5 blue-medium #247DAB blue-ink #012847 gray-900 #1A1A1A gray-700 #75787B gray-300 #D7DFEA gray-100 #F3F5F6 Radien: control 8px · card 12px · panel 22px · Buttons: Pill (999px) ============================================================ */ :root { /* --- Grundlagen ------------------------------------------ */ --dialog-font-family: "Noto Sans Variable", Arial, system-ui, -apple-system, "Segoe UI", sans-serif !important; --dialog-font-size: 16px !important; --dialog-background-color: #ffffff !important; --dialog-text-color: #1a1a1a !important; --dialog-separator-color: #d7dfea !important; /* Dialog-Ecken = Panel-Radius (22px) */ --dialog-border-radius-top-left: 22px !important; --dialog-border-radius-top-right: 22px !important; --dialog-border-radius-bottom-left: 22px !important; --dialog-border-radius-bottom-right: 22px !important; /* Backdrop in Brand-Ink statt Neutralschwarz */ --dialog-backdrop-background-color: #012847 !important; --dialog-backdrop-background-opacity: 0.7 !important; /* --- Buttons: durchgehend Pill-Form ---------------------- */ --dialog-button-border-radius-top-left: 999px !important; --dialog-button-border-radius-top-right: 999px !important; --dialog-button-border-radius-bottom-left: 999px !important; --dialog-button-border-radius-bottom-right: 999px !important; /* Primär: "Alle akzeptieren" + "Auswahl speichern" */ --dialog-button-accept-all-color: #004b87 !important; --dialog-button-accept-all-text-color: #ffffff !important; --dialog-button-accept-all-color-hover: #247dab !important; --dialog-button-accept-all-text-color-hover: #ffffff !important; --dialog-button-save-consent-color: #004b87 !important; --dialog-button-save-consent-text-color: #ffffff !important; --dialog-button-save-consent-color-hover: #247dab !important; --dialog-button-save-consent-text-color-hover: #ffffff !important; /* Sekundär (Outline-Optik wie .sol-btn--outline im Theme): "Nur essenzielle", "Einstellungen", "Auswahl", "Schließen" */ --dialog-button-accept-only-essential-color: #ffffff !important; --dialog-button-accept-only-essential-text-color: #004b87 !important; --dialog-button-accept-only-essential-color-hover: #004b87 !important; --dialog-button-accept-only-essential-text-color-hover: #ffffff !important; --dialog-button-preferences-color: #ffffff !important; --dialog-button-preferences-text-color: #004b87 !important; --dialog-button-preferences-color-hover: #004b87 !important; --dialog-button-preferences-text-color-hover: #ffffff !important; --dialog-button-selection-color: #ffffff !important; --dialog-button-selection-text-color: #004b87 !important; --dialog-button-selection-color-hover: #004b87 !important; --dialog-button-selection-text-color-hover: #ffffff !important; --dialog-button-close-color: #ffffff !important; --dialog-button-close-text-color: #004b87 !important; --dialog-button-close-color-hover: #004b87 !important; --dialog-button-close-text-color-hover: #ffffff !important; /* --- Links ------------------------------------------------ */ --dialog-link-primary-color: #004b87 !important; --dialog-link-primary-color-hover: #247dab !important; --dialog-link-secondary-color: #75787b !important; --dialog-link-secondary-color-hover: #004b87 !important; /* --- Schalter (Service-Gruppen an/aus) ------------------- */ --dialog-switch-button-background-color-active: #004b87 !important; --dialog-switch-button-color-active: #ffffff !important; --dialog-switch-button-background-color-inactive: #d7dfea !important; --dialog-switch-button-color-inactive: #ffffff !important; /* --- Checkboxen ------------------------------------------ */ --dialog-checkbox-background-color-active: #004b87 !important; --dialog-checkbox-border-color-active: #004b87 !important; --dialog-checkbox-check-mark-color-active: #ffffff !important; --dialog-checkbox-background-color-inactive: #ffffff !important; --dialog-checkbox-border-color-inactive: #d7dfea !important; --dialog-checkbox-background-color-disabled: #f3f5f6 !important; --dialog-checkbox-border-color-disabled: #d7dfea !important; --dialog-checkbox-check-mark-color-disabled: #75787b !important; --dialog-checkbox-border-radius-top-left: 4px !important; --dialog-checkbox-border-radius-top-right: 4px !important; --dialog-checkbox-border-radius-bottom-left: 4px !important; --dialog-checkbox-border-radius-bottom-right: 4px !important; /* --- Bedienelemente (Pfeile, Aufklapper) ----------------- */ --dialog-control-element-color: #004b87 !important; --dialog-control-element-color-hover: #247dab !important; /* --- Karten (Service-Details) ---------------------------- */ --dialog-card-background-color: #f3f5f6 !important; --dialog-card-text-color: #1a1a1a !important; --dialog-card-separator-color: #d7dfea !important; --dialog-card-control-element-color: #004b87 !important; --dialog-card-control-element-color-hover: #247dab !important; --dialog-card-border-radius-top-left: 12px !important; --dialog-card-border-radius-top-right: 12px !important; --dialog-card-border-radius-bottom-left: 12px !important; --dialog-card-border-radius-bottom-right: 12px !important; /* --- Listen ---------------------------------------------- */ --dialog-list-border-radius-top-left: 12px !important; --dialog-list-border-radius-top-right: 12px !important; --dialog-list-border-radius-bottom-left: 12px !important; --dialog-list-border-radius-bottom-right: 12px !important; --dialog-list-item-background-color-odd: #ffffff !important; --dialog-list-item-background-color-even: #f3f5f6 !important; --dialog-list-item-text-color-odd: #1a1a1a !important; --dialog-list-item-text-color-even: #1a1a1a !important; --dialog-list-item-separator-color: #d7dfea !important; --dialog-list-item-separator-width: 1px !important; --dialog-list-item-control-element-color: #004b87 !important; --dialog-list-item-control-element-color-hover: #247dab !important; --dialog-list-item-control-element-separator-color: #d7dfea !important; /* --- Tab-Leiste ------------------------------------------ */ --dialog-tab-bar-tab-background-color-active: #ffffff !important; --dialog-tab-bar-tab-text-color-active: #004b87 !important; --dialog-tab-bar-tab-background-color-inactive: #f3f5f6 !important; --dialog-tab-bar-tab-text-color-inactive: #75787b !important; --dialog-tab-bar-tab-border-color-bottom-active: #62b5e5 !important; --dialog-tab-bar-tab-border-width-bottom-active: 2px !important; --dialog-tab-bar-tab-border-color-bottom-inactive: #d7dfea !important; --dialog-tab-bar-tab-border-width-bottom-inactive: 2px !important; --dialog-tab-bar-tab-border-radius-top-left-active: 12px !important; --dialog-tab-bar-tab-border-radius-top-right-active: 12px !important; --dialog-tab-bar-tab-border-radius-top-left-inactive: 12px !important; --dialog-tab-bar-tab-border-radius-top-right-inactive: 12px !important; /* --- Tabellen (Service-/Anbieter-Details) ---------------- */ --dialog-table-row-background-color-odd: #ffffff !important; --dialog-table-row-background-color-even: #f3f5f6 !important; --dialog-table-row-text-color-odd: #1a1a1a !important; --dialog-table-row-text-color-even: #1a1a1a !important; --dialog-table-row-border-color: #d7dfea !important; --dialog-table-border-radius-top-left: 12px !important; --dialog-table-border-radius-top-right: 12px !important; --dialog-table-border-radius-bottom-left: 12px !important; --dialog-table-border-radius-bottom-right: 12px !important; /* --- Suchfeld -------------------------------------------- */ --dialog-search-bar-input-background-color: #ffffff !important; --dialog-search-bar-input-text-color: #1a1a1a !important; --dialog-search-bar-input-border-color-default: #d7dfea !important; --dialog-search-bar-input-border-color-focus: #62b5e5 !important; --dialog-search-bar-input-border-radius-top-left: 8px !important; --dialog-search-bar-input-border-radius-top-right: 8px !important; --dialog-search-bar-input-border-radius-bottom-left: 8px !important; --dialog-search-bar-input-border-radius-bottom-right: 8px !important; /* --- Fußzeile des Dialogs -------------------------------- */ --dialog-footer-background-color: #f3f5f6 !important; --dialog-footer-text-color: #75787b !important; /* --- Widget (schwebender Cookie-Button) ------------------ */ --widget-background-color: #004b87 !important; --widget-color: #ffffff !important; --widget-border-radius-top-left: 999px !important; --widget-border-radius-top-right: 999px !important; --widget-border-radius-bottom-left: 999px !important; --widget-border-radius-bottom-right: 999px !important; /* --- Content Blocker (YouTube-/Maps-Platzhalter) --------- */ --content-blocker-font-family: "Noto Sans Variable", Arial, system-ui, -apple-system, "Segoe UI", sans-serif !important; --content-blocker-background: #f3f5f6 !important; --content-blocker-background-color: #f3f5f6 !important; --content-blocker-text-color: #1a1a1a !important; --content-blocker-link-color: #004b87 !important; --content-blocker-link-color-hover: #247dab !important; --content-blocker-separator-color: #d7dfea !important; --content-blocker-button-color: #004b87 !important; --content-blocker-button-text-color: #ffffff !important; --content-blocker-button-color-hover: #247dab !important; --content-blocker-button-text-color-hover: #ffffff !important; --content-blocker-border-radius-top-left: 12px !important; --content-blocker-border-radius-top-right: 12px !important; --content-blocker-border-radius-bottom-left: 12px !important; --content-blocker-border-radius-bottom-right: 12px !important; --content-blocker-button-border-radius-top-left: 999px !important; --content-blocker-button-border-radius-top-right: 999px !important; --content-blocker-button-border-radius-bottom-left: 999px !important; --content-blocker-button-border-radius-bottom-right: 999px !important; } /* ============================================================ Feinschliff, den die Borlabs-Variablen nicht abdecken. Bewusst nur Optik — keine Layout-/Positions-Properties. ============================================================ */ /* Brand-Gradient auf den Primär-Buttons (wie .sol-btn--primary im Theme: der Verlauf kippt beim Hover die Richtung). */ #BorlabsCookieBox .brlbs-btn-accept-all, #BorlabsCookieBox .brlbs-btn-save { background-image: linear-gradient(160deg, #62b5e5 0%, #004b87 100%) !important; transition: background-image 450ms ease, background-color 450ms ease !important; } #BorlabsCookieBox .brlbs-btn-accept-all:hover, #BorlabsCookieBox .brlbs-btn-save:hover { background-image: linear-gradient(160deg, #004b87 0%, #62b5e5 100%) !important; } /* Sekundär-Buttons bekommen die 2px-Kontur aus dem Theme. */ #BorlabsCookieBox .brlbs-btn-accept-only-essential, #BorlabsCookieBox .brlbs-cmpnt-btn-preferences, #BorlabsCookieBox .brlbs-cmpnt-btn-selection { border: 2px solid #004b87 !important; } /* Button-Typografie: 700 + 0.04em Laufweite wie alle SOL-Buttons. */ #BorlabsCookieBox .brlbs-cmpnt-btn, #BorlabsCookieBox .brlbs-btn-accept-all, #BorlabsCookieBox .brlbs-btn-accept-only-essential, #BorlabsCookieBox .brlbs-btn-save, #BorlabsCookieBox .brlbs-cmpnt-btn-preferences, #BorlabsCookieBox .brlbs-cmpnt-btn-selection { font-weight: 700 !important; letter-spacing: 0.04em !important; } /* Dialog-Schatten = --shadow-sol-hover des Themes. */ #BorlabsCookieBox .brlbs-cmpnt-dialog { box-shadow: 0 16px 40px rgba(0, 75, 135, 0.16) !important; } /* Fokus-Ring exakt wie im Theme (:focus-visible in base.css). */ #BorlabsCookieBox .brlbs-cmpnt-btn:focus-visible, #BorlabsCookieBox .brlbs-btn-accept-all:focus-visible, #BorlabsCookieBox .brlbs-btn-accept-only-essential:focus-visible, #BorlabsCookieBox .brlbs-btn-save:focus-visible, #BorlabsCookieBox .brlbs-cmpnt-btn-preferences:focus-visible, #BorlabsCookieBox .brlbs-cmpnt-btn-selection:focus-visible, #BorlabsCookieBox a:focus-visible { outline: none !important; box-shadow: 0 0 0 3px rgba(98, 181, 229, 0.55) !important; } .bm-flow-wrap .text-block { margin-bottom: 40px }