/* * msg Colors and h1 weight: NEW styles (selectable via template option) * ******************************************************************************/ /* INDEX **************************************** _GLOB - Global settings _TYPO - Typography _BUTT - Buttons _SECT - Page sections _OVER - Overheader _HEAD - Header _NAVI - Navigation _DESK - Desktop menu _MOBI - Mobile menu _SCSP - Scroll spy navigation _SCSPNEW - New ScrollSpy navigation (With bullets) _BRDC - Breadcrumbs _SRCH - Search _SIDE - Sidebar _SIWE - Weitere Informationen _SIHF - Haben sie Fragen _SIEV - Events _FOOT - Footer _EXTE - Joomla extensions _JUXT - Jux-Timeline _CHOS - Chosen (plugin) _DJIM - DJ image slider _SIGP - Simple Image Gallery Pro _MODA - Modal (plugin) _RSSF - Simple RSS feed _SPSP - SP Simple Portfolio Module _SMAB - Smart App Banner Custom Styles _RSPR - RokSprocket Tables Module _MMBR - Member addon (Job stories) _LNEP - Latest news enhanced pro _RSFO - Rs forms pro _OSYT - OSYouTube _TEMP - Joomla HTML template overrides _EVEN - Events _SEMI - Seminars _GOOG - Google search _BING - Bing search _BLOG - Blog _JSTY - Job stories _ALAY - Article and pages layout _JOBL - Job Article layout _SPPB - SP Page Builder _SMOD - Modal addon _SISL - Image slider addon (custom) _CTA - CTA _SICG - Icon group addon (custom) _STAB - Tabs addon _SPRG - Progress bar addon _CTAF - Call to action slide form (custom classes) _ACCO - Accordion (custom classes) _FLPR - Flipper _TEMO - Testimonial _REDB - Red banner _THEM - Theme _SCBX - Sticky contact box _FBIT - Feature Box - Icon with text _MGML - Management Links section _TCA - Team Carousel addon _TECA - Testimonial Carousel addon _ICA - Image Carousel addon _AHA - Animate heading addon _ARTS - Articles scroller _SFIX - SPPB Fixes _MP - Modal Popup _MM - Mega Menu _XTER - External elements _CURA - Curator _UCTR - Usercentrics CMP _PRNT - Print layout _CUCL - Custom classes _REST - Rest of uncategorized styles _MS2022 - Media Slider 2022 ************************************************/ /************************************************************************************************/ /* [_CVAR] COLOR VARIABLES */ /************************************************************************************************/ :root { --msg-default-color: #a01441; --msg-white-color: #ffffff; --msg-black-color: #000000; } /*************************************************************************************************/ /* [_GLOB] GLOBAL SETTINGS */ /*************************************************************************************************/ body { color: #000000; } #msg-kontakt>h2 { color: #a01441; } #msg-kontakt * { color: #000000; } #msg-kontakt.anmeldung-form .rsform-block-anrede label.radio-inline { background: #fff none repeat scroll 0 0; border: 1px solid #fff; box-shadow: 0 0 0 2px #a01441; } #msg-kontakt.anmeldung-form .rsform-block-anrede input[type="radio"]:checked+label { background: #a01441 none repeat scroll 0 0; } /*************************************************************************************************/ /* [_TYPO] TYPOGRAPHY */ /*************************************************************************************************/ a { color: #a01441; } a:hover, a:focus { color: #a01441; } strong { color: inherit; } .smalltitle h1 { color: #a01441; } .msgname { color: inherit !important; } /* BD:: Forceing Slider color on mobile */ @media (max-width: 991px) { .view-article .mobile_slider .slide_content h1 span { color: #a01441!important; } } /* ZT:: General Corporate Red Text Class */ .corporate-red { color: #a01441 !important; } .corporate-intro { background-color: #a01441; color: #fff; } /* H1 within SPPB to mimic Slider font */ #sp-component h1.sppb-addon-title { color: #000000; } #sp-component h1.sppb-addon-title span { color: #a01441; } /* H2 and H3 subheadings */ article h2, .sppb-addon-text-block h3 { color: #a01441; } article h2:after, .sppb-addon-text-block h3:after { background-color: #e6e6e6; } /* Hero on articles */ /* .view-article .sppb_slideshow_wrapper h1 { color: #000000; } */ .view-article .sppb_slideshow_wrapper h1 { color: #a01441; } .view-article .sppb_slideshow_wrapper h1 span { color: #a01441; } /* Imitation image header title styles on normal pages */ /* Centralised from msg networks on 22.02.17 by Jay */ #sp-page-builder .slide-title h1.sppb-title-heading { color: #a01441; } #sp-page-builder .slide-title .sppb-section-title.sppb-text-left h1.sppb-title-heading, #sp-page-builder .slide-title h1.sppb-title-heading, .slide-title p.sppb-title-subheading, #sp-page-builder .address_accordion .sppb-addon-title { font-weight: 700 !important; } /* fa-check-square-o List */ ul.checkmark.white li:before { color: #fff; } ul.check.white li:before { color: #fff; } /*****************************************************/ /* [_BUTT] BUTTONS */ /*****************************************************/ /* Button style */ .btn-default, #sp-main-body .sppb-btn-default, #sp-main-body .sprocket-tables-link .readon { background: transparent !important; color: #a01441 !important; border: 2px solid #a01441 !important; } .vid-button { background: #a01441 !important; color: #fff !important; border: 2px solid #a01441 !important; } .btn-default:hover, #sp-main-body .sppb-btn-default:hover, #sp-main-body .sprocket-tables-link .readon:hover { background: #a01441!important; color: #fff !important; border: 2px solid #a01441 !important; } .btn-info, .sppb-btn-info { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 2px solid #fff !important; color: #fff !important; } .btn-info:hover, .sppb-btn-info:hover, .btn-info:focus, .sppb-btn-info:focus { background: #fff none repeat scroll 0 0 !important; border: 2px solid #fff !important; color: #a01441 !important; box-shadow: none !important; } .btn-primary, .sppb-btn-primary { background: #a01441 !important; color: #fff !important; border: 2px solid #a01441 !important; } #testButton { background: yellow !important; } .btn-primary:hover, .sppb-btn-primary:hover, .btn-primary:focus, .sppb-btn-primary:focus { background: transparent !important; color: #a01441 !important; border: 2px solid #a01441 !important; box-shadow: none !important; } #sp-main-body .sppb-btn.sppb-btn-link { color: #a01441 !important; background: none !important; } #sp-main-body .sppb-btn.sppb-btn-link:hover { color: #000000 !important; background: none !important; } .news-events-feeds .sppb-btn-link:hover { color: #000000 !important; } .news-events-feeds h3 a { color: #010101 !important; } .news-events-feeds h3 a:hover { color: #d83d13 !important; } .news-events-feeds .sppb-addon-accordion .sppb-panel-title i { background: #000000; color: #fff; } .btn-success, .sppb-btn-success { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #6f6f6f !important; color: #6f6f6f !important; } .btn-success:hover, .sppb-btn-success:hover, .btn-success:focus, .sppb-btn-success:focus { border: 2px solid #a01441 !important; background: #a01441!important; color: #fff !important; } .rsform-button.btn.btn-success { color: #ffffff !important; } /* Button Group Addon ZT:: Moved it above Zusatzinfos */ .link-button .sppb-btn { background: none !important; } .link-button .sppb-btn:hover { color: #a01441; } /*OA:: triangular 'more' button*/ .morebutton .sppb-addon-single-image-container::after { color: #fff; background-color: #a01441; } /*hover effect */ .morebutton .sppb-addon-single-image-container:hover { box-shadow: 0 0 18px rgba(0, 0, 0, 0.05); } /*************************************************************************************************/ /* [_OVER] SECTION: OVERHEADER */ /*************************************************************************************************/ /* Overheader container */ section#sp-overheader-space { border-top: 5px solid #fff; } section#sp-overheader { border-bottom: 5px solid #4d4d4d !important; color: #a7b0b7; background-color: #4d4d4d !important; } #sp-overheader { background-color: #4d4d4d !important; } #sp-overheader p { color: #ffffff; } /* Toggle button position and hover behaviour */ .toggle { background: #4d4d4d; } /* Toggle button content and animation */ #sp-overheader .toggle:before, #sp-overheader .toggle:after { background-color: #fff; } /* Overheader content */ #sp-overheader a.sppb-btn[disabled] { background: none; border: 1px solid #fff; color: #fff; } #sp-overheader .chzn-container-single .chzn-single div b { background: url("/templates/msg/images/chosen-sprite.png") no-repeat scroll 0 9px; } /* JP - overheader select color - start */ #sp-overheader .chzn-container .chzn-results li{ color: #000000; } #sp-overheader .chzn-container .chzn-results li:hover{ color: #a01441; font-weight: 200; } /* JP - overheader select color - end */ /*************************************************************************************************/ /* [_HEAD] PAGE HEADER & NAVIGATION */ /*************************************************************************************************/ /* Semi-Transparent navigation */ /* page class: semitransparent-navigation */ body.semitransparent-navigation #sp-header { background: rgba(255, 255, 255, 0.4); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4)); /*Standard*/ box-shadow: none; } body.semitransparent-navigation .sp-megamenu-parent>li>a { color: #fff; } body.semitransparent-navigation .sp-megamenu-parent>li.active>a, body.semitransparent-navigation .sp-megamenu-parent>li:hover>a { color: #a01441; } /* Thin Semi-Transparent navigation */ /* page class: semitransparent--thin-navigation */ body.semitransparent-thin-navigation #sp-header { background: rgba(255, 255, 255, 0.4); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4)); /*Standard*/ box-shadow: none; } /* Thin Semi-Transparent navigation */ /* page class: thin-navigation */ body.thin-navigation #sp-header { background: rgba(255, 255, 255, 1); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9)); /*Standard*/ box-shadow: none; } @media(max-width:991px){ body.thin-navigation #sp-header { background: rgba(255, 255, 255, 1); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.4)); /*Standard*/ box-shadow: 0 3px 10px 0 rgb(68 68 68 / 10%); } body.sticky.offcanvas #sp-header{ background: #a01441; } } /* Sticky header */ body.sticky-active #sp-header { background: #fff; box-shadow: 0 3px 10px 0 rgba(68, 68, 68, 0.1) !important; } body.sticky-active.offcanvas #sp-header { background: none; /* DS - due to new mobile nav became redundant */ } /* Sticky always active on mobile */ body.sticky-forced #sp-header { background: #fff; box-shadow: 0 3px 10px 0 rgba(68, 68, 68, 0.1) !important; } @media (max-width: 600px) { body.sticky.offcanvas #sp-header { /* background: #a01441; */ /* DS - due to new mobile nav became redundant */ box-shadow: 0 3px 10px 0 rgba(68, 68, 68, 0.1) !important; } } body.sticky.offcanvas.offcanvas2 #sp-header { background: #ffffff; box-shadow: 0 3px 10px 0 rgba(68, 68, 68, 0.1) !important; } /***********************************************/ /* [_NAVI] DESKTOP NAVIGATION (RESET) */ /***********************************************/ /***********************************************/ /* [_DESK] DESKTOP NAVIGATION (MENU ICONS) */ /***********************************************/ /* First level - Menu Icons */ #sp-header .sp-megamenu-parent>li>a, #sp-header #offcanvas-toggler, #sp-header #sp-helpermenu ul>li>a, #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a, #sp-header #sp-lang-switcher li a, .offcanvas.offcanvas2 #sp-header .sp-megamenu-parent>li>a, .offcanvas.offcanvas2 #sp-header #offcanvas-toggler, .offcanvas.offcanvas2 #sp-header #sp-helpermenu ul>li>a, .offcanvas.offcanvas2 #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a, .offcanvas.offcanvas2 #sp-header #sp-lang-switcher li a { color: #000000; } .offcanvas #sp-header .sp-megamenu-parent>li>a, .offcanvas #sp-header #offcanvas-toggler, .offcanvas #sp-header #sp-helpermenu ul>li>a, .offcanvas #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a, .offcanvas #sp-header #sp-lang-switcher li a { color: #ffffff; } body.sticky-active.offcanvas { background: #a01441; } .offcanvas #sp-header { background: #a01441; } .offcanvas2 #sp-header { background: #ffffff; } .offcanvas #sp-header .logo img { filter: brightness(0) invert(1); } .offcanvas.offcanvas2 #sp-header .logo img { filter: brightness(1) invert(0); } #sp-header #offcanvas-toggler { transition: 0.3s; } .offcanvas #sp-header #offcanvas-toggler::before, .offcanvas #sp-header #offcanvas-toggler::after { background-color: #ffffff; } .offcanvas.offcanvas2 #sp-header #offcanvas-toggler::before, .offcanvas.offcanvas2 #sp-header #offcanvas-toggler::after { background-color: #000000; } #sp-header .sp-megamenu-parent>li:hover>a, #sp-header .sp-megamenu-parent>li.active>a, #sp-header #offcanvas-toggler:hover, #sp-header #sp-helpermenu ul>li:hover>a, #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a:hover, #sp-header #sp-offcanvas-secondary .dj-megamenu li:hover a.dj-up_a { border-top: 3px solid #a01441; color: #a01441; } .offcanvas #sp-header .sp-megamenu-parent>li:hover>a, .offcanvas #sp-header .sp-megamenu-parent>li.active>a, .offcanvas #sp-header #offcanvas-toggler:hover, .offcanvas #sp-header #sp-helpermenu ul>li:hover>a, .offcanvas #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a:hover, .offcanvas #sp-header #sp-offcanvas-secondary .dj-megamenu li:hover a.dj-up_a { border-top: 3px solid #ffffff; color: #ffffff; } .offcanvas.offcanvas2 #sp-header #sp-offcanvas-secondary .dj-megamenu li:hover a.dj-up_a { color: #000000; } #sp-header #offcanvas-toggler i { color: inherit; } /* Second level */ .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background: #fff; color: #000000; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a { border-bottom: 1px solid #ddd !important; color: #000000; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a { color: #a01441; } .sp-megamenu-parent .main-menu .sp-dropdown li.sp-menu-item>a.sp-group-title { color: #a01441; } .sp-megamenu-parent .main-menu .sp-mega-group .sp-mega-group-child li.sp-menu-item>a:hover { background: none; color: #a01441; } .main-menu .image-title { color: #a01441; } .sp-megamenu-parent .main-menu .sp-dropdown li.sp-menu-item>a img { margin: 10px 0; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { border-top: 3px solid #a01441; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover { background: #a01441; } /* Columns with two headings */ .main-menu .nav-mid-heading a { color: #a01441 !important; } .offcanvas-menu a.nav-mid-heading { color: #a01441 !important; } .offcanvas-menu a.nav-mid-heading:hover { color: #a01441 !important; } .offcanvas-inner .current.active>a { color: #ffffff !important; } .offcanvas-inner .current.active>a:hover { color: #ffffff !important; } /* Secondary Menu - Second Level (DJ Menu module)*/ #sp-offcanvas-secondary .dj-megamenu .dj-subwrap .dj-subwrap-in { background: #fff none repeat scroll 0 0; color: #000000; border-top: 3px solid #a01441; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2); } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li.first>a.menu-header { color: #a01441; } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li>a { border-bottom: 1px solid #ddd; color: #000000; } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li:hover>a, #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li.hover>a, #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li>a.active { background: none; color: #a01441; } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li>a.icon { background: transparent url("/templates/msg/images/button_background.png") no-repeat scroll center center / 0% 0% !important; color: #dadada; border: 1px solid #dadada; } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li:hover>a.icon { color: #fff; } .main-menu .img-link a { background: #a01441 !important; } .main-menu .img-link .image-title { color: #fff !important; background: #a01441; } /*****************************************************/ /* [_MOBI] MOBILE NAVIGATION */ /*****************************************************/ /* General */ .offcanvas-menu { background: #a01441; } /* Login */ .offcanvas-menu #login-form input { background: #fff none repeat scroll 0 0 !important; color: #b4b4b3; } .offcanvas-menu .btn.btn-primary.btn-sm { background: #ffffff !important; color: #a01441 !important; border: 2px solid #ffffff !important; } /* Header */ .body-innerwrapper:after { background: rgba(255, 255, 255, 0.8); } .offcanvas-menu .nav-header { color: #ffffff !important; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper:first-of-type { border-top: 1px solid #ffffff; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper { border-bottom: 1px solid #ffffff; } /* Header toggler */ .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper::after, .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper::after { color: #ffffff; } /* List - Menu Items */ .offcanvas-menu .offcanvas-inner .sp-module ul>li.active a { border-bottom: 1px solid #ffffff; } /* Main menu link with img */ .offcanvas-menu .offcanvas-inner .sp-module ul > li a { color: #ffffff; } .offcanvas-menu .main-menu .img-link .image-title { color: #ffffff !important; background: none; } /* /* offcanvas secondary /* mobile menu */ /* General */ .offcanvas2 .offcanvas-menu { background: #ffffff; } /* Header */ .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu .menu-header, .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu .menu-header:focus { color: #a01441 !important; } .dj-megamenu-default li ul.dj-submenu > li > a:hover, .dj-megamenu-default li ul.dj-submenu > li > a.active, .dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a { background: none !important; } .offcanvas-menu.custom-menu .dj-megamenu-default .dj-subcol:first-of-type { border-top: 1px solid #000000; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu { border-bottom: 1px solid #000000; } .dj-megamenu-default li ul.dj-submenu > li > a:hover, .dj-megamenu-default li ul.dj-submenu > li > a.active, .dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a { background: none; } /* Header toggler */ .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu::after { color: #a01441; } /* List - Menu Items */ .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu > li a { color: #000000; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu > li > a:focus, .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu > li > a:hover { color: #000000; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu > li a.active { color: #a01441; border-bottom: 1px solid #a01441; } /* DS offcanvas reverse */ .offcanvas-menu .offcanvas-inner .sp-module .mob-col-reverse ul.nav-child .deeper:first-of-type { border-top: none; border-bottom: 1px solid #ffffff; } .offcanvas-menu .offcanvas-inner .sp-module .mob-col-reverse ul.nav-child .deeper:last-of-type { border-top: 1px solid #ffffff; } /* __FULL WIDTH NAVIGATION */ .full-width-nav #sp-header.fwn-is-open #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a, .full-width-nav #sp-header.fwn-is-open .sp-megamenu-parent>li>a, .full-width-nav #sp-header.fwn-is-open #sp-helpermenu .sp-module a, .full-width-nav #sp-header.fwn-is-open #offcanvas-toggler, .full-width-nav #sp-header.fwn-is-open #sp-lang-switcher li a { color: #fff; } .full-width-nav #sp-header.fwn-is-open #sp-lang-switcher .lang-inline li.lang-active a, .full-width-nav #sp-header.fwn-is-open #sp-lang-switcher .lang-inline li:first-child a:after, .full-width-nav #sp-header.fwn-is-open #sp-lang-switcher .lang-inline li:hover > a { border-color: #ffffff; } .full-width-nav #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a:after, .full-width-nav #sp-header .sp-megamenu-parent>li.search-icon.google_search>a:after, .full-width-nav #sp-header .sp-megamenu-parent>li.sp-menu-item.main-menu>a:after, .full-width-nav #sp-header.fwn-is-open #offcanvas-toggler:after { background: #fff; } .full-width-nav .fwMenuWrapper .close:before, .full-width-nav .fwMenuWrapper .close:after { background-color: #fff; } .full-width-nav b.fwClose:before, .full-width-nav b.fwClose:after { background-color: #fff; } .full-width-nav .fwMenuWrapper a { color: #fff; } .full-width-nav .fwMenuWrapper .google_search.search_block { background: transparent; color: #fff; } .full-width-nav .fwMenuWrapper .btn.search-trigger.btn-default { background: #fff !important; color: #a01441 !important; border: 2px solid #fff !important; } .full-width-nav .fwMenuWrapper { background-color: initial; } .full-width-nav #sp-header.fwn-is-open.h-open-search-form .fwMenuWrapper, .full-width-nav #sp-header.fwn-is-open.h-open-mega-menu .fwMenuWrapper { background: #a01441; } .full-width-nav .fwMenuWrapper .google_search.search_block .radio label { box-shadow: 0 0 0 1px #fff; background: none; } .full-width-nav .fwMenuWrapper .google_search.search_block input[type="radio"]:checked+label { background-color: #fff; } .full-width-nav .fwMenuWrapper .google_search.search_block input[type="text"] { background: transparent; color: #fff; border: 1px solid #fff; } .msggp.full-width-nav #searchInputField::placeholder { color: #fff !important; } /* White */ .nav-white-bg.full-width-nav .fwMenuWrapper { background: #fff; } .nav-white-bg.full-width-nav #sp-header.fwn-is-open #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a, .nav-white-bg.full-width-nav #sp-header.fwn-is-open .sp-megamenu-parent>li>a, .nav-white-bg.full-width-nav #sp-header.fwn-is-open #sp-helpermenu .sp-module a, .nav-white-bg.full-width-nav #sp-header.fwn-is-open #offcanvas-toggler { color: #000000; } .nav-white-bg.full-width-nav b.fwClose:before, .nav-white-bg.full-width-nav b.fwClose:after { background-color: #000000; } .nav-white-bg.full-width-nav .fwMenuWrapper a { color: #000; } .nav-white-bg.full-width-nav .fwMenuWrapper .sp-dropdown-inner ul.sp-mega-group>li.sp-menu-item.sp-has-child>a, .nav-white-bg.full-width-nav .fwMenuElement.djMenuWrap ul li>a.menu-header { color: #a01441; } .nav-white-bg.full-width-nav .fwMenuWrapper .google_search.search_block input[type="text"] { color: #000000; border: 1px solid #a01441; } .nav-white-bg.full-width-nav .fwMenuWrapper .google_search.search_block input#searchInputField::placeholder { color: #000000 !important; } .nav-white-bg.full-width-nav .fwMenuWrapper .btn.search-trigger.btn-default { background: none !important; color: #a01441 !important; border: 1px solid #a01441 !important; } .nav-white-bg.full-width-nav .fwMenuWrapper .google_search.search_block .radio label { box-shadow: 0 0 0 1px #a01441; } .nav-white-bg.full-width-nav .fwMenuWrapper .google_search.search_block input[type="radio"]:checked+label { background-color: #a01441; } .nav-white-bg.full-width-nav .fwMenuWrapper .google_search.search_block { color: #000000; } /* JP - white menu - only secondary - start */ .full-width-nav .h-open-dj-menu .fwMenuWrapper { background: #fff; } .full-width-nav #sp-header.fwn-is-open.h-open-dj-menu #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a, .full-width-nav #sp-header.fwn-is-open.h-open-dj-menu .sp-megamenu-parent>li>a, .full-width-nav #sp-header.fwn-is-open.h-open-dj-menu #sp-helpermenu .sp-module a, .full-width-nav #sp-header.fwn-is-open.h-open-dj-menu #offcanvas-toggler, .full-width-nav #sp-header.fwn-is-open.h-open-dj-menu #sp-lang-switcher a { color: #000000; } .full-width-nav #sp-header.fwn-is-open.h-open-dj-menu #sp-lang-switcher .lang-inline li.lang-active a, .full-width-nav #sp-header.fwn-is-open.h-open-dj-menu #sp-lang-switcher .lang-inline li:first-child a:after { border-color: #000000; } .full-width-nav .h-open-dj-menu b.fwClose:before, .full-width-nav .h-open-dj-menu b.fwClose:after { background-color: #000000; } .full-width-nav .h-open-dj-menu .fwMenuWrapper a { color: #000; } .full-width-nav .h-open-dj-menu .fwMenuWrapper .sp-dropdown-inner ul.sp-mega-group>li.sp-menu-item.sp-has-child>a, .full-width-nav .h-open-dj-menu .fwMenuElement.djMenuWrap ul li>a.menu-header { color: #a01441; } .full-width-nav .h-open-dj-menu .fwMenuWrapper .google_search.search_block input[type="text"] { color: #000000; border: 1px solid #a01441; } .full-width-nav .h-open-dj-menu .fwMenuWrapper .google_search.search_block input#searchInputField::placeholder { color: #000000 !important; } .full-width-nav .h-open-dj-menu .fwMenuWrapper .btn.search-trigger.btn-default { background: none !important; color: #a01441 !important; border: 1px solid #a01441 !important; } .full-width-nav .h-open-dj-menu .fwMenuWrapper .google_search.search_block .radio label { box-shadow: 0 0 0 1px #a01441; } .full-width-nav .h-open-dj-menu .fwMenuWrapper .google_search.search_block input[type="radio"]:checked+label { background-color: #a01441; } .full-width-nav .h-open-dj-menu .fwMenuWrapper .google_search.search_block { color: #000000; } .full-width-nav .h-open-dj-menu .fwMenuWrapper .sp-dropdown-inner ul.sp-mega-group>li.sp-menu-item.sp-has-child>a, .full-width-nav .h-open-dj-menu .fwMenuElement.djMenuWrap ul li>a.menu-header { color: #a01441; } .full-width-nav .fwMenuWrapper .djMenuBox li .icon { color: #000000; border: 1px solid #000000; } .full-width-nav .fwMenuElement .sp-mega-group li .icon { color: #ffffff; border: 1px solid #ffffff; } .full-width-nav .fwMenuWrapper .djMenuBox li .icon:hover { background-size: 100% 100% !important; color: #fff; } /* Language switcher on mobile */ .offcanvas-lang-switcher .lang-inline li.lang-active a, .offcanvas-lang-switcher .lang-inline li:hover a { border-bottom: 1px solid #ffffff !important; } .offcanvas-lang-switcher .lang-inline li:first-child a:after { border: 1px solid #ffffff; } .offcanvas-menu.custom-menu .offcanvas-lang-switcher .lang-inline li.lang-active a, .offcanvas-menu.custom-menu .offcanvas-lang-switcher .lang-inline li:hover a, .djMenuWrap .offcanvas-lang-switcher .lang-inline li.lang-active a, .djMenuWrap .offcanvas-lang-switcher .lang-inline li:hover a { border-bottom: 1px solid #000000 !important; } .offcanvas-menu.custom-menu .offcanvas-lang-switcher .lang-inline li:first-child a:after, .djMenuWrap .offcanvas-lang-switcher .lang-inline li:first-child a:after { border: 1px solid #000000; } /*****************************************************/ /* _SCSP Scroll spy navigation */ /*****************************************************/ /* Scroll spy */ /*ul.scrollSpy.nav li { border-top: 1px solid #ddd; }*/ ul.scrollSpy.nav li a:hover { color: #fff; background: #a01441; } ul.scrollSpy.nav li.active a, ul.scrollSpy.nav li.active a:hover { color: #fff; background: #a01441; } ul.scrollSpy.nav.affix { background: #fff; } .navScrollSpy .dj-submenu.nav li.active, .navScrollSpy .nav.menu li.active { color: #fff; background: #a01441; } .navScrollSpy .dj-submenu.nav li.active a, .navScrollSpy .nav.menu li.active a { color: #fff !important; } /*************************************************************************************************/ /* _SCSPNEW New ScrollSpy Nav ZT:: */ /*************************************************************************************************/ #spyScroller ul li a { color: #c8c8c8; background-color: #c8c8c8 !important; } #spyScroller ul li a>span { background-color: #a01441; } #spyScroller ul li>.titletext { background: rgba(255, 255, 255, 0.9); } /*************************************************************************************************/ /* [_BRDC] SECTION: Breadcrumbs */ /*************************************************************************************************/ .breadcrumbs-row .breadcrumb li a{ color: #000000; } .breadcrumbs-row ol.breadcrumb li.active{ color: #a01441; } .breadcrumbs-row .breadcrumb>li+li:before{ color: #a01441; } .breadcrumbs-row{ background-color: #f5f5f5; } /*************************************************************************************************/ /* [_SRCH] SECTION: SEARCH */ /*************************************************************************************************/ .gss_title a span { color:#000!important; } /*************************************************************************************************/ /* [_SIDE] SECTION: SIDEBAR */ /*************************************************************************************************/ /*****************************************************/ /* [_SIWE] SIDEBAR: Weitere Informationen; */ /*****************************************************/ /* Sidebar Zusatzinfos */ .zusatzinfos .sppb-addon-module .sppb-addon-button-group ol { color: #a01441; } /*****************************************************/ /* [_SIHF] SIDEBAR: Haben Sie Fragen; */ /*****************************************************/ /* Addon: Haben Sie Fragen? */ .habensiefragen strong { color: #a01441; } /* Haben Sie Fragen */ .fragen-haben .sppb-feature-box-title { color: #000000; } /*****************************************************/ /* [_SIEV] SIDEBAR: Events */ /*****************************************************/ /* Custom Newsroom and events */ .events-sidebar-wrapper .custom .misc p { color: #000000; } /* ZT:: EVENTS ICONS - List View */ #sp-main-body .cc-tagged-blog-list .event_intro_image .icon a.sppb-btn { background: transparent url("/templates/msg/images/button_background.png") no-repeat scroll center center / 0 0 !important; border: 1px solid #dadada !important; color: #dadada !important; } /*************************************************************************************************/ /* [_FOOT] SECTION: FOOTER */ /*************************************************************************************************/ #sp-bottom { background-color: #ebebeb !important; color: #f4faff; } #sp-bottom a { color: #f4faff !important; } #sp-bottom .sp-module .sp-module-title { color: #a01441 !important; } #sp-bottom .kontakt .fa::before { color: #a01441; } #sp-bottom p, #sp-bottom a { color: #000000 !important; } #sp-bottom .social-icons em { color: #a01441; background-color: transparent; } #sp-bottom .social-icons em:hover { color: #fff; } .language-sel a:first-child { border-bottom: 2px solid #fff; } .language-sel a:hover { border-bottom: 3px solid #fff; } /* Language selector */ .lang-inline li:first-child a:after { border: 1px solid #000000; } .lang-inline li.lang-active a, .lang-inline li:hover a { border-bottom: 1px solid #000000; } .dark-footer #sp-bottom .lang-inline li:first-child a:after, .dark-footer #sp-bottom .lang-inline li.lang-active a, .dark-footer .lang-inline li:hover a { color: #fff !important; } .dark-footer #sp-bottom .lang-inline li.lang-active a, .dark-footer #sp-bottom .lang-inline li:hover a, .dark-footer #sp-bottom .lang-inline li:first-child a:after { border-color: #FFF; } /* Social icons */ .fa-stack-1x { color: #000; } .fa-stack-1x:hover { color: #fff; } .fa-stack { color: #eee; } /* Subfooter */ #sp-footer { background: #a01441; } /***********************************************/ /* scroll to top */ /***********************************************/ #scrollToTop { background: #a01441 none repeat scroll 0 0 !important; border: solid 1px #a01441; color: #fff !important; } #scrollToTop:hover { color: #a01441 !important; background: #fff none repeat scroll 0 0 !important; } #scrollToTop:focus { box-shadow: 0 0 0 3px #5aabc5 !important; } /***********************************************/ /* cookie policy */ /***********************************************/ .jb.cookie-bg.white { background: #e5e5e4 !important; } #sp-cookie .jb.cookie p { color: #000000 !important; } .jb.cookie a { color: #000000 !important; } #sp-cookie .jb.accept { background: #a01441 !important; color: #fff !important; border: 2px solid #a01441 !important; } #sp-cookie .jb.accept:hover { background: #fff !important; color: #a01441 !important; } /***************************************************************************************************************************************************/ /* [_EXTE] JOOMLA EXTENSIONS / MODULES / PLUGINS */ /***************************************************************************************************************************************************/ /*************************************************************************************************/ /* [_JUXT] EXTENSION: JUX-TIMELINE */ /*************************************************************************************************/ .jux-tl-control-inactive { background: #a01441; } .jux-tl-item h2 { color: #a01441; } .jux-tl-item .jux-tl-desc.title { color: #a01441; } .jux-tl-item .jux-tl-desc { color: inherit; } /*************************************************************************************************/ /* [_CHOS] PLUGIN: CHOSEN */ /*************************************************************************************************/ /* News overlay */ .list-overlay { background-color: rgba(46, 49, 49, 0.9); } /* Dropdown (select2) styling */ .chzn-container-single .chzn-single { color: #000000; } .chzn-container-single .chzn-single, .chzn-container-active.chzn-with-drop .chzn-single { background: #fff; border: none; } .chzn-container .chzn-drop { box-shadow: none; } .chzn-container.chzn-with-drop .chzn-drop { background: #ffffff; } .karriere-events .chzn-container .chzn-results { border-top: 1px solid #000000; } .chzn-container .chzn-results li { color: #000000; } .chzn-container .chzn-results li.highlighted { color: #000000; background: none; } .chzn-container .chzn-results li.result-selected { color: #000000; } .chzn-container .chzn-results li.result-selected:before { color: #A01441; } .chzn-container-single .chzn-single div { color: #000000; } .chzn-container-single .chzn-single div b { background: url("https://data.msg.group/templates/msg/images/chosen-sprite.png") no-repeat 0px 9px; } /*************************************************************************************************/ /* [_DJIM] MODULE: DJ IMAGE SLIDER */ /*************************************************************************************************/ .slid .djslider.djslider-default ul li { box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.1); border-bottom: 5px solid #ffffff !important; background-color: #ffffff; } .slid .djslider.djslider-default ul li:hover { box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.3); border-bottom: 5px solid #a01441 !important; } .slid .sppb-addon-module div[class^="djslider-loader"] div[class^="navigation"] img, .slid.sppb-addon-module div[class^="djslider-loader"] div[class^="navigation"] img, .sppb-addon-module .slid div[class^="djslider-loader"] div[class^="navigation"] img { border: 3px solid #ffffff; } .slid .sppb-addon-module div[class^="djslider-loader"] div[class^="navigation"] img:hover, .slid.sppb-addon-module div[class^="djslider-loader"] div[class^="navigation"] img:hover, .sppb-addon-module .slid div[class^="djslider-loader"] div[class^="navigation"] img:hover { border: 3px solid #a01441; } /* default carousel slider */ .slide-desc-text-default { color: #000000; } .djslider-default .load-button { background: #fff; border: 1px solid #dbdcdb; } .djslider-default .load-button-active { background: #a01441; } /* slider with description block beneath */ /* JP - slider text background change - start */ .dj-details-holder .djslider-loader .djslider-in .slide-desc { background: none; } /* JP - slider text background change - end */ .dj-details-holder .djslider-loader .djslider-in .slide-desc .slide-title { color: #a01441; } .dj-details-holder .djslider-loader .djslider-in .slide-desc .slide-text { color: #000000; } .dj-details-holder .djslider-loader.single .navigation-container-custom span:hover { background: #000000; } .dj-details-holder .djslider-loader .navigation-container>div:hover { color: #a01441; } /* COLOR THEME *********************************/ /* Extension: DJ Image Slider ******************/ .djslider-default .load-button-active { background: #a01441; } /*************************************************************************************************/ /* [_SIGP] EXTENSION: Simple Image Gallery Pro */ /*************************************************************************************************/ /* Article title */ article .entry-header h2 { color: #000000; } article .entry-header h2:after { background-color: #e6e6e6; } /* Icon over image */ .sigProLinkWrapper:after { background: #a01441; color: #fff; } .fancybox-overlay { background: rgba(236, 236, 236, 0.7) !important; } /* Close button */ .fancybox-close { background: #a01441; } .fancybox-close:after { color: #fff; } /* Navigation */ .fancybox-nav>span { background: #fff none repeat scroll 0 0; color: #000000; } /* COLOR THEME *********************************/ /* Extension: Simple Image Gallery Pro *********/ .sigProLinkWrapper:after { background: #a01441; color: #fff; } .fancybox-close { background: #a01441; } .fancybox-nav:hover>span { color: #a01441; } /*************************************************************/ /* [_MODA] PLUGIN: Modal */ /*************************************************************/ /* Normal styling */ #cboxOverlay, #rl_modals_overlay, body.site #rl_modals_overlay { background: #ececec; } #cboxLoadedConten { color: #000000; } #cboxLoadedContent h2, #rl_modals_loaded_content h2 { color: #000000; } /* close button */ #cboxClose, #rl_modals_close, body.site #rl_modals_close { background: #a01441 none repeat scroll 0 0; } #cboxClose:after, #rl_modals_close:after, body.site #rl_modals_close:after { color: #fff; } /*************************************************************/ /* [_RSSF] MODULE: Simple Feed */ /*************************************************************/ /*************************************************************/ /* [_SPSP] MODULE: SP Simple Portfolio :: ZT :: */ /*************************************************************/ /* Filters */ .jt-sp-filter ul>li.active>a { color: #a01441; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-front { background: #fff; color: #a01441; border: none; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-back { background: #a01441; color: #fff; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-front .itemImg.isFa i { color: #a01441; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-front .itmTitle { color: #a01441; } .jt-simple-portfolio.item-white .jt-griditem .item-back { background: rgba(255, 255, 255, 1); color: #444; } .jt-simple-portfolio.flip .jt-simple-portfolio-grid .jt-griditem .jt-item-wrap { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); border-bottom: 5px solid #fff; } .jt-simple-portfolio.flip .jt-simple-portfolio-grid .jt-griditem .jt-item-wrap:hover { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); border-bottom: 5px solid #a01441; } /*************************************************************/ /* [_SMAB] Smart App Banner Custom Styles */ /*************************************************************/ #smartbanner .sb-icon { background-color: transparent !important; } #smartbanner { border: 0 !important; background: #000000 !important; } #smartbanner .sb-info { color: #fff !important; } #smartbanner .sb-info strong { color: #fff !important; } #smartbanner .sb-button span { background: none !important; color: #fff !important; } #smartbanner .sb-button { background: none !important; border: 1px solid #fff !important; } #smartbanner .sb-close { color: #fff !important; background: none !important; } /*************************************************************/ /* [_RSPR] RokSprocket Tables Module Custom Styles */ /*************************************************************/ #sp-main-body .sprocket-tables-item { box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.1); border-bottom: 5px solid transparent; } #sp-main-body .sprocket-tables-item:hover { box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.3); border-bottom: 5px solid #a01441; } #sp-main-body .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 { background: #ffffff; } .sprocket-tables-feature.sprocket-tables-cell.sprocket-tables-bg1 ul li a { color: #000000; } .sprocket-tables-feature.sprocket-tables-cell.sprocket-tables-bg1 ul li a:hover { color: #a01441; } /* ZT:: Fixing the sprocket-tables-cell expanding over or not going to 100% width; */ #sp-main-body .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 .sprocket-tables-title, #sp-main-body .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 .sprocket-tables-title a { color: #a01441; } .sprocket-tables-bg1 ul li { background: rgba(0, 0, 0, 0) url("https://data.msg.group/templates/msg/images/spot.png") no-repeat scroll 0 10px; } /* sprocet table with title inside option*/ /*add this class withen table */ .sprocket-tables-title-inside .sprocket-tables-item { /* border: 1px solid #a01441 !important; */ } /*ZT:: Sprocket Tables with White BG and red borders */ /* sprocket-white sprocket-border-red*/ #sp-main-body .sprocket-white .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 { background: #fff; } #sp-main-body .sprocket-white.sprocket-border-red .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 { /* border: 1px solid #a01441; */ } /* Sprocket Tables with red BG */ .fullcolor-table .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 { /* background: #a01441 !important; */ } .fullcolor-table .sprocket-tables-desc h4.sprocket-tables-title { color: #a01441!important; } /* Sprocket tables with border */ .feature-border div.sprocket-tables-item { /* border: 1px solid #ccc !important; */ } /* Top Jobs - RokSprocket Tables Module - red style */ #sp-main-body .red-header .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 { background: #ffffff; } #sp-main-body .red-header .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 .sprocket-tables-title, #sp-main-body .red-header .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 .sprocket-tables-title a { color: #a01441; } /* RokSprocket Tables Module - Inline link */ .sprocket-tables .sprocket-tables-feature a:hover { color: #000000; } /* gray header table title */ .grey-header .sprocket-tables-desc { background: #ffffff !important; } .grey-header .sprocket-tables-desc h4.sprocket-tables-title { color: #a01441!important; } .grey-header .sprocket-tables-desc h4.sprocket-tables-title a { color: #a01441 !important; } /* list without style with bottom border */ .ul-menu .sprocket-tables-bg1 ul li, .ul-menu .sprocket-tables-bg1 ul li:last-child { border-bottom: 1px solid #000000; } .ul-menu .sprocket-tables-bg1 ul li:first-child { border-top: 1px solid #000000; } /*D2L:: sprocket non-clickable*/ #sp-main-body .sprocket-no-hover .sprocket-tables-item:hover { box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.1); border-bottom: 5px solid transparent; } /*************************************************************/ /* [_MMBR] Member addon (Job stories) */ /*************************************************************/ /* Member Addon (Job Stories) */ .sp_member_addon .sp-member-addon-front { background: #ffffff; border: 1px solid #ffffff; } .sp_member_addon .sp-member-addon-back { background: #ffffff !important; } .sp_member_addon .sp-member-addon-back .sp-member-desc p, .sp_member_addon .sp-member-addon-back .sp-member-desc li { color: #000000; } .sp_member_addon .sp-member-addon-back .sp-member-desc strong, .sp_member_addon .sp-member-addon-back .sp-member-desc b { color: #a01441; } .sp_member_addon .sp-member-addon-front .sppb-member-title { color: #a01441 !important; } .sp_member_addon .sp-member-addon-front .sppb-member-role { color: #000000; } .pressecenter .sppb-addon-title, .pressecenter .sppb-title-heading, #sp-component .sppb-addon-title, #sp-component .sppb-title-heading { color: #a01441; } #sp-component .zusatzinfos h3.sppb-addon-title { color: #a01441; } .confirmation article .entry-header h2:after { background-color: #e6e6e6; } .sp_member_addon .sp-member-addon-back .sp-member-desc .button.small-icons .sppb-btn-info:hover { background: transparent !important; color: #000000 !important; } /*************************************************************/ /* [_LNEP] Latest news enhanced pro */ /*************************************************************/ /* Latest News Enhanced Pro - Homepage */ .newsfeed .lnee ul.latestnews-items h4 { color: #a01441; } .newsfeed .lnee ul.latestnews-items li.latestnews-item { border-left: 5px solid transparent; } .newsfeed .lnee ul.latestnews-items li.latestnews-item:hover { border-left: 5px solid #a01441; } .newsfeed .lnee ul.latestnews-items li.latestnews-item { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .newsfeed .lnee ul.latestnews-items li.latestnews-item:hover { box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.3); } .newsfeed .lnee ul.latestnews-items li.latestnews-item a span { color: #a01441; } /*************************************************************/ /* [_RSFO] COMPONENT: RS FORMS PRO */ /*************************************************************/ /* Forms */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-color: #ccc; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #ccc; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #ccc; } *::-webkit-input-placeholder { color: #bababa !important; } *:-moz-placeholder { /* FF 4-18 */ color: #bababa !important; } *::-moz-placeholder { /* FF 19+ */ color: #bababa !important; } *:-ms-input-placeholder { /* IE 10+ */ color: #bababa !important; } fieldset .form-group .formControls input { color: #7e7e7e; } /* Kontakt form */ /* Kontaktformular with Overlay */ #cboxLoadedContent h2, #rl_modals_loaded_content h2 { color: #000000; } #cboxLoadedContent .msg-kontakt .form-control, #cboxLoadedContent #msg-kontakt .form-control, #rl_modals_loaded_content .msg-kontakt .form-control, #rl_modals_loaded_content #msg-kontakt .form-control { background: #f2f2f2; } #cboxLoadedContent .btn-primary, #rl_modals_loaded_content .btn-primary { background: #a01441 !important; border: 2px solid #a01441 !important; color: #ffffff !important; } #cboxLoadedContent .btn-primary:hover, #rl_modals_loaded_content .btn-primary:hover { background: #ffffff !important; color: #a01441 !important; border: 2px solid #a01441 !important; } #cboxLoadedContent .rsform-block-i-agree label, #rl_modals_loaded_content .rsform-block-i-agree label { background: #fff; border: 1px solid #fff; -webkit-box-shadow: 0px 0px 0px 2px #a01441; -moz-box-shadow: 0px 0px 0px 2px #a01441; box-shadow: 0px 0px 0px 2px #a01441; } #cboxLoadedContent .rsform-block-i-agree input[type="checkbox"]:checked+label, #rl_modals_loaded_content .rsform-block-i-agree input[type="checkbox"]:checked+label { background: #a01441; } /* MSG FORMS */ form.msg-forms input[type="text"]::-moz-placeholder { color: #c2c2c2; } form.msg-forms input[type="text"]::-webkit-input-placeholder { color: #c2c2c2; } form.msg-forms .has-error .formControlLabel { color: #000000; } form.msg-forms .form-control { background: #f2f2f2; color: #999; } /* checkboxes */ form.msg-forms.checkbx .rsform-block-i-agree label { -webkit-box-shadow: 0 0 0 2px rgba(104, 162, 185,1); box-shadow: 0 0 0 2px rgba(104, 162, 185,1); } form.msg-forms .checkbox-button label { background: #fff; border: 1px solid #fff; -webkit-box-shadow: 0px 0px 0px 2px #a01441; -moz-box-shadow: 0px 0px 0px 2px #a01441; box-shadow: 0px 0px 0px 2px #a01441; } form.msg-forms .checkbox-button input[type="checkbox"]:checked+label { background: #a01441; } /* radio buttons */ /* Anrede & 'normal' radio buttons */ form.msg-forms .radio-button label.radio-inline { background: #fff none repeat scroll 0 0; border: 1px solid #fff; box-shadow: 0 0 0 2px #a01441; } form.msg-forms .radio-button input[type="radio"]:checked+label { background: #a01441 none repeat scroll 0 0; } form.msg-forms .rsform-block-zusendung2 .formControls .chzn-single { background: #f2f2f2; } form.msg-forms .rsform-block-zusendung2 .formControls .chzn-single span { color: #999; } form.msg-forms .rsform-block-zusendung2 .formControls .chzn-drop ul { background: #f2f2f2; } form.msg-forms .rsform-block-zusendung2 .formControls .chzn-drop ul li { color: #999; } form.msg-forms .rsform-block-zusendung2 .chzn-container-single .chzn-single div b { background: rgba(0, 0, 0, 0) url("../../images/chosen-sprite.png") no-repeat scroll 0 8px; } form.msg-forms .btn-primary { background: #a01441 !important; border: 2px solid #a01441 !important; color: #ffffff !important; } form.msg-forms .btn-primary:hover { background-color: #fff !important; color: #a01441 !important; } form.msg-forms.checkbx .btn-primary:hover { background-color: #fff !important; color: #68a2b9 !important; } form.msg-forms .rsform-block-i-agree label { background: #fff; border: 1px solid #fff; -webkit-box-shadow: 0px 0px 0px 2px #a01441; -moz-box-shadow: 0px 0px 0px 2px #a01441; box-shadow: 0px 0px 0px 2px #a01441; } form.msg-forms .radio-button input[type="radio"]:checked+label, form.msg-forms .rsform-block-i-agree input[type="checkbox"]:checked+label { background: #a01441; } /* ZT:: SAP Forms Styles */ .checkboxList input[type="checkbox"] { opacity: 0; -moz-appearance: none; } .checkboxList input[type="checkbox"] { margin-bottom: 12px !important; } .checkboxList input[type="checkbox"]:checked+label { background: #a01441; } form.msg-forms.to-forms .formSub { color: #a1a1a1; } ul.radiosList li { line-height: 1.2; } ul.radiosList li>input[type="radio"] { width: 0; height: 0; position: relative; opacity: 0; -moz-appearance: none; } ul.radiosList li label { background: #fff none repeat scroll 0 0; border: 1px solid #fff; box-shadow: 0 0 0 2px #a01441; } ul.radiosList li>input[type="radio"]:checked+label { background: #a01441; } /* ZT:: Success Factors remove orange buttons */ .rsform-button-prev, #submit_btnPrev { background: #fff; color: #a01441; border: 1px solid #a01441; } .rsform-button-prev:hover { background: #fff; color: #a01441; border: 1px solid #a01441; } /* ZT:: END SAP Forms Styles */ /* ZT:: Multipage SAP Forms With Progress Bar */ .to-forms .rsform-button.btn.btn-success { background: #a01441; } .to-forms .rsformProgressContainer .rsformProgressBar { background: #a01441; } .to-forms .rsform-button.btn.btn-warning, #cboxLoadedContent .to-forms .rsform-button.btn.btn-warning, #rl_modals_loaded_content .to-forms .rsform-button.btn.btn-warning, .to-forms .rsform-submit-button.btn.btn-warning { background: #fff; color: #a01441; border: 2px solid #a01441; } .to-forms .rsform-button.btn.btn-success, #cboxLoadedContent .to-forms .rsform-button.btn.btn-success, #rl_modals_loaded_content .to-forms .rsform-button.btn.btn-success { border: 2px solid #a01441 !important; } /* .to-forms .in-page-submit .rsform-submit-button.btn.btn-warning{ margin-top: 25px!important; } */ .to-forms .rsform-block-anrede .help-block.form-error { padding-top: 12px; } #cboxLoadedContent .to-forms .rsform-block-anrede .help-block.form-error, #rl_modals_loaded_content .to-forms .rsform-block-anrede .help-block.form-error { padding-top: 6px; } .to-forms .rsform-block-i-agree .help-block.form-error { position: relative; top: 80px; } form.to-forms.msg-forms .rsform-block-datenschutz { min-height: 100px; } @media (min-width: 768px) { .to-forms .rsform-submit-button.btn.btn-warning { margin-top: 25px !important; } } @media (max-width: 767px) { .to-forms .rsform-button.btn.btn-success, #cboxLoadedContent .to-forms .rsform-button.btn.btn-success, #rl_modals_loaded_content .to-forms .rsform-button.btn.btn-success { border: 2px solid #a01441; } } /* ZT:: END Multipage SAP Forms With Progress Bar */ /*************************************************************/ /* [_OSYT] EXTENSION: OSYouTube */ /*************************************************************/ /*****************************************************/ /* BEWERBUNGSFORMULAR */ /*****************************************************/ /* Typography */ .bewerbungsformular form h2, .inline-form form h2 { color: #a01441; } .bewerbungsformular .form-control, .inline-form .form-control { background: #f2f2f2; color: #000000; } .bewerbungsformular .rsform-block-datenschutz a, .inline-form .rsform-block-datenschutz a { color: #a01441; } .bewerbungsformular .btn-primary, .inline-form .btn-primary { background: #a01441 !important; border: 2px solid #a01441 !important; color: #ffffff !important; } .bewerbungsformular .btn-primary:hover, .inline-form .btn-primary:hover { background: #ffffff !important; color: #a01441 !important; border: 2px solid #a01441 !important; } .bewerbungsformular .rsform-block-agree label, .inline-form .rsform-block-agree label { background: #fff; border: 1px solid #fff; -webkit-box-shadow: 0px 0px 0px 2px #a01441; -moz-box-shadow: 0px 0px 0px 2px #a01441; box-shadow: 0px 0px 0px 2px #a01441; } .bewerbungsformular .rsform-block-agree input[type="checkbox"]:checked+label, .inline-form .rsform-block-agree input[type="checkbox"]:checked+label { background: #a01441; } .bewerbungsformular .rsform-block-kontakt-daten, .bewerbungsformular .rsform-block-ihre-nachricht, .inline-form .rsform-block-kontakt-daten, .inline-form .rsform-block-ihre-nachricht, .rsform-block-contact-details-h { color: #a01441; } /* checkbox */ #bewerbungsformular .rsform-block-i-agree label { background: #fff none repeat scroll 0 0; border: 1px solid #fff; box-shadow: 0 0 0 2px #a01441; } #bewerbungsformular .rsform-block-i-agree input[type="checkbox"]:checked+label, #bewerbungsformular .rsform-block-anrede input[type="radio"]:checked+label { background: #a01441 none repeat scroll 0 0; } /* radio buttons */ #bewerbungsformular .rsform-block-anrede label.radio-inline { background: #fff none repeat scroll 0 0; border: 1px solid #fff; box-shadow: 0 0 0 2px #a01441; } /* upload button */ input#uploadFile, input.uploadFile { color: #000000; } .rsform-block-bewerbungsunterlagen .control-label { color: #999; } /* ZT:: New Form Alerts */ .form-alert-overlay { background: #ececec; } .form-alert { background: #fff; } .form-alert .form-alert-close { color: transparent; } /* ZT:: New Form validation error class */ .help-block.form-error { color: #a94442 !important; } /***************************************************************************************************************************************************/ /* JOOMLA HTML TEMPLATE OVERRIDES */ /***************************************************************************************************************************************************/ /* ARTICLE TEMPLATE: Events ZT:: Fixing AF CODE 29.01.2019 */ .event_date p:first-child { color: #000000; } .blog.karriere-events h2 { color: #a01441; } .blog.karriere-events h3 { color: #a01441; } .karriere-events a .event_info, .karriere-events a p { color: #000000; } .blog.karriere-events .items-leading .leading { border-left: 5px solid #ffffff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); transition: .3s; } .blog.karriere-events .items-leading .leading:hover { border-left: 5px solid #a01441; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); } .blog.karriere-events .items-leading .leading:hover .event_date p { color: #a01441; } @media (min-width: 992px) { .event_intro_image { border-left: 1px solid #000; border-right: 1px solid #000; } .topics-blog .event_intro_image { border-left: 0; border-right: 0; } } /* Zusatzinfos */ .karriere-events h4, .topics-blog-item h4, .job-sidebar-wrapper h4 { color: #a01441; } .karriere-events .zusatzinfos span { color: #a01441; } .karriere-events a { color: #a01441; } .karriere-events.view-article .zusatzinfos i { color: #a01441; } .karriere-events.view-article .zusatzinfos span[id^="cloak"] a { color: #000000; } /* EVENT FEED AS ACCORDION - v2 News Enhanced Module */ /* warum */ #sp-main-body .img-text-horizontal h6 { color: #a01441 !important; } .accordion-block h3 { color: #000000; } .accordion-block .sppb-panel-title { color: #a01441; } /*************************************************************/ /* [GOOG_] ARTICLE TEMPLATE: Google Search */ /*************************************************************/ /* module search box */ .google_search.search_block { background: #fbfbfb; } .google_search.search_block input[type="text"], .google_search.search_block input[type="text"]:focus { border: 1px solid #d8d8d8; } .google_search.search_block .radio label { background: #fbfbfb; border: 1px solid #fbfbfb; box-shadow: 0 0 0 2px #a01441; } .google_search.search_block input[type="checkbox"]:checked+label, .google_search.search_block input[type="radio"]:checked+label { background: #a01441 none repeat scroll 0 0; } .google_search.search_block .chzn-container-single .chzn-single div b { background: url("https://data.msg.group/templates/msg/images/chosen-sprite.png") no-repeat scroll 0 15px; } .google_search .chzn-container-single .chzn-single, .google_search .chzn-container-active.chzn-with-drop .chzn-single { border: 1px solid #d8d8d8; color: #000000; } /* google search - red-bar */ .google_search.search_results .red-bar { background-color: #a01441; } .red-bar.archive-bar { background-color: #a01441; } /* google search - menu search box */ #sp-menu .google_search.active:hover a { border-top: 3px solid #a01441; } /* results block */ .google_search.search_results .result_block p.gss_desc b, .google_search.search_results .result_block p.gss_title b { color: #a01441; } .google_search.search_results .pagination a { border: 1px solid #f1f1f1; color: #000000; } .google_search.search_results .pagination a.active, .google_search.search_results .pagination a:hover { border: 1px solid #a01441; background: #a01441; color: #fff; } .google_search.search_results #load_more { color: #a01441; } /***************************************************************************************************************************************************/ /* [__BLOG] TOPICS BLOG - LAYOUT */ /***************************************************************************************************************************************************/ /* Blog overview layout */ .topics-blog .slide_content h1 span.msgname { color: #a01441 !important; } .msgm3.topics-blog .slide_content h1 span.msgname { color: #0294b3 !important; } .topics-blog .slide_content h1 span { color: #333; } /* Sidebar */ #topics-blog-sidebar .downloads-and-links a { color: #a01441; } .msgm3 #topics-blog-sidebar .downloads-and-links a { color: #0294b3; } .karriere-events .topics-blog-sidebar a { color: #000000; } .karriere-events .topics-blog-sidebar .ref-contact-list a { color: #a01441; } .msgm3 .topics-blog-sidebar .filter-tag:hover, .msgm3 .topics-blog-sidebar .all-topics:hover, .msgm3 .tag-list a:hover { color: #0294b3; } .topics-blog-sidebar .filter-tag:hover, .topics-blog-sidebar .all-topics:hover, .tag-list a:hover { color: #a01441; } .msgm3 .topics-blog-sidebar a.active { color: #0294b3; } .topics-blog-sidebar a.active { font-weight: 400; color: #a01441; } /* Item details page */ .topics-blog-item #blog-item-header.sppb_slideshow_wrapper:not(.no_image) h2 { color: #000000; } .loadedauthor-wrapper.container { background: #f4f4f4; } /* .loadedauthor-wrapper .management-links a { background: #ddd; color: #555; } */ .topics-blog-item.karriere-events #blog-item-header .camera_caption h1 span { font-weight: 700; } /*****************************************************/ /* SHAREICON GENERAL STYLES */ /*****************************************************/ /* Typography */ .topics-blog-item .shariff li .fa, .shariff li .fa { background: none; color: #000000 !important; } .topics-blog-item .shariff .theme-white a, .shariff .theme-white a { color: #000000 !important; } /*****************************************************/ /* SHAREICON SPECIFIC STYLES */ /*****************************************************/ .shariff li .fa { background: none; color: #000 !important; } .shariff .theme-white .shariff-button a:hover { background-color: transparent; } .topics-blog-item .shariff .shariff-button:hover .fa, .shariff .shariff-button:hover .fa { color: #a01441 !important; } .topics-blog-item .shariff .shariff-button.twitter:hover .fa, .shariff .shariff-button.twitter:hover .fa { color: #55acee !important; } .topics-blog-item .shariff .shariff-button.facebook:hover .fa, .shariff .shariff-button.facebook:hover .fa { color: #3b5998 !important; } .topics-blog-item .shariff .shariff-button.linkedin:hover .fa, .shariff .shariff-button.linkedin:hover .fa { color: #0976b4 !important; } .topics-blog-item .shariff .shariff-button.xing:hover .fa, .shariff .shariff-button.xing:hover .fa { color: #008000 !important; } /* Comments Section */ .topics-blog-item #kt .kt-comments__item { border: 1px solid #ddd !important; background: transparent; } .topics-blog-item #kt .kt-comment { background: transparent; } .topics-blog-item #kt .kt-form-editor, .topics-blog-item #kt .kt-editor-info { border: 1px solid #ddd !important; background: transparent; } .topics-blog-item #kt .kt-comment-content__hd { border-bottom: 1px dotted #ccc; } .topics-blog-item #kt .kt-comments__item.is-parent.is-featured { border: 1px solid #ddeeff !important; } .topics-blog-item #kt .kt-comments-title { color: #000000; } .topics-blog-item #kt .kt-comments-title:after { background-color: #ddd; } .topics-blog-item #kt .btn-primary { background-color: #a01441 !important; border-color: transparent !important; } .topics-blog-item.msgm3 #kt .btn-primary { border: 1px solid #0294b3 !important; background: #0294b3 !important; } .topics-blog-item #kt .btn-primary:hover { border: 1px solid #000000 !important; background: #000000 !important; } .topics-blog .sidebar-module-pos .acymailing_form input { background: transparent; border: 1px solid #ccc; color: #777; } .topics-blog .sidebar-module-pos .acymailing_introtext { color: #000000; } .msgm3.topics-blog .sidebar-module-pos h3 { color: #0294b3; } .topics-blog .sidebar-module-pos .responseContainer.acymailing_module_success { color: #000000; } .msgm3.topics-blog-item #kt .o-checkbox label:before { -webkit-box-shadow: 0 0 0 2px rgba(2, 148, 179, 1); -moz-box-shadow: 0 0 0 2px rgba(2, 148, 179, 1); box-shadow: 0 0 0 2px rgba(2, 148, 179, 1); } .topics-blog-item #kt .o-checkbox label:before { border-radius: 0; -webkit-box-shadow: 0px 0px 0px 2px #a01441; -moz-box-shadow: 0px 0px 0px 2px #a01441; box-shadow: 0px 0px 0px 2px #a01441; } .msgm3.topics-blog-item #kt .o-checkbox input[type="checkbox"]:checked+label:before { background: #0294b3; } .topics-blog-item #kt .o-checkbox input[type="checkbox"]:checked+label:before { border-color: #fff; background: #a01441; } /* Modal */ .topics-blog-item #kt .kt-dialog-title { color: #000000; } .topics-blog-item #kt .kt-dialog-content { color: #000000; } .topics-blog-item #kt.kt-dialog.active { background: rgba(236, 236, 236, 0.8); } /* .topics-blog-item #kt.kt-dialog.active .kt-dialog-modal {} */ .msgm3.topics-blog-item #kt .kt-dialog-close-button { background: #0294b3; } .topics-blog-item #kt .kt-dialog-close-button { background: #a01441; color: #fff; } .topics-blog-item #kt blockquote { background: #f6f6f6; } /***********************************************/ /* [_SEMI] Seminars CC Layout */ /***********************************************/ .tagsgrid .grid-items { background: #f4f4f4; } .tagsgrid .grid-item .g-item-inner { background: #fff; } .tagsgrid .grid-item .g-item-inner:after { border-bottom: 30px solid #f4f4f4; border-left: 30px solid #fff; } .tagsgrid .grid-item .tg-top { color: #a01441; } .tagsgrid .grid-item .tg-title { color: #000000; border-bottom: 1px solid #e8e8e8; } .tagsgrid .grid-item .tg-eb { margin-bottom: 10px; color: #a01441; } .tagsgrid .grid-item .tg-ref a { color: #a01441; } .tagsgrid .grid-item span.eb-title { font-weight: 500; color: #a01441; } #contactModal .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); } h4.sm-sidebar-contact-title { color: #000000 !important; } h4.sm-sidebar-contact-title:after { border-top: 1px solid #e6e6e6; } #contactModalOverlay { background: rgba(255, 255, 255, 0.6); } #contactModal .cModalName { color: #a01441; } #contactModal .closeModal:before, #contactModal .closeModal:after { background-color: #a01441; } /* Item View */ .sppb-section.form-section { background-color: #f4f4f4; } .sppb-section.form-section .karriere-form-section fieldset .form-group .formControls input { color: #000000; } .sppb-section.form-section .karriere-form-section form .form-control { background: #fff; color: #000000; } .sppb-section.form-section .karriere-form-section form input::placeholder { color: #000000 !important; } .sppb-section.seminar-referenten { background: #f4f4f4; } .sppb-section.seminar-referenten .cntLinks .sppb-btn { border-color: #a01441 !important; color: #a01441 !important; } .sppb-section.seminar-referenten .sppb-container-inner .sppb-row { border-top: 1px solid #fff; border-bottom: 1px solid #dadada; } .sppb-section.seminar-referenten .sppb-container-inner { padding-bottom: 50px; } /* Seminars Printing */ @media only print { .seminars-single .mobile_slider h1 span { color: #a01441 !important; } } /***********************************************/ /* [_JSTY] Job stories */ /***********************************************/ /* Job Stories */ @media (max-width: 991px) { .flipper .front:before { color: #a01441; } .partner-company .sp_member_addon { margin: 0; } } /***********************************************/ /* [_ALAY] Article and pages layout */ /***********************************************/ /*OA:: Article layout for management pages */ .management .mangement-image p { color: #a01441; } .management p.img_caption { color: #a01441; } .management .close-management { background: #fff none repeat scroll 0 0; border: 1px solid #a01441; color: #a01441; } .management .close-management:hover { background: none !important; border: 1px solid #000000 !important; color: #000000 !important; } /* Documentation page */ .content-box2 .sppb-image-content-title { color: #000000; } #sp-page-builder .sppb-image-content-title:after, #sp-page-builder .two-column-text .sppb-title-heading:after { background-color: #e6e6e6; } .grey-box { background: #000000; color: #fff; } /* Daten & Fakten */ .fakten .sppb-addon-title { color: #000 !important; } .fakten .sppb-addon-content { color: #a01441; } #sp-page-builder .fakten .sppb-section-title.sppb-text-center .sppb-title-heading:after { background-color: #ffffff; } /* Perspektiven */ .perspektive h3.sppb-addon-title { color: #a01441 !important; } .perspektive .sppb-addon h3.sppb-addon-title.nocolour { color: #000000 !important; } /***********************************************/ /* [_JOBL] Job Article layout */ /***********************************************/ /* Start of __JOBL */ /* Jobtitle */ .job-body-wrapper .job-title h1 { color: #000000; } .job-body-wrapper .job-title h1:after { background-color: #ddd; } .job-sidebar-wrapper .custom .misc p { color: #000000; } .job-accordions-wrapper .job-accordion-inner-wrapper .sppb-panel-title i { color: #000000 !important; } .job-accordions-wrapper .job-accordion-inner-wrapper .sppb-panel-heading.active .sppb-panel-title i { color: #a01441 !important; } .job-accordions-wrapper .sppb-panel-heading.active .sppb-panel-title i { color: #a01441; border: 1px solid #a01441; background: #fff !important; } .job-body-wrapper .kontakt-text h3.kontakt-text-title { color: #000000; } .job-body-wrapper .kontakt-text h3.kontakt-text-title:after { background-color: #e6e6e6; } /*msgna*/ /* Jobpositions */ .job-body-wrapper h1, .job-body-wrapper h3 { color: inherit; } .job-body-wrapper .job-title h1:after { background-color: #e6e6e6; } /* Accordion */ .job-body-wrapper .sppb-addon-accordion .sppb-panel-heading { border-top: 1px solid #000000; } .job-body-wrapper .sppb-addon-accordion .sppb-panel-heading.active { border-top: 1px solid #a01441; border-bottom: none; } .job-body-wrapper .sppb-addon-accordion .sppb-panel-group .sppb-panel-default:nth-last-of-type(1) .sppb-panel-heading, .job-body-wrapper .sppb-addon-accordion .sppb-panel-group .sppb-panel:nth-last-of-type(1) .sppb-panel-heading { border-bottom: 1px solid #000000; } .job-body-wrapper .sppb-addon-accordion .sppb-panel-group .sppb-panel-default:nth-last-of-type(1) .sppb-panel-heading.active { border-bottom: none; } .job-body-wrapper .sppb-addon-accordion .sppb-panel-heading .sppb-panel-title .title { color: #a01441; } .job-body-wrapper .sppb-addon-accordion .sppb-panel-title i { background: none; color: #000000; }.job-body-wrapper .sppb-addon-accordion .sppb-panel-heading:hover .sppb-panel-title i { background: none; } .job-body-wrapper .sppb-addon-accordion .sppb-panel-heading.active .sppb-panel-title i { border: transparent; color: #a01441; } /***************************************************************************************************************************************************/ /* [_SPPB] SP PAGE BUILDER SETTINGS */ /***************************************************************************************************************************************************/ /* List styling - level 1 */ article.item-page ul li:before, .eventcontent ul li:before, .sppb-panel-body ul li:before, .sppb-addon-text-block ul li:before, .item-page.job-position ul li::marker { color: #a01441; } /* Post header underlines */ .sppb-addon .sppb-addon-title:after { background-color: #e6e6e6; } h6.sppb-addon-title { color: #a01441; } .sp-module .sp-module-title i { background: inherit; color: #a01441; } /***************************************************************************************************************************************************/ /* SP PAGE BUILDER ADDONS */ /***************************************************************************************************************************************************/ /***********************************************/ /* [_SMOD] SPPB ADDON: MODAL */ /***********************************************/ /* Modal caption */ .sppb-addon-modal i { background: #a01441; color: #fff; } /***********************************************/ /* [_SISL] SPPB ADDON: IMAGE SLIDER */ /***********************************************/ /*** Navigation ********************************/ .sppb_slideshow .camera_prev>span, .sppb_slideshow .camera_next>span { background: #fff; color: #000000; } .sppb_slideshow .camera_prev>span:hover, .sppb_slideshow .camera_next>span:hover { color: #a01441; } .sppb_slideshow.camera_wrap .camera_pag .camera_pag_ul li { background: #fff; } .sppb_slideshow.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent>span, .sppb_slideshow.camera_wrap .camera_pag .camera_pag_ul li:hover>span { background: #a01441; } /*** pagination ********************************/ .sppb_slideshow.camera_wrap .camera_pag .camera_pag_ul li { background: #fff; } .sppb_slideshow.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent>span, .sppb_slideshow.camera_wrap .camera_pag .camera_pag_ul li:hover>span { color: #a01441; background-color: #a01441; } /*** Default heading text styles *****************/ .sppb_slideshow_wrapper h1 { color: #a01441; } .sppb_slideshow_wrapper h2 { color: #a01441; } .sppb_slideshow_wrapper h3 { color: #000000; } .sppb_slideshow_wrapper h4 { color: #000000; } .sppb_slideshow_wrapper h5 { color: #000000; } .sppb_slideshow_wrapper h6 { color: #000000; } .sppb_slideshow_wrapper h1, .sppb_slideshow_wrapper h5, .sppb_slideshow_wrapper h6 { font-weight: 700; } .sppb_slideshow_wrapper h1 span, .sppb_slideshow_wrapper h3 span, .sppb_slideshow_wrapper h4 span, .sppb_slideshow_wrapper h6 span { color: #000000; } /* Hero section - dark background image */ @media (min-width: 992px) { .sppb_slideshow_wrapper .hero-dark h1, .sppb_slideshow_wrapper .hero-dark h3, .sppb_slideshow_wrapper .hero-dark h4 { color: #ffffff; } } /* text boxed */ .sppb_slideshow_wrapper .slide_content.text_box h4 { background: #fff; border-top: 3px solid #a01441; color: #000000; } @media (max-width: 991px) { .sppb_slideshow_wrapper .slide_content.text_box h4 .btn { float: none !important; } } @media (min-width: 992px) { .sppb_slideshow_wrapper .slide_content.text_box h4 { background: #fff; border-top: 3px solid #a01441; color: #000000; } /* white text (inverted) */ .sppb_slideshow_wrapper .slide_content.text_white h1, .sppb_slideshow_wrapper .slide_content.text_white h2, .sppb_slideshow_wrapper .slide_content.text_white h3, .sppb_slideshow_wrapper .slide_content.text_white h4 { color: #fff; } } /*************************************************************/ /* [_CTA] SPPB ADDON: CTA */ /*************************************************************/ /* JP - Deans CTA from egpfi.css */ /* Call to action - two buttons situation */ .cta-two-btn h3 { margin-bottom: 20px; color: #ffffff; } .cta-two-btn .sppb-btn:hover, .cta-two-btn .sppb-btn:active, .cta-two-btn .sppb-btn:focus { color: #055683 !important; /* Change this according to cta row background */ } /*************************************************************/ /* [_SICG] SPPB CUSTOM ADDON: ICON GROUP */ /*************************************************************/ /* primary, class: "background-primary" */ .sppb-addon-icon-group .background-primary .icon-button { color: #fff; border: 1px solid transparent; } /* animation, class: "animated" */ .sppb-addon-icon-group .background-transparent.animated .icon-button:hover { color: #fff; border: 1px solid transparent !important; } /* SYMBOLS BETWEEN ICONS**********************/ /* SPPB ADDON: Icon group ********************/ .sppb-addon-icon-group .icon_after_plus .icon-button:after, .sppb-addon-icon-group .icon_after_equal .icon-button:after { color: #888; } /* ZT:: New Smaller Class added for the after els */ .sppb-addon-icon-group .icon_after_plus_small .icon-button:after, .sppb-addon-icon-group .icon_after_equal_small .icon-button:after { color: #888; } /* COLOR THEME *********************************/ /* SPPB ADDON: Icon group ********************/ /* Primary */ .sppb-addon-icon-group .icon-button .background { background-color: #a01441; } .sppb-addon-icon-group .icon_content .title { color: #a01441; } .sppb-addon-icon-group .background-transparent.color-primary .icon-button { color: #a01441; border-color: #a01441; } .sppb-addon-icon-group .background-primary.animated.color-primary .icon-button:hover { color: #a01441; border-color: #a01441; } /* Transparent */ .sppb-addon-icon-group .background-transparent .icon-button { color: #d8d8d8; border: 1px solid #d8d8d8; } .sppb-addon-icon-group .background-primary.animated .icon-button:hover { color: #d8d8d8; border: 1px solid #d8d8d8; } .sppb-addon-icon-group .background-primary.animated .icon-button:hover .background { color: #d8d8d8; } /*************************************************************/ /* [_STAB] SPPB ADDON: TABS */ /*************************************************************/ .sppb-addon-content ul.sppb-nav-tabs { box-shadow: 0px 0px 17px rgba(0,0,0,0.1); } .tab-section .sppb-tab-content, .sppb-tab-content.sppb-nav-tabs-content { box-shadow: 0px 0px 17px rgba(0,0,0,0.1); background-color: #fff; } .sppb-nav-tabs>li.active>a, .sppb-nav-tabs>li.active>a:hover, .sppb-nav-tabs>li.active>a:focus, .sppb-nav-pills>li.active>a, .sppb-nav-pills>li.active>a:hover, .sppb-nav-pills>li.active>a:focus { color: #a01441; } .sppb-addon-content ul.sppb-nav-tabs::after { background-color: #fff; } .sppb-tab-pane { background: #fff; } ul.sppb-nav-tabs li { background: #fff; box-shadow: inset 8px -9px 19px -8px rgba(0, 0, 0, 0.1); } ul.sppb-nav-tabs li.active { border-top: 5px solid #a01441; box-shadow: -15px 0px 25px -21px rgba(0, 0, 0, 0.1); } @media (min-width: 992px) { ul.sppb-nav-tabs li.active, ul.sppb-nav-tabs li.active:first-child { box-shadow: none; } } @media (max-width: 991px) { ul.sppb-nav-tabs li.active { box-shadow: inset 8px -9px 19px -8px rgba(0, 0, 0, 0.1);; } } ul.sppb-nav-tabs li.active:hover { background: #fff; } ul.sppb-nav-tabs li:hover { background: #fff; border-top: 5px solid #a01441; } ul.sppb-nav-tabs li:first-child { box-shadow: inset 0px -9px 19px -8px rgba(0, 0, 0, 0.1); } ul.sppb-nav-tabs li a { background: none !important; color: #000000; } ul.sppb-nav-tabs li.active { color: #a01441; } ul.sppb-nav-tabs li a:hover { color: #a01441; } .sppb-nav-tabs>li>a, .sppb-nav-pills>li>a { background: #fff; } .sppb-tab-content { border: none; } .tab-section .sppb-container-inner .sppb-row .sppb-addon.fragen-haben { background: #f8f8f8; } .tab-section .fragen-haben .sppb-feature-box-title, .tab-section .fragen-haben .red { color: #a01441; } @media (max-width: 991px) { .sppb-nav-tabs li { border-bottom: none !important; } .sppb-nav-tabs li.active { border-top: 3px solid #a01441 !important; } } /*************************************************************/ /* [_SPRG] SPPB ADDON: PROGRESS BAR */ /*************************************************************/ .sppb-progress>.sppb-progress-bar { color: #fff; } .sppb-progress-striped .sppb-progress-bar, .sppb-progress-bar-striped { background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .sppb-progress.inverse { background-color: #a01441; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .sppb-progress.inverse>.sppb-progress-bar { color: #000000; } .sppb-progress.inverse .sppb-progress-bar.sppb-progress-bar-primary { background-color: #f5f5f5; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } /*************************************************************/ /* [_CTAF] SPPB Custom Classes: CALL TO ACTION SLIDE FORM */ /*************************************************************/ /* Contact (Person) layout */ .contact-mod strong { font-weight: normal; color: #a01441; } /* ZT:: Ihre Vorteille Row */ .ihre-vorteile div[id^="column-id-"]:before { color: #fff; } .ihre-vorteile div[id^="column-id-"]:hover, .ihre-vorteile div[id^="column-id-"]:focus { background: #a01441; color: #fff; } .ihre-vorteile div[id^="column-id-"]:hover span, .ihre-vorteile div[id^="column-id-"]:focus span { color: #fff !important; } /*************************************************************/ /* [_ACCO] SPPB Custom Classes: ACCORDION */ /*************************************************************/ /* Accordion Addon */ .sppb-panel.sppb-panel-modern > .sppb-panel-heading, .sppb-panel.sppb-panel-default>.sppb-panel-heading, .sppb-panel.sppb-panel-primary>.sppb-panel-heading, .sppb-panel.sppb-panel-info>.sppb-panel-heading { background: transparent !important; } .sppb-panel.sppb-panel-default>.sppb-panel-heading.active>.sppb-panel-title, .sppb-panel.sppb-panel-default>.sppb-panel-heading:hover>.sppb-panel-title, .sppb-panel.sppb-panel-primary>.sppb-panel-heading.active>.sppb-panel-title, .sppb-panel.sppb-panel-primary>.sppb-panel-heading:hover>.sppb-panel-title { color: #a01441; } .sppb-panel>.sppb-panel-heading>.sppb-panel-title { color: #a01441; } #sp-component .sppb-addon-accordion .sppb-panel-heading { border-top: 1px solid #000000; } #sp-component .sppb-addon-accordion .sppb-panel-heading.active { border-top: 1px solid #a01441; border-bottom: none; } #sp-component .sppb-addon-accordion .sppb-panel-group .sppb-panel-default:nth-last-of-type(1) .sppb-panel-heading, #sp-component .sppb-addon-accordion .sppb-panel-group .sppb-panel:nth-last-of-type(1) .sppb-panel-heading { border-bottom: 1px solid #000000; } #sp-component .sppb-addon-accordion .sppb-panel-group .sppb-panel-default:nth-last-of-type(1) .sppb-panel-heading.active { border-bottom: none; } #sp-component .sppb-addon-accordion .sppb-panel-heading .sppb-panel-title .title { color: #a01441; } #sp-component .sppb-addon-accordion .sppb-panel-title i { background: none; color: #000000; } #sp-component .sppb-addon-accordion .sppb-panel-heading.active .sppb-panel-title i { border: transparent; color: #a01441; } /* Karriere accordion / eventfeed accordion */ #sp-page-builder .karriere-accordions .sppb-panel span.sppb-panel-title span.title { color: #000; } #sp-page-builder .karriere-accordions .sppb-panel span.sppb-panel-title span.title span { color: #a01441; } .sppb-panel-title .date { color: #000000; } /*************************************************************/ /* [_FLPR] SPPB Custom Classes: FLIPPER */ /*************************************************************/ .sp_member_addon.flip-container .flipper { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); border-bottom: 5px solid #fff; } .sp_member_addon.flip-container .flipper:hover { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); border-bottom: 5px solid #a01441; } /* Full color flipper */ .full-color .flip-container .front .sppb-member-details-holder { color: #fff !important; } .full-color .flip-container .front .sppb-member-details-holder .sppb-member-title { color: #a01441 !important; } /* Logo flippers with bottom border title */ .border-title-flipper .sppb-member-image-holder { border: 2px solid #ffffff; border-bottom: 70px solid #ffffff; } .border-title-flipper h3.sppb-member-title { color: #a01441 !important; } /* Default white flipper with icon/texts */ .text-icon-flipper .flipper .front { border: 1px solid #ffffff !important; } .text-icon-flipper .flipper .front .sppb-member-details-holder h3 { color: #a01441; } .sp-member-desc .btn-info, .sp-member-desc .sppb-btn-info { border: 2px solid #a01441 !important; color: #a01441!important; } .sp-member-desc .btn-info:hover, .sp-member-desc .sppb-btn-info:hover { border: 2px solid #a01441 !important; color: #ffffff !important; background: #a01441 !important; } /* SPPB default Flipp addon setup */ .sppb-addon-sppb-flibox .sp-member-desc .btn-info, .sppb-addon-sppb-flibox .sp-member-desc .sppb-btn-info { border: 2px solid #ffffff !important; color: #ffffff !important; } .sppb-addon-sppb-flibox .sp-member-desc .btn-info:hover, .sppb-addon-sppb-flibox .sp-member-desc .sppb-btn-info:hover { border: 2px solid #ffffff !important; color: #a01441 !important; background: #ffffff !important; } /*************************************************************/ /* [_TEMO] SPPB Custom Classes: TESTIMONIAL */ /*************************************************************/ #sp-main-body .sppb-testimonial-pro .sppb-carousel-control { border: 2px solid #a01441; color: #a01441; } #sp-main-body .sppb-testimonial-pro .sppb-carousel-control:hover { border: 2px solid #000000; color: #000000; } /* Testimonials block */ .testemonials .sppb-addon.sppb-text-center .sppb-addon-title:after { background-color: #e6e6e6; } /*************************************************************/ /* [_REDB] SPPB Custom Classes: RED BANNER */ /*************************************************************/ /* Red Banner */ .red-bar h3 { color: #fff; } .red-bar a { color: #fff; } /*****************************************************/ /* [_THEM] Theme block */ /*****************************************************/ /* msggroup.com theme block */ .theme .sppb-addon-feature .sppb-addon-text { background: #fff; } .theme .sppb-addon-feature { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .theme .sppb-addon-feature:hover { box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.3); } .theme .sppb-addon-feature p:nth-of-type(1) { border-bottom: 1px solid #000000; } .theme .sppb-addon-feature.no-line p { border-bottom: none; } /* DS:: Feature box no underline when image added */ .theme .sppb-addon-feature span.sppb-img-container ~ .sppb-addon-text p:nth-of-type(1) { border:none; } /*OA:: added width*/ .theme .sppb-addon-feature { background: #fff; color: #000000; border-bottom: 5px solid #ffffff; } .theme .sppb-addon-feature:hover { border-bottom: 5px solid #a01441; } .theme .sppb-addon-feature.red p { color: #000000; } .theme .sppb-addon-feature.red { background: #fff; color: #000000; } .theme .sppb-addon-feature.white { background: #fff; } .theme .sppb-addon-feature strong, .theme .sppb-addon-feature b, .theme .sppb-addon-feature.white strong, .theme .sppb-addon-feature.white b { color: #a01441; } #sp-main-body .theme .sppb-addon-feature .sppb-icon .sppb-icon-container > i { color: #a01441; } .theme .sppb-addon-feature .btn-info, .theme .sppb-addon-feature .sppb-btn-info { color: #a01441 !important; border: 0; } .theme .sppb-addon-feature .btn-info:hover, .theme .sppb-addon-feature .sppb-btn-info:hover { background: none !important; } /* DS:: Features Video Container */ .theme.features-videos .video-desc { transition: 0.3s; background: #ffffff !important; padding: 2px 0 28px 12px; border-bottom: 5px solid #ffffff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .theme.features-videos .features-video-container .sppb-addon-video { transition: 0.3s; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .theme.features-videos .features-video-container:hover .video-desc { box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.3); border-bottom: 5px solid #a01441; } .theme.features-videos .features-video-container:hover .sppb-addon-video { box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.3); } /*****************************************************/ /* [_SCBX] Sticky contact box */ /*****************************************************/ /* ZT:: Sticky Contact Box */ .stickyBox { background: #eaeaea; -webkit-box-shadow: 2px 2px 6px 0 rgba(201, 201, 201, 0.8); box-shadow: 2px 2px 6px 0 rgba(201, 201, 201, 0.8); border: 1px solid #f7f6f6; } .stickyBox .closeSticky { background: #a01441 none repeat scroll 0 0; } .stickyBox .closeSticky:after { color: #fff; } /*****************************************************/ /* [_FBIT] Feature Box - Icon with text */ /*****************************************************/ .feature-box__icon { color: #a01441; } .feature-box__title { color: #a01441; } .btn-default.feature-box__btn { border: 2px solid #a01441 !important; } .btn-default.feature-box__btn:hover, .btn-default.feature-box__btn:focus, .btn-default.feature-box__btn:active { border: 2px solid #a01441 !important; color: #ffffff !important; } /* Variations */ .feature-box--white .feature-box__title, .feature-box--white .feature-box__icon, .feature-box--white .feature-box__text { color: #fff; } /*****************************************************/ /* [_MGML] Management Links Section */ /*****************************************************/ .management-links p:first-of-type { color: #a01441 !important; } .mangement-image p, .management-content p:first-child { color: #a01441; } /*****************************************************/ /* [_TCA] Team Carousel addon */ /*****************************************************/ .sppb-team-carousel-layout1 .nav-control{ border: 1px solid #a01441 !important; color: #a01441 !important; } .sppb-team-carousel-layout1 .sppb-carousel-extended-team-name { color: #a01441 !important; } .sppb-team-carousel-layout1 .sppb-carousel-extended-team-designation{ font-size: 17px; color: #000; } .sppb-team-carousel-layout1 .sppb-carousel-extended-dots ul li.active span{ background: #a01441 !important; } .sppb-team-carousel-layout1 .sppb-carousel-extended-dots ul li:hover span{ background: #a01441 !important; } .sppb-team-carousel-layout1 .sppb-carousel-extended-team-social-icon li a{ color: #000; } .sppb-team-carousel-layout1 .sppb-carousel-extended-team-social-icon li a[aria-label='Facebook']:hover{ color: #3b5998; } .sppb-team-carousel-layout1 .sppb-carousel-extended-team-social-icon li a[aria-label='twitter']:hover{ color: #55acee; } .sppb-team-carousel-layout1 .sppb-carousel-extended-team-social-icon li a[aria-label='Linkedin']:hover{ color: #0077b5; } .sppb-team-carousel-layout1 .sppb-carousel-extended-team-social-icon li a[aria-label='Xing']:hover{ color: #126567; } .sppb-team-carousel-layout1 .sppb-carousel-extended-team-social-icon li a[aria-label='Mail']:hover{ color: #a01441; } /*****************************************************/ /* [_TECA] Testimonial Carousel addon */ /*****************************************************/ .sppb-testimonial-carousel-testi_layout3 .nav-control{ background-color: #a01441 !important; border: 1px solid #a01441 !important; } .sppb-testimonial-carousel-testi_layout3 .sppb-carousel-extended-dots ul li.active span{ background: #a01441 !important; } .sppb-testimonial-carousel-testi_layout3 .sppb-carousel-extended-dots ul li:hover span{ background: #a01441 !important; } .sppb-testimonial-carousel-testi_layout3 .sppb-testimonial-carousel-client-rating .sppb-testimonial-carousel-rating{ color: #a01441 !important; } .sppb-testimonial-carousel-testi_layout3 .sppb-testimonial-carousel-message{ color: #000 !important; } .sppb-testimonial-carousel-testi_layout3 .sppb-testimonial-carousel-name-designation .sppb-testimonial-carousel-name{ color: #a01441 !important; } .sppb-testimonial-carousel-testi_layout3 .sppb-testimonial-carousel-name-designation .sppb-testimonial-carousel-designation{ color: #000 !important; } /*****************************************************/ /* [_ICA] Image Carousel addon */ /*****************************************************/ .sppb-image-carousel-layout4 .nav-control{ border: 1px solid #a01441 !important; color: #a01441 !important; } .sppb-image-carousel-layout4 .sppb-carousel-extended-dots ul li span{ background: #a01441 !important; } .sppb-image-carousel-layout4 .sppb-carousel-extended-dots ul li:hover span{ background: #a01441 !important; } .sppb-image-carousel-layout2 .nav-control{ border: 1px solid #a01441 !important; color: #a01441 !important; } .sppb-image-carousel-layout2 .sppb-carousel-extended-dots ul li span{ background: #a01441 !important; } .sppb-image-carousel-layout2 .sppb-carousel-extended-dots ul li:hover span{ background: #a01441 !important; } /*****************************************************/ /* [_AHA] Animated Heading addon */ /*****************************************************/ .animated-text-words-wrapper{ color: #a01441 !important; } /*****************************************************/ /* [_ARTS] Articles scroller */ /*****************************************************/ .sppb-addon-articles-ticker .sppb-articles-ticker-heading{ background-color: #a01441 !important; } .sppb-articles-ticker-heading svg path{ fill: #a01441 !important; } .sppb-articles-ticker { background-color: #a9abab !important; } /*****************************************************/ /* [_SFIX] SPPB Fixes */ /*****************************************************/ /* ZT:: Fix Tabs - Old and new layout fix */ .tab-section .sppb-row-container>.sppb-row>.sppb-tab-content>.sppb-addon-container { border: solid 1px #eee; } /*****************************************************/ /* [_MP] Modal Popup */ /*****************************************************/ .white-popup-block .mfp-close { background-color: #A01441!important; } /*****************************************************/ /* [_MM] Mega Menu */ /*****************************************************/ .msg-multilevel-megamenu #sp-sub-mega-menu { background-color: var(--msg-white-color); } .msg-multilevel-megamenu .sp-megamenu-parent > li { background-color: #4e4d4d; } .msg-multilevel-megamenu .sp-megamenu-parent > li:hover { background-color: var(--msg-subsidiary-color, var(--msg-default-color)) !important; transition: all 0.2s ease-in; } .msg-multilevel-megamenu .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner { border-left: 1px solid #333333; } .msg-multilevel-megamenu .mega-menu-header { box-shadow: 0px 1px var(--msg-white-color); } .msg-multilevel-megamenu .sp-megamenu-parent .sp-menu-item.main-menu .sp-dropdown-main .sp-dropdown-sub ul .sp-menu-item.menu-header a { color: var(--msg-white-color) !important; } .msg-multilevel-megamenu .sp-megamenu-parent .sp-menu-item.main-menu .sp-dropdown-main .sp-dropdown-sub ul .sp-menu-item a.menu-header > span { color: var(--msg-subsidiary-color, var(--msg-default-color)) !important; } .msg-multilevel-megamenu .sp-megamenu-parent .sp-menu-item.main-menu > a { color: var(--msg-white-color) !important; } .msg-multilevel-megamenu .sp-has-child .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner a span { color: var(--msg-white-color); } .msg-multilevel-megamenu .sp-menu-item.sp-has-child .sp-dropdown-sub .sp-dropdown-inner { background: var(--msg-subsidiary-color, var(--msg-default-color)); } .msg-multilevel-megamenu .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { background-color:#4e4d4d; } .msg-multilevel-megamenu .sp-megamenu-parent .sp-menu-item.main-menu .sp-dropdown-main .sp-dropdown-sub ul .sp-menu-item a { color: var(--msg-white-color); } .msg-multilevel-megamenu .sp-megamenu-parent .sp-menu-item.main-menu .sp-dropdown-main .sp-dropdown-sub ul .sp-menu-item a:hover { background-color: none; } .msg-multilevel-megamenu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background-color: var(--msg-subsidiary-color, var(--msg-default-color)); } .msg-multilevel-megamenu .sp-dropdown-sub .sp-dropdown-inner > a { color: var(--msg-white-color); } .msg-multilevel-megamenu .main-menu .sp-menu-item.sp-has-child > a .image-title { color: var(--msg-black-color); } .msg-multilevel-megamenu .main-menu .sp-menu-item.sp-has-child > a:hover .image-title { color: var(--msg-white-color); } .msg-multilevel-megamenu .sp-menu-item .sp-dropdown-main .sp-dropdown-items > .sp-menu-item.sp-has-child i { color: var(--msg-white-color); } .msg-multilevel-megamenu .sp-menu-item .sp-dropdown-main .sp-dropdown-items > .sp-menu-item i { color: var(--msg-white-color); } .msg-multilevel-megamenu .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { color: var(--msg-white-color) !important; } .msg-multilevel-megamenu .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a span { color:var(--msg-white-color) !important; } .msg-multilevel-megamenu .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover span { color: var(--msg-white-color) !important; } /*AD::New Mega-Mobile Menu START*/ .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper .image-title{ color: var(--msg-white-color) !important; } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner ul .opened .mega-menu-header { color: var(--msg-subsidiary-color, var(--msg-default-color)) !important; } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner ul .opened .second-level-mega-menu { color: var(--msg-subsidiary-color, var(--msg-default-color)) !important; } .msg-multilevel-megamenu .main-menu .img-link .image-title { background-color: transparent; } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper ul.nav-child { border-top: 3px solid var(--msg-subsidiary-color, var(--msg-default-color)); background-color: var(--msg-white-color); } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .second-level-mega-menu { color: var(--msg-subsidiary-color, var(--msg-default-color)) !important; } .msg-multilevel-megamenu.offcanvas #sp-header { background: var(--msg-subsidiary-color, var(--msg-default-color)) !important; } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper > a { color:var(--msg-white-color) !important; } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper ul li > a { color: var(--msg-subsidiary-color, var(--msg-default-color)); } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper ul li.deeper > a { color: var(--msg-white-color) !important; } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper ul.nav-child li.deeper ul.nav-child { background-color: var(--msg-subsidiary-color, var(--msg-default-color)) !important; border-top: 2px solid var(--msg-white-color); } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper ul.nav-child li.deeper ul.nav-child a { color: var(--msg-white-color) !important; } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child ul.nav-child .nav-header { color: var(--msg-subsidiary-color, var(--msg-default-color)) !important; } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper > span.nav-header { color: var(--msg-white-color) !important; } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper ul.nav-child .deeper::after { color: var(--msg-subsidiary-color, var(--msg-default-color)) !important; } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper ul li.parent .nav-header { color: var(--msg-subsidiary-color, var(--msg-default-color)) !important; } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper ul li.parent > a { color: var(--msg-subsidiary-color, var(--msg-default-color)) !important; } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module .image-title { color: var(--msg-white-color); } .msg-multilevel-megamenu .offcanvas-menu.main-menu ul.nav.menu > li { border-top: 1px solid var(--msg-white-color); } .msg-multilevel-megamenu .offcanvas-menu .nav.menu { border-bottom: 1px solid var(--msg-white-color); } .msg-multilevel-megamenu .offcanvas-menu.main-menu ul.nav.menu > li.deeper::after { color:var(--msg-white-color); } .msg-multilevel-megamenu .offcanvas-menu.main-menu ul.nav.menu > li:not(.deeper)::after { color: var(--msg-white-color); } .msg-multilevel-megamenu .offcanvas-menu.main-menu ul.nav.menu > li.deeper.opened::after { color: var(--msg-white-color); } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper .nav-child li.active { color: var(--msg-subsidiary-color, var(--msg-default-color)); } .msg-multilevel-megamenu .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper .nav-child li.active a { color: var(--msg-subsidiary-color, var(--msg-default-color)) !important; } /*AD::Mega-Mobile Menu END*/ /*AD::New Megamenu Responsive*/ @media (max-width: 991px) { .msg-multilevel-megamenu.sticky.offcanvas #sp-header { background: var(--msg-subsidiary-color, var(--msg-default-color)) !important; } } @media (min-width: 1080px) and (max-width:1280px) { .msg-multilevel-megamenu .sp-dropdown-sub .sp-dropdown-inner > a { color: var(--msg-white-color); } } /*AD::New Megamenu Responsive END*/ /*AD::New Megamenu END*/ /*************************************************************************************************/ /* [_CURA] CURATOR */ /*************************************************************************************************/ #sp-component .white-title .sppb-title-heading { color: #fff; } .crt-post-footer * { color: #a01441 !important; } .crt-load-more-container>button { background-color: transparent !important; color: #ffffff !important; border: 2px solid #ffffff !important; transition: .3s; } .crt-load-more-container>button:hover { background-color: #ffffff !important; color: #a01441 !important; } /*************************************************************************************************/ /* [_UCTR] USERCENTRICS CMP */ /*************************************************************************************************/ .uc-embedding-container .uc-embedding-buttons .uc-embedding-accept { background-color: #a01441; } /*****************************************************/ /* [_PRNT] PRINT LAYOUT */ /*****************************************************/ /*************************************************************************************************/ /* [_CUCL] CUSTOM CLASSES */ /*************************************************************************************************/ /* Echte Element Top */ a.echte { background: #fff; color: #941132; } .echte:after { background: url("http://data.dev.msg.team/templates/msg/images/box-corner-no-shadow.png") no-repeat right top; } a.echte.gray { background: #ededed; } a.echte.shadow { -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.2); } .echte-row .sppb-addon-module.echte-top .close-it { background: url("http://data.dev.msg.team/templates/msg/images/plus-icon.png") no-repeat center; } /* grey divider under the row */ .grey-divider .sppb-row { border-bottom: 1px solid #eee; } .video-desc { background: #f1f1f1; } /* [_JOBS] JOBS OVERVIEW LAYOUT (::EJ centralized ~ initial -> Z's solution on msgRo) */ .cc-jobs-overview #jt-jobs .chzn-container .chzn-choices { background: #eeeeee !important; border: 1px solid #eeeeee !important; } .cc-jobs-overview #jt-jobs .chzn-container .chzn-choices:hover, #jt-jobs .chzn-container .chzn-choices:focus, #jt-jobs .chzn-container-active .chzn-choices { border: 1px solid #a01441 !important; color: #a01441 !important; } .cc-jobs-overview #jt-jobs .chzn-container .chzn-choices li.search-field:after { color: #a01441 !important; } .cc-jobs-overview #jt-jobs .job-item .job-item-inner { border: 1px solid #a01441; background: #ffffff; } .cc-jobs-overview #jt-jobs .job-item .job-item-inner:hover, .cc-jobs-overview #jt-jobs .job-item .job-item-inner:focus { background: #eeeeee; border-color: #eeeeee; } .cc-jobs-overview #jt-jobs .job-type { color: #000000 !important; } .cc-jobs-overview #jt-jobs h3.job-title { color: #801339; } .cc-jobs-overview #jt-jobs .job-city { color: #000000 !important; } .cc-jobs-overview #jt-jobs .chzn-container li.search-choice { background: #eeeeee; } .cc-jobs-overview #jt-jobs .chzn-container li.search-field { color: #000000; } .cc-jobs-overview #jt-jobs .chzn-container .chzn-drop .chzn-results>li { color: #000000; } .cc-jobs-overview #jt-jobs .chzn-container .chzn-results li.highlighted { color: #a01441; } .cc-jobs-overview.com-content.view-category.layout-msgjobs .wide-section a.sppb-btn-info { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #fff !important; color: #fff !important; } .cc-jobs-overview.com-content.view-category.layout-msgjobs .wide-section a.sppb-btn-info:hover, .com-content.view-category.layout-msgjobs .wide-section a.sppb-btn-info:focus { background: #fff none repeat scroll 0 0; border: 1px solid #fff !important; color: #a01441 !important; } /* [_BING] Bing search */ .preloader>div { background-color: #a01441; } /* [_REST] REST OF UNSORTED CSS STYLES THAT NEED CLEANUP ****************************************************************************************************************************************************************/ /* safari fix for form */ #sp-user1 .search-icon .fa:hover { color: #a01441; /* } :: -webkit-input-placeholder, : -moz-placeholder, :: -moz-placeholder, : -ms-input-placeholder { color: #000000; */ } #sp-slideshows #mod-search-searchword { background: transparent none repeat scroll 0 0; } #sp-slideshows form { background: #e6e6e6; } @media (min-width: 991px) { .theme-small.same-height-columns>.sppb-row-container>.sppb-row>div>div.sppb-column { background: #f1f1f1; } } /* end of media all */ /* end - move to karriere ************************/ /* White titles */ .block-title.white .sppb-addon-content { color: #fff; } .block-title.white .sppb-addon-content p { color: #ffffff; } .block-title .sppb-addon-content, .block-title .sppb-addon-content p { color: #a01441; } /*************************************************************************************************/ /* [_MS2022] MEDIA SLIDER 2022 */ /*************************************************************************************************/ .semi-spaced-media-slider-2022 .btn-2022.btn-default { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #6f6f6f !important; color: #6f6f6f !important; } .semi-spaced-media-slider-2022 .btn-2022.btn-default:hover { background-color:#a01441 !important; color:#ffffff !important; border:#a01441 2px solid !important; } .full-size-media-slider-2022.slide_content.container div h1 { color: #a01441 !important; } .full-size-media-slider-2022.slide_content.container div h2 { color: #ffffff !important; } .full-size-media-slider-2022.slide_content.container div h3 { color: #ffffff !important; } .full-size-media-slider-2022.slide_content.container div h4 { color: #ffffff !important; } .semi-spaced-media-slider-2022.slide_content.container div h1 { color: #a01441 !important; } .semi-spaced-media-slider-2022.slide_content.container div h2 { color: #1e1e1e !important; } .semi-spaced-media-slider-2022.slide_content.container div h3 { color: #1e1e1e !important; } .semi-spaced-media-slider-2022.slide_content.container div h4 { color: #000000 !important; } .mobile_slider .semi-spaced-media-slider-2022.slide_content.container h2 { color: #1e1e1e !important; } .mobile_slider .semi-spaced-media-slider-2022.slide_content.container h3 { color: #1e1e1e !important; } .mobile_slider .semi-spaced-media-slider-2022.slide_content.container h4 { color: #000000 !important; } .mobile_slider .full-size-media-slider-2022.slide_content.container h1 { color:#a01441 !important; } .mobile_slider .full-size-media-slider-2022.slide_content.container h2 { color: #1e1e1e !important; } .mobile_slider .full-size-media-slider-2022.slide_content.container h3 { color: #1e1e1e !important; } .mobile_slider .full-size-media-slider-2022.slide_content.container h4 { color: #000000 !important; } .mobile_slider .full-size-media-slider-2022.slide_content.container .btn-2022.btn-info { background: #a01441 !important; border: 2px solid #a01441 !important; color: #fff !important; } .mobile_slider .full-size-media-slider-2022.slide_content.container .btn-2022.btn-info:hover { background:#fff !important; border: 2px solid #a01441 !important; color:#A01441 !important; } /* Hero Dark Section*/ .full-size-media-slider-2022.slide_content.container div .hero-dark h1 { color:#fff !important; } .full-size-media-slider-2022.slide_content.container div .hero-dark h2 { color:#fff !important; } .full-size-media-slider-2022.slide_content.container div .hero-dark h3 { color:#fff !important; } .full-size-media-slider-2022.slide_content.container div .hero-dark h4 { color:#fff !important; } .semi-spaced-media-slider-2022.slide_content.container div .hero-dark h1 { color:#fff !important; } .semi-spaced-media-slider-2022.slide_content.container div .hero-dark h2 { color:#fff !important; } .semi-spaced-media-slider-2022.slide_content.container div .hero-dark h3 { color:#fff !important; } .semi-spaced-media-slider-2022.slide_content.container div .hero-dark h4 { color:#fff !important; } @media (max-width: 991px) { .semi-spaced-media-slider-2022 .full-size-media-slider-2022 .slide_content.container div h3 { color:#1e1e1e !important; } .full-size-media-slider-2022.slide_content.container div h1 { color: #a01441 !important; } .full-size-media-slider-2022.slide_content.container div h2 { color:#1e1e1e !important; } .full-size-media-slider-2022.slide_content.container div h3 { color:#1e1e1e !important; } .full-size-media-slider-2022.slide_content.container div h4 { color:#000000 !important; } .semi-spaced-media-slider-2022 .full-size-media-slider-2022 .slide_content.container div h2 { color: #010101 !important; } .semi-spaced-media-slider-2022 .full-size-media-slider-2022 .slide_content.container div h4 { color: #000000 !important; } } @media (min-width:769px) and (max-width:991px) { .full-size-media-slider-2022.slide_content.container div .hero-dark h1 { color:#a01441 !important ; } .full-size-media-slider-2022.slide_content.container div .hero-dark h2 { color:#a01441 !important; } .full-size-media-slider-2022.slide_content.container div .hero-dark h3 { color:#000000 !important; } .full-size-media-slider-2022.slide_content.container div .hero-dark h4 { color:#000000 !important; } .semi-spaced-media-slider-2022.slide_content.container div .hero-dark h1 { color:#a01441 !important; } .semi-spaced-media-slider-2022.slide_content.container div .hero-dark h2 { color:#a01441 !important; } .semi-spaced-media-slider-2022.slide_content.container div .hero-dark h3 { color:#000000 !important; } .semi-spaced-media-slider-2022.slide_content.container div .hero-dark h4 { color:#000000 !important; } } @media (max-width: 768px) { .full-size-media-slider-2022.slide_content.container div .hero-dark h1 { color:#a01441 !important ; } .full-size-media-slider-2022.slide_content.container div .hero-dark h2 { color:#a01441 !important; } .full-size-media-slider-2022.slide_content.container div .hero-dark h3 { color:#000000 !important; } .full-size-media-slider-2022.slide_content.container div .hero-dark h4 { color:#000000 !important; } .semi-spaced-media-slider-2022.slide_content.container div .hero-dark h1 { color:#a01441 !important; } .semi-spaced-media-slider-2022.slide_content.container div .hero-dark h2 { color:#a01441 !important; } .semi-spaced-media-slider-2022.slide_content.container div .hero-dark h3 { color:#000000 !important; } .semi-spaced-media-slider-2022.slide_content.container div .hero-dark h4 { color:#000000 !important; } }