/* block-301724 */ :root { --fcom-header-height: 54px; } #fluent_community_sidebar_menu .community_avatar img { width: 24px; height: 24px; display: block; } /* CLS-Fix: FC-Sidebar-Container Breite reservieren BEVOR Vue mountet. Ohne diesen Fix: Page rendert erst breit, dann mountet die Sidebar nach ~300ms und schiebt den Hauptcontent ~250px nach rechts → CLS 0.7+. Mit diesem Fix: Browser reserviert den Platz initial → kein Reflow. */ @media (min-width: 992px) { .fcom_portal_wrap, .fcom_app_body, .fcom_main_wrap { contain: layout; } aside.fcom_sidebar, .fcom_left_sidebar, #fluent_community_sidebar_menu { min-width: 240px; width: 240px; } .fcom_main_content, .fcom_portal_content { min-height: 100vh; } } /* fluent_community_global-inline-css */ body{--fcom-primary-bg:#FFFFFF;--fcom-secondary-bg:#fbfbfa;--el-color-white:#fbfbfa;--fcom-secondary-content-bg:#faf9f4;--fcom-active-bg:#F5EFEA;--fcom-light-bg:#FAE5D3;--fcom-deep-bg:#2D2D2D;--fcom-menu-text:#5D5D5D;--fcom-primary-text:#000000;--el-color-primary:#000000;--fcom-secondary-text:#666666;--fcom-text-off:#848484;--fcom-text-link:#848484;--fcom-primary-button:#5B6269;--fcom-primary-button-text:#FFFFFF;--fcom-primary-border:#e3e3e2;--fcom-secondary-border:#5D5D5D;--fcom-highlight-bg:#FFF5EC;--fcom-menu-text-active:#1F2933;} body .fcom_top_menu{--fcom-primary-bg:#fbfbfa;--fcom-primary-border:#EADDD3;--fcom-menu-text:#5D5D5D;--fcom-menu-text-active:#000000;--fcom-active-bg:#F0EEE6;--fcom-menu-text-hover:#5b6269;--fcom-menu-bg-hover:#F0EEE6;} body .spaces{--fcom-primary-bg:#fbfbfa;--fcom-primary-border:#EADDD3;--fcom-menu-text:#5d5d5d;--fcom-menu-text-hover:#5b6269;--fcom-menu-bg-hover:#F0EEE6;--fcom-menu-text-active:#1F2933;--fcom-active-bg:#F0EEE6;} html.dark body{--fcom-primary-bg:#2B2E33;--fcom-secondary-bg:#191B1F;--el-color-white:#191B1F;--fcom-secondary-content-bg:#42464D;--fcom-active-bg:#42464D;--fcom-light-bg:#2B303B;--fcom-deep-bg:#E1E4EA;--fcom-menu-text:#E4E7EB;--fcom-menu-text-active:#E4E7EB;--fcom-primary-text:#F0F3F5;--el-color-primary:#F0F3F5;--fcom-secondary-text:#99A0AE;--fcom-menu-bg-hover:#E1E4EA;--fcom-text-off:#A5A9AD;--fcom-text-link:#B6B6B6;--fcom-primary-button:#FFFFFF;--fcom-primary-button-text:#2B2E33;--fcom-primary-border:#42464D;--fcom-secondary-border:#A5A9AD;--fcom-highlight-bg:#2c2c1a;} html.dark body .fcom_top_menu{--fcom-primary-bg:#2B2E33;--fcom-primary-border:#42464D;--fcom-menu-text:#E4E7EB;--fcom-menu-text-active:#E4E7EB;--fcom-active-bg:#42464D;--fcom-menu-bg-hover:#42464D;--fcom-menu-text-hover:#E4E7EB;} html.dark body .spaces{--fcom-primary-bg:#2B2E33;--fcom-primary-border:#42464D;--fcom-menu-text:#E4E7EB;--fcom-menu-text-active:#E4E7EB;--fcom-active-bg:#42464D;--fcom-menu-bg-hover:#42464D;--fcom-menu-text-hover:#fff;} /*# sourceURL=fluent_community_global-inline-css */ /* wp-block-library-inline-css */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ /* wp-block-social-links-inline-css */ .wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block}@media not (prefers-reduced-motion){.wp-block-social-link{transition:transform .1s ease}}.wp-block-social-link{height:auto}.wp-block-social-link a{align-items:center;display:flex;line-height:0}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link.wp-social-link{display:inline-block;margin:0;padding:0}.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{fill:currentColor;color:currentColor}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{background-color:#f0f0f0;color:#444}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon{background-color:#f90;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance{background-color:#0757fe;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky{background-color:#0a7aff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord{background-color:#5865f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy{background-color:#f45800;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{background-color:#0866ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr{background-color:#0461dd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare{background-color:#e65678;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github{background-color:#24292d;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google{background-color:#ea4434;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar{background-color:#1d4fc4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram{background-color:#f00075;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup{background-color:#f6405f;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest{background-color:#e60122;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket{background-color:#ef4155;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit{background-color:#ff4500;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype{background-color:#0478d7;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat{stroke:#000;background-color:#fefc00;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify{background-color:#1bd760;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram{background-color:#2aabee;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr{background-color:#011835;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch{background-color:#6440a4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk{background-color:#4680c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp{background-color:#d32422;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube{background-color:red;color:#fff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link{background:none}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg{height:1.25em;width:1.25em}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon{color:#f90}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp{color:#1ea0c3}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance{color:#0757fe}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky{color:#0a7aff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen{color:#1e1f26}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart{color:#02e49b}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord{color:#5865f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble{color:#e94c89}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox{color:#4280ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy{color:#f45800}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook{color:#0866ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr{color:#0461dd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare{color:#e65678}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github{color:#24292d}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads{color:#382110}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google{color:#ea4434}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar{color:#1d4fc4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram{color:#f00075}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm{color:#e21b24}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin{color:#0d66c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon{color:#3288d4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup{color:#f6405f}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest{color:#e60122}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket{color:#ef4155}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit{color:#ff4500}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype{color:#0478d7}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat{stroke:#000;color:#fff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud{color:#ff5600}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify{color:#1bd760}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram{color:#2aabee}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr{color:#011835}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch{color:#6440a4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter{color:#1da1f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo{color:#1eb7ea}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk{color:#4680c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp{color:#25d366}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress{color:#3499cd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp{color:#d32422}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.6666666667em;padding-right:.6666666667em}.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{color:#000} /*# sourceURL=https://de.jobmoover.com/wp-includes/blocks/social-links/style.min.css */ /* classic-theme-styles-inline-css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ /* global-styles-inline-css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-base-3-color{color: var(--wp--preset--color--base-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-base-3-background-color{background-color: var(--wp--preset--color--base-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-base-3-border-color{border-color: var(--wp--preset--color--base-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ /* generate-style-inline-css */ body{background-color:#fdf6f0;color:var(--contrast);}a{color:var(--accent);}a{text-decoration:underline;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--contrast);}.grid-container{max-width:1180px;}.wp-block-group__inner-container{max-width:1180px;margin-left:auto;margin-right:auto;}.site-header .header-image{width:180px;}.dropdown-click .main-navigation ul ul{display:none;visibility:hidden;}.dropdown-click .main-navigation ul ul ul.toggled-on{left:0;top:auto;position:relative;box-shadow:none;border-bottom:1px solid rgba(0,0,0,0.05);}.dropdown-click .main-navigation ul ul li:last-child > ul.toggled-on{border-bottom:0;}.dropdown-click .main-navigation ul.toggled-on, .dropdown-click .main-navigation ul li.sfHover > ul.toggled-on{display:block;left:auto;right:auto;opacity:1;visibility:visible;pointer-events:auto;height:auto;overflow:visible;float:none;}.dropdown-click .main-navigation.sub-menu-left .sub-menu.toggled-on, .dropdown-click .main-navigation.sub-menu-left ul li.sfHover > ul.toggled-on{right:0;}.dropdown-click nav ul ul ul{background-color:transparent;}.dropdown-click .widget-area .main-navigation ul ul{top:auto;position:absolute;float:none;width:100%;left:-99999px;}.dropdown-click .widget-area .main-navigation ul ul.toggled-on{position:relative;left:0;right:0;}.dropdown-click .widget-area.sidebar .main-navigation ul li.sfHover ul, .dropdown-click .widget-area.sidebar .main-navigation ul li:hover ul{right:0;left:0;}.dropdown-click .sfHover > a > .dropdown-menu-toggle > .gp-icon svg{transform:rotate(180deg);}.menu-item-has-children .dropdown-menu-toggle[role="presentation"]{pointer-events:none;}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#E3E3E2;--base-3:#ffffff;--accent:#1e73be;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}html{font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}h1, h2, h3, h4, h5, h6{font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--base-3);}.main-title a,.main-title a:hover{color:var(--contrast);}.site-description{color:var(--contrast-2);}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0, 0, 0, 0.02);}.main-navigation,.main-navigation ul ul{background-color:var(--base-3);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--contrast);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--accent);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--contrast);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--accent);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:var(--accent);}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:var(--base-3)#fdf6f0;}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{background-color:#f6efe8;}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#55555e;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#3f4047;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--contrast);}}.inside-header{padding:15px 40px 15px 40px;}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:20px 30px 40px 30px;}.site-main .wp-block-group__inner-container{padding:20px 30px 40px 30px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container.right-sidebar .site-main,.one-container.both-right .site-main{margin-right:30px;}.one-container.left-sidebar .site-main,.one-container.both-left .site-main{margin-left:30px;}.one-container.both-sidebars .site-main{margin:0px 30px 0px 30px;}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:10px 20px 30px 5px;}.site-main .wp-block-group__inner-container{padding:10px 20px 30px 5px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-top:20px;padding-right:10px;padding-bottom:20px;padding-left:10px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-5px;width:calc(100% + 25px);max-width:calc(100% + 25px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:100%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap;}.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap;}.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{flex-basis:100%;}.nav-float-left .has-inline-mobile-toggle #site-navigation{order:10;}} .dynamic-author-image-rounded{border-radius:100%;}.dynamic-featured-image, .dynamic-author-image{vertical-align:middle;}.one-container.blog .dynamic-content-template:not(:last-child), .one-container.archive .dynamic-content-template:not(:last-child){padding-bottom:0px;}.dynamic-entry-excerpt > p:last-child{margin-bottom:0px;} @media (max-width:768px){.main-navigation .menu-toggle,.main-navigation .mobile-bar-items a,.main-navigation .menu-bar-item > a{padding-left:10px;padding-right:10px;}.main-navigation .main-nav ul li a,.main-navigation .menu-toggle,.main-navigation .mobile-bar-items a,.main-navigation .menu-bar-item > a{line-height:30px;}.main-navigation .site-logo.navigation-logo img, .mobile-header-navigation .site-logo.mobile-header-logo img, .navigation-search input[type="search"]{height:30px;}} /*# sourceURL=generate-style-inline-css */ /* jm-fcom-mobile-space-menu-fix-inline-css */ @media all and (max-width: 1024px) { .space_header .object_menu .menu_actions { position: relative; display: flex; align-items: center; gap: 8px; } .space_header .object_menu .jm-fcom-mobile-space-menu-trigger { display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--fcom-menu-text, #545861); min-width: 34px; min-height: 34px; padding: 5px 7px; border-radius: 3px; cursor: pointer; line-height: 1; } .space_header .object_menu .jm-fcom-mobile-space-menu-trigger:hover, .space_header .object_menu .jm-fcom-mobile-space-menu-trigger:focus { background: var(--fcom-active-bg, #f0f3f5); color: var(--fcom-menu-text, #545861); outline: none; } .space_header .object_menu .jm-fcom-mobile-space-menu-icon { display: inline-flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; } .jm-fcom-mobile-space-menu-panel { position: fixed; z-index: 1000001; min-width: 180px; max-width: 240px; background: var(--el-popover-bg-color, var(--fcom-primary-bg, #ffffff)); border: 1px solid var(--el-popover-border-color, var(--fcom-primary-border, #e3e8ee)); border-radius: 8px; box-shadow: var(--el-box-shadow-light, 0 12px 32px rgba(0, 0, 0, 0.12)); padding: 6px 0; } .jm-fcom-mobile-space-menu-list { list-style: none; margin: 0; padding: 0; } .jm-fcom-mobile-space-menu-item { margin: 0; padding: 0; } .jm-fcom-mobile-space-menu-link { display: flex; align-items: center; gap: 8px; width: 100%; padding: 11px 16px; color: var(--fcom-menu-text, #545861); text-decoration: none; font-size: 14px; line-height: 1.4; box-sizing: border-box; } .jm-fcom-mobile-space-menu-link:hover, .jm-fcom-mobile-space-menu-link:focus, .jm-fcom-mobile-space-menu-link.router-link-exact-active { background: var(--fcom-active-bg, #f0f3f5); color: var(--fcom-menu-text-active, #545861); outline: none; } } /*# sourceURL=jm-fcom-mobile-space-menu-fix-inline-css */ /* block-visibility-screen-size-styles-inline-css */ /* Large screens (desktops, 1024px and up) */ @media ( min-width: 1024px ) { .block-visibility-hide-large-screen { display: none !important; } } /* Medium screens (tablets, between 768px and 1024px) */ @media ( min-width: 768px ) and ( max-width: 1023.98px ) { .block-visibility-hide-medium-screen { display: none !important; } } /* Small screens (mobile devices, less than 768px) */ @media ( max-width: 767.98px ) { .block-visibility-hide-small-screen { display: none !important; } } /*# sourceURL=block-visibility-screen-size-styles-inline-css */ /* block-125567 */ /* ========================= FEED AUSBLENDEN ========================= */ li.fcom_menu_item_fcom_dashboard_root_route__index, a.fcom_menu_link.fcom_dashboard_root_route__index[href*="/feed"], a[aria-label="Go to Feed page"] { display: none !important; } /* ========================= SUCHE AUSBLENDEN ========================= */ .fca_search_button, .fca_search_form, .fca_search_wrapper { display: none !important; } /* block-6dac64 */ html { font-size: 100%; } .feed_layout { --global-vw: var(--fcom-main-content-width, 100vw); } .fcom_wp_content .alignfull, .ast-plain-container.ast-no-sidebar .fcom_wp_content .entry-content > .alignfull, .no-sidebar .fcom_wp_content .entry-content .alignfull, body.single-post.content-max-width .fcom_wp_content .entry-content .alignfull, body.page.content-max-width .fcom_wp_content .entry .alignfull /*for neve */ { margin-left: calc(50% - (var(--global-vw, 100vw) / 2)) !important; margin-right: calc(50% - (var(--global-vw, 100vw) / 2)) !important; max-width: 100vw !important; width: var(--global-vw, 100vw); padding-left: 0; padding-right: 0; clear: both; } /* block-bef8d5 */ a.fcom_menu_link.fca-item-item-17699749002323ea821fd24027.router-link-exact-active:not(:hover), a.fcom_menu_link.fca-item-item-17699749002323ea821fd24027.router-link-active:not(:hover), a.fcom_menu_link.fca-item-item-17699749002323ea821fd24027.active:not(:hover) { background: transparent !important; } a.fcom_menu_link.fca-item-item-17699749002323ea821fd24027.router-link-exact-active span.community_name, a.fcom_menu_link.fca-item-item-17699749002323ea821fd24027.router-link-active span.community_name { font-weight: 400 !important; } /* * Einheitlicher Aktiv-Hintergrund fuer ALLE Menuepunkte: dasselbe leichte Beige * wie bei den WP-Seiten-Eintraegen. Greift auch fuer FC-eigene SPA-Punkte * (Feed, Community, Veranstaltungen ...), die sonst FCs Default-Aktivfarbe haetten. * Die Start-Link-Unterdrueckung oben ist spezifischer (3 Klassen) und gewinnt. */ a.fcom_menu_link.router-link-active:not(:hover), a.fcom_menu_link.router-link-exact-active:not(:hover) { background: #f0eee6 !important; color: #545861 !important; font-weight: 400 !important; } a.fcom_menu_link.router-link-active span.community_name, a.fcom_menu_link.router-link-exact-active span.community_name { color: #545861 !important; font-weight: 400 !important; } a.fcom_menu_link.router-link-active svg path, a.fcom_menu_link.router-link-exact-active svg path { stroke: #545861 !important; } html.dark a.fcom_menu_link.router-link-active:not(:hover), html.dark a.fcom_menu_link.router-link-exact-active:not(:hover) { background: #585858 !important; color: #fff !important; } html.dark a.fcom_menu_link.router-link-active span.community_name, html.dark a.fcom_menu_link.router-link-exact-active span.community_name { color: #fff !important; } html.dark a.fcom_menu_link.router-link-active svg path, html.dark a.fcom_menu_link.router-link-exact-active svg path { stroke: #fff !important; } /* jm-mobile-logo */ @media (max-width: 640px) { .fcom_top_menu .fhr_logo a { display: block; width: 71px; /* 32px Hoehe x Seitenverhaeltnis 56.27:25.54 */ height: 32px; background: url("https://de.jobmoover.com/wp-content/uploads/sites/3/2026/06/jm_logo-de_m.min_.svg") no-repeat left center / contain; } .fcom_top_menu .fhr_logo a img { display: none !important; } } /* block-55f8ce */ .breadcrumb {list-style:none;margin:0;padding-inline-start:0;}.breadcrumb li {margin:0;display:inline-block;position:relative;}.breadcrumb li::after{content:' - ';margin-left:5px;margin-right:5px;}.breadcrumb li:last-child::after{display:none} /* jmfce-support-icon */ .fct-customer-nav-item-support-hinweise .fct-customer-nav-link-icon{display:inline-block;width:20px;height:20px;background-color:currentColor;-webkit-mask:url('/wp-content/uploads/sites/3/2026/03/messages-3-svgrepo-com.svg') no-repeat center / contain;mask:url('/wp-content/uploads/sites/3/2026/03/messages-3-svgrepo-com.svg') no-repeat center / contain;}.fct-customer-nav-item-tax-exemption .fct-customer-nav-link-icon{display:inline-block;width:20px;height:20px;background-color:currentColor;-webkit-mask:url('/wp-content/uploads/sites/3/2026/03/percentage-square-svgrepo-com.svg') no-repeat center / contain;mask:url('/wp-content/uploads/sites/3/2026/03/percentage-square-svgrepo-com.svg') no-repeat center / contain;}#fct-customer-logout-button{display:none !important;} /* jm-guest-sidebar */ @media (min-width: 1025px) { .feed_layout > .spaces, .feed_layout > .fcom_space_list, .fcom_space_opener_btn { display: none !important; } .feed_layout { padding-left: 0 !important; } .feed_layout.space_opened::before { display: none !important; } } /* wp-custom-css */ /* ========================================================= JOBMOOVER — Dark Mode Palette (Single Source of Truth) ========================================================= */ button:focus {background: transparent!important;} :root { --jm-bg: #fff; --jm-bg-soft: #fbfbfa; --jm-bg-warm: #f6efe8; --jm-bg-warm-accent: #fae5d3; --jm-bg-cream: #f0eee6; --jm-bg-cream-soft: #fdf6f0; --jm-bg-active-soft: #f5efea; --jm-bg-button: #5b6269; --jm-bg-button-hover: rgba(91,98,105,0.9); --jm-text: #000; --jm-text-muted: #666; --jm-text-inverse: #fff; --jm-border: #e5e5e5; --jm-border-warm: #dcd5cf; --jm-border-table: #dcdfe6; --jm-border-soft: lightgray; --jm-accent: #e67e22; --jm-cmplz-bg: #f6efe8; --jm-cmplz-header: #fff; --jm-region-btn-hover: #f0eee6; --jm-region-btn-active: #5b6269; } html.dark { --jm-bg: #000; --jm-bg-soft: #191B1F; --jm-bg-warm: #33302E; --jm-bg-warm-accent: #2A2420; --jm-bg-cream: #2A2624; --jm-bg-cream-soft: #33302E; --jm-bg-active-soft: #42464D; --jm-bg-button: #5b6269; --jm-bg-button-hover: #6c6c6c; --jm-text: #fff; --jm-text-muted: lightgrey; --jm-text-inverse: #fff; --jm-border: #2E2E2E; --jm-border-warm: #3A3530; --jm-border-table: grey; --jm-border-soft: #3A3530; --jm-accent: #e67e22; --jm-cmplz-bg: #3b3b3b; --jm-cmplz-header: #585858; --jm-region-btn-hover: #595959; --jm-region-btn-active: #42464D; } @media (max-width: 1280px) {#grid1280 { grid-template-columns: repeat(1,minmax(0,1fr))!important;}} .space_opener button svg {font-size: 16px; color: #000;} .space_opener button svg:hover {font-size: 16px; color: grey;} .space_opener button {margin-right: 5px!important;} ul.wp-block-social-links { list-style: none!important; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus { background-color: #ffffff!important; } xxbutton:focus, xxbutton:hover {background-color: transparent!important;} .jm-circle { width: 120px; height: 120px; margin: 0 auto; border-radius: 50%; background: var(--jm-bg-warm); display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px; box-sizing: border-box; transition: all 0.25s ease; border: 1px solid var(--jm-border); } .jm-circle-main { background: var(--jm-bg-warm-accent); border: none; transform: scale(1.05); } xx.jm-circle:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,0.08); } .jm-circle .gb-headline, .jm-circle .gb-text { margin: 0; } .jm-circle-number { font-size: 24px; line-height: normal; font-weight: 600; display: contents; } .jm-circle-label { margin-top: 8px; font-size: 15px; line-height: normal; color: #666!important; } @media (max-width: 1240px){ .gb-element-ac5246d2 { grid-template-columns: repeat(1, minmax(0, 1fr))!important;}} /* MAP / CONSENT */ .jm-rg-map-consent {position: absolute; inset: 0; z-index: 5; display: flex; align-items: center; justify-content: center; background: var(--jm-bg-warm); border-radius: 10px;} /* LANGUAGE HINTS */ .sprach-hinweis-deutsch {display: block;} .sprach-hinweis-international {display: none;} .translated-ltr .sprach-hinweis-deutsch, .translated-rtl .sprach-hinweis-deutsch {display: none;} .translated-ltr .sprach-hinweis-international, .translated-rtl .sprach-hinweis-international {display: block !important;} /* GLOBAL / ROOT / GENERAL */ :root { rrr--fs-bg-weak: var(--jm-bg-cream) !important; --fs-bg-weak: #fff !important; } .jmlist {line-height: 18px; margin-top: 0 !important;} textarea:focus, select:focus {background-color: #fff !important;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {background-color: #fff;} .cmplz-show-banner {font-size: 14px; text-decoration: none !important; cursor: pointer;} /* HEADER / LAYOUT */ .inside-header {display: none;} @media (min-width: 769px) and (max-width: 1024px) { #jmheader, #jmcontent {margin-left: 0 !important;} } /* GENERATEBLOCKS / CARDS / SMALL UI */ .jm-card-actions {color: inherit;} .jm-dashboard-job {border-radius: 6px;} .past-applications-no-yet {padding: 20px; border: 1px solid lightgray; border-radius: 4px; margin-bottom: 20px;} .jm-btn-find-jobs {background: var(--jm-bg-button); padding: 6px 14px; font-size: 14px; color: #fff !important; text-decoration: none; border-radius: 6px; margin-top: 5px !important; display: block; width: fit-content;} .jm-alert {border: 1px solid var(--jm-border-warm); border-radius: 4px; box-shadow: none; margin-top: 0 !important; margin-bottom: 25px;} .jm-alert__actions ul {flex-wrap: wrap;} .jm-notice {min-width: auto !important;} .jm-alerts__add-new a {border: none; display: inline; padding: 8px 12px; text-align: left; text-decoration: none; background-color: var(--jm-bg-button); color: #fff !important; border-radius: 6px; font-size: 14px;} /* FLUENT SUPPORT */ .fs_client_portal .fs_ticket_threads_container .fs_ticket_thread.fs_conversion_starter {background: transparent !important;} .fs_reply_wrap {margin-top: 0;} .fs_reply_wrap .wp_vue_editor_wrapper > textarea {margin-top: -15px !important; border-radius: 10px !important;} .wp_vue_editor_wrapper > textarea {border-radius: 10px !important;} .fs_ticket_details_label {position: relative !important; top: 22px !important;} .fs_client_portal .fs_ticket_reply_text {margin-top: -15px !important;} .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_ticket_heroarea .fs_ticket_actions .fs_product_name {align-items: start !important; display: flex; gap: 4px; margin-top: 10px;} .fs_client_portal .fs_ticket_alert .fs_ticket_closed_alert, .fs_client_portal .fs_ticket_alert .el-alert {background: var(--jm-bg-cream) !important;} .fs_client_portal .fs_ticket_alert .el-alert .el-icon {color: #000 !important;} .fs_client_portal .fs_ticket_alert .fs_ticket_closed_alert .fs_ticket_closed_content > svg > path {fill: #000 !important;} .fs_client_portal .fs_ticket_alert .fs_ticket_closed_alert .fs_ticket_closed_content > svg {scale: 1.2; width: 30px; margin-right: 10px;} .el-alert__title {line-height: normal !important; padding: 10px;} .fs_client_portal .fs_ticket_alert .fs_ticket_closed_alert p {padding-top: 8px;} .fs_client_portal .fs_ticket_reply_box {padding: 15px 15px 15px 15px !important;} .fs_client_portal .fs_ticket_reply_box.fs_ticket_reply_header h3 {position: relative !important; margin-top: 0 !important;} .fs_client_portal .fs_customer_response_actions .fs_reply_btn, .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_header .fs_create_ticket_btn, .fs_popover_item .fs_sorting_button .el-button, .fs_client_portal .fs_submit_button_container .fs_create_ticket_button {width: auto !important; background: var(--jm-bg-button) !important;} .fs_client_portal .fs_ticket_reply_box h3, .fs_client_portal .fs_customer_response_actions p {font-family: inherit !important;} .fs_client_portal .fs_ticket_wrapper .fs_tickets_container {background: transparent !important; border: none !important;} .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table, .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table, .fs_client_portal .fs_ticket_form_container, .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__header th {background: transparent !important; border: none !important;} #fluent_support_client_app > div > div > div > div > div.fs_tickets_table > div > div.el-table__inner-wrapper > div.el-table__header-wrapper > table > thead > tr {border: none !important;} .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__header {border: 1px solid var(--jm-border-table); border-radius: 10px;} .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_filters_section .fs_filter_container .fs_button_groups {background: transparent !important;} .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_filters_section .fs_filter_container .fs_button_groups .status-btn {padding: 0 8px; min-width: min-content !important;} .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_filters_section .fs_filter_container .fs_button_groups .status-btn:hover {background: #fff !important;} /* JOB MANAGER / JOB LISTINGS / DASHBOARD */ .job_filters {background: transparent !important;} .job_filters .search_jobs {padding: 0 !important;} .job_filters .showing_jobs {background: transparent !important; border: none !important;} div.job_listings ul.job_listings, ul.job_listings li.no_job_listings_found.no_job_listings_found {border: none !important;} .rp4wp-related-job_listing > ul li.job_listing a:focus, .rp4wp-related-job_listing > ul li.job_listing a:hover, .rp4wp-related-job_listing > ul li.no_job_listings_found a:focus, .rp4wp-related-job_listing > ul li.no_job_listings_found a:hover, ul.job_listings li.job_listing a:focus, ul.job_listings li.job_listing a:hover, ul.job_listings li.no_job_listings_found a:focus, ul.job_listings li.no_job_listings_found a:hover {background-color: #fff !important;} #job-manager-bookmarks table ul.job-manager-bookmark-actions {float: right; visibility: inherit !important;} #job-manager-resume-alerts ul.resume-alert-actions {visibility: inherit !important; display: grid;} #job-manager-resume-alerts td, #job-manager-resume-alerts th {padding: .5em 1em .5em 1em;} .job-application-rating span {font-family: inherit !important;} #job-manager-job-dashboard > div.job-manager-jobs.jm-dashboard-table > div.jm-dashboard-rows > div > div.jm-dashboard-job-column.actions.job-dashboard-job-actions > a {padding: 3px; font-size: 9px; margin-right: -15px; text-align: center;} #job-manager-job-dashboard > div.job-manager-jobs.jm-dashboard-table > div.jm-dashboard-rows > div > div.jm-dashboard-job-column.actions.job-dashboard-job-actions > a > span {text-wrap: auto;} /* FLUENTCOMMUNITY / FEED */ @media (max-width: 800px) { .fcom_top_menu {padding: 8px 10px !important;} } @media (max-width: 1024px) { .feeds_main.fcom_wp_content {padding: 0 !important;} } /* FLUENTCART / PRODUCTS */ .fct-product-gallery-thumb {max-height: 200px !important;} .fct-customer-dashboard-customer-info img {display: none !important;} #post-991 > div > div > div:nth-child(1) > div > div > div > div.fct-products-wrapper-inner > div.fct-shop-filter-wrapper > div > form > div:nth-child(4) {display: none !important;} #jm-footer-wp > div > div.fc-single-product-page > div > div.fc-product-summary {display: none;} #jm-footer-wp > div > div.fc-product-list-container.fc-similar-product-list-container {display: none;} /* TABLES / BOOKMARKS / TD */ td.bookmark > div > span {display: block; line-height: normal;} td.bookmark {padding: 8px 18px;} /* PAGE-SPECIFIC */ .page-id-235 .el-form-item {display: block !important;} /* COMPLIANZ / COOKIES / DOCUMENTS */ #cmplz-document .cmplz-subtitle {font-weight: 400; margin-top: 0; font-size: 20px; margin-bottom: 5px;} #cmplz-document h2 {font-size: 24px; margin-bottom: 5px !important;padding-top: 15px;} .cmplz-subtitle {font-size: 20px; margin-bottom: 5px; padding-top: 5px!important;} #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header, #cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary {background-color: #fff;} #cmplz-datarequest-submit {display: inline-block; background-color: var(--jm-accent); font-size: 16px; text-decoration: none; border: 1px solid var(--jm-accent); border-radius: 8px; max-width: fit-content !important; margin-top: 10px;} #cmplz_datarequest_name, #cmplz_datarequest_email {margin-left: 10px; margin-bottom: 5px;} body .gb-element-87d73e86 { background-color: var(--jm-bg) !important; } body select:focus { background-color: var(--jm-bg) !important; } body .jm-card-actions { color: var(--jm-text) !important; } body #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div, body #cmplz-document .cmplz-dropdown .cookies-per-purpose div, body .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div { background-color: var(--jm-bg) !important; } /* ========================================================= DARK MODE — Spezial-Overrides (Selektoren/Properties die nicht via Var auto-switchen koennen) ========================================================= */ /* DARK MODE */ html.dark #jmheader img { filter: invert(1) brightness(1.2) !important; } html.dark .gb-accordion { background: #5b626900 !important; } /* ========================================================= DARK/LIGHT PAIRS (refactored from html.dark) Diese Regeln nutzen Vars die zwischen Light/Dark switchen. ========================================================= */ body .JMHinweis { color: var(--jm-text-muted) !important; } /* JHI KI-Check + Explainer (auto v5) */ body.page-id-95176 .entry-header, body.page-id-95180 .entry-header, body.page-id-95196 .entry-header, body.page-id-95204 .entry-header, body.page-id-95474 .entry-header, body.page-id-95471 .entry-header { display: none !important; } body.page-id-95176 .entry-content, body.page-id-95180 .entry-content, body.page-id-95196 .entry-content, body.page-id-95204 .entry-content, body.page-id-95474 .entry-content, body.page-id-95471 .entry-content { margin-top: 0 !important; } /* block-b9a2fc */ .fcom_pwa_install_row { display: none; } @media (max-width: 768px) { .fcom_pwa_install_row.fcom_pwa_available { display: flex; align-items: center; margin: 12px 24px 8px 16px; border: 1px solid var(--fcom-primary-border, #e4e7eb); border-radius: 8px; background: var(--fcom-secondary-bg, transparent); } .space_contents:has(.fcom_pwa_install_row.fcom_pwa_install_top.fcom_pwa_available) { justify-content: flex-start; } .fcom_pwa_install_row.fcom_pwa_install_bottom.fcom_pwa_available { margin-top: auto; } .fcom_pwa_install_row.fcom_pwa_install_bottom.fcom_pwa_available ~ .fcom_side_footer { margin-top: 0; } .fcom_pwa_install_row .fcom_pwa_install_btn { display: flex; align-items: center; gap: 10px; flex: 1 1 auto; min-width: 0; padding: 8px 8px 8px 10px; border: 0; border-radius: 8px; background: none; color: var(--fcom-primary-text, inherit); font-size: 14px; font-weight: 500; text-align: left; cursor: pointer; } .fcom_pwa_install_row .fcom_pwa_install_dismiss { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 8px 10px; border: 0; border-radius: 8px; background: none; color: var(--fcom-secondary-text, inherit); opacity: 0.6; cursor: pointer; } .fcom_pwa_install_row .fcom_pwa_install_btn:hover { background: var(--fcom-menu-bg-hover, rgba(0, 0, 0, 0.04)); } .fcom_pwa_install_row .fcom_pwa_install_dismiss:hover { opacity: 1; } .fcom_pwa_install_row .fcom_pwa_install_btn:focus-visible, .fcom_pwa_install_row .fcom_pwa_install_dismiss:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } } .fcom_pwa_instruct_overlay { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, 0.5); } .fcom_pwa_instruct_modal { width: 100%; max-width: 400px; overflow: hidden; border: 1px solid var(--fcom-primary-border, #e3e8ee); border-radius: 8px; background: var(--fcom-primary-bg, #fff); color: var(--fcom-primary-text, #19283a); box-shadow: 0 20px 48px -12px rgba(0, 0, 0, 0.35); animation: fcom_pwa_instruct_pop 0.18s ease-out; } @keyframes fcom_pwa_instruct_pop { from { opacity: 0; transform: translateY(8px) scale(0.98); } to { opacity: 1; transform: none; } } .fcom_pwa_instruct_header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px 0; } .fcom_pwa_instruct_heading { min-width: 0; } .fcom_pwa_instruct_header h3 { margin: 0; font-size: 18px; font-weight: 600; line-height: 24px; } .fcom_pwa_instruct_app { display: flex; align-items: center; gap: 14px; margin: 16px 20px 4px; padding: 12px 14px; border: 1px solid var(--fcom-primary-border, #e3e8ee); border-radius: 12px; } .fcom_pwa_instruct_icon { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 10px; object-fit: cover; } .fcom_pwa_instruct_app_meta { min-width: 0; } .fcom_pwa_instruct_app_name { display: block; font-size: 16px; font-weight: 600; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fcom_pwa_instruct_app_host { display: block; font-size: 14px; line-height: 1.4; color: var(--fcom-secondary-text, #6b7280); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fcom_pwa_instruct_close { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 32px; height: 32px; margin-right: -6px; padding: 0; border: 0; border-radius: 8px; background: none; font-size: 18px; line-height: 1; cursor: pointer; color: var(--fcom-secondary-text, #6b7280); transition: background 0.15s ease, color 0.15s ease; } .fcom_pwa_instruct_close:hover { background: var(--fcom-active-bg, #f0f3f5); color: var(--fcom-primary-text, #19283a); } .fcom_pwa_instruct_steps { display: flex; flex-direction: column; gap: 16px; padding: 18px 20px 22px; } .fcom_pwa_instruct_step { display: flex; align-items: flex-start; gap: 8px; } /* Plain numeral rather than a filled badge, so the eye lands on the glyph in the step text instead of on the counter. */ .fcom_pwa_instruct_num { flex: 0 0 auto; min-width: 14px; font-size: 15px; font-weight: 700; line-height: 1.5; } .fcom_pwa_instruct_num::after { content: '.'; } .fcom_pwa_instruct_text { font-size: 15px; line-height: 1.5; } .fcom_pwa_instruct_text strong { font-weight: 600; } /* Glyphs sit inside a sentence, so they follow the text baseline rather than the line box. */ .fcom_pwa_instruct_glyph { margin: 0 2px; vertical-align: -3px; color: var(--fcom-text-link, #2563eb); } .fcom_pwa_instruct_chip { display: inline; padding: 1px 8px; border: 1px solid var(--fcom-primary-border, #e3e8ee); border-radius: 6px; background: var(--fcom-active-bg, #f0f3f5); font-size: 14px; font-weight: 500; white-space: nowrap; } .fcom_pwa_instruct_appicon { width: 24px; height: 24px; margin: 0 2px; border-radius: 6px; object-fit: cover; vertical-align: -7px; } /* fcom_custom_css */ body.page-id-95176 .entry-header { display: none; } #fca-floating-events-btn { display: none !important; } .cmplz-manage-consent-container, .cmplz-manage-consent-container .cmplz-categories, .cmplz-manage-consent-container .cmplz-cookiebanner { visibility: visible !important; } .leaflet-bar a {color: #000!important;} @media (min-width: 992px) {aside.fcom_sidebar, .fcom_left_sidebar, #fluent_community_sidebar_menu {min-width: 240px; width: 270px;}} .space_opener button svg {font-size: 16px; color: #000;} .space_opener button svg:hover {font-size: 16px; color: grey;} .space_opener button {margin-right: 5px!important;} .fct-cart-drawer-footer a { position: relative; margin: 0; display: flex; max-height: 40px; width: 100%; cursor: pointer; align-items: center; justify-content: center; border-radius: 8px; border-width: 0px; background-color: var(--fct-cart-drawer-btn-bg-color); padding: 15px 16px; font-size: 16px; font-weight: 600; line-height: 1; color: var(--fct-cart-drawer-btn-text-color) !important; -webkit-text-decoration-line: none; text-decoration-line: none; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; } .fca-item-item-177003174054878bab94bd3fce8 > div > img {width: 19px !important; height: 19px !important; opacity: 0.7;} .el-checkbox.is-checked .el-checkbox__inner:after { border-width: 2px; top: 5px!important; left: 6px!important;} .fct-customer-dashboard-empty-state .fct-empty-icon-box {background-color: transparent!important;} span.fca-filter-count {color: #fff!important;} .fcom_grid .fcom_card-image-placeholder {background-color: var(--jm-bg-warm)!important;} div.widget_header > a {line-height: normal!important;} /* ========================================================= JM / GLOBAL LAYOUT ========================================================= */ .fluent_com_wp_pages { overflow: hidden; } .gb-element-3d480483 {border-top-left-radius: 40px;} xxx.jm-rg-single, xxx.container .site-content .content-area { padding-left: 20px; } #main { margin-left: 15px !important; } @media (max-width: 768px) { .jm-rg-overview { padding: 0 !important; } } @media (max-width: 767px) { .jm-rg-single, .container .site-content .content-area { padding-left: 0 !important; } } @media (max-width: 257px) { .jm-rg-overview { padding-top: 25px !important; } } @media (max-width: 170px) { .jm-rg-overview { padding-top: 55px !important; } } /* ========================================================= JM HEADER ========================================================= */ #jmheader { position: sticky; z-index: 99; } /* ========================================================= FLUENTCOMMUNITY - GLOBAL ========================================================= */ body .fcom_top_menu { color: #000 !important; border: none !important; } .fcom_top_menu .top_menu_left { margin-right: 10px; } .feed_footer ul li, .spaces .space_contents ul li a .community_name { line-height: normal; } .fcom_wp_content p { margin-top: 0 !important; margin-bottom: 5px !important; } .fcom_no_items_wrap p { padding: 10px; } .notifications_wrap .notification_item .notification_content { overflow-wrap: anywhere; } .object_header .object_info .object_name h3 { overflow-wrap: anywhere; } .object_header.user_header .object_info { padding: 10px 15px 10px; } .object_header.user_header .object_info .object_avatar img { background-color: #fff; } .object_header .object_cover.no_cover { background: transparent !important; background-size: cover !important; background-position: center center !important; aspect-ratio: 3.2 / 1; } div.fhr_page_actions > a { background: transparent !important; } .feed_comments:empty + .feed_comment { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .fcom_new_ticker { background-color: var(--jm-bg-button) !important; } .fcom_box_card_list .fcom_each_box_card .fcom_box_card_avatar { max-height: 140px; } .spaces .space_contents { border: none !important; } .spaces .space_contents ul li a { padding: 4px 8px 4px 10px !important; margin: 2px 16px !important; } .space_opened #fluent_community_sidebar_menu { padding-top: 20px; background-color: #fff; } .fcom_lesson_container, .fcom_locked_container { background-color: var(--jm-bg-soft) !important; } .fcom_locked_container { padding: 30px !important; } .fcom_lesson_container .fcom_lesson_sidebar, .fcom_lesson_container .fcom_lesson_sidebar .fcom_section_sidebar_title { background: var(--jm-bg-warm) !important; border: none !important; } .fcom_back_space { background: var(--jm-bg-warm) !important; border: none !important; border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; padding: 10px 30px !important; margin-left: 10px !important; min-height: 55px !important; } .fcom_lesson_container .fcom_lesson_details .fcom_lesson_body { margin-top: 0 !important; } .fcom_custom_lockscreen .fcom_lockscreen_content .fcom_item { background: transparent !important; } .fcom_paywall_cards .fcom_paywall { color: #000 !important; } .fcom_grid .fcom_card:hover { box-shadow: none !important; transform: none !important; } .fcom_grid .fcom_card-category-tag, .fcom_detail_tags .fcom_category_tag, .fcom_list_category_tag, .fcom_category_tag, .fcom_calendar_event { background-color: var(--jm-bg-warm) !important; color: #000 !important; font-weight: 400 !important; } .fcom_grid .fcom_card-meta-row {line-height: normal!important;} .fcom_category_tag {margin-top: 10px!important; margin-bottom: 5px;} .fcom_grid .fcom_card-excerpt {margin-bottom: 10px!important;} .fcom_topics_select .el-select-dropdown__item .fcom_meta_text { text-wrap: initial; } .object_menu ul.fcom_space_menu_ul a img { width: auto !important; } .fcom_user_context_menu_items li a span { font-weight: 400 !important; text-shadow: none !important; } .fcom_user_context_menu_items .fcom_user_menu_item .user_avatar { min-width: 30px; } .fcom_user_context_menu_items .fcom_profile_sub_menu li a.router-link-exact-active, .fcom_user_context_menu_items .fcom_profile_sub_menu li a.active-link { background: var(--jm-bg-cream) !important; color: var(--fcom-menu-text-active, #ffffff) !important; border-radius: 8px; } .fcom_user_context_menu_items .fcom_user_menu_item .fcom_profile_extend.fcom_extend_menu .fcom_profile_sub_menu, .fcom_user_context_menu_items .fcom_user_menu_item .fcom_profile_extend .fcom_profile_sub_menu li { background: #fff !important; } .fcom_user_context_menu_items .fcom_user_menu_item .fcom_profile_extend .fcom_profile_sub_menu li a:hover { background: var(--fcom-active-bg, #f0f3f5) !important; } .fla_header_avatar, .fc-customer-dashboard-customer-info img { display: none !important; } @media (max-width: 580px) { .fcom_dir_layout .card_list .each_card .card_content .card_info .info_header { flex-flow: wrap; } } @media (min-width: 768px) { .fcom_space_topics .fcom_topics_filters { flex-wrap: wrap; } .fcom_space_topics .fcom_topics_filters button { margin: 0 7px 5px 0; } } @media (max-width: 1024px) { .fcom_mobile_menu { bottom: -2px !important; display: block !important; z-index: 200 !important; } } @media (max-width: 480px) { .fcom_chat_has_thread .fcom_chat_closed { width: 54px !important; } .fcomc_textarea .fcomc_send .fcomc_send_btn svg { width: 35px !important; height: 28px !important; } } @media screen { .object_header .object_info .object_name h3 { margin-top: 5px !important; } } /* ========================================================= FLUENTCOMMUNITY - ACTIVE LINKS / SUBMENU ========================================================= */ .space_menu_item a.fcom_menu_link[href*="/jobs-suchen/"].active, .space_menu_item a.fcom_menu_link[href*="/jobs/"].active, .space_menu_item a.fcom_menu_link[href*="/jobs-anbieten/"].active, .space_menu_item a.fcom_menu_link[href*="/kandidatenprofile/"].active, .space_menu_item a.fcom_menu_link[href*="/mein-netzwerk/"].active { background-color: var(--jm-bg-cream); } a#JMSubmenu.active { background-color: var(--jm-bg-active-soft); border-radius: 6px; } /* ========================================================= FLUENTCOMMUNITY - FEED / SUB HEADER ========================================================= */ /* Variante D — Header transparent + Backdrop-Blur (iOS/macOS Frosted-Glass Style) --jm-glass-bg switcht zw. Light/Dark unten via Var-Definition */ .feed_layout .fhr_content_layout_header, .fca-events-content .fhr_content_layout_header, .fcom_events_addon .fhr_content_layout_header { width: -webkit-fill-available; background-color: var(--jm-glass-bg) !important; backdrop-filter: blur(12px) saturate(180%) !important; -webkit-backdrop-filter: blur(12px) saturate(180%) !important; border: none !important; margin-left: 5px; margin-right: 5px; border-radius: 10px; } :root { --jm-glass-bg: rgba(255, 255, 255, 0.65); --jm-glass-border: 1px solid rgba(0, 0, 0, 0.08); } html.dark { /* Dark Glass etwas heller als Body (#1a1a1a) für klare Abgrenzung, mit subtilem Border-Bottom als Schatten-Ersatz */ --jm-glass-bg: rgba(60, 65, 75, 0.7); --jm-glass-border: 1px solid rgba(255, 255, 255, 0.08); } /* Headers mit Glas-Look bekommen auch den Border-Bottom für klare Trennung */ .feed_layout .fhr_content_layout_header, .fca-events-content .fhr_content_layout_header, .fcom_events_addon .fhr_content_layout_header, .fca-search-page .fhr_content_layout_header { border-bottom: var(--jm-glass-border) !important; } .feed_layout .feeds.fcom_single_layout .fhr_content_layout .fhr_content_layout_body p { margin-bottom: 0 !important; } .fcom_sub_header { border: none !important; margin: 5px 5px 0; border-radius: 10px; } @media (max-width: 768px) { .feed_layout .fhr_content_layout_header, .fca-events-content .fhr_content_layout_header, .fcom_events_addon .fhr_content_layout_header, .feed_layout .fcom_sub_header { padding: 10px 10px 10px 20px !important; } xxxxx.messages-slot-wrapper { margin-bottom: 55px !important; } } /* ========================================================= FLUENTCOMMUNITY - COUNTRY SWITCH / TRANSLATE ========================================================= */ /* Land wechseln */ .fcom_menu_item_fcom_custom_land_wechseln a { border-radius: 8px; background-color: var(--jm-bg-cream); } .fcom_menu_item_fcom_custom_land_wechseln a:hover, .fcom_menu_item_fcom_custom_land_wechseln li a:hover { color: #fff !important; } .fcom_menu_item_fcom_custom_land_wechseln a:hover svg { fill: #fff !important; } @media (min-width: 1025px) { .fcom_menu_item_fcom_custom_land_wechseln a { margin-right: 20px; } .fcom_menu_item_fcom_custom_land_wechseln a:hover { background-color: var(--jm-bg-button) !important; } } @media (max-width: 1024px) { .fcom_menu_item_fcom_custom_land_wechseln a { padding-left: 0 !important; margin-left: 15px !important; margin-right: 15px !important; } .fcom_menu_item_fcom_custom_land_wechseln a:hover svg { filter: brightness(0) invert(1); transition: filter 0.3s ease; } } /* Translate dropdown */ .fcom_menu_item_translate .gtranslate_wrapper select { padding: 0 !important; } /* ========================================================= FLUENTCOMMUNITY - SEARCH ========================================================= */ .fca_search_input { display: none !important; } .top_menu_item.fca_global_search_holder { padding: 6px !important; } .fca_search_button svg { width: 20px !important; height: 20px !important; } .fca_search_button { padding: 0; color: #5D5D5D !important; background-color: transparent !important; right: 0 !important; } .fca_search_form { height: 20px; width: 20px; } .fca_global_search_holder { margin-left: 0 !important; } .fca-search-header .fcom_shape { width: inherit !important; height: inherit !important; background: transparent !important; } .fca-search-sidebar { margin-left: 10px; border: none !important; } .fca-search-sidebar, .fca-search-sidebar-empty { background-color: transparent !important; } .fcom_user_context_menu_items li.top_menu_item .fcom_menu_button:hover, .top_menu_item.fca_global_search_holder:hover, .fca_search_form:hover { background: var(--jm-bg-cream) !important; border-radius: 0 !important; } @media (max-width: 768px) { .fca_search_button { width: inherit !important; height: inherit !important; } .fca-search-input-wrapper { margin: 0 !important; } } /* ========================================================= FLUENTCOMMUNITY - FILTERS / PAGINATION ========================================================= */ .fca-filter-button.active, .fca-filter-button:hover { background: var(--jm-bg-warm) !important; } xx.fca-filter-button.active, xx.fca-filter-button.active .fca-filter-count { color: inherit !important; } .fca-filter-label {color: #000;} .fcom_pagination_wrap .el-pagination { margin: 15px 25px 45px 15px !important; flex-wrap: wrap !important; gap: 10px !important; } .el-pagination .el-select { min-width: fit-content !important; text-align-last: center !important; } .el-pagination .el-input__inner { text-align: center; padding: 0 !important; font-size: 14px !important; } .el-pagination__jump { margin-left: 0 !important; } .el-pagination__editor.el-input { width: 80px !important; } .el-pagination__sizes, .el-pagination__total { margin-right: 10px !important; } .el-popper.is-pure { margin-right: 10px !important; } /* ========================================================= FLUENTCOMMUNITY - BOARDS ========================================================= */ /* Header wie auf Feed/Suche: sticky + Frosted-Glass. Schlüssel-Fix: overflow:visible auf .fca-boards — dessen overflow:auto hat position:sticky gebrochen (darum brauchte das alte CSS position:fixed + die top-Hacks pro Breakpoint). */ .fca-boards { overflow: visible !important; margin-top: 0 !important; } .fca-boards .fhr_content_layout_header { position: sticky !important; top: 0 !important; width: auto !important; margin: 0 !important; background: var(--jm-glass-bg); -webkit-backdrop-filter: blur(12px) saturate(180%); backdrop-filter: blur(12px) saturate(180%); z-index: 100; } .fca-boards-tabs-list { margin-bottom: 10px; flex-wrap: wrap; } .fca-boards-list-view { width: auto !important; margin: 15px !important; } .fca-boards-search-input { padding: 10px 12px 10px 42px !important; } .fca-boards-columns { flex-wrap: wrap; } .fca-boards-container { padding-top: 0 !important; } .fca-boards-tabs, .fca-boards-filter-bar[data-v-49d72434] { border: none !important; background: transparent !important; } .fca-boards-filter-bar[data-v-49d72434] { padding: 0 30px !important; } .fca-boards-btn-primary:hover:not(:disabled) { background: var(--jm-bg-button) !important; opacity: 0.8; } /* ========================================================= FLUENTCOMMUNITY - MESSAGING / CHAT ========================================================= */ .chat-widget-wrapper { display: none !important; } .fluent-messaging .message__reply, .chat-widget-wrapper .message__reply, .fluent-messaging .new-message-modal__selected-chip, .chat-widget-wrapper .new-message-modal__selected-chip { background-color: var(--jm-bg-warm) !important; } .fluent-messaging .thread-item__verified, .chat-widget-wrapper .thread-item__verified { color: var(--fca-color-warning) !important; } .fluent-messaging .main-layout__messages { background-color: var(--jm-bg-soft) !important; } .fluent-messaging .message-composer__input-wrapper, .chat-widget-wrapper .message-composer__input-wrapper { align-items: center !important; } .fluent-messaging .main-layout__details, .chat-widget-wrapper .main-layout__details { z-index: 10 !important; margin-right: 10px !important; } .fluent-messaging .thread-item, .chat-widget-wrapper .thread-item { border-radius: 10px !important; } .fluent-messaging .thread-search__input, .chat-widget-wrapper .thread-search__input { width: 100% !important; } .fluent-messaging .user-details__section-header:hover, .chat-widget-wrapper .user-details__section-header:hover { border-radius: 10px !important; } .fluent-messaging .btn--primary:hover:not(:disabled), .chat-widget-wrapper .btn--primary:hover:not(:disabled), .fluent-messaging .app-header__new-btn:hover:not(:disabled), .chat-widget-wrapper .app-header__new-btn:hover:not(:disabled), .fluent-messaging .btn--secondary:hover:not(:disabled), .chat-widget-wrapper .btn--secondary:hover:not(:disabled) { background-color: var(--jm-bg-button-hover) !important; } .fluent-messaging .avatar__fallback, .chat-widget-wrapper .avatar__fallback { background-color: var(--jm-bg-button) !important; } button.thread-item.thread-item--unread { background-color: var(--jm-bg-warm); } .fluent-messaging .empty-state, .chat-widget-wrapper .empty-state { background: var(--jm-bg-soft) !important; } .fluent-messaging .thread-item--active, .chat-widget-wrapper .thread-item--active { background-color: var(--fcom-light-bg, #F6F9FA) !important; } .fluent-messaging .thread-item--active .thread-item__name, .fluent-messaging .thread-item--active .thread-item__time, .chat-widget-wrapper .thread-item--active .thread-item__name, .chat-widget-wrapper .thread-item--active .thread-item__time { color: var(--fcom-primary-text, #050505) !important; } .fluent-messaging .main-layout__threads, .chat-widget-wrapper .main-layout__threads, .fluent-messaging .thread-list__items, .chat-widget-wrapper .thread-list__items { background: var(--jm-bg-soft) !important; } .fluent-messaging .app-header, .chat-widget-wrapper .app-header { background-color: var(--jm-bg-warm) !important; border: none !important; border-radius: 10px !important; border-top-left-radius: 10px !important; height: 50px !important; } .fluent-messaging .app-header__title, .chat-widget-wrapper .app-header__title { font-size: 1.1em !important; color: var(--fcom-primary-text, #697386) !important; font-weight: 600 !important; margin-left: 10px !important; } .fluent-messaging .thread-list__search, .chat-widget-wrapper .thread-list__search, .fluent-messaging .main-layout__details, .chat-widget-wrapper .main-layout__details, .fluent-messaging .message-area, .chat-widget-wrapper .message-area, .fluent-messaging .message-composer, .chat-widget-wrapper .message-composer { background-color: var(--jm-bg-soft) !important; border: none !important; } .fluent-messaging .message-header, .chat-widget-wrapper .message-header, .fluent-messaging .user-details__section, .chat-widget-wrapper .user-details__section, .fluent-messaging .main-layout__threads, .chat-widget-wrapper .main-layout__threads, .fluent-messaging .community-details__footer, .chat-widget-wrapper .community-details__footer, .fluent-messaging .community-details__header, .chat-widget-wrapper .community-details__header { border: none !important; } .fluent-messaging.svelte-17ezwx0 { background-color: var(--jm-bg-soft) !important; } .fluent-messaging .message, .chat-widget-wrapper .message { background-color: #fff !important; } .fluent-messaging .btn--full-width, .chat-widget-wrapper .btn--full-width { background-color: var(--jm-bg-button) !important; color: #fff !important; } .fluent-messaging .message-header, .chat-widget-wrapper .message-header { background-color: var(--jm-bg-warm) !important; border-radius: 10px; margin-top: 5px; } .fluent-messaging .message-area__messages, .chat-widget-wrapper .message-area__messages { padding: 0 15px 15px !important; } @container fcom_chat_app (min-width: 768px) { .fluent-messaging .main-layout:has(.main-layout__details), .chat-widget-wrapper .main-layout:has(.main-layout__details) { gap: 10px; background-color: transparent !important; } } /* ========================================================= FLUENTCOMMUNITY - KNOWLEDGE BASE ========================================================= */ .fca-kb-article-title { margin: 0; font-size: 22px !important; font-weight: 400 !important; line-height: normal !important; } .fca-kb-hero { padding: 0 !important; text-align: left !important; } .fca-kb-sidebar-title { font-weight: 400 !important; } .fca-kb-hero-subtitle { display: none !important; } .fca-kb-collections-section, .fca-kb-articles-section, .fca-kb-recent-section { margin-bottom: 20px !important; } .fca-kb-recent-section { margin-top: 20px !important; } .fca-kb-section-title { font-size: 20px !important; font-weight: 400 !important; margin: 0 0 15px !important; } .fca-kb-collection-card { min-height: auto !important; } .fca-kb-recent-grid { margin: 0 !important; max-width: 100% !important; flex-direction: row; } .fca-kb-collection-card:hover { border-color: var(--jm-bg-warm) !important; box-shadow: unset !important; transform: translateY(-6px); } .fca-kb-recent-card:hover { background: #fff !important; border-color: lightgrey !important; transform: none !important; box-shadow: none !important; } .fca-kb-collection-card-title, .fca-kb-prev-next-title { color: #000 !important; } .fca-kb-index .fca-kb-content { max-width: 100% !important; } .fca-kb-prev-next-link:hover { border-color: lightgrey !important; background: #fff !important; } .fca-kb-hero-title { font-size: 20px !important; font-weight: 400 !important; -webkit-text-fill-color: var(--el-color-black) !important; color: #000; background: var(--jm-bg-warm) !important; padding: 15px 10px 15px 20px; border-radius: 10px; margin-right: -20px; margin-left: -20px; } .fca-kb-sidebar, .fca-kb-sidebar-header, .fca-kb-article-header { border: none !important; } .fca-kb-sidebar-nav { padding-top: 0 !important; } .fca-kb-article-header { padding-bottom: 0 !important; } .fca-kb-sidebar-link.is-active { background-color: var(--jm-bg-warm) !important; } .fca-kb-main { background: var(--jm-bg-soft) !important; } .fluent_com { min-height: auto !important; } .fca-kb-root { height: calc(100vh - 270px) !important; } .fca-kb-empty, .fca-kb { background: transparent !important; } .fca-kb-empty { padding: 0 !important; } /* ========================================================= FLUENTCOMMUNITY - LESSON / PUSH / WIDGETS ========================================================= */ #fca-push-profile-widget, .fca-push-profile-widget-container { background: #fff !important; } .fca-push-sub-current { padding: 6px !important; margin-right: 10px; line-height: normal !important; } .fca-push-profile-subs-list li { padding: 0 0 10px !important; } .fca-push-profile-enable-btn, .fca-push-profile-add-btn { margin-bottom: 10px; } .fca-push-sub-device-date { line-height: normal; } /* ========================================================= FLUENTCOMMUNITY - PROFILE MOBILE ========================================================= */ @media (max-width: 768px) { .fcom_member_profile .fcom_resp_container { display: flex !important; flex-direction: column !important; } #fca-push-profile-widget { display: none !important; } .fcom_member_profile .fcom_resp_side { display: block !important; order: 3 !important; } .fcom_member_profile .fcom_profile_box { order: 1 !important; } .fcom_member_profile main, .fcom_member_profile.fcom_main_content { order: 2 !important; } } /* ========================================================= FLUENTCOMMUNITY - LANGUAGE HINTS ========================================================= */ .sprach-hinweis-deutsch { display: block; } .sprach-hinweis-international { display: none !important; } .translated-ltr .sprach-hinweis-deutsch, .translated-rtl .sprach-hinweis-deutsch { display: none !important; } .translated-ltr .sprach-hinweis-international, .translated-rtl .sprach-hinweis-international { display: block !important; } /* ========================================================= FLUENTSUPPORT ========================================================= */ .fs_client_portal .fs_ticket_header { padding: 0 !important; } #fluent_support_client_app > div > div > div.fs_ticket_form_container > form > div.el-form-item.asterisk-left.el-form-item--label-top.fs_input_wrapper { margin-bottom: 0 !important; } .fs_client_portal .fs_ticket_threads_container .fs_ticket_thread .fs_ticket_thread_content .fs_ticket_thread_wrap .fs_thread_head .fs_thread_name .fs_thread_ribbon { background-color: #f8d6ce !important; color: #000 !important; padding: 2px 8px !important; } .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__inner-wrapper, .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__inner-wrapper .el-table__header-wrapper, .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__inner-wrapper:before { padding: 5px 0 20px !important; border-radius: 16px; } .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__header th, .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__body .fs_ticket_row td { padding-left: 10px !important; } #fluent_support_client_app > div > div > div.fs_tickets_container > div.fs_ticket_heroarea > div.fs_ticket_response > div > div > span > p > span::after { content: "."; } .fs_client_portal .fs_ticket_threads_container .fs_ticket_thread .fs_ticket_thread_content .fs_ticket_thread_wrap .fs_thread_body { background: white; border-radius: 10px; padding: 10px 15px; font-size: 14px !important; line-height: normal !important; } .fs_client_portal .fs_ticket_threads_container .fs_customer_conversation, .fs_client_portal .fs_ticket_threads_container .fs_ticket_thread.fs_conversion_starter .fs_conversion_starter_section .fs_join_thread_custom_field { padding: 0 20px 20px !important; } .fs_client_portal .fs_ticket_threads_container .fs_ticket_thread .fs_ticket_thread_content .fs_ticket_thread_wrap .fs_thread_head .fs_thread_name .fs_thread_ribbon.fs_thread_ribbon_customer { display: none !important; } /* ========================================================= FLUENTAFFILIATE ========================================================= */ .fa_auth_warp.fa_register_wrap { margin: 20px 50px !important; justify-self: left; max-width: 1100px; width: 100%; } .fa_auth_form_header, .fa_about { margin-bottom: 0 !important; } .fa_auth_form_header h3, .fa_about h3 { font-size: 22px; margin-bottom: 0 !important; } .fa_form_main_fields input, .fa_form_main_fields textarea { background-color: #fff !important; } .fa_auth_footer { display: none; } .fa_onboard_form #fa_verification_submit, .fa_onboard_form #wp-submit, .fa_onboard_form button.has_svg_loader { border-radius: 8px !important; } /* ========================================================= FLUENT PARTNER PORTAL ========================================================= */ .fla_portal .fla_layout.fla_modern_layout { background-color: transparent !important; } .fla_portal .fla_layout .fla_sidebar { background-color: transparent !important; min-height: 420px !important; } .fla_portal .fla_layout .fla_sidebar .fla_sidebar_header { display: none !important; } .fla_portal .fla_layout .fla_sidebar .fla_sidebar_nav li.nav_item a.item_menu_link { color: #000 !important; } .fla_portal .fla_layout .fla_sidebar .fla_sidebar_nav li.nav_item a.item_menu_link.router-link-exact-active, .fla_portal .fla_layout .fla_sidebar .fla_sidebar_nav li.nav_item a.item_menu_link:hover { background-color: var(--jm-bg-cream) !important; } .fla_portal .fla_layout .fla_sidebar, .fla_portal .fla_layout.fla_modern_layout .fla_route_body { border: none !important; } .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { background-color: var(--jm-bg-soft) !important; } .el-table.fa_table .el-table__header thead tr th { background-color: var(--jm-bg-cream) !important; } .el-button.fa_primary_button { background: var(--jm-bg-button) !important; color: #fff !important; } /* ========================================================= FLUENT CART - GLOBAL / DASHBOARD ========================================================= */ .fct-customer-root-container { min-height: auto !important; } .fct-customer-dashboard-customer-info { display: none !important; } #fct-customer-menu-container #fct-customer-menu-toggle, #fct-customer-menu-container #fct-customer-menu-toggle:focus { background-color: #fff !important; color: #fff; } #fc-customer-menu-toggle { width: auto !important; background: #fff; border: 1px solid lightgrey; } .fct-customer-navs .fct-customer-nav-item.active_customer_menu .fct-customer-nav-link, .fct-customer-navs .fct-customer-nav-link:hover { background-color: var(--jm-bg-cream) !important; } @media (min-width: 807px) { .fc-customer-dashboard-navs-wrap { background-color: #fff; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } } .fct-customer-nav-item-account-privacy .fct-customer-nav-link-icon, .fct-customer-nav-item-security .fct-customer-nav-link-icon, .fct-customer-nav-item-usage-limits .fct-customer-nav-link-icon, .fct-customer-nav-item-questions-reports .fct-customer-nav-link-icon { display: inline-block; width: 20px; height: 20px; -webkit-mask-size: contain; mask-size: contain; background-color: currentColor; } /* NACHHER (fix) */ .fct-customer-nav-item-account-privacy .fct-customer-nav-link-icon { -webkit-mask: url('/wp-content/uploads/sites/3/2025/11/security-safe-svgrepo-com.svg') no-repeat center / contain; mask: url('/wp-content/uploads/sites/3/2025/11/security-safe-svgrepo-com.svg') no-repeat center / contain; } .fct-customer-nav-item-security .fct-customer-nav-link-icon { -webkit-mask: url('/wp-content/uploads/sites/3/2025/11/key-svgrepo-com.svg') no-repeat center / contain; mask: url('/wp-content/uploads/sites/3/2025/11/key-svgrepo-com.svg') no-repeat center / contain; } .fct-customer-nav-item-usage-limits .fct-customer-nav-link-icon { -webkit-mask: url('/wp-content/uploads/sites/3/2026/01/calculator-svgrepo-com.svg') no-repeat center / contain; mask: url('/wp-content/uploads/sites/3/2026/01/calculator-svgrepo-com.svg') no-repeat center / contain; } .fct-customer-nav-item-support-hinweise .fct-customer-nav-link-icon { -webkit-mask: url('/wp-content/uploads/sites/3/2026/03/messages-3-svgrepo-com.svg') no-repeat center / contain; mask: url('/wp-content/uploads/sites/3/2026/03/messages-3-svgrepo-com.svg') no-repeat center / contain; } .fct_customer_profile_wrap * { border: none !important; } .fct_customer_profile_wrap { padding-right: 20px; } html.dark .fct_customer_profile_wrap { background: transparent !important; } .el-table th.el-table__cell.is-leaf { background-color: var(--jm-bg-cream) !important; } /* ========================================================= FLUENT CART - PRODUCTS ========================================================= */ @media (min-width: 900px) { .fct-single-product-page-row { grid-template-columns: 220px 1fr !important; gap: 28px; align-items: start; } } .fct-single-product-page-row .fct-single-product-image img, .fct-single-product-page-row img { max-width: 220px; max-height: 220px; width: 100%; height: auto; object-fit: contain; display: block; margin: 0 auto; } .fct-product-gallery-thumb { height: 220px; } .fct-shop-filter-toggle-button { margin-bottom: 10px; } @media (min-width: 600px) { .fc-products-wrapper .fct-products-wrapper-inner.mode-list .fct-products-container .fct-product-card, .fct-products-wrapper .fct-products-wrapper-inner.mode-list .fct-products-container .fct-product-card { grid-template-columns: 120px 1fr; } } .fct-products-container { gap: 10px !important; } @media (max-width: 1023px) { .fct-products-wrapper-inner { gap: 10px; } .fct-product-card .fct-product-card-image-wrap { max-height: 200px; } } .fct-product-card-image-wrap { display: flex !important; align-items: center; justify-content: center; background: transparent; } .fct-product-card-image { max-height: 160px; width: auto !important; height: auto !important; object-fit: contain !important; } .fct-product-payment-type.fluent-cart-product-variation-content span { margin-left: 5px !important; } .fct-products-wrapper .fct-products-wrapper-inner .fct-products-container.grid-columns-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } /* ========================================================= FLUENT CART - CART / CHECKOUT / THANK YOU / BUTTONS ========================================================= */ .fc-cart-drawer-open-btn:hover { background-color: white !important; } .fct_checkout_agree_terms > label { display: inline-block !important; } .jmbutton, .fc-product-view-button, .fc-product-card button, .fc-cart-drawer-footer a, .fluent-cart-direct-checkout-button, #fluent_cart_order_btn, .fct-thank-you-page-footer .fct-thank-you-page-view-order-button, button.wp-element-button, input.button, .jm-ui-button, .jm-ui-button:focus { border-radius: 8px !important; color: var(--fcom-primary-button-text, var(--fcom-primary-bg, #FFFFFF)) !important; /* background entfernt — kommt aus default Cascade */ font-size: 14px; } .fc-product-view-button, .fc-product-card button, .fc-cart-drawer-footer a, .fct-thank-you-page-footer .fct-thank-you-page-view-order-button, button.wp-element-button, input.button, .jm-ui-button, .jm-ui-button:focus { padding: 6px 12px !important; } .jmbutton { padding: 4px 10px; } .fluent-cart-direct-checkout-button, #fluent_cart_order_btn { padding: 8px 15px; } /* .jmbutton — Struktur-Styles, BG/Color kommen aus der Sammelregel (line ~926) */ .jmbutton { border: 1px solid var(--jm-border-warm, #dcd5cf) !important; border-radius: 8px !important; padding: 6px 14px !important; font-size: 14px !important; cursor: pointer !important; text-decoration: none !important; filter: none !important; } .jmbutton:hover { filter: brightness(1.05) !important; } /* Dark-Mode: nur Color + Border, BG kommt aus Sammelregel/Cascade */ html.dark .jmbutton { color: var(--fcom-primary-text, #F0F3F5) !important; border: 1px solid var(--fcom-primary-border, #42464D) !important; } html.dark .jmbutton:hover { filter: brightness(1.1) !important; } button.wp-element-button:hover, input.button:hover, .jm-ui-button:hover { color: #fff !important; background: var(--fcom-primary-button, #2B2E33) !important; } div.fct-thank-you-page-body > div > div > div > div.no-print > p > strong > a { margin-left: 5px; } #jm-footer-wp > div > div.fct-single-product-page, #jm-footer-wp .fc-product-list-container.fc-similar-product-list-container { display: none; } .order-content-only-mobile, .subscription-only-mobile, .license-only-mobile, .fc-order-summary-wrap, .fc-single-order-body { background-color: #fff; } .fct_line_item .fct_line_item_total { white-space: nowrap !important; } #filter-product-categories > div > div:nth-child(1) { display: none !important; } /* ========================================================= EVENTS ========================================================= */ .fca-empty-state { background: transparent !important; } .fca-calendar-day.fca-today { background: #fff !important; } .fca-waitlist-badge { background-color: gold; color: #000; position: relative; padding: 5px 15px; } .fca-event-category-single, .fca-event-category-list, .fca-event-category-card { background: var(--jm-bg-warm) !important; } .fca-event-category-single:hover, .fca-event-category-list:hover, .fca-event-category-card:hover { background: var(--jm-bg-cream-soft) !important; } .fca-event-list-item { border: 1px solid #fff; } .fca-event-list-item:hover { background: #fff !important; border: 1px solid lightgrey; } .fca-register-btn:hover { box-shadow: none !important; } .fca-modal-body { padding: 20px !important; } @media (min-width: 768px) { .fca-events-content-container { margin: 2rem !important; } } @media (min-width: 1425px) { .fca-events-page-container { align-items: center; } } /* ========================================================= JOB MANAGER ========================================================= */ #submit-resume-form > fieldset > label { font-size: 20px; font-weight: 500; } #submit-resume-form > fieldset > label > small { font-size: 14px; font-weight: 400; } .job-manager-form fieldset small.description { margin: 0.5em 0 0; } .job-manager-form fieldset input.input-date, .job-manager-form fieldset input.input-text, .job-manager-form fieldset select, .job-manager-form fieldset textarea { background-color: #fff !important; } .jm-notice { background: #fff !important; } /* ========================================================= WORDPRESS CONTENT ========================================================= */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--jm-bg-warm); } #post-707 table > tbody > tr:nth-child(1) > td:nth-child(1) { width: 70%; } .one-container .inside-article > .featured-image { float: left; max-width: 250px; display: none; } .entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull { margin-left: 0; width: auto; max-width: 100%; } .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation { padding: 0 20px 40px !important; } /* ========================================================= FOOTER ========================================================= */ #jm-footer-wp { margin-top: 50px; } #menu-footer { margin: 7px 0 10px 10px; list-style: none; display: flex; column-gap: 20px; flex-wrap: wrap; } #menu-footer a { text-decoration: none !important; font-size: 14px; } /* ========================================================= GLOBAL BUTTON / HOVER FIXES ========================================================= */ html.dark .el-button.is-text:not(.is-disabled):hover, html.dark .fcom_dot_menu.el-tooltip__trigger.el-tooltip__trigger:hover { background-color: transparent !important; color: #fff !important; } /* ========================================================= DARK MODE — Spezial-Overrides (Selektoren/Properties die nicht via Var auto-switchen koennen) ========================================================= */ html.dark body .jm-rg-highlights, html.dark body .jm-rg-nearby__item { background: var(--jm-bg); border-color: grey; } @media (min-width: 1025px) { } html.dark .fca_search_button svg { stroke: var(--jm-text-muted) !important; } html.dark button.thread-item.thread-item--unread { background-color: #474747 !important; } html.dark .fs_popover_item .fs_radio_blocks .el-radio-group .el-radio__input.is-checked .el-radio__inner { background: #fff !important; } html.dark .fs_client_portal .fs_ticket_wrapper .fs_tickets_container { color: #000 !important; } html.dark .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__header th, html.dark .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__inner-wrapper, html.dark .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__inner-wrapper .el-table__header-wrapper, html.dark .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__inner-wrapper:before { color: var(--jm-text) !important; background: transparent !important; } /* FluentSupport Tickets-Tabelle: graue Header- und Empty-State-Flächen entfernen (Light + Dark) */ .fs_client_portal .fs_tickets_table .el-table__header, .fs_client_portal .fs_tickets_table .el-table__header-wrapper, .fs_client_portal .fs_tickets_table .el-table__header tr, .fs_client_portal .fs_tickets_table .el-table__header th, .fs_client_portal .fs_tickets_table .el-table__header .el-table__cell, .fs_client_portal .fs_tickets_table .el-table__empty-block, .fs_client_portal .fs_tickets_table .el-table__empty-text, .fs_client_portal .fs_tickets_table .el-table tr, .fs_client_portal .fs_tickets_table .el-table__row { background-color: transparent !important; background: transparent !important; --el-table-header-bg-color: transparent !important; --el-table-tr-bg-color: transparent !important; --el-table-row-hover-bg-color: transparent !important; } /* Empty-State Text dezent */ .fs_client_portal .fs_tickets_table .el-table__empty-text { color: var(--jm-text-muted, #666) !important; } html.dark .fs_client_portal .fs_tickets_table .el-table__empty-text { color: var(--fcom-secondary-text, #99A0AE) !important; } html.dark body .fca-widget-menu-item img, html.dark body img.JMIcon, html.dark body .community_avatar .fcom_shape .el-icon { filter: brightness(0) invert(0.65); transition: filter 0.3s ease; } html.dark body .fc-customer-dashboard-navs-wrap .fc-customer-navs .fc-customer-nav-item.active_customer_menu .fc-customer-nav-link, html.dark body .el-dropdown__popper.fc-dropdown .el-dropdown-menu__item:focus { color: #000 !important; } @media (max-width: 806px) { } /* ========================================================= DARK/LIGHT PAIRS (refactored from html.dark) Diese Regeln nutzen Vars die zwischen Light/Dark switchen. ========================================================= */ body .cmplz-cookiebanner, body .jm-rg-map-consent { background: var(--jm-cmplz-bg)!important; } body .cmplz-cookiebanner .cmplz-title, body .cmplz-cookiebanner .cmplz-message, body .cmplz-cookiebanner .cmplz-close, body .cmplz-cookiebanner .cmplz-links .cmplz-link, body .jm-rg-map-consent__inner p { color: var(--jm-text)!important; } body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { background-color: transparent!important; color: var(--jm-text)!Important; } body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { background-color: var(--jm-cmplz-header)!important; } body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title, body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { color: var(--jm-text)!Important; } /* Header-Buttons: NUR Hover bekommt Background (default = transparent / FC default) */ body li.fcom_menu_item_fcom_custom_regionen > a:hover, body li.fcom_menu_item_fcom_custom_regionen > a:active, body .top_menu_item.fca_global_search_holder:hover, body .fca_search_form:hover { background: var(--jm-region-btn-hover) !important; } xxxbody li.fcom_menu_item_fcom_custom_regionen > a span.community_name:hover, xxxbody li.fcom_menu_item_fcom_custom_regionen > a span.community_name { color: var(--jm-text)!important; } body .fcom_user_context_menu_items li.top_menu_item .fcom_menu_button.fcom_primary_button, body .fcom_user_context_menu_items li.top_menu_item>a.fcom_primary_button { color: var(--jm-text)!important; background-color: var(--jm-bg-button-hover)!important; } body .jm-rg-poi-filter:hover { color: var(--jm-text)!important; } body .jm-rg-poi-list__item.highlighted { background: var(--contrast-2)!important; } body .gb-element-04a86c33, body .gb-element-c6759af4, body .gb-element-f193562d, body .gb-element-580b2fe5, body .gb-element-595b820c, body .JMSubmenu { background-color: var(--jm-bg) !important; } /* .jm-rg-state-btn — Active + Hover für Light/Dark explizit */ /* LIGHT: aktiv = JM-Standard-Button-Farbe (--jm-bg-button = #5b6269) mit weißer Schrift */ body .jm-rg-state-btn.active { background-color: var(--jm-bg-button, #5b6269) !important; color: var(--jm-text-inverse, #fff) !important; border-color: var(--jm-bg-button, #5b6269) !important; } /* LIGHT: hover (nicht aktiv) = leichter grauer BG + dunkler Text */ body .jm-rg-state-btn:not(.active):hover { background-color: #f3f4f6 !important; color: #19283a !important; border-color: #d6dbe1 !important; } /* DARK: aktiv = mittel-dunkler Pill (nicht weiß!) mit hellem Text */ html.dark body .jm-rg-state-btn.active { background-color: var(--fcom-active-bg, #42464D) !important; color: var(--fcom-primary-text, #fff) !important; border-color: var(--fcom-active-bg, #42464D) !important; } /* DARK: hover (nicht aktiv) = dezenter Surface-BG + heller Text */ html.dark body .jm-rg-state-btn:not(.active):hover { background-color: var(--fcom-secondary-bg, #191B1F) !important; color: var(--fcom-primary-text, #fff) !important; border-color: var(--fcom-primary-border, #42464D) !important; } /* entfernt: body .jm-rg-state-btn:hover { color: var(--jm-text)!important; } ersetzt durch explizite Light/Dark + :not(.active) Rules weiter oben */ /* (entfernt: transparent-Override, kollidierte mit Header-Button-Konsolidierung weiter oben) */ body .spaces .space_contents, body .fcom_top_menu, body .fcom_lesson_container .fcom_lesson_details, body .el-scrollbar__wrap--hidden-default, body .fluent-messaging.svelte-17ezwx0, body .fluent-messaging .main-layout__threads, body .chat-widget-wrapper .main-layout__threads, body .fluent-messaging .thread-list__items, body .chat-widget-wrapper .thread-list__items, body .fluent-messaging .thread-list__search, body .chat-widget-wrapper .thread-list__search, body .fluent-messaging .main-layout__details, body .chat-widget-wrapper .main-layout__details, body .fluent-messaging .message-area, body .chat-widget-wrapper .message-area, body .fluent-messaging .message-composer, body .chat-widget-wrapper .message-composer { background: var(--jm-bg-soft) !important; } body .fca-kb-empty, body .order-content-only-mobile, body .subscription-only-mobile, body .license-only-mobile, body .fc-order-summary-wrap, body .fc-single-order-body, body .fc-product-card, body #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header, body #cmplz-cookies-overview .cmplz-dropdown summary, body #cmplz-document .cmplz-dropdown summary, body .fc-customer-dashboard-navs-wrap { background-color: transparent !important; } body .el-dialog, body .el-dialog .el-table tr, body .fluent-cart-customer-profile-app .pb-10 { background-color: var(--jm-bg-warm) !important; } body .fca-boards-move-select[data-v-397d4d6f], body .fs_client_portal .fs_ticket_threads_container .fs_ticket_thread .fs_ticket_thread_content .fs_ticket_thread_wrap .fs_thread_head .fs_thread_name, body .fs_client_portal .fs_ticket_threads_container .fs_ticket_thread .fs_ticket_thread_content .fs_ticket_thread_wrap .fs_actions_head .fs_thread_actions, body .fs_client_portal .fs_ticket_reply_box h3, body .fct-customer-dashboard-header .is-link, body .fs_client_portal .fs_ticket_header label, body .fs_client_portal .el-form-item__label, body .fs_client_portal .fs_ticket_details_label, body .fs_client_portal .fs_tk_help, body .fs_client_portal .fs-file-uploader .el-upload .fs-upload-content .fc-upload-text .fs_upload_instruction, body .fs_thread_body p span, body .fct-customer-orders-items a, body .order-content-only-mobile-item .link, body .subscription-only-mobile-item .item-header .text, body .subscription-only-mobile-item .fct-customer-payment-info, body .fs_client_portal .fs-file-uploader .el-upload .fs-upload-content .fc-upload-text .fs_upload_button, body .fs_client_portal .fs-file-uploader .fs_upload_info, body .fs_popover_item .fs_popover_title, body .fs_popover_item .fs_radio_blocks .el-radio-group .el-radio__input.is-checked + .el-radio__label, body .el-radio__label, body .JMText, body .el-breadcrumb__inner, body .fct-single-order-header .title, body .fct-customer-dashboard-content-table-item .text, body .jmfc-post-limit-box p, body .jmfc-post-limit-box span, body .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_header label, body .fs_client_portal .fs_back_btn, body .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_ticket_heroarea .fs_ticket_subject, body .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_ticket_heroarea .fs_ticket_actions .fs_ticket_refresh_btn span, body .fct-form-container .form-heading, body .fct-form-container .form-desc, body .fct-customer-dashboard-header .fct-customer-dashboard-title, body .fct-customer-dashboard-empty-state h4, body .fct-customer-dashboard-empty-state p, body .fct-order-summary-wrap .fct-order-summary-body .fct-order-summary-order-calculation .tr, body .fct-order-summary-wrap .fct-order-summary-footer .tr, body .fct-customer-dashboard-address .title, body .fct-customer-dashboard-address .text, body .fct-order-summary-wrap .fct-order-summary-header-title, body .fct-customer-orders-items-title span, body .fc-customer-orders-items-title span, body .fc-customer-orders-items-sub-title, body .el-table .text, body .fc-customer-dashboard-navs-wrap .fc-customer-navs .fc-customer-nav-item .fc-customer-nav-link:not(:focus), body .fc-customer-dashboard-customer-info-content h3, body .fc-customer-dashboard-customer-info-content p, body .fc-customer-dashboard-header .fc-customer-dashboard-title, body .fc-customer-dashboard-header > div > a, body .el-breadcrumb__inner a, body .el-breadcrumb__inner.is-link, body .fc-order-summary-wrap .fc-order-summary-header-title, body .fc-order-summary-wrap .fc-order-summary-body .fc-order-summary-order-calculation .tr, body .fc-order-summary-wrap .fc-order-summary-footer .tr, body .el-table td.el-table__cell div, body .fc-single-order-header .title, body .fc-customer-dashboard-address .text, body .fc-customer-dashboard-address .title, body .el-dropdown__popper.fc-dropdown .el-dropdown-menu__item, body .pager-wrap span, body .fc-customer-dashboard-content-table-item .text, body .el-overlay .el-dialog__header .el-dialog__title, body .fc-customer-dashboard-empty-state-inner h4, body .fc-customer-dashboard-empty-state-inner p, body .fc-form-container p, body .fluent-cart-customer-profile-app .text-system-mid, body .fc-product-card h3, body .fc-product-card span, body #filter-product-categories span, body .fc-shop-item-collapse-wrap h3, body #filter-product-brands span, body .spaces .space_contents ul li a .community_name, body .el-select-dropdown__list li, body .el-select-dropdown__list .el-select-dropdown__item.is-hovering:is(.dark *), body .el-select-dropdown__list .el-select-dropdown__item.is-selected, body .fca_search_button svg { color: var(--jm-text) !important; } body .fluent-messaging .empty-state, body .chat-widget-wrapper .empty-state { background: var(--jm-bg-soft) !important; } body .fluent-messaging .app-header, body .chat-widget-wrapper .app-header, body .fluent-messaging .message-header, body .chat-widget-wrapper .message-header, body .fluent-messaging .thread-item--active, body .chat-widget-wrapper .thread-item--active, body .fcom_back_space, body .fcom_lesson_container .fcom_lesson_sidebar, body .fcom_lesson_container .fcom_lesson_sidebar .fcom_section_sidebar_title, body #fca-push-profile-widget, body .fca-push-profile-widget-container, body .fcom_user_context_menu_items .fcom_user_menu_item .fcom_profile_extend.fcom_extend_menu .fcom_profile_sub_menu, body .fcom_user_context_menu_items .fcom_user_menu_item .fcom_profile_extend .fcom_profile_sub_menu li { background-color: var(--jm-bg) !important; } body .fluent-messaging .message__text, body .chat-widget-wrapper .message__text, body .spaces .space_contents ul li a.router-link-exact-active { color: var(--jm-text) !important; } body .fluent-messaging .app-header__new-btn:hover:not(:disabled), body .chat-widget-wrapper .app-header__new-btn:hover:not(:disabled) { background-color: var(--jm-text-muted) !important; } body .fcom_chat_wrap .fcom_chat_closed .fcom_chat_side_body .fcom_chat_threads .fcom_chat_thread .fcom_chat_thread_avatar .fcom_thread_shape_svg svg, body .fcomc_thread_wrap .fcomc_thread_header .fcomc_thread_title .fcom_thread_shape_svg svg, body .fs_ticket_refresh_btn > svg > path, body .fs_svg_back > path, body .el-icon.upload-icon > svg > path, body .fc-customer-logout-btn svg { fill: var(--jm-text) !important; } body .el-popover.el-popper, body .el-select-dropdown__list { background-color: var(--jm-bg) !important; color: var(--jm-text) !important; } body .el-select-dropdown__list, body .fcom_user_context_menu_items .fcom_profile_sub_menu li a.active-link, body a#JMSubmenu.active, body a#JMSubmenu:hover, body .space_menu_item a.fcom_menu_link[href*="/jobs-suchen/"].active, body .space_menu_item a.fcom_menu_link[href*="/jobs/"].active, body .space_menu_item a.fcom_menu_link[href*="/jobs-anbieten/"].active, body .space_menu_item a.fcom_menu_link[href*="/kandidatenprofile/"].active, body .space_menu_item a.fcom_menu_link[href*="/mein-netzwerk/"].active { background-color: var(--jm-bg-active-soft) !important; } /* Dark-Mode: alle Header-Menüpunkte → Text immer weiß */ html.dark body .fcom_top_menu li > a, html.dark body .fcom_top_menu li > a .community_name, html.dark body .fcom_top_menu .fcom_menu_link, html.dark body .fcom_top_menu .community_name { color: #fff !important; } /* Dark-Mode: active/hover Header-Menüpunkte bekommen Background = cmplz-button-accept-Farbe (#5b6269) */ html.dark body .fcom_top_menu li[class*="fcom_menu_item"] > a:hover, html.dark body .fcom_top_menu li[class*="fcom_menu_item"] > a.active, html.dark body .fcom_top_menu li[class*="fcom_menu_item"] > a.router-link-exact-active, html.dark body .fcom_top_menu li.space_menu_item > a:hover, html.dark body .fcom_top_menu li.space_menu_item > a.active, html.dark body .fcom_top_menu li.space_menu_item > a.router-link-exact-active, html.dark body .fcom_top_menu li.top_menu_item:hover, html.dark body li.fcom_menu_item_fcom_custom_regionen > a:hover, html.dark body li.fcom_menu_item_fcom_custom_regionen > a.active, html.dark body li.fcom_menu_item_fcom_custom_land_wechseln > a:hover, html.dark body li.fcom_menu_item_fcom_custom_land_wechseln > a.active, html.dark body .top_menu_item.fca_global_search_holder:hover, html.dark body .fca_search_form:hover, html.dark body .space_menu_item a.fcom_menu_link.active, html.dark body .space_menu_item a.fcom_menu_link.router-link-exact-active, html.dark body .space_menu_item a.fcom_menu_link:hover { background-color: #585858 !important; color: #fff !important; } /* font-weight 400 (normal, nicht fett) für ALLE Header-Menü-Items */ body .fcom_top_menu .fcom_menu_link, body .fcom_top_menu .community_name, body .fcom_top_menu li > a, body li.fcom_menu_item_fcom_custom_regionen > a span.community_name, body li.fcom_menu_item_fcom_custom_land_wechseln > a span.community_name { font-weight: 400 !important; } /* (entfernt: .fcom_menu_item_fcom_custom_land_wechseln a — kollidierte mit Header-Button-Konsolidierung) */ body .el-select-dropdown__list { border-radius: 8px !important; } body .fct-customer-navs .fct-customer-nav-item.active_customer_menu .fct-customer-nav-link, body .fct-customer-navs .fct-customer-nav-link:hover, body #fct-customer-logout-button a { background: var(--jm-bg-button) !important; color: var(--jm-text-inverse, #fff) !important; } body .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__body .fs_ticket_row, body .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__body .fs_ticket_row td { background-color: var(--jm-bg-active-soft) !important; } /* Hover: subtle Helligkeitswechsel via filter — kein Farbwechsel (kein Braun!) */ body .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__body .fs_ticket_row:hover, body .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__body .fs_ticket_row:hover td { background-color: var(--jm-bg-cream, #f0eee6) !important; background: var(--jm-bg-cream, #f0eee6) !important; color: var(--jm-text) !important; } body .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { background-color: var(--jm-bg-cream, #f0eee6) !important; background: var(--jm-bg-cream, #f0eee6) !important; color: var(--jm-text) !important; } /* FS Header-Row Background überschreiben — FS setzt var(--fs-bg-weak) (grau), wir wollen Template-BG (transparent) */ body .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__header th, body .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__header tr, body .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__header .el-table__cell { background: transparent !important; background-color: transparent !important; --fs-bg-weak: transparent !important; } body .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table .el-table .el-table__body .fs_ticket_row td.conversation-cell .fs_ticket_conversation .fs_ticket_preview { color: var(--jm-text-muted) !important; } /* Variante D — auch jmheader (WP-Pages) transparent + Backdrop-Blur */ body #jmheader { background-color: var(--jm-glass-bg) !important; backdrop-filter: blur(12px) saturate(180%) !important; -webkit-backdrop-filter: blur(12px) saturate(180%) !important; } /* FC-Headers werden oben in einer separaten Regel mit gleicher Var bedient — diese Sammelregel ist obsolet */ body .object_header .object_cover.no_cover { background: var(--jm-bg-warm) !important; } body .fcom_menu_item_translate .gtranslate_wrapper select { color: var(--jm-text) !important; background-color: var(--jm-bg) !important; } body .fca-waitlist-badge { background-color: var(--jm-bg) !important; color: var(--jm-text) !important; } /* (entfernt: search:hover — kollidierte mit Header-Button-Konsolidierung weiter oben) */ /* (entfernt: fct-customer-menu-holder background — kein dark override nötig) */ html.dark body .jm-rg-map-consent__btn { background: #6f6f6f!important; } html.dark body .gb-element-dbfef632 { background-color: #4a4a4a!important; } /* alte Regel: html.dark body .leaflet-popup-content p { color: #000 !important; } — entfernt, war Bug */ html.dark body .jm-rg-map-fullscreen-btn:hover { background: #b1afaf!important; color: #000; } /* (entfernt: html.dark Header-Button :hover — Konsolidierung weiter oben via var(--jm-region-btn-hover)) */ /* ========================================================= DARK MODE — FluentCart Customer Dashboard (/konto/) Überschreibt FluentCart's eigene CSS-Vars ========================================================= */ html.dark { --fct-customer-dashboard-card-bg: #2b2e33; --fct-customer-dashboard-card-border-color: #42464D; --fct-customer-dashboard-card-heading-color: #fff; --fct-customer-dashboard-title-color: #fff; --fct-customer-dashboard-sub-title-color: #c4c7cf; --fct-customer-dashboard-text-color: #e4e7eb; --fct-customer-dashboard-border-color: #42464D; --fct-customer-dashboard-divider-color: #42464D; --fct-customer-dashboard-btn-bg-color: #5b6269; --fct-customer-dashboard-btn-border-color: #5b6269; --fct-customer-dashboard-btn-text-color: #fff; --fct-customer-dashboard-paginator-items-active-bg: #5b6269; --fct-customer-dashboard-paginator-items-active-border: #5b6269; --fct-customer-dashboard-paginator-items-active-color: #fff; --fct-customer-dashboard-paginator-text-color: #e4e7eb; } /* ========================================================= DARK MODE — Anti-Flicker (Loading-Splash) ========================================================= */ html.dark body, html.dark .fct-customer-root-container, html.dark .fct-customer-app, html.dark #fluent_cart_customer_profile_app, html.dark .fct-customer-dashboard-app-container, html.dark .fct-customer-dashboard-layout-width, html.dark .fct-customer-dashboard { background-color: #1a1a1a !important; } /* ========================================================= DARK MODE — FC Customer Cards (Address, etc.) FC nutzt Tailwind bg-white hardcoded → wir überschreiben ========================================================= */ html.dark .fluent-cart-customer-profile-app .fct-customer-address-list, html.dark .fluent-cart-customer-profile-app .fct-customer-address-block, html.dark .fluent-cart-customer-profile-app .fct-customer-card, html.dark .fluent-cart-customer-profile-app .fct-customer-dashboard-card, html.dark .fluent-cart-customer-profile-app .fct-customer-address-section, html.dark .fluent-cart-customer-profile-app .fct-customer-dashboard-content-table-item, html.dark .fluent-cart-customer-profile-app .fct-purchase-history-route-wrap, html.dark .fluent-cart-customer-profile-app .fct-customer-dashboard-main-content, html.dark .fluent-cart-customer-profile-app [class*="bg-white"] { background-color: transparent !important; color: #e4e7eb !important; border-color: #42464D !important; } /* Text in den Cards generell hell */ html.dark .fluent-cart-customer-profile-app p, html.dark .fluent-cart-customer-profile-app span, html.dark .fluent-cart-customer-profile-app h1, html.dark .fluent-cart-customer-profile-app h2, html.dark .fluent-cart-customer-profile-app h3, html.dark .fluent-cart-customer-profile-app h4, html.dark .fluent-cart-customer-profile-app .text, html.dark .fluent-cart-customer-profile-app .title { color: #e4e7eb !important; } /* ========================================================= DARK MODE — Skeleton Loader (Element Plus) FC zeigt während Loading el-skeleton mit weißem Background ========================================================= */ html.dark { --el-skeleton-color: #2b2e33; --el-skeleton-to-color: #42464D; } html.dark .fluent-cart-customer-profile-app .el-skeleton, html.dark .fluent-cart-customer-profile-app .el-skeleton__container, html.dark .fct-customer-app .el-skeleton, html.dark .el-skeleton { background-color: transparent !important; } /* Skeleton-Items (die grauen Balken) — etwas heller als bg */ html.dark .el-skeleton__item { background-color: #3a3d42 !important; } /* ========================================================= DARK MODE — Brute-Force-Override für FC Loading-State Alle direkten Kinder vom FC App-Container transparent ========================================================= */ html.dark .fluent-cart-customer-profile-app > div, html.dark .fluent-cart-customer-profile-app > section, html.dark .fct-customer-dashboard-app-container > div, html.dark .fct-customer-dashboard-app-container > section, html.dark .fct-customer-dashboard-main-content, html.dark .fct-customer-dashboard-main-content > div, html.dark .fct-customer-root-container > div, html.dark .fct_customer_profile_wrap > div, html.dark .fct_customer_profile_wrap > section { background-color: transparent !important; } /* Auch Inline-Style background:white überschreiben */ html.dark .fluent-cart-customer-profile-app *[style*="background-color: rgb(255"], html.dark .fluent-cart-customer-profile-app *[style*="background-color:#fff"], html.dark .fluent-cart-customer-profile-app *[style*="background: rgb(255"], html.dark .fluent-cart-customer-profile-app *[style*="background:#fff"] { background-color: transparent !important; } /* Final Brute-Force: ALLE direkten und tiefer verschachtelten FC Customer App Children ohne hardcoded weißen Background — body schimmert durch */ html.dark .fluent-cart-customer-profile-app div, html.dark .fluent-cart-customer-profile-app section, html.dark .fluent-cart-customer-profile-app article, html.dark .fluent-cart-customer-profile-app aside, html.dark .fluent-cart-customer-profile-app .el-card, html.dark .fluent-cart-customer-profile-app .el-card__body { background-color: transparent !important; } /* Aber: spezifische Komponenten brauchen ihre eigene Farbe (Buttons, Badges, etc.) */ html.dark .fluent-cart-customer-profile-app .el-button, html.dark .fluent-cart-customer-profile-app button, html.dark .fluent-cart-customer-profile-app .el-tag, html.dark .fluent-cart-customer-profile-app .el-badge { /* background-color: revert !important; — entfernt, lässt natürliche Cascade durch */ } /* Inkl. table/ul/li/etc. */ html.dark .fluent-cart-customer-profile-app table, html.dark .fluent-cart-customer-profile-app thead, html.dark .fluent-cart-customer-profile-app tbody, html.dark .fluent-cart-customer-profile-app tr, html.dark .fluent-cart-customer-profile-app td, html.dark .fluent-cart-customer-profile-app th, html.dark .fluent-cart-customer-profile-app ul, html.dark .fluent-cart-customer-profile-app ol, html.dark .fluent-cart-customer-profile-app li, html.dark .fluent-cart-customer-profile-app form, html.dark .fluent-cart-customer-profile-app fieldset, html.dark .fluent-cart-customer-profile-app .el-table, html.dark .fluent-cart-customer-profile-app .el-table__inner-wrapper, html.dark .fluent-cart-customer-profile-app .el-table__header, html.dark .fluent-cart-customer-profile-app .el-table__body, html.dark .fluent-cart-customer-profile-app .el-table__cell, html.dark .fluent-cart-customer-profile-app .el-table__header-wrapper, html.dark .fluent-cart-customer-profile-app .el-table__body-wrapper { background-color: transparent !important; } /* DARK MODE — FC Status-Badges (.badge.XXX + el-tag) */ html.dark .fluent-cart-customer-profile-app .badge, html.dark .fluent-cart-customer-profile-app .el-tag { background-color: #42464D !important; color: #e4e7eb !important; border-color: #585858 !important; } /* Spezifische Status-Farben mit Kontrast für dark */ html.dark .fluent-cart-customer-profile-app .badge.success, html.dark .fluent-cart-customer-profile-app .el-tag.el-tag--success { background-color: #1a4332 !important; /* dark green */ color: #6ee7b7 !important; /* light green text */ border-color: #047857 !important; } html.dark .fluent-cart-customer-profile-app .badge.warning, html.dark .fluent-cart-customer-profile-app .el-tag.el-tag--warning { background-color: #4a3520 !important; color: #fcd34d !important; border-color: #b45309 !important; } html.dark .fluent-cart-customer-profile-app .badge.danger, html.dark .fluent-cart-customer-profile-app .badge.error, html.dark .fluent-cart-customer-profile-app .el-tag.el-tag--danger { background-color: #4a1a1a !important; color: #fca5a5 !important; border-color: #b91c1c !important; } html.dark .fluent-cart-customer-profile-app .badge.info, html.dark .fluent-cart-customer-profile-app .el-tag.el-tag--info { background-color: #1e3a4a !important; color: #93c5fd !important; border-color: #1d4ed8 !important; } /* DARK MODE — Table-Header dezent dunkel (mein vorheriger Override hatte transparent) */ html.dark .fluent-cart-customer-profile-app .el-table th.el-table__cell { background-color: #2b2e33 !important; color: #e4e7eb !important; } /* DARK MODE — Underline-Link-Buttons */ html.dark .fluent-cart-customer-profile-app .underline-link-button, html.dark .underline-link-button { color: #fff !important; } /* FluentCart Tabellen scrollbar machen wenn zu breit (mobile-friendly) */ .fluent-cart-customer-profile-app .el-table, .fluent-cart-customer-profile-app .el-table__inner-wrapper, .fluent-cart-customer-profile-app table { overflow-x: auto !important; max-width: 100% !important; } /* Scroll-Container für Tabellen */ .fluent-cart-customer-profile-app .fct-table-wrap, .fluent-cart-customer-profile-app .el-table__body-wrapper { overflow-x: auto !important; -webkit-overflow-scrolling: touch; } /* Scrollbar dezent sichtbar machen (Hinweis dass scrollbar) */ .fluent-cart-customer-profile-app .el-table__body-wrapper::-webkit-scrollbar, .fluent-cart-customer-profile-app table::-webkit-scrollbar { height: 8px; } .fluent-cart-customer-profile-app .el-table__body-wrapper::-webkit-scrollbar-thumb, .fluent-cart-customer-profile-app table::-webkit-scrollbar-thumb { background: rgba(91, 98, 105, 0.5); border-radius: 4px; } .fluent-cart-customer-profile-app .el-table__body-wrapper::-webkit-scrollbar-thumb:hover, .fluent-cart-customer-profile-app table::-webkit-scrollbar-thumb:hover { background: rgba(91, 98, 105, 0.8); } /* Force scrollable für FCT-spezifische Tabellen */ .fluent-cart-customer-profile-app .fct-customer-dashboard-transactions, .fluent-cart-customer-profile-app .fct-customer-dashboard-table, .fluent-cart-customer-profile-app .fct-customer-single-order-table, .fluent-cart-customer-profile-app .fct-customer-single-download-table, .fluent-cart-customer-profile-app .fct-table, .fluent-cart-customer-profile-app .fct-customer-dashboard-content-table, .fluent-cart-customer-profile-app .fct-activated-sites-table { display: block !important; overflow-x: auto !important; max-width: 100% !important; -webkit-overflow-scrolling: touch !important; } /* Optional: visueller Hint dass die Tabelle scrollbar ist (Schatten rechts) */ .fluent-cart-customer-profile-app .fct-customer-dashboard-transactions, .fluent-cart-customer-profile-app .fct-customer-single-order-table { background-image: linear-gradient(to left, rgba(91,98,105,0.3), transparent 30px); background-position: right; background-repeat: no-repeat; background-size: 30px 100%; background-attachment: local; } /* Scrollbar im Dark-Mode heller damit sichtbar */ html.dark .fluent-cart-customer-profile-app .el-table__body-wrapper::-webkit-scrollbar-thumb, html.dark .fluent-cart-customer-profile-app table::-webkit-scrollbar-thumb, html.dark .fluent-cart-customer-profile-app .fct-customer-dashboard-transactions::-webkit-scrollbar-thumb, html.dark .fluent-cart-customer-profile-app [class*="fct-"][class*="table"]::-webkit-scrollbar-thumb { background: rgba(200, 200, 210, 0.6) !important; border-radius: 4px; } html.dark .fluent-cart-customer-profile-app .el-table__body-wrapper::-webkit-scrollbar-thumb:hover, html.dark .fluent-cart-customer-profile-app table::-webkit-scrollbar-thumb:hover, html.dark .fluent-cart-customer-profile-app .fct-customer-dashboard-transactions::-webkit-scrollbar-thumb:hover, html.dark .fluent-cart-customer-profile-app [class*="fct-"][class*="table"]::-webkit-scrollbar-thumb:hover { background: rgba(220, 220, 230, 0.9) !important; } /* Scrollbar-Track im Dark dezent dunkel */ html.dark .fluent-cart-customer-profile-app .el-table__body-wrapper::-webkit-scrollbar-track, html.dark .fluent-cart-customer-profile-app table::-webkit-scrollbar-track, html.dark .fluent-cart-customer-profile-app [class*="fct-"][class*="table"]::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05) !important; } /* Element Plus Scrollbar im Dark-Mode sichtbar */ html.dark .fluent-cart-customer-profile-app { --el-scrollbar-bg-color: rgba(200, 200, 210, 0.5); --el-scrollbar-hover-bg-color: rgba(220, 220, 230, 0.8); --el-scrollbar-opacity: 0.8; --el-scrollbar-hover-opacity: 1; } html.dark .fluent-cart-customer-profile-app .el-scrollbar__bar { opacity: 0.8 !important; } html.dark .fluent-cart-customer-profile-app .el-scrollbar__thumb { background-color: rgba(200, 200, 210, 0.7) !important; } html.dark .fluent-cart-customer-profile-app .el-scrollbar__thumb:hover { background-color: rgba(220, 220, 230, 1) !important; } /* Element Plus Scrollbar nur einfärben (nicht permanent forcen — Vue zeigt sie automatisch wenn nötig) */ .fluent-cart-customer-profile-app .el-table .el-scrollbar__bar.is-horizontal > .el-scrollbar__thumb { background-color: rgba(91, 98, 105, 0.6) !important; border-radius: 5px !important; } html.dark .fluent-cart-customer-profile-app .el-table .el-scrollbar__bar.is-horizontal > .el-scrollbar__thumb { background-color: rgba(200, 200, 210, 0.7) !important; } /* Scrollbar für el-table body-wrapper NUR wenn Content überläuft (auto statt scroll) */ .fluent-cart-customer-profile-app .el-table .el-table__body-wrapper { overflow-x: auto !important; scrollbar-width: thin !important; } .fluent-cart-customer-profile-app .el-table .el-table__body-wrapper::-webkit-scrollbar { -webkit-appearance: none !important; height: 10px !important; } .fluent-cart-customer-profile-app .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb { background: rgba(91, 98, 105, 0.6) !important; border-radius: 5px !important; min-width: 40px !important; } html.dark .fluent-cart-customer-profile-app .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb { background: rgba(200, 200, 210, 0.7) !important; } .fluent-cart-customer-profile-app .el-table .el-table__body-wrapper::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05) !important; } html.dark .fluent-cart-customer-profile-app .el-table .el-table__body-wrapper::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05) !important; } /* Element Plus Dropdown Popper im Dark-Mode (z.B. Filter-Dropdowns in Tabellen) */ html.dark .el-dropdown__popper.el-popper, html.dark .el-popper.el-dropdown__popper { background-color: #2a2a2a !important; border-color: #3a3a3a !important; color: #fff !important; --el-bg-color-overlay: #2a2a2a; --el-text-color-regular: #fff; --el-border-color-light: #3a3a3a; --el-fill-color-light: #3a3a3a; } html.dark .el-dropdown__popper.el-popper .el-dropdown-menu, html.dark .el-popper.el-dropdown__popper .el-dropdown-menu { background-color: #2a2a2a !important; } html.dark .el-dropdown__popper.el-popper .el-dropdown-menu__item, html.dark .el-popper.el-dropdown__popper .el-dropdown-menu__item { color: #fff !important; background-color: transparent !important; } html.dark .el-dropdown__popper.el-popper .el-dropdown-menu__item:hover, html.dark .el-dropdown__popper.el-popper .el-dropdown-menu__item:focus, html.dark .el-popper.el-dropdown__popper .el-dropdown-menu__item:hover, html.dark .el-popper.el-dropdown__popper .el-dropdown-menu__item:focus { background-color: #3a3a3a !important; color: #fff !important; } html.dark .el-dropdown__popper.el-popper .el-dropdown-menu__item.is-disabled, html.dark .el-popper.el-dropdown__popper .el-dropdown-menu__item.is-disabled { color: #888 !important; } html.dark .el-dropdown__popper.el-popper .el-dropdown-menu__item--divided, html.dark .el-popper.el-dropdown__popper .el-dropdown-menu__item--divided { border-top-color: #3a3a3a !important; } /* Popper Arrow */ html.dark .el-dropdown__popper.el-popper .el-popper__arrow::before, html.dark .el-popper.el-dropdown__popper .el-popper__arrow::before { background-color: #2a2a2a !important; border-color: #3a3a3a !important; } /* FCT Customer Nav Tooltip im Dark-Mode */ html.dark .fct-customer-navs .fct-customer-nav-tooltip, html.dark .fct-customer-nav-tooltip.el-popper, html.dark .el-popper.fct-customer-nav-tooltip { background-color: #2a2a2a !important; border-color: #3a3a3a !important; color: #fff !important; } html.dark .fct-customer-navs .fct-customer-nav-tooltip *, html.dark .fct-customer-nav-tooltip.el-popper *, html.dark .el-popper.fct-customer-nav-tooltip * { color: #fff !important; } html.dark .fct-customer-navs .fct-customer-nav-tooltip .el-popper__arrow::before, html.dark .fct-customer-nav-tooltip.el-popper .el-popper__arrow::before, html.dark .el-popper.fct-customer-nav-tooltip .el-popper__arrow::before { background-color: #2a2a2a !important; border-color: #3a3a3a !important; } /* FCT Customer Address-List als abgesetzte Boxfläche im Dark-Mode */ html.dark .fluent-cart-customer-profile-app .fct-customer-address-list { background-color: #1f1f1f !important; border: 1px solid #3a3a3a !important; border-radius: 8px !important; padding: 1rem !important; box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important; } /* Wenn mehrere Address-Blocks drin sind: leichter Separator */ html.dark .fluent-cart-customer-profile-app .fct-customer-address-list .fct-customer-address-block + .fct-customer-address-block { border-top: 1px solid #2e2e2e !important; margin-top: 1rem !important; padding-top: 1rem !important; } /* Element Plus Inputs in Dark-Mode: sichtbarer Border + heller Text + dunkler BG */ html.dark .fluent-cart-customer-profile-app .el-input__wrapper, html.dark .fluent-cart-customer-profile-app .el-textarea__inner, html.dark .fluent-cart-customer-profile-app .el-select .el-input__wrapper { background-color: #1f1f1f !important; box-shadow: 0 0 0 1px #4a4a4a inset !important; } html.dark .fluent-cart-customer-profile-app .el-input__wrapper:hover, html.dark .fluent-cart-customer-profile-app .el-textarea__inner:hover { box-shadow: 0 0 0 1px #6a6a6a inset !important; } html.dark .fluent-cart-customer-profile-app .el-input__wrapper.is-focus, html.dark .fluent-cart-customer-profile-app .el-input__wrapper:focus-within, html.dark .fluent-cart-customer-profile-app .el-textarea__inner:focus { box-shadow: 0 0 0 1px #e67e22 inset !important; } html.dark .fluent-cart-customer-profile-app .el-input__inner, html.dark .fluent-cart-customer-profile-app .el-textarea__inner { color: #fff !important; background-color: transparent !important; -webkit-text-fill-color: #fff !important; } html.dark .fluent-cart-customer-profile-app .el-input__inner::placeholder, html.dark .fluent-cart-customer-profile-app .el-textarea__inner::placeholder { color: #888 !important; } /* Browser-Autofill: Chrome überschreibt Hintergrund auf hell → zwingen wir dunkel */ html.dark .fluent-cart-customer-profile-app .el-input__inner:-webkit-autofill, html.dark .fluent-cart-customer-profile-app .el-input__inner:-webkit-autofill:hover, html.dark .fluent-cart-customer-profile-app .el-input__inner:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #1f1f1f inset !important; -webkit-text-fill-color: #fff !important; caret-color: #fff !important; } /* el-select dropdown options */ html.dark .el-select__popper.el-popper, html.dark .el-popper.el-select__popper { background-color: #2a2a2a !important; border-color: #3a3a3a !important; } html.dark .el-select__popper .el-select-dropdown__item, html.dark .el-popper.el-select__popper .el-select-dropdown__item { color: #fff !important; background-color: transparent !important; } html.dark .el-select__popper .el-select-dropdown__item:hover, html.dark .el-select__popper .el-select-dropdown__item.hover, html.dark .el-popper.el-select__popper .el-select-dropdown__item:hover { background-color: #3a3a3a !important; } /* Adress-Anzeige als Boxfläche im Dark-Mode (Liste + Items + Action-Wrap) */ html.dark .fluent-cart-customer-profile-app .fct-customer-address-list, html.dark .fluent-cart-customer-profile-app .fct-customer-address-item, html.dark .fluent-cart-customer-profile-app .fct-customer-address-wrap, html.dark .fluent-cart-customer-profile-app .fct-address-card, html.dark .fluent-cart-customer-profile-app .fct-customer-billing-address, html.dark .fluent-cart-customer-profile-app .fct-customer-shipping-address, html.dark .fluent-cart-customer-profile-app [class*="address-card"], html.dark .fluent-cart-customer-profile-app [class*="address-list"], html.dark .fluent-cart-customer-profile-app [class*="address-item"] { background-color: #1f1f1f !important; border: 1px solid #3a3a3a !important; border-radius: 8px !important; padding: 1rem 1.25rem !important; box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important; color: #e4e7eb !important; } /* el-button: weißer Button-BG überschreiben in Dark */ html.dark .fluent-cart-customer-profile-app .el-button, html.dark .fluent-cart-customer-profile-app button.el-button, html.dark .fluent-cart-customer-profile-app .el-button--default { background-color: #2a2a2a !important; border-color: #4a4a4a !important; color: #fff !important; } html.dark .fluent-cart-customer-profile-app .el-button:hover, html.dark .fluent-cart-customer-profile-app button.el-button:hover, html.dark .fluent-cart-customer-profile-app .el-button--default:hover { background-color: #3a3a3a !important; border-color: #6a6a6a !important; color: #fff !important; } /* Primary Button = JM Accent Orange */ html.dark .fluent-cart-customer-profile-app .el-button--primary, html.dark .fluent-cart-customer-profile-app button.el-button--primary { background-color: #e67e22 !important; border-color: #e67e22 !important; color: #fff !important; } html.dark .fluent-cart-customer-profile-app .el-button--primary:hover { background-color: #d35400 !important; border-color: #d35400 !important; } /* 3-Punkte Dropdown-Trigger (Edit-Action am Adress-Item) */ html.dark .fluent-cart-customer-profile-app .el-dropdown .el-button, html.dark .fluent-cart-customer-profile-app .fct-customer-address-actions, html.dark .fluent-cart-customer-profile-app .fct-customer-action-trigger, html.dark .fluent-cart-customer-profile-app [class*="action-trigger"], html.dark .fluent-cart-customer-profile-app [class*="address-actions"] button { background-color: #2a2a2a !important; border-color: #4a4a4a !important; color: #fff !important; } html.dark .fluent-cart-customer-profile-app .el-dropdown .el-button:hover, html.dark .fluent-cart-customer-profile-app [class*="action-trigger"]:hover { background-color: #3a3a3a !important; color: #fff !important; } /* Icons im Trigger */ html.dark .fluent-cart-customer-profile-app .el-dropdown .el-button svg, html.dark .fluent-cart-customer-profile-app .el-dropdown .el-button i, html.dark .fluent-cart-customer-profile-app [class*="action-trigger"] svg, html.dark .fluent-cart-customer-profile-app [class*="action-trigger"] i { color: #fff !important; fill: #fff !important; stroke: #fff !important; } /* Generic Tailwind bg-white in dark mode → dark */ html.dark .fluent-cart-customer-profile-app .bg-white, html.dark .fluent-cart-customer-profile-app [class*="bg-white"] { background-color: #1f1f1f !important; --tw-bg-opacity: 1 !important; } /* ===== FCT Adress-Block — nutzt FluentCommunity Dark-Palette Vars ===== */ /* List-Wrapper reset — überschreibt FluentCart's hardcoded weißen BG + Scrollbar-Track */ html.dark .fct-customer-address-list { background-color: transparent !important; --tw-bg-opacity: 0 !important; border: 1px solid var(--fcom-primary-border) !important; border-radius: 8px !important; list-style: none !important; box-shadow: none !important; /* Scrollbar-Track + Thumb auf Dark umstellen (FC nutzt --track-bg/--thumb-bg vars) */ --track-bg: var(--fcom-secondary-bg) !important; --thumb-bg: var(--fcom-active-bg) !important; scrollbar-color: var(--fcom-active-bg) var(--fcom-secondary-bg) !important; /* Falls Inhalt kurz: kein leerer weißer Streifen → auto statt scroll */ overflow-y: auto !important; } html.dark .fct-customer-address-list::-webkit-scrollbar { width: 6px !important; } html.dark .fct-customer-address-list::-webkit-scrollbar-track { background: var(--fcom-secondary-bg) !important; border-radius: 6px !important; } html.dark .fct-customer-address-list::-webkit-scrollbar-thumb { background: var(--fcom-active-bg) !important; border-radius: 6px !important; visibility: visible !important; } html.dark .fct-customer-address-list::-webkit-scrollbar-thumb:hover { background: var(--fcom-secondary-border) !important; } /* LI = Adress-Karte mit FC-Sekundär-BG */ html.dark .fct-customer-address-list > li.fct-customer-address-block, html.dark li.fct-customer-address-block, html.dark .fct-customer-address-block { background-color: var(--fcom-secondary-bg) !important; border: none !important; border-radius: 8px !important; padding: 1rem 1.25rem !important; margin-bottom: 0.75rem !important; box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important; color: var(--fcom-primary-text) !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 0.75rem !important; outline: none !important; } html.dark .fct-customer-address-block p.text { color: var(--fcom-primary-text) !important; margin: 0 !important; flex: 1 1 auto !important; } /* Action-Wrap transparent */ html.dark .fct-customer-address-block .fct-address-action, html.dark .fct-customer-address-block .el-dropdown, html.dark .fct-customer-address-block .fct-more-option-wrap { background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; flex: 0 0 auto !important; } /* 3-Punkte more-btn — dezent, FC-aligned */ html.dark .fct-address-action .more-btn, html.dark button.more-btn, html.dark .fct-more-option-wrap .more-btn { background-color: var(--fcom-active-bg) !important; border: 1px solid var(--fcom-primary-border) !important; border-radius: 6px !important; color: var(--fcom-primary-text) !important; padding: 0.4rem 0.5rem !important; cursor: pointer !important; box-shadow: none !important; outline: none !important; } html.dark .fct-address-action .more-btn:hover, html.dark button.more-btn:hover { background-color: var(--fcom-light-bg) !important; border-color: var(--fcom-secondary-border) !important; } html.dark .fct-address-action .more-btn:focus-visible, html.dark button.more-btn:focus-visible { outline: none !important; box-shadow: 0 0 0 2px rgba(230, 126, 34, 0.4) !important; } html.dark .more-btn .icon, html.dark .more-btn svg { color: var(--fcom-primary-text) !important; fill: none !important; } html.dark .more-btn svg path { stroke: var(--fcom-primary-text) !important; } /* el-button im FCT Form-Container */ html.dark .fct-form-container .el-button, html.dark .fct-form-container button.el-button, html.dark .form-left .el-button, html.dark .form-left .el-button--small { background-color: var(--fcom-active-bg) !important; border: 1px solid var(--fcom-primary-border) !important; color: var(--fcom-primary-text) !important; } html.dark .fct-form-container .el-button:hover, html.dark .form-left .el-button:hover { background-color: var(--fcom-light-bg) !important; border-color: var(--fcom-secondary-border) !important; color: var(--fcom-primary-text) !important; } html.dark .fct-form-container .el-button span, html.dark .form-left .el-button span { color: var(--fcom-primary-text) !important; } /* Form-Container Container transparent + Headings/Beschreibung hell */ html.dark .fct-form-container, html.dark .fct-form-container .form-right, html.dark .fct-form-container .form-left { background: transparent !important; border: none !important; } html.dark .fct-form-container .form-heading, html.dark .fct-form-container h3 { color: var(--fcom-primary-text) !important; } html.dark .fct-form-container .form-desc, html.dark .fct-form-container p { color: var(--fcom-secondary-text) !important; } /* el-tooltip-trigger Default-Ring weg */ html.dark .el-tooltip__trigger { outline: none !important; } /* FCT icon-button — FC hat dark variant nur unter .fluent_theme_dark, wir nutzen html.dark → manuell überschreiben */ html.dark .icon-button, html.dark button.icon-button, html.dark .fct-collapsible-search-wrap .icon-button, html.dark .fluent-cart-customer-profile-app .icon-button { background-color: var(--fcom-secondary-bg) !important; border-color: var(--fcom-primary-border) !important; color: var(--fcom-primary-text) !important; } html.dark .icon-button:hover, html.dark .icon-button:focus, html.dark button.icon-button:hover, html.dark .fluent-cart-customer-profile-app .icon-button:hover { background-color: var(--fcom-active-bg) !important; border-color: var(--fcom-secondary-border) !important; color: var(--fcom-primary-text) !important; } html.dark .icon-button svg, html.dark .icon-button .icon svg, html.dark .icon-button svg path { color: var(--fcom-primary-text) !important; stroke: var(--fcom-primary-text) !important; } /* GP-Block-Texte in der Custom-Page hell */ html.dark .fluent-cart-custom-page-content .gb-text, html.dark .fluent-cart-custom-page-content .JMSubtitel, html.dark .fluent-cart-custom-page-content .JMText, html.dark .fluent-cart-custom-page-content h1, html.dark .fluent-cart-custom-page-content h2, html.dark .fluent-cart-custom-page-content h3, html.dark .fluent-cart-custom-page-content h4, html.dark .fluent-cart-custom-page-content p { color: var(--fcom-primary-text) !important; } html.dark .fluent-cart-custom-page-content .JMHinweis { color: var(--fcom-secondary-text) !important; } /* FC Top Menu — vertikale Zentrierung der Header-Items */ .fcom_top_menu .top_menu_center .fcom_header_menu { display: flex !important; justify-content: center !important; align-items: center !important; gap: 4px !important; padding: 0 !important; margin: 0 !important; list-style-type: none !important; } /* FluentForms Buttons — font-weight 400 (nicht fett) */ .ff-default .ff_btn_style { font-weight: 400 !important; } /* Phone-Verify Step: Inputs + Selects dunkler im Dark-Mode */ html.dark .fcom-phone-verify__step input, html.dark .fcom-phone-verify__step input[type="text"], html.dark .fcom-phone-verify__step input[type="tel"], html.dark .fcom-phone-verify__step input[type="number"], html.dark .fcom-phone-verify__step select, html.dark .fcom-phone-verify__step textarea { background-color: var(--fcom-secondary-bg, #191B1F) !important; color: var(--fcom-primary-text, #F0F3F5) !important; border: 1px solid var(--fcom-primary-border, #42464D) !important; -webkit-text-fill-color: var(--fcom-primary-text, #F0F3F5) !important; } html.dark .fcom-phone-verify__step input:focus, html.dark .fcom-phone-verify__step select:focus, html.dark .fcom-phone-verify__step textarea:focus { border-color: var(--jm-accent, #e67e22) !important; outline: none !important; } html.dark .fcom-phone-verify__step input::placeholder, html.dark .fcom-phone-verify__step textarea::placeholder { color: var(--fcom-secondary-text, #99A0AE) !important; } html.dark .fcom-phone-verify__step label, html.dark .fcom-phone-verify__step label span { color: var(--fcom-primary-text, #F0F3F5) !important; } /* select Options dunkel (native dropdown) */ html.dark .fcom-phone-verify__step select option { background-color: var(--fcom-secondary-bg, #191B1F) !important; color: var(--fcom-primary-text, #F0F3F5) !important; } /* Chrome-Autofill für Phone-Inputs */ html.dark .fcom-phone-verify__step input:-webkit-autofill, html.dark .fcom-phone-verify__step input:-webkit-autofill:hover, html.dark .fcom-phone-verify__step input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px var(--fcom-secondary-bg, #191B1F) inset !important; -webkit-text-fill-color: var(--fcom-primary-text, #F0F3F5) !important; caret-color: var(--fcom-primary-text, #F0F3F5) !important; } /* Disabled Input nur innerhalb #account-details / .fct-compact-form */ .fct-compact-form .el-input.is-disabled .el-input__wrapper, #account-details .el-input.is-disabled .el-input__wrapper, #account-details .fct-material-input .el-input.is-disabled .el-input__wrapper { --tw-bg-opacity: 1 !important; background-color: var(--jm-bg-cream-soft) !important; --el-disabled-bg-color: var(--jm-bg-cream-soft) !important; box-shadow: none !important; } .fct-compact-form .el-input.is-disabled .el-input__inner, #account-details .el-input.is-disabled .el-input__inner { background-color: transparent !important; color: var(--jm-text-muted, #666) !important; -webkit-text-fill-color: var(--jm-text-muted, #666) !important; } /* FluentSupport Ticket-Reply Seite Dark-Mode Fixes */ /* Dateien durchsuchen Button — Orange-Akzent raus, normaler FC-Button-Look */ html.dark .fs_client_portal .fs_dropzone_browse_btn, html.dark .fs_client_portal .fs_attachment_dropzone .dz-message button, html.dark .fs_client_portal .fs_attachment_dropzone button, html.dark .fs_client_portal [class*="dropzone"] button, html.dark .fs_client_portal .el-upload button { background-color: var(--fcom-active-bg, #42464D) !important; background: var(--fcom-active-bg, #42464D) !important; border: 1px solid var(--fcom-primary-border, #42464D) !important; color: var(--fcom-primary-text, #F0F3F5) !important; } html.dark .fs_client_portal .fs_dropzone_browse_btn:hover, html.dark .fs_client_portal .el-upload button:hover { background-color: var(--fcom-light-bg, #2B303B) !important; } /* Reply Textarea — dunkler BG + heller Text (war weiß auf weiß) */ html.dark .fs_client_portal .fs_reply_wrap textarea, html.dark .fs_client_portal .wp_vue_editor_wrapper > textarea, html.dark .fs_client_portal .fs_ticket_reply_text textarea, html.dark .fs_client_portal .fs_ticket_reply_box textarea, html.dark .fs_client_portal .ProseMirror, html.dark .fs_client_portal .fs_text_editor_wrap textarea { background-color: var(--fcom-secondary-bg, #191B1F) !important; color: var(--fcom-primary-text, #F0F3F5) !important; border: 1px solid var(--fcom-primary-border, #42464D) !important; -webkit-text-fill-color: var(--fcom-primary-text, #F0F3F5) !important; } html.dark .fs_client_portal .fs_reply_wrap textarea::placeholder, html.dark .fs_client_portal .ProseMirror p.is-editor-empty::before { color: var(--fcom-secondary-text, #99A0AE) !important; } html.dark .fs_client_portal .fs_text_editor_wrap, html.dark .fs_client_portal .wp_vue_editor_wrapper { background-color: var(--fcom-secondary-bg, #191B1F) !important; border-color: var(--fcom-primary-border, #42464D) !important; } /* "New" Status Badge — Blau raus, FC-Token verwenden */ html.dark .fs_client_portal .fs_ticket_status, html.dark .fs_client_portal .fs_ticket_status_new, html.dark .fs_client_portal [class*="status_new"], html.dark .fs_client_portal .fs_status.new, html.dark .fs_client_portal .ticket_status_label { color: var(--fcom-primary-text, #F0F3F5) !important; } html.dark .fs_client_portal .fs_ticket_status .fs_status_dot, html.dark .fs_client_portal [class*="status_new"] .fs_status_dot, html.dark .fs_client_portal .fs_status_indicator { background-color: var(--jm-accent, #e67e22) !important; } /* Alert/Notice Icon — schwarz raus, weiß rein */ html.dark .fs_client_portal .el-alert .el-alert__icon, html.dark .fs_client_portal .el-alert svg, html.dark .fs_client_portal .el-alert .el-icon, html.dark .fs_client_portal .fs_ticket_alert svg, html.dark .fs_client_portal .fs_ticket_alert .el-icon, html.dark .fs_client_portal .fs_ticket_alert svg path, html.dark .fs_client_portal [class*="alert"] svg, html.dark .fs_client_portal [class*="alert"] svg path { color: var(--fcom-primary-text, #F0F3F5) !important; fill: var(--fcom-primary-text, #F0F3F5) !important; } html.dark .fs_client_portal .el-alert svg path[stroke], html.dark .fs_client_portal .fs_ticket_alert svg path[stroke] { stroke: var(--fcom-primary-text, #F0F3F5) !important; } /* FluentSupport "Absenden" Submit-Button — Orange raus, FC-Dark-Look */ html.dark .fs_client_portal .fs_create_ticket_btn, html.dark .fs_client_portal .fs_submit_button_container .fs_create_ticket_button, html.dark .fs_client_portal .fs_create_ticket_button, html.dark .fs_client_portal button[type="submit"], html.dark .fs_client_portal input[type="submit"], html.dark .fs_client_portal .fs_reply_btn, html.dark .fs_client_portal .fs_customer_response_actions .fs_reply_btn, html.dark .fs_client_portal .fs_ticket_form_container button[type="submit"] { background-color: var(--fcom-active-bg, #42464D) !important; background: var(--fcom-active-bg, #42464D) !important; border: 1px solid var(--fcom-primary-border, #42464D) !important; color: var(--fcom-primary-text, #F0F3F5) !important; } html.dark .fs_client_portal .fs_create_ticket_btn:hover, html.dark .fs_client_portal .fs_submit_button_container .fs_create_ticket_button:hover, html.dark .fs_client_portal button[type="submit"]:hover, html.dark .fs_client_portal .fs_reply_btn:hover { background-color: var(--fcom-light-bg, #2B303B) !important; border-color: var(--fcom-secondary-border, #A5A9AD) !important; color: var(--fcom-primary-text, #F0F3F5) !important; } /* FluentSupport Form Select-Inputs — auch im aktiven/focus Zustand dunkel */ html.dark .fs_client_portal .el-select, html.dark .fs_client_portal .el-select .el-input, html.dark .fs_client_portal .el-select .el-input__wrapper, html.dark .fs_client_portal .el-select .el-select__wrapper, html.dark .fs_client_portal .el-input .el-input__wrapper, html.dark .fs_client_portal .el-select.is-focus .el-input__wrapper, html.dark .fs_client_portal .el-select .el-input.is-focus .el-input__wrapper { background-color: var(--fcom-secondary-bg, #191B1F) !important; background: var(--fcom-secondary-bg, #191B1F) !important; box-shadow: 0 0 0 1px var(--fcom-primary-border, #42464D) inset !important; color: var(--fcom-primary-text, #F0F3F5) !important; } html.dark .fs_client_portal .el-select .el-input__inner, html.dark .fs_client_portal .el-select .el-select__placeholder, html.dark .fs_client_portal .el-select .el-select__selected-item { background-color: transparent !important; color: var(--fcom-primary-text, #F0F3F5) !important; -webkit-text-fill-color: var(--fcom-primary-text, #F0F3F5) !important; } html.dark .fs_client_portal .el-select .el-input__suffix, html.dark .fs_client_portal .el-select .el-icon { color: var(--fcom-primary-text, #F0F3F5) !important; } /* FluentSupport Tickets-Tabelle — alle grauen Flächen entfernen (umfassender, beide Modi) */ .fs_client_portal .fs_tickets_table, .fs_client_portal .fs_tickets_table .el-table, .fs_client_portal .fs_tickets_table .el-table tr, .fs_client_portal .fs_tickets_table .el-table tbody, .fs_client_portal .fs_tickets_table .el-table thead, .fs_client_portal .fs_tickets_table .el-table tfoot, .fs_client_portal .fs_tickets_table .el-table td, .fs_client_portal .fs_tickets_table .el-table th, .fs_client_portal .fs_tickets_table .el-table__cell, .fs_client_portal .fs_tickets_table .el-table__body-wrapper, .fs_client_portal .fs_tickets_table .el-table__body, .fs_client_portal .fs_tickets_table .el-table__inner-wrapper, .fs_client_portal .fs_tickets_table .el-table__append-wrapper, .fs_client_portal .fs_tickets_table .el-table__fixed-body-wrapper, .fs_client_portal .fs_tickets_table .fs_ticket_wrapper, .fs_client_portal .fs_tickets_table .fs_ticket_row, .fs_client_portal .fs_tickets_table .fs_ticket_row td { background-color: transparent !important; background: transparent !important; --el-table-bg-color: transparent !important; --el-table-tr-bg-color: transparent !important; --el-table-header-bg-color: transparent !important; --el-table-row-hover-bg-color: transparent !important; --el-fill-color-blank: transparent !important; } /* Pseudo-Elemente die Streifen verursachen */ .fs_client_portal .fs_tickets_table .el-table__inner-wrapper:before, .fs_client_portal .fs_tickets_table .el-table__inner-wrapper:after, .fs_client_portal .fs_tickets_table .el-table:before, .fs_client_portal .fs_tickets_table .el-table:after { background: transparent !important; background-color: transparent !important; display: none !important; } /* Pagination Container auch transparent */ .fs_client_portal .fs_tickets_table .el-pagination, .fs_client_portal .el-pagination__total, .fs_client_portal .el-pagination__sizes, .fs_client_portal .el-pagination__sizes .el-input__wrapper, .fs_client_portal .el-pager li { background-color: transparent !important; background: transparent !important; } /* FS Sorting-Button im Popover: kein BG (GP-CSS setzt --jm-bg-button auf dieser Sammelregel) */ .fs_popover_item .fs_sorting_button .el-button, .fs_popover_item .fs_sorting_button button.el-button { background: transparent !important; background-color: transparent !important; border: none !important; color: inherit !important; } .fs_popover_item .fs_sorting_button .el-button:hover { background: var(--jm-bg-cream, #f0eee6) !important; background-color: var(--jm-bg-cream, #f0eee6) !important; } html.dark .fs_popover_item .fs_sorting_button .el-button:hover { background: var(--fcom-active-bg, #42464D) !important; background-color: var(--fcom-active-bg, #42464D) !important; } /* Element Plus Loading-Mask in FS-Tickets-Table — transparent statt brauner Box */ .fs_client_portal .el-loading-mask, .fs_tickets_table .el-loading-mask, .fs_client_portal .el-table .el-loading-mask { background-color: rgba(255, 255, 255, 0.5) !important; background: rgba(255, 255, 255, 0.5) !important; } html.dark .fs_client_portal .el-loading-mask, html.dark .fs_tickets_table .el-loading-mask, html.dark .fs_client_portal .el-table .el-loading-mask { background-color: rgba(0, 0, 0, 0.5) !important; background: rgba(0, 0, 0, 0.5) !important; } .fs_client_portal .el-loading-spinner .path { stroke: var(--jm-accent, #e67e22) !important; } /* Element Plus Skeleton-Loader im Dark-Mode dunkel (statt weiß-Balken) */ html.dark .fs_client_portal .el-skeleton, html.dark .fs_client_portal .el-skeleton__item, html.dark .fs_client_portal .el-skeleton__h1, html.dark .fs_client_portal .el-skeleton__h3, html.dark .fs_client_portal .el-skeleton__p, html.dark .fs_client_portal .el-skeleton__text, html.dark .fs_client_portal .el-skeleton__paragraph, html.dark .fs_tickets_table .el-skeleton__item, html.dark .el-skeleton .el-skeleton__item { --el-skeleton-color: var(--fcom-active-bg, #42464D) !important; --el-skeleton-to-color: var(--fcom-light-bg, #2B303B) !important; background: var(--fcom-active-bg, #42464D) !important; } /* Skeleton-Animation Gradient ebenfalls dunkel */ html.dark .el-skeleton.is-animated .el-skeleton__item { background: linear-gradient( 90deg, var(--fcom-active-bg, #42464D) 25%, var(--fcom-light-bg, #2B303B) 37%, var(--fcom-active-bg, #42464D) 63% ) !important; background-size: 400% 100% !important; } /* Leaflet Popup im Dark-Mode (overall, alle Seiten mit Leaflet-Maps) */ html.dark .leaflet-popup-content-wrapper, html.dark .leaflet-popup-tip { background: var(--fcom-secondary-bg, #191B1F) !important; background-color: var(--fcom-secondary-bg, #191B1F) !important; color: var(--fcom-primary-text, #fff) !important; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.6) !important; } html.dark .leaflet-popup-content, html.dark .leaflet-popup-content p, html.dark .leaflet-popup-content span, html.dark .leaflet-popup-content div, html.dark .leaflet-popup-content strong, html.dark .leaflet-popup-content b, html.dark .leaflet-popup-content h1, html.dark .leaflet-popup-content h2, html.dark .leaflet-popup-content h3, html.dark .leaflet-popup-content h4, html.dark .leaflet-popup-content h5 { color: var(--fcom-primary-text, #fff) !important; background: transparent !important; } html.dark .leaflet-popup-content a, html.dark .leaflet-popup-content a:link, html.dark .leaflet-popup-content a:visited { color: var(--fcom-primary-text, #fff) !important; text-decoration: underline !important; } html.dark .leaflet-popup-content a:hover { color: var(--fcom-text-link, #ccc) !important; } html.dark .leaflet-container .leaflet-popup-close-button { color: var(--fcom-primary-text, #fff) !important; } /* ================================================================== COMPLIANZ COOKIE-BANNER — Dark-Mode Anpassung (Standard-Look) ================================================================== */ /* Banner-Container schon via --jm-cmplz-bg vorhanden; Border/Schatten dazu */ html.dark .cmplz-cookiebanner { border: 1px solid var(--fcom-primary-border, #42464D) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important; } /* SVG-Logo: dunkler Text-Pfad (.st1=#333) → hell im Dark */ html.dark .cmplz-cookiebanner .cmplz-logo svg .st1, html.dark .cmplz-cookiebanner .cmplz-logo svg path[fill="#333333"], html.dark .cmplz-cookiebanner .cmplz-logo svg path[fill="#333"] { fill: var(--fcom-primary-text, #fff) !important; } /* Buttons */ html.dark .cmplz-cookiebanner .cmplz-btn, html.dark .cmplz-cookiebanner button.cmplz-btn, html.dark .cmplz-cookiebanner .cmplz-deny, html.dark .cmplz-cookiebanner .cmplz-view-preferences, html.dark .cmplz-cookiebanner .cmplz-save-preferences { background-color: var(--fcom-active-bg, #42464D) !important; border: 1px solid var(--fcom-primary-border, #42464D) !important; color: var(--fcom-primary-text, #fff) !important; } html.dark .cmplz-cookiebanner .cmplz-btn:hover, html.dark .cmplz-cookiebanner .cmplz-deny:hover, html.dark .cmplz-cookiebanner .cmplz-view-preferences:hover, html.dark .cmplz-cookiebanner .cmplz-save-preferences:hover { background-color: var(--fcom-light-bg, #2B303B) !important; border-color: var(--fcom-secondary-border, #A5A9AD) !important; } /* Accept-Button Primary — FC-Standard via --fcom-primary-button (in Dark weiß mit dunklem Text) */ html.dark .cmplz-cookiebanner .cmplz-accept, html.dark .cmplz-cookiebanner button.cmplz-accept, html.dark .cmplz-cookiebanner .cmplz-btn.cmplz-accept, html.dark .cmplz-cookiebanner .cmplz-accept-all, html.dark .cmplz-cookiebanner button.cmplz-accept-all { background-color: var(--fcom-primary-button, #fff) !important; background: var(--fcom-primary-button, #fff) !important; border: 1px solid var(--fcom-primary-button, #fff) !important; color: var(--fcom-primary-button-text, #2B2E33) !important; font-weight: 500 !important; } html.dark .cmplz-cookiebanner .cmplz-accept:hover, html.dark .cmplz-cookiebanner .cmplz-accept-all:hover { filter: brightness(0.92) !important; } /* Toggle Switches (Statistik/Marketing) */ html.dark .cmplz-cookiebanner .cmplz-toggle .cmplz-slider { background-color: var(--fcom-light-bg, #2B303B) !important; border-color: var(--fcom-primary-border, #42464D) !important; } html.dark .cmplz-cookiebanner .cmplz-toggle input:checked + .cmplz-slider { background-color: var(--fcom-primary-button, #fff) !important; border-color: var(--fcom-primary-button, #fff) !important; } html.dark .cmplz-cookiebanner .cmplz-toggle input:checked + .cmplz-slider:before { background-color: var(--fcom-primary-button-text, #2B2E33) !important; } html.dark .cmplz-cookiebanner .cmplz-toggle .cmplz-slider:before { background-color: var(--fcom-primary-text, #fff) !important; } /* Category-Box Borders */ html.dark .cmplz-cookiebanner .cmplz-categories .cmplz-category { border: 1px solid var(--fcom-primary-border, #42464D) !important; border-radius: 6px !important; margin-bottom: 6px !important; } /* Links im Banner — kein orange, dezent hell */ html.dark .cmplz-cookiebanner a, html.dark .cmplz-cookiebanner .cmplz-link { color: var(--fcom-primary-text, #fff) !important; text-decoration: underline !important; } html.dark .cmplz-cookiebanner a:hover { color: var(--fcom-text-link, #B6B6B6) !important; } /* Divider zwischen Sektionen */ html.dark .cmplz-cookiebanner .cmplz-divider, html.dark .cmplz-cookiebanner hr { border-color: var(--fcom-primary-border, #42464D) !important; background-color: var(--fcom-primary-border, #42464D) !important; } /* Close-Button (X) */ html.dark .cmplz-cookiebanner .cmplz-close { color: var(--fcom-primary-text, #fff) !important; } html.dark .cmplz-cookiebanner .cmplz-close:hover { color: var(--jm-accent, #e67e22) !important; } /* Leaflet Map-Container Background — dunkel im Dark (vorher Leaflet-Default #ddd → heller Flash beim Laden) */ html.dark .leaflet-container { background: var(--fcom-secondary-bg, #191B1F) !important; background-color: var(--fcom-secondary-bg, #191B1F) !important; } /* Leaflet Zoom-Controls (+/-) im Dark */ html.dark .leaflet-control-zoom a, html.dark .leaflet-bar a { background-color: var(--fcom-active-bg, #42464D) !important; color: var(--fcom-primary-text, #fff) !important; border-color: var(--fcom-primary-border, #42464D) !important; } html.dark .leaflet-control-zoom a:hover, html.dark .leaflet-bar a:hover { background-color: var(--fcom-light-bg, #2B303B) !important; } html.dark .leaflet-bar { border-color: var(--fcom-primary-border, #42464D) !important; } /* Attribution-Box (unten rechts mit "Leaflet | © OSM") im Dark */ html.dark .leaflet-control-attribution { background: rgba(25, 27, 31, 0.8) !important; color: var(--fcom-secondary-text, #99A0AE) !important; } html.dark .leaflet-control-attribution a { color: var(--fcom-primary-text, #fff) !important; } /* Space-Cover + Thumbs im Dark-Mode: - Default (Fotos/Logos): nur dezent dimmen - rc-* Spaces (Karten): Invert. Detection via CSS :has() (kein JS-Flash mehr) */ /* DEFAULT — alle Space-Covers/Thumbs: dezent abdunkeln (Fotos sehen natürlich aus) */ html.dark .object_header .object_cover, html.dark .fcom_box_card_list .fcom_each_box_card .fcom_box_card_avatar img, html.dark .fcom_space_thumb, html.dark .fcom_space_card img, html.dark .fcom_space_card .object_thumb, html.dark .fcom_spaces_list .object_thumb, html.dark .fcom_spaces_list img, html.dark .space_card_image, html.dark .space_card_image img, html.dark .object_thumb { filter: brightness(0.75) contrast(1.02); /* keine transition — sonst Flash beim ersten Apply */ } /* RC-Cards in Übersicht via :has() — sofort beim ersten Paint, kein JS nötig */ html.dark .fcom_each_box_card:has(a[href*="/community/space/rc-"]) .fcom_box_card_avatar img, html.dark .fcom_space_card:has(a[href*="/community/space/rc-"]) img, html.dark .fcom_space:has(a[href*="/community/space/rc-"]) .object_thumb, html.dark .fcom_space:has(a[href*="/community/space/rc-"]) img { filter: invert(0.85) hue-rotate(180deg) brightness(1.15) saturate(0.85); } /* RC-Space Single Page via body.jm-rc-space (JS-Tagging, eine Page = ein Cover = kaum sichtbarer Flash) */ html.dark body.jm-rc-space .object_header .object_cover { filter: invert(0.85) hue-rotate(180deg) brightness(1.15) saturate(0.85); } /* Events-Page: Sticky-Header sitzt im Scroll-Container der schon unter Top-Bar startet. FC's Default top: var(--fcom-header-height) verdoppelt den Offset → auf 0 setzen. */ .fca-events-content .fhr_content_layout_header, .fcom_events_addon .fhr_content_layout_header, .fcom_sticky_header.fca-events-content .fhr_content_layout_header { top: 0 !important; } /* (Header- und Submenu-Sticky-Experimente vom 28.05. komplett entfernt — wir gehen mit frischem Kopf nochmal ran, falls's wieder Thema wird) */ /* ================================================================== JMSubmenu — Mobile: horizontal scrollbar in einer Zeile ================================================================== */ @media (max-width: 768px) { body div.JMSubmenu, body .JMSubmenu[class*="gb-element"] { flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scroll-behavior: smooth !important; scrollbar-width: none !important; -ms-overflow-style: none !important; -webkit-mask-image: linear-gradient(to right, black 92%, transparent) !important; mask-image: linear-gradient(to right, black 92%, transparent) !important; gap: 4px !important; padding: 8px 0 8px 12px !important; grid-template-columns: none !important; grid-template-rows: none !important; } body div.JMSubmenu::-webkit-scrollbar, body .JMSubmenu[class*="gb-element"]::-webkit-scrollbar { width: 0 !important; height: 0 !important; } body div.JMSubmenu > a, body .JMSubmenu[class*="gb-element"] > a { flex-shrink: 0 !important; white-space: nowrap !important; } body div.JMSubmenu > a:last-child, body .JMSubmenu[class*="gb-element"] > a:last-child { margin-right: 24px !important; } } /* FCA Search-Header: Sticky + Frosted-Glass-Optik (overflow-Fix ist jetzt direkt im jm-global-search Plugin) */ .fca-search-page .fhr_content_layout_header, .fca-search-header.fhr_content_layout_header { position: sticky !important; top: var(--fcom-header-height, 70px) !important; z-index: 90 !important; width: -webkit-fill-available !important; background-color: var(--jm-glass-bg) !important; backdrop-filter: blur(12px) saturate(180%) !important; -webkit-backdrop-filter: blur(12px) saturate(180%) !important; border: none !important; margin-left: 5px !important; margin-right: 5px !important; border-radius: 10px !important; } /* block-4dceeb */ /* Im Composer/Modal ausblenden (robust: Poll/Umfrage Keyword) */ button.el-button.is-text[aria-label*="Poll" i], button.el-button.is-text[aria-label*="Umfrage" i], button.el-button.is-text[aria-label*="Create Poll" i]{display:none!important;} /* jm-footer-inline-css */ :root{--gb-container-width:1200px;}.gb-container .wp-block-image img{vertical-align:middle;}.gb-grid-wrapper .wp-block-image{margin-bottom:0;}.gb-highlight{background:none;}.gb-shape{line-height:0;}.gb-container-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;}.gb-element-3d480483{background-color:#f6efe8;padding:30px 30px 90px 30px;margin-top:50px;}.gb-element-4483172e{display:flex;justify-content:space-between}.gb-element-c596503a{align-items:flex-start;display:flex}.gb-element-4387cd66{align-items:center;display:flex}.gb-element-8429a3c9{align-items:baseline;display:flex}.gb-element-76de53e5{display:block}.gb-media-917bb6d3{height:60px;max-width:100%;object-fit:cover;width:60px}.gb-text-5bf8a58e{font-size:14px;padding-left:10px;padding-top:10px}.gb-menu-item-mi{list-style-type:none;position:relative;margin:0px;padding:0px}.gb-menu-item-mi .gb-menu-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;column-gap:10px;padding:1em 20px}.gb-sub-menu-sm{right:0px;width:200px;z-index:100;margin:0px;padding:0px}.gb-sub-menu-sm .gb-sub-menu{top:0px;right:100%}.gb-sub-menu-sm .menu-item{background-color:#000000;color:#ffffff} /* ==== JM Custom Manual CSS ==== */ .gb-text-5bf8a58e { padding-top: 18px !important; } .wp-block-social-link-label { display: none; } ul.wp-block-social-links { display: flex; gap: 10px; margin-top: 10px; margin-left: 20px; } #menu-footer a { color: #333333 !important; } .wp-block-social-link:hover { transform: scale(1.1); } .wp-block-social-links .wp-social-link svg { fill: #000 !important; } html.dark body .wp-block-social-links .wp-social-link svg { fill: #fff !important; } @media (max-width: 767px) { .gb-element-4483172e { display: block; margin-bottom: 30px; margin-left: 5px; } } @media (max-width: 767px) { .gb-element-76de53e5 { margin-top: 10px; margin-left: 10px; } } html.dark body .gb-element-3d480483 { background-color: #000 !important; color: #fff !important; } html.dark body #menu-footer a { color: #fff !important; } html.dark body .wp-block-social-link { fill: #fff !important; } .gb-text-42d4b576 { margin-top: 40px; margin-left: 10px; font-size: 0.9rem; opacity: 0.7; } body.jm-login-page .jm-footer-shell { display: none !important; } /* ==== Footer Container Hardening ==== * GB-Inline-