/* defaults */ /* * dialog-bewegt * blue: #320096 * orange: #ff8200 * green: #c8d200 */ :root { /* custom part */ --main-color-1: #320096; /* #006171; */ --main-color-2: #c8d200;/* #d3d93e; */ --main-highlight-1: #eee; /* custom 2 */ --main-highlight-2: #999; /* custom */ --base-font-color-1: #000000; --base-font-color-invert-1: #ffffff; --base-font-color-2: #333333; /* --base-font-color-invert-2: #ffffff; */ --focus-outline: 0.0625rem red solid; /* end custom part */ /* ---------------------------------- */ /* global fonts part */ --hx-font-family: 'Barlow Condensed', sans-serif; --hx-font-weight: 500; --hx-letter-spacing: 0.05rem; --p-font-family: 'Barlow Condensed', sans-serif; --p-font-weight: 300; --p-letter-spacing: 0.05rem; --strong-font-family: 'Barlow Condensed', sans-serif; --strong-font-weight: 500; --strong-letter-spacing: 0.05rem; --a-font-family: 'Barlow Condensed', sans-serif; --a-font-weight: 500; --a-letter-spacing: 0.05rem; --label-font-family: 'Barlow Condensed', sans-serif; --label-font-weight: 300; --label-letter-spacing: 0.05rem; --btn-font-family: 'Barlow Condensed', sans-serif; --btn-font-weight: 500; --btn-letter-spacing: 0.05rem; /* end global fonts part */ /* ---------------------------------- */ /* mmenu part */ --mm-color-background: var(--main-color-1); --mm-color-text: var(--main-highlight-1); --mm-color-button: var(--main-highlight-1); /* end mmenu part */ /* ---------------------------------- */ /* backend.css */ --tabs-c: var(--main-color-1); --tabs-c-hover: #ffffff; --tabs-c-active: #ffffff; --tabs-bg-active: var(--main-color-1); --tabs-bg-hover: var(--main-color-1); /* msg.css */ --short-popup-c-one: var(--main-color-1); --short-popup-c-two: var(--base-font-color-1); --short-popup-bg-overlay: rgba(0, 0, 0, 0.5); --short-popup-bg-box: #ffffff; /* form.css */ --btn-bg: var(--main-color-1); --btn-c: #ffffff; --btn-bg-hover: var(--main-color-2); --btn-c-hover: #ffffff; --form-input-text-bg: var(--main-highlight-1); --form-input-text-c: var(--base-font-color-1); --form-input-checkbox-bg: var(--main-highlight-1); --form-input-checkbox-br-c: var(--main-highlight-1); --form-input-checkbox-active-c: var(--main-color-1); --form-input-radio-bg: var(--main-highlight-1); --form-input-radio-br-c: var(--main-highlight-1); --form-input-checkbox-active-c: var(--main-color-1); --search-results-bg: var(--main-highlight-1); /* leaflet.css */ --leaflet-popup-c: var(--base-font-color-2); --leaflet-popup-bg:white; --leaflet-popup-box-shadow: 10px 10px 0px 0px rgba(0,164,180,1); --leaflet-popup-close-bg: var(--base-font-color-2); --leaflet-popup-close-hover-c: white; --leaflet-popup-close-hover-bg: var(--base-font-color-2); --leaflet-popup-btn-c: white; /* paragraph.css */ --accordion-label-c: var(--main-color-1); --accordion-title-bg: var(--main-highlight-1); --accordion-title-hover-c: var(--main-color-2); --accordion-content-bg: var(--main-highlight-1); --teaser-bg: var(--main-highlight-1); --teaser-c: var(--base-font-color-1); --teaser-highlight-bg: var(--main-highlight-1); --slick-teaser-bg: var(--main-color-2); --list-with-icons-c:var(--main-color-1); --list-with-icons-highlight-c:var(--main-color-1); --list-with-icons-highlight-hover-c:var(--main-color-2); /* preset.css */ --p-c: var(--base-font-color-1); --a-c: var(--main-color-1); --a-c-hover: var(--main-color-2); --h1-c: var(--base-font-color-1); --h2-c: var(--base-font-color-1); --h5-c: var(--base-font-color-1); --h1-br: var(--main-color-1); --h2-br: var(--main-color-1); /* --fill-container-bg-bg: var(--main-color-1); --fill-container-bg-c: #ffffff; */ --fill-container-bg-bg: inherit; --fill-container-bg-c: inherit; --blockquote-before-c: var(--main-color-1); --blockquote-after-c: var(--main-color-1); --h3-c: var(--base-font-color-1); --h4-c: var(--base-font-color-1); --nav-pager-bg: var(--main-color-1); --nav-pager-c: var(--main-highlight-1); --nav-pager-bg-hover: var(--main-color-2); --nav-pager-c-hover: #ffffff; --breadcrumb-a-c: rgba(0,0,0,0.9); --breadcrumb-a-c-hover: var(--main-color-2); --indented-br-c: var(--main-color-1); --box-bg: var(--main-highlight-1); --container-highlight-bg: var(--main-highlight-1); --container-highlight-h5-c: var(--main-color-1); --footer-copyright-a-c: var(--base-font-color-invert-1); --footer-copyright-br: var(--base-font-color-invert-1); --footer-copyright-c: var(--base-font-color-invert-1); --footer-copyright-bg: var(--main-color-1); --footer-c: var(--base-font-color-invert-1); --footer-bg: var(--main-color-1); /* proposal.css */ --layout-flex-special-one-bg-header: var(--main-color-1); --layout-flex-special-one-c-header: #ffffff; --layout-flex-special-one-bg-aside: var(--main-highlight-2); --layout-flex-special-one-c-aside: #ffffff; --layout-flex-special-one-bg-main: var(--main-highlight-1); --aside: var(--main-highlight-1); --ol-control-activated: var(--main-color-2); /* scroll_down.css */ --page-arrow-more-c: var(--main-color-1); --page-arrow-more-bg: #ffffff; /* scroll_menu.css */ --toggle-mobile-menu-main-c: var(--main-color-1); --toggle-mobile-menu-account-c: var(--main-color-1); /* scroll_to_top.css */ --scroll-to-top-bg-c: #f5f5f5; --scroll-to-top-br-c: transparent; --scroll-to-top-c: var(--main-color-1); /* --scroll-to-top-box-shadow: 0rem 0rem 0.5rem 0rem rgba(25,25,25,0.63); */ --scroll-to-top-box-shadow: none; /* slider.css */ --slick-button-br-c: var(--main-color-2); --slick-button-bg: var(--main-highlight-1); --slick-button-bg-active: var(--main-color-2); /* votingapi_reaction.css */ --votingapi-reaction-form-br: rgb(238, 238, 238); --votingapi-reaction-form-br-hover: rgba(0, 143, 219, 0.2); --votingapi-reaction-form-br-checked: rgb(0, 113, 179); --votingapi-reaction-form-bg: var(--main-color-1); --votingapi-reaction-form-bg-hover: var(--main-color-2); --votingapi-reaction-form-bg-checked: var(--main-color-2); --votingapi-reaction-form-c: #ffffff; --votingapi-reaction-form-c-hover: #ffffff; --votingapi-reaction-form-c-checked: #ffffff; /* tacjs.css */ --tacjs-CookiesNumber: var(--main-color-1); }