/* 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 _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) _FLSL - Flyer Slider _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 _SFIX - SPPB Fixes _CFIX - Carousel Fix _PEC - Person card _BNMB - Block Number _IMGA - Single image addon _XTER - External elements _CURA - Curator _PRNT - Print layout _CUCL - Custom classes _REST - Rest of uncategorized styles ************************************************/ /*************************************************************************************************/ /* [_GLOB] GLOBAL SETTINGS */ /*************************************************************************************************/ @-ms-viewport { width: auto !important; } #system-message-container { display: none; } #sp-main-body { margin-top: 0; padding-top: 0; isolation: isolate; } #msg-kontakt.anmeldung-form .rsform-block-anrede label.radio-inline { cursor: pointer; height: 25px; top: 0; width: 25px; position: relative; z-index: 1; margin-left: -15px; } #msg-kontakt.anmeldung-form .rsform-block-anrede span, #msg-kontakt .rsform-block-stufe span { margin-left: 15px; margin-right: 25px; } #msg-kontakt.anmeldung-form .rsform-block-anrede .formControlLabel { margin-right: 25px; min-width: 150px; width: auto; } #msg-kontakt.anmeldung-form .form-group.rsform-block { padding: 0 15px !important; } #msg-kontakt.anmeldung-form .rsform-block-anrede .formControls .rsform-radio { visibility: hidden; } @media (max-width: 600px) { #msg-kontakt.anmeldung-form .rsform-block-anrede .formControls label { clear: both; margin-left: 0px; margin-bottom: 15px; } #bewerbungsformular.bewerbungsformular .rsform-block-anrede .formControlLabel, .inline-form .rsform-block-anrede .formControlLabel { margin-bottom: 15px; } #msg-kontakt.anmeldung-form .rsform-block-anrede .formControls label, #msg-kontakt.anmeldung-form .rsform-block-anrede .formControls span { float: left; } #msg-kontakt.anmeldung-form .rsform-block-anrede .formControlLabel { margin-bottom: 15px; } } /* ZT:: Some testing support for equalizing columns in a sppb row. It uses FLEX layout */ /* Disable it on smaller than 768 since then cols re-arrange themeselves vertically anyway */ @media (min-width: 769px) { .equal-cols>.sppb-container-inner>.sppb-row { display: flex; } } /* ZT:: NEW RS FORM Validation Styles */ .has-error .rsform-input-box.error { border-width: 1px !important; border-style: solid !important; } .msg-form-checkboxes { input[type=checkbox] + label + span { padding-left: 35px; } } .no-left-margin { margin-left: 0!important; } .no-left-padding { padding-left: 0!important; } /*************************************************************************************************/ /* [_TYPO] TYPOGRAPHY */ /*************************************************************************************************/ body { line-height: 1.5; } h1, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.1; } *:focus, *:active, a:focus { outline: 0 !important; } strong { font-weight: 600; } .fw400 { font-weight: 400; } .fw600 { font-weight: 600; } .smalltitle h1 { font-size: 30px; margin-top: 140px; margin-bottom: 20px; } .msgname { text-transform: none !important; } .lowercase, .lowercase .btn, .lowercase .sppb-btn { text-transform: none !important; } /* ZT:: General Corporate Red Text Class */ /* ZT:: Plain non-styled list, no bullets and no margins */ ul.no-bullets { list-style: none; margin-left: 0 !important; padding-left: 0 !important; } ul.no-bullets li:before { display: none !important; } ul.no-bullets li { margin-bottom: 10px !important; } /* H1 within SPPB to mimic Slider font */ #sp-component h1.sppb-addon-title { font-size: 33px !important; font-weight: 700; line-height: 1.1; } #sp-component h1.sppb-addon-title:after { content: ""; display: none; } /* H2 and H3 subheadings */ article h2, .sppb-addon-text-block h3 { font-size: 21px !important; font-weight: 600; margin-top: 0; margin-bottom: 50px; position: relative; } article h2, .sppb-addon-text-block p+h3 { margin-top: 50px; } article h2:after, .sppb-addon-text-block h3:after { content: ""; height: 2px; width: 75px; left: 0; bottom: -20px; } .sppb-addon-text-block h3.sppb-addon-title { margin-top: 20px; } /* Imitation image header title styles on normal pages */ /* Centralised from msg networks on 22.02.17 by Jay */ #sp-page-builder .slide-title .sppb-section-title { margin-bottom: 100px; margin-top: 100px; } #sp-page-builder .slide-title .sppb-section-title.sppb-text-left h1.sppb-title-heading { font-size: 33px !important; /* font-weight: 800 !important; */ line-height: 1.1 !important; margin: 0; } #sp-page-builder .slide-title .sppb-section-title.sppb-text-left::after { background: none; } #sp-page-builder .slide-title h1.sppb-title-heading, .slide-title p.sppb-title-subheading { font-size: 33px !important; /* font-weight: 800 !important; */ line-height: 1.1 !important; margin: 0; } @media (max-width: 767px) { #sp-page-builder .slide-title .sppb-section-title { margin-bottom: 50px; margin-top: 50px; } #sp-page-builder .slide-title .sppb-title-heading br, #sp-page-builder .slide-title .sppb-title-subheading br { display: none; } #sp-main-body #sp-page-builder .slide-title .sppb-section-title h1.sppb-title-heading, #sp-main-body #sp-page-builder .slide-title .sppb-section-title .sppb-title-subheading { font-size: 26px !important; } } /* Numbered lists */ .sppb-addon-content ol li { margin-bottom: 10px; } ul.chevron li:before, .job-openings #cboxLoadedContent ul.chevron li:before, .job-openings #rl_modals_loaded_content ul.chevron li:before .chevron .sppb-tab-content ul li:before { content: "\f101" !important; font-size: 15px !important; font-family: FontAwesome; top: 0 !important; margin-left: -23px; width: 18px; display: inline-block; } .chevron .sppb-tab-content ul li { list-style-type: none; } /* fa-check-square-o List */ ul.check-o li { padding-left: 10px; position: relative; list-style-type: none; } ul.check-o li:before { content: "\f046" !important; font-size: 20px !important; font-family: FontAwesome; top: 0 !important; margin-left: -18px; width: 18px; display: inline-block; position: absolute; left: 0; top: 0; } ul.checkmark li { padding-left: 10px; position: relative; list-style-type: none; } ul.checkmark li:before { content: "✔" !important; font-size: 20px !important; margin-left: -18px; margin-right: 10px; width: 18px; display: inline-block; position: absolute; left: 0; top: 3px !important; } ul.check li { padding-left: 10px; position: relative; list-style-type: none; } ul.check li:before { content: "\f00c" !important; font-family: FontAwesome; font-size: 20px !important; margin-left: -18px; margin-right: 10px; width: 18px; display: inline-block; position: absolute; left: 0; top: 3px !important; } /* Module titles as links */ p.in-mod-title { margin-bottom: 25px !important; } /* List of items with specific text() as bullets */ ul.list-type-before-text li:before { content: ''; } ul.list-type-before-text li:before { content: '' !important; } ul.list-type-before-text li span { position: absolute; left: -65px; } ul.list-type-before-text { margin-left: 45px !important; } ul.list-type-before-text li { position: relative; } ul.list-type-before-text { padding-left: 25px !important; } #sp-page-builder .address_accordion .sppb-addon-title { /* font-weight: 800 !important; */ font-size: 30px !important; margin-bottom: 35px; } @media (max-width: 991px) { .sppb-panel>.sppb-panel-heading>.sppb-panel-title { font-size: 14px !important; } } /*****************************************************/ /* [_BUTT] BUTTONS */ /*****************************************************/ .sppb-btn:active, .sppb-btn.active { box-shadow: none; } /* Button style */ .vid-button { width: 300px; } #sp-main-body .sppb-btn.sppb-btn-link { border: none !important; font-size: 15px; } #sp-main-body .sppb-btn.sppb-btn-link:hover { border: none !important; } .news-events-feeds .sppb-btn.sppb-btn-default, .news-events-feeds .sppb-btn.sppb-btn-link { border: none !important; } .news-events-feeds .sppb-addon .sppb-addon-title { text-transform: none !important; } .news-events-feeds .sppb-btn-link { font-weight: 100; } .news-events-feeds .sppb-addon-accordion .sppb-panel-heading .sppb-panel-title i:before { content: "+"; } .news-events-feeds .sppb-addon-accordion .sppb-panel-title i { font-size: 30px; font-weight: 400; font-style: normal; } .user-register-item .btn-success { display: none !important; } .user-register-item .checkbox { display: none !important; } #sp-main-body .link-button .sppb-btn { border: none !important; } #sp-main-body .link-button .sppb-btn:hover { border: none !important; } /*OA:: changed max with from 768px to 767px*/ @media (max-width: 767px) { .body-innerwrapper .btn-primary, .body-innerwrapper .btn-default { padding: 10px 15px !important; width: 100%; } } .sppb-btn.wide { padding-left: 100px !important; padding-right: 100px !important; } /* Prevent breaking links to two lines */ .btn-nowrap { white-space: nowrap; } /* Use as a container to target multiple buttons */ .btn-nowrap a.sppb-btn { white-space: nowrap; } /* Button group Addon */ a.fa-file-pdf-o::before { content: "\f1c1" !important; font-family: FontAwesome; margin-right: 10px; display: inline-block; } /* Button groups */ .sppb-addon-button-group .fa, .sppb-addon-text-block .fa { width: 18px; margin-right: 5px; } /* Button Group Addon ZT:: Moved it above Zusatzinfos */ .link-button .sppb-btn { padding: 0 !important; border: none !important; text-align: left; display: block; } .link-button .sppb-btn:hover { text-decoration: underline !important; } #mod-sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a { padding: 8px 0; } #mod-sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a i { margin-left: 2px; } /* Zum Karriere slider - buttons */ @media (max-width: 646px) { .zum-karriere-btn-grp a.sppb-btn-lg { min-width: 305px; } } /*OA:: triangular 'more' button*/ .morebutton .sppb-addon-single-image-container { font-size: 16px; overflow: hidden; position: relative; transition: box-shadow 300ms; } .morebutton .sppb-addon-single-image-container::after { position: absolute; top: -71%; right: -71%; width: 100%; height: 100%; transform-origin: center center; transform: rotate(45deg); padding-top: 89%; padding-right: 0%; } /*hover effect */ .morebutton .sppb-addon-single-image-container:hover { transition: box-shadow 300ms; } .morebutton .sppb-addon-single-image-container:lang(de-de):after { content: "mehr"; } .morebutton .sppb-addon-single-image-container:lang(en-gb):after { content: "more"; } @media (min-width: 992px) and (max-width: 1199px) { .morebutton .sppb-addon-single-image-container { font-size: 14px; } } @media (max-width: 991px) { .morebutton .sppb-addon-single-image-container { font-size: 17px; } } /* ZT:: mehr-btn-down class*/ div.mehr-btn-down .sppb-addon-content { position: relative; padding-bottom: 45px; } div.mehr-btn-down a.sppb-btn { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 0; } @media only screen and (max-width : 767px) { div.mehr-btn-down .sppb-addon-content { padding-bottom: 35px; } } /*************************************************************************************************/ /* [_OVER] SECTION: OVERHEADER */ /*************************************************************************************************/ body section#sp-overheader { position: fixed !important; width: 100%; } body section#sp-overheader>.row { margin: 0; padding: 0; } /* Overheader container */ section#sp-overheader-space { transition: height 0.4s ease; } section#sp-overheader { top: 0; z-index: 10005; /* DS 17.02.2020. - increased due to added breadcrumbs */ line-height: 20px; position: relative; transition: all 0.4s ease; } /* Toggle button position and hover behaviour */ .toggle:hover { cursor: pointer; } .toggle { border-radius: 0 0 0 28px; bottom: -28px; font-size: 19px; font-weight: 400; height: 28px; margin: 0; position: absolute; right: 0; text-align: right; width: 28px; z-index: 10005; /* DS 17.02.2020. - increased due to added breadcrumbs */ } /* Toggle button content and animation */ #sp-overheader .toggle:before, #sp-overheader .toggle:after { content: ""; display: block; height: 1px; margin-top: 0px; position: absolute; right: 6px; top: 12px; transform-origin: 50% 50% 0; transition: all 0.4s ease 0s; width: 9px; } #sp-overheader .toggle:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } #sp-overheader .toggle:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } body.overheader #sp-overheader .toggle:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; } /* Show/hide overheader based on body class */ section#sp-overheader .custom>.container { height: 0; overflow: hidden; transition: all 0.4s ease; } body.overheader section#sp-overheader .custom>.container { transition: all 0.4s ease; } body.overheader section#sp-overheader { border-bottom: none !important; } /* Overheader content */ section#sp-overheader .inhalte { height: auto; padding: 20px 8px; } section#sp-overheader .inhalte>div { padding: 0px 10px; } section#sp-overheader .inhalte>div:first-child { padding: 0px 15px; } section#sp-overheader img { position: absolute; left: 0; top: 5px; } section#sp-overheader p { font-size: 14px; margin: 0 0 0 125px; } section#sp-overheader select { width: auto; max-width: 100%; font-size: 13px; margin-top: 4px; float: right; border-radius: 0; } section#sp-overheader .sp-module .sp-module-title { margin: 0; } #sp-overheader a.sppb-btn { margin-top: 4px; transition: opacity 0.3s; } #sp-overheader a.sppb-btn[disabled] { opacity: 0.5; } @media (max-width: 991px) { #sp-overheader a.sppb-btn { width: 100%; margin-top: 15px; } section#sp-overheader select { width: 100%; } } @media (max-width: 767px) { section#sp-overheader img { display: none; } section#sp-overheader p { margin-left: 0px; font-size: 12px; } section#sp-overheader select { margin-top: 15px; } } @media (max-width: 400px) { section#sp-overheader .inhalte { padding: 20px 5px; } #sp-overheader .container { padding: 0; } } /* Dropdown (select2) styling */ #sp-overheader .chzn-container-single .chzn-single { border: none; } #sp-overheader #groupnavi_chzn { margin-top: 4px; float: right; } #sp-overheader .chzn-container-single .chzn-single { font-size: 13px; } #sp-overheader .chzn-container .chzn-results li { font-size: 13px; } #sp-overheader .chzn-container-single { width: 260px !important; } #sp-overheader .chzn-container-single .chzn-search { display: none; } #sp-overheader .chzn-container-single .chzn-drop { border-radius: 0px; } #sp-overheader .chzn-container-single .chzn-single { line-height: 34px; } @media (max-width: 1199px) { #sp-overheader .overheader-text p { font-size: 13px; line-height: 18px; } } @media (max-width: 991px) { #sp-overheader .chzn-container-single { width: 100% !important; } } @media (max-width: 767px) { section#sp-overheader .overheader-select { margin-top: 15px; } } /*************************************************************************************************/ /* [_HEAD] PAGE HEADER & NAVIGATION */ /*************************************************************************************************/ /* Main logo */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) { #sp-header .sp-default-logo { display: block; } } /* Sticky animation */ body.sticky header#sp-header+section { margin-top: 110px; transition: margin 0.4s ease 0s; } body.sticky.sticky-active header#sp-header+section { margin-top: 60px; } /* fix for header having white background on top - DS 18.02.2020. */ body.transparent-navigation.sticky header#sp-header+section, body.semitransparent-navigation.sticky header#sp-header+section { margin-top: 0; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } body.transparent-navigation.sticky.sticky-active header#sp-header+section, body.semitransparent-navigation.sticky.sticky-active header#sp-header+section { margin-top: 0; } .konferenzen .chzn-single { margin-top: 200px !important; } .blog-list-below-header { margin-bottom: 75px; } body.transparent-navigation.sticky .sppb-section:first-child .sppb_slideshow_wrapper, body.semitransparent-navigation.sticky .sppb-section:first-child .sppb_slideshow_wrapper { /* margin-top: -110px; fix-comment for header having white background on top - DS 18.02.2020. */ margin-top: 0; } body.semitransparent-navigation.sticky-active .sppb-section:first-child .sppb_slideshow_wrapper { margin-top: 0px; } /* Transparent navigation */ /* page class: transparent-navigation */ body.transparent-navigation #sp-header, body.no-shadow #sp-header { background: none; box-shadow: none; } /* ZT:: Hide Search, Hide Hamburger, Hide Envelope, Hide Logo */ body.hide-search #sp-menu .sp-megamenu-parent li.sp-menu-item.search-icon { display: none; } body.hide-hamburger #sp-menu .sp-megamenu-parent li.sp-menu-item.main-menu, body.hide-hamburger #sp-menu a#offcanvas-toggler { display: none !important; } body.hide-envelope #sp-menu .sp-megamenu-parent li.sp-menu-item.contactlink, body.hide-envelope #sp-helpermenu li.item-574 { display: none; } body.hide-logo #sp-logo a.logo { display: none; } body.hide-social .menu-social-icon { display: none; } /* Semi-Transparent navigation */ /* page class: semitransparent-navigation */ /* Thin Semi-Transparent navigation */ /* page class: semitransparent--thin-navigation */ body.semitransparent-thin-navigation #sp-header { height: 60px !important; } body.semitransparent-thin-navigation #sp-logo .logo { margin-top: 7px; } body.semitransparent-thin-navigation #sp-logo img { -webkit-transform: scale(0.51); -ms-transform: scale(0.51); transform: scale(0.51); } body.semitransparent-thin-navigation #sp-header .sp-megamenu-parent>li>a, body.semitransparent-thin-navigation #sp-header #offcanvas-toggler, body.semitransparent-thin-navigation #sp-header #sp-helpermenu ul>li>a, body.semitransparent-thin-navigation #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a { font-size: 22px; line-height: 54px; } body.semitransparent-thin-navigation #sp-header #sp-lang-switcher { font-size: 22px; line-height: 60px; } body.semitransparent-thin-navigation.sticky .sppb-section:first-child .sppb_slideshow_wrapper { /* margin-top: -60px; fix-comment for header having white background on top - DS 18.02.2020. */ margin-top: 0; } body.sticky.semitransparent-thin-navigation header#sp-header+section { /* margin-top: 60px; fix-comment for header having white background on top - DS 18.02.2020. */ margin-top: 0; } @media (max-width:600px) { body.semitransparent-thin-navigation.sticky .sppb-section:first-child .sppb_slideshow_wrapper { margin-top: 0; } } /* Only Secondary Navigation */ body.secondary-only #sp-header #sp-offcanvas-secondary .dj-megamenu-default li:hover div.dj-subwrap, body.secondary-only #sp-header #sp-offcanvas-secondary .dj-megamenu-default li.hover div.dj-subwrap { right: 0 !important; } /* Thin Semi-Transparent navigation */ /* page class: thin-navigation */ body.thin-navigation #sp-header { height: 60px !important; } body.thin-navigation #sp-logo .logo { margin-top: -7px; } body.thin-navigation #sp-logo img { -webkit-transform: scale(0.51); -ms-transform: scale(0.51); transform: scale(0.51); } body.thin-navigation #sp-header .sp-megamenu-parent>li>a, body.thin-navigation #sp-header #offcanvas-toggler, body.thin-navigation #sp-header #sp-helpermenu ul>li>a, body.thin-navigation #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a { font-size: 22px; line-height: 54px; } body.thin-navigation #sp-header #sp-lang-switcher { font-size: 22px; line-height: 60px; } body.thin-navigation.sticky .sppb-section:first-child .sppb_slideshow_wrapper { /* margin-top: -60px; fix-comment for header having white background on top - DS 18.02.2020. */ margin-top: 0; } body.sticky.thin-navigation header#sp-header+section { /* margin-top: 60px; fix-comment for header having white background on top - DS 18.02.2020. */ margin-top: 0; } @media (max-width:600px) { body.thin-navigation.sticky .sppb-section:first-child .sppb_slideshow_wrapper { margin-top: 0; } } /* Only Secondary Navigation */ body.secondary-only #sp-header #sp-offcanvas-secondary .dj-megamenu-default li:hover div.dj-subwrap, body.secondary-only #sp-header #sp-offcanvas-secondary .dj-megamenu-default li.hover div.dj-subwrap { right: 0 !important; } /* Hidden header & overheader */ .noheader #sp-overheader, .noheader #sp-header { display: none; } .noheader #sp-main-body { margin-top: 0; padding-top: 35px; } /* Hidden navigation */ /* page class: no-navigation */ body.no-navigation #sp-menu, body.no-navigation #sp-user1 { display: none; } body.no-navigation #sp-header { background: none !important; box-shadow: none; } #sp-top-bar { display: none; } /* Sticky header */ body.sticky #sp-header { position: fixed; width: 100%; height: 110px; transition: all 0.4s ease; } body.sticky-active #sp-header { height: 60px; } /* Logo */ #sp-logo .logo { height: initial; margin-left: -22px; margin-top: 30px; transition: all 0.4s ease; } #sp-logo .logo img { max-width: inherit !important; transition: all 0.4s ease; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } body.sticky-active #sp-logo .logo { margin-left: -11px; height: 60px; } body.sticky-active #sp-logo .logo { margin-top: 7px; } body.sticky-active #sp-logo img { -webkit-transform: scale(0.51); -ms-transform: scale(0.51); transform: scale(0.51); } @media (max-width: 799px) { #sp-logo .logo, body.sticky-active #sp-logo .logo { margin-left: 0px; } } @media (max-width:600px) { #sp-logo img { -webkit-transform: scale(0.71); -ms-transform: scale(0.71); transform: scale(0.71); } } @media (max-width: 350px) { #sp-logo { /* JP - changed to 350px from 335px - 22.03.2019.*/ /* Due to insufficient space on pages with secondary menu item */ position: absolute; } } /* ZT:: SVG Logo IE Issues Fix */ *::-ms-backdrop, #sp-logo img.svg-logo { max-width: 100% !important; } .user-reset .sp-default-logo.svg-logo { position: absolute; top: 20px; } /* Sticky always active on mobile */ body.sticky.sticky-forced header#sp-header+section { margin-top: 60px; } body.semitransparent-navigation.sticky-forced .sppb-section:first-child .sppb_slideshow_wrapper { margin-top: 0px; } body.sticky-forced #sp-header { height: 60px !important; } body.sticky-forced #sp-logo .logo { margin-left: -11px; height: 60px; } body.sticky-forced #sp-logo .logo h1 { margin-top: 7px; } body.sticky-forced #sp-logo img { -webkit-transform: scale(0.51); -ms-transform: scale(0.51); transform: scale(0.51); } @media (max-width: 799px) { body.sticky-forced #sp-logo .logo { margin-left: 0px; } } body.sticky-forced #sp-header .sp-megamenu-parent>li>a, body.sticky-forced #sp-header #offcanvas-toggler, body.sticky-forced #sp-header #sp-helpermenu ul>li>a, body.sticky-forced #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a { font-size: 22px; line-height: 54px; } body.sticky-forced #sp-offcanvas-secondary .dj-megamenu .dj-subwrap { top: 60px; } @media(max-width: 991px){ body:not(.page-automotive).sticky.sticky header#sp-header+#sp-main-body { margin-top: 60px; } } @media (max-width: 600px) { body.page-automotive.sticky.sticky header#sp-header+#sp-main-body { margin-top: 60px; } body.semitransparent-navigation.sticky .sppb-section:first-child .sppb_slideshow_wrapper { margin-top: 0px; } body.sticky #sp-header { height: 60px !important; } body.sticky #sp-logo .logo { margin-top: 10px; margin-left: -11px; height: 60px; } body.sticky #sp-logo .logo h1 { margin-top: 7px; } body.sticky #sp-logo img { -webkit-transform: scale(0.51); -ms-transform: scale(0.51); transform: scale(0.51); } body.sticky #sp-logo .logo { margin-left: 0px; } body.sticky #sp-header .sp-megamenu-parent>li>a, body.sticky #sp-header #offcanvas-toggler, body.sticky #sp-header #sp-helpermenu ul>li>a, body.sticky #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a { font-size: 22px; line-height: 54px; } body.sticky #sp-offcanvas-secondary .dj-megamenu .dj-subwrap { top: 60px; } } /***********************************************/ /* [_NAVI] DESKTOP NAVIGATION (RESET) */ /***********************************************/ /* Reset all menu seetings */ #sp-lang-switcher, #sp-offcanvas-secondary, #sp-menu, #sp-helpermenu { padding: 0; width: auto; } #sp-lang-switcher { float: right; } #sp-helpermenu .nav li { float: left; } #sp-menu .sp-megamenu-parent { margin: 0; } #sp-menu { margin-right: 20px; } @media (max-width: 767px) { #sp-menu { margin-right: 10px; } } #sp-header #offcanvas-toggler { margin: 0; padding: 0; position: relative; z-index: 10; } #sp-header #offcanvas-toggler i { font-size: inherit; margin: 0; padding: 0; vertical-align: middle; } #sp-menu, #sp-helpermenu { float: right; } .sp-megamenu-parent>li.sp-has-child>a:after, #sp-header #offcanvas-toggle:after { content: ""; margin: 0; font-family: unset; } .nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: inherit; } .sp-megamenu-parent.menu-zoom .sp-has-child.hover>.sp-dropdown { animation: 400ms ease 0s normal none 1 running spMenuZoom; display: block; } .sp-megamenu-parent>li>a { margin-right: 0; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right, .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full { left: auto; right: 0; } /* Reset Secondary menu (DJ menu) */ #sp-offcanvas-secondary { float: right; } #sp-offcanvas-secondary .dj-megamenu { background: none; width: auto; height: auto; float: right; font-family: inherit; } #sp-offcanvas-secondary .dj-megamenu li:hover a.dj-up_a, #sp-offcanvas-secondary .dj-megamenu li.hover a.dj-up_a, #sp-offcanvas-secondary .dj-megamenu li.active a.dj-up_a, #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a span.dj-drop { background: none; } #sp-offcanvas-secondary .dj-megamenu li a span i.arrow { display: none; } #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a span { line-height: inherit !important; height: auto; color: inherit !important; padding: 0 !important; } /* #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a span i { vertical-align: middle; } */ /* Inactive links/btns (headings, text-seperators...) */ .not-active { pointer-events: none; cursor: default; } /***********************************************/ /* [_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 { transition: all 0.4s ease 0s; font-size: 28px; font-weight: 400; letter-spacing: 0; padding: 0 20px; line-height: 104px; margin-bottom: 3px; height: auto; border-top: 3px solid transparent; } @media (max-width: 1026px) { #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 { padding: 0 15px !important; } } @media (max-width: 767px) { #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 { padding: 0 10px !important; } #sp-header #sp-lang-switcher { display: none; } } .offcanvas #sp-header #offcanvas-toggler i { opacity: 0; } .offcanvas #sp-header #offcanvas-toggler::before, .offcanvas #sp-header #offcanvas-toggler::after { position: absolute; content: ' '; height: 33px; width: 2px; top: 50%; margin-top: -14px; left: 50%; margin-left: -2px; } @media (max-width: 600px) { .offcanvas #sp-header #offcanvas-toggler::before, .offcanvas #sp-header #offcanvas-toggler::after { height: 25px; margin-top: -10px; } } .offcanvas #sp-header #offcanvas-toggler::before { transform: rotate(45deg); } .offcanvas #sp-header #offcanvas-toggler::after { transform: rotate(-45deg); } /* SP LANG SWITCHER */ #sp-header #sp-lang-switcher .lang-inline li { font-size: 22px; line-height: 104px; transition: all 0.4s ease 0s; font-weight: 400; letter-spacing: 0; margin-bottom: 3px; height: auto; border-top: 3px solid transparent; } .semitransparent-thin-navigation #sp-header #sp-lang-switcher .lang-inline li { font-size: 22px; line-height: 54px; } body.sticky-active #sp-header #sp-lang-switcher .lang-inline li { line-height: 54px !important; } .offcanvas-lang-switcher { margin-top: 30px; } .offcanvas-lang-switcher ul li { display: inline-block; } .offcanvas-lang-switcher .lang-inline li:last-child { margin-left: 9px; } .lang-inline a { position: relative; display: inline-block; font-size: 20px !important; font-weight: 600; margin-right: 9px; line-height: 30px !important; } .lang-inline li:first-child a:after { content: ""; height: 20px; right: -12px; position: absolute; top: 6px; } /* DS 06.02.2020. */ .itemid-2069 #sp-lang-switcher { margin-top: 3px; /* https://www.msg.group/ch/uap-impressionen */ } body.sticky-active #sp-header .sp-megamenu-parent>li>a, body.sticky-active #sp-header #offcanvas-toggler, body.sticky-active #sp-header #sp-helpermenu ul>li>a, body.sticky-active #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a { font-size: 22px; line-height: 54px; } /* Second level */ .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 15px; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a { cursor: pointer; display: block; font-size: 13px; font-weight: 400; padding: 10px 0 10px 15px; } .sp-megamenu-parent .main-menu .sp-dropdown li.sp-menu-item>a.sp-group-title { letter-spacing: 0px; padding: 5px 0 15px 0px; font-size: 16px; font-weight: 400; } .sp-megamenu-parent .main-menu .sp-mega-group .sp-mega-group-child li.sp-menu-item>a { font-size: 14px; padding: 4px 0; line-height: 18px; } .sp-megamenu-parent .main-menu .sp-mega-group .sp-mega-group-child li.sp-menu-item:last-child>a { border: none; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .row>div .sp-mega-group { padding: 0 25px; } .main-menu li.no-border a { border: none !important; } .main-menu .image-title { font-size: 16px; text-transform: none; font-weight: 400; } .sp-megamenu-parent .main-menu .sp-dropdown li.sp-menu-item>a img { margin: 10px 0; } /* Columns with two headings */ .main-menu .nav-mid-heading a { padding: 25px 0 15px 0 !important; font-size: 16px !important; font-weight: 400 !important; border: none !important; } .offcanvas-menu a.nav-mid-heading { font-weight: 400; margin-bottom: 10px; margin-top: 15px; font-size: 17px !important; } .full-width-nav .nav-mid-heading a { padding: 25px 0 10px 0 !important; text-transform: uppercase !important; font-weight: 600 !important; font-size: 19px !important; border: none !important; display: block; } /* Secondary Menu - Second Level (DJ Menu module)*/ #sp-offcanvas-secondary .dj-megamenu .dj-subwrap { animation-delay: 0ms; margin: 0 !important; top: 110px; transition: all 0.4s ease 0s; } body.sticky-active #sp-offcanvas-secondary .dj-megamenu .dj-subwrap { top: 60px; } .dj-megamenu .dj-subwrap.fadeOut { animation-duration: 0ms; } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu { height: auto; margin: 0; padding: 15px 25px; width: auto; } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li { border: none; padding: 0; } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li.first>a.menu-header { font-size: 16px; font-weight: 400; letter-spacing: 0; padding: 5px 0 15px; text-transform: uppercase; border: none; line-height: 24px; } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li:last-child>a { border: none; } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li>a { font-size: 14px; line-height: 18px; margin: 0; padding: 4px 0; text-transform: uppercase; } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li>a.icon { border-radius: 60px; display: table; height: 120px; margin: 18px auto; text-align: center; width: 120px; -moz-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; background-position: center center; } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li:hover>a.icon { background-size: 100% 100% !important; } #sp-offcanvas-secondary .dj-megamenu-default li ul.dj-submenu>li>a.icon i { display: table-cell; float: none; font-size: 38px; margin: 0; vertical-align: middle; } #sp-offcanvas-secondary .dj-megamenu-default.auto-width-col li div.dj-subcol { width: auto !important; } #sp-offcanvas-secondary .dj-megamenu-default li:hover div.dj-subwrap, #sp-offcanvas-secondary .dj-megamenu-default li.hover div.dj-subwrap { display: block; left: auto; /*right: -210px;*/ } body.sticky #sp-header.sticky #sp-offcanvas-secondary .dj-megamenu-default li:hover div.dj-subwrap, body.sticky #sp-header.sticky #sp-offcanvas-secondary .dj-megamenu-default li.hover div.dj-subwrap { right: -134px; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left { right: -13px; } /* secondary menu, drop down */ #sp-offcanvas-secondary .dj-megamenu .dj-subwrap { top: 100% !important; right: -198px !important; } #sp-offcanvas-secondary .dj-megamenu li ul.dj-submenu li .sppb-btn, .offcanvas-menu .dj-megamenu li ul.dj-submenu li .sppb-btn { margin-top: 15px; margin-bottom: 8px; } /* Third level */ .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul .sp-dropdown-sub { display: none; } .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a:after { content: ""; } #sp-menu ul.sp-megamenu-parent li:nth-last-child(1) .sp-dropdown { right: 0px; } #sp-menu ul.sp-megamenu-parent li:nth-last-child(2) .sp-dropdown { right: -64px !important; } #sp-menu ul.sp-megamenu-parent li:nth-last-child(3) .sp-dropdown { right: -130px; } /* Make main menu items unclickable (force page reload Fix) */ @media (min-width:992px) { #sp-menu .sp-column ul.sp-megamenu-parent>.sp-menu-item.sp-has-child>a { pointer-events: none; } #sp-offcanvas-secondary ul.dj-megamenu>li.dj-up>a.dj-up_a { pointer-events: none; } } /* HoverIntent */ /* Add animation on .hoverintent */ .sp-megamenu-parent.menu-zoom .sp-has-child.hoverintent>.sp-dropdown { -webkit-animation: zoomIn 400ms; animation: zoomIn 400ms; } /* Remove display on :hover and .hover - SP Menu */ .sp-megamenu-parent>.sp-has-child:hover>.sp-dropdown, .sp-megamenu-parent.menu-zoom>.sp-has-child.hover>.sp-dropdown { display: none !important; } /* Remove display on :hover and .hover - DJ Megamenu */ #sp-offcanvas-secondary .dj-megamenu-default li:hover div.dj-subwrap, #sp-offcanvas-secondary .dj-megamenu-default li.hover div.dj-subwrap { display: none !important; } @media (min-width: 992px) { /* Add in display on new class .hoverintent instead */ /* as long as desktop (not off-canvas navigation) is active */ .sp-megamenu-parent.menu-zoom .sp-has-child.hoverintent>.sp-dropdown, .sp-megamenu-parent.menu-fade .sp-has-child.hoverintent>.sp-dropdown, #sp-offcanvas-secondary .dj-megamenu-default li.hoverintent div.dj-subwrap { display: block !important; left: auto !important; } } /* Main menu link with img - eg. msg.group=>link to Karriereportal */ .main-menu .img-link { margin-top: 8px; margin-bottom: 14px; } .main-menu .img-link a { width: 200px; min-height: 138.4px; padding: 0 !important; } .main-menu .img-link img { margin: 0 !important; transition: all .4s; } .main-menu .img-link:hover img { transform: scale(.88); } .main-menu .img-link .gt { transform: scaleX(.5); font-size: 16px; font-weight: 600; float: right; } @media (max-width: 991px) { .main-menu .img-link .gt { display: none; } } .main-menu .img-link .image-title { display: block; font-size: 13px !important; padding: 4px 9px; } .nav-mid-heading.img-link-heading, .nav-mid-heading.img-link-heading a { padding: 8px 0 2px 0 !important; } @media (max-width: 991px) { .main-menu .img-link { margin: 0; } .main-menu .img-link .image-title { padding: 0; font-size: 16px !important; font-weight: 100; } } /* DS - split column option */ header#sp-header a.sp-group-title.menu-double-col+ul.sp-mega-group-child { column-count: 2; } /*****************************************************/ /* [_MOBI] MOBILE NAVIGATION */ /*****************************************************/ /* General */ #offcanvas-toggler { display: none; } #sp-menu #offcanvas-toggler { float: right; } .close-offcanvas { display: none; } .offcanvas-menu { width: 100%; top: -100%; right: 0; transition: 0.3s; } .offcanvas .offcanvas-menu { top: 0; padding: 180px 0 80px; } @media (max-width: 600px) { .offcanvas .offcanvas-menu { top: 0; padding: 130px 0 80px; } } .offcanvas-menu .offcanvas-inner { padding: 0; } .offcanvas-menu .offcanvas-inner .sp-module .sp-module-content>ul { margin: 0; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child { padding: 0 15px; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child ul { padding: 0; } /* Header */ .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper { position: relative; padding: 25px 0 0 0; max-height: 78px; overflow: hidden; transition: all 0.4s; margin: 0; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper.opened { max-height: 500px; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper ul.nav-child { margin-bottom: 30px; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .nav-header { margin: 0 0 20px 0; display: block; font-weight: 600; font-size: 19px; border-bottom: none; } @media (max-width: 375px) { .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child li.deeper { padding: 20px 0 0 0; max-height: 60px; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .nav-header { font-size: 14px; } } /* Header toggler */ .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper::after { font-size: 30px; font-weight: 600; width: 30px; position: absolute; top: 15px; right: 0px; text-align: center; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper::after { content: "+"; top: 15px; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper.opened::after { content: "–"; top: 12px; } @media (max-width: 375px) { .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper::after { top: 7px; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper.opened::after { top: 4px; } } /* Menu item with icon */ @media (min-width: 769px) { .main-menu .has-icon.nav-header>i { display: none; } } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper.menu-item-icon::after { font-family: FontAwesome; content: "\f101"; top: 22px; font-size: 22px; display: inline-block; z-index: -5; } @media (max-width: 375px) { .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper.menu-item-icon::after { top: 15px; } } .offcanvas-menu .offcanvas-inner .sp-module a i { margin-right: 10px; } .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child .deeper.menu-item-icon ul { display: none; } /* List - Menu Items */ .offcanvas-menu .offcanvas-inner .sp-module ul.nav-child>li { margin-bottom: 8px; } .offcanvas-menu .offcanvas-inner .sp-module ul>li a { padding: 0; text-transform: none; font-size: 16px; line-height: 1.6; border-bottom: none; } .offcanvas-menu .offcanvas-inner .sp-module ul>li.active a { display: inline-block; font-weight: 600; } .main-menu.offcanvas-menu img { display: none; } .offcanvas-menu .offcanvas-inner .sp-module .sppb-btn { margin-top: 15px; } @media (max-width: 1300px) { .max-width-900lt1300 .dj-subwrap-in { width: 900px !important; } .max-width-900lt1300 .dj-subwrap-in .dj-subcol { width: 225px !important; } } @media (max-width: 991px) { #offcanvas-toggler { display: inline; } .sp-megamenu-parent>li { display: none; } /* JP - new social share icon in the main menu */ .sp-megamenu-parent>li.google_search, .sp-megamenu-parent>li.menu-social-icon { display: inline-block; } #sp-offcanvas-secondary .dj-subwrap { display: none !important; } } @media (max-width: 600px) { #sp-header #offcanvas-toggler, #sp-helpermenu .nav a { padding: 0 10px !important; } #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a, #sp-menu .search-direct a, #sp-menu .search-icon.google_search a { padding: 0 10px !important; } } @media (max-width: 480px) { #sp-header.wide-logo #offcanvas-toggler, .wide-logo #sp-helpermenu .nav a { padding: 0 5px !important; } .wide-logo #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a, .wide-logo #sp-menu .search-direct a, .wide-logo #sp-menu .search-icon.google_search a { padding: 0 5px !important; } .wide-logo #sp-menu { margin-right: 15px; } #sp-header #offcanvas-toggler, #sp-helpermenu .nav a, #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a, #sp-menu .search-icon.google_search a, #sp-menu .search-direct a { font-size: 22px !important; } } /* /* offcanvas secondary /* mobile menu */ /* General */ .offcanvas2 .offcanvas-menu.custom-menu { top: 0; padding: 180px 15px 80px; } @media (max-width: 600px) { .offcanvas2 .offcanvas-menu.custom-menu { top: 0; padding: 130px 15px 80px; } } .offcanvas .offcanvas-menu.main-menu { top: 0; opacity: 1; } .offcanvas .offcanvas-menu.custom-menu { top: -100%; opacity: 0; } .offcanvas.offcanvas2 .offcanvas-menu.custom-menu { top: 0; opacity: 1; } .offcanvas-menu.custom-menu .dj-subcol, .offcanvas-menu.custom-menu .dj-subwrap-in { width: auto !important; float: none !important; } .dj-megamenu-default li.dj-up { display: inline-block !important; float: none !important; } .offcanvas-menu.custom-menu .dj-subwrap-in { display: block !important; margin: 0 !important; } .offcanvas-menu.custom-menu .dj-subwrap { display: block !important; position: relative !important; left: auto !important; top: auto !important; animation: none; } .offcanvas-menu.custom-menu .dj-up_a { display: none !important; } .offcanvas-menu.custom-menu .dj-megamenu-default li:hover div.dj-subwrap, .offcanvas-menu.custom-menu .dj-megamenu-default li.hover div.dj-subwrap, .offcanvas-menu.custom-menu .dj-megamenu-default { background: none; box-shadow: none; } .offcanvas-menu.custom-menu .dj-megamenu-default { font-family: Open Sans, sans-serif; } .offcanvas-menu.custom-menu .dj-megamenu-default .dj-up, .offcanvas-menu.custom-menu .dj-megamenu-default .dj-subwrap-in, .offcanvas-menu.custom-menu .dj-megamenu-default .dj-subcol { width: 100% !important; } /* Header */ .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu { position: relative; padding: 25px 0 0 0; max-height: 78px; width: 100%; overflow: hidden; transition: all 0.4s; margin: 0; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu.opened { max-height: 800px; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu .menu-header { margin: 0 0 20px 0; display: block; font-weight: 600; font-size: 19px; border-bottom: none; } @media (max-width: 375px) { .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu { padding: 20px 0 0 0; max-height: 60px; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu .menu-header { font-size: 14px; } } /* Header toggler */ .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu::after { font-size: 30px; font-weight: 600; width: 30px; position: absolute; top: 15px; right: 0px; text-align: center; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu::after { content: "+"; top: 15px; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu.opened::after { content: "–"; top: 12px; } @media (max-width: 375px) { .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu::after { top: 7px; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu.opened::after { top: 4px; } } /* Menu item with icon */ @media (min-width: 769px) { .offcanvas-menu.custom-menu .has-icon>i { display: none; } } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu.menu-item-icon::after { font-family: FontAwesome; content: "\f101"; top: 22px; font-size: 22px; display: inline-block; z-index: -5; } @media (max-width: 375px) { .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu.menu-item-icon::after { top: 15px; } } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu.menu-item-icon a i { margin-right: 10px; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu.menu-item-icon li { display: none; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu.menu-item-icon li.first { display: block; } /* List - Menu Items */ .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu>li:last-of-type { margin-bottom: 30px; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu>li { margin-bottom: 8px; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu>li>a { padding: 0; text-transform: none; font-size: 16px; line-height: 1.6; border-bottom: none; background: none; transition: 0; margin: 0; } .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 { background: none; } .offcanvas-menu.custom-menu .dj-megamenu-default li ul.dj-submenu>li a.active { display: inline-block; font-weight: 600; background: none; } .offcanvas-menu.custom-menu img { display: none; } /* hide menu items in offfcanvas menu */ body.offcanvas .hidden-offcanvas { display: none !important; } /* DS offcanvas reverse */ .offcanvas-menu .offcanvas-inner .sp-module .mob-col-reverse ul.nav-child { display: flex; flex-direction: column-reverse; } /* __FULL WIDTH NAVIGATION */ .full-width-nav #sp-header #offcanvas-toggler { transition: all .4s ease 0s; } .full-width-nav #sp-header.fwn-is-open #sp-offcanvas-secondary .dj-megamenu li a:not(.act), .full-width-nav #sp-header.fwn-is-open .sp-megamenu-parent>li.search-icon.google_search>a:not(.act), .full-width-nav #sp-header.fwn-is-open .sp-megamenu-parent>li.sp-menu-item.main-menu>a:not(.act), .full-width-nav #sp-header.fwn-is-open #offcanvas-toggler:not(.act), .full-width-nav #sp-header.fwn-is-open a.modal_link.cboxElement:not(.modal_active) { opacity: .8; } .full-width-nav #sp-header.fwn-is-open #sp-offcanvas-secondary .dj-megamenu li a:not(.act):hover, .full-width-nav #sp-header.fwn-is-open .sp-megamenu-parent>li.search-icon.google_search>a:not(.act):hover, .full-width-nav #sp-header.fwn-is-open .sp-megamenu-parent>li.sp-menu-item.main-menu>a:not(.act):hover, .full-width-nav #sp-header.fwn-is-open #offcanvas-toggler:not(.act):hover, .full-width-nav #sp-header.fwn-is-open a.modal_link.cboxElement:not(.modal_active):hover { opacity: 1; } .full-width-nav #sp-header>div.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 100%; } .full-width-nav #sp-logo .logo { margin-left: 20px; } body.sticky-active.full-width-nav #sp-logo .logo { margin-left: 0px; } .full-width-nav #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a, .full-width-nav #sp-header .sp-megamenu-parent>li.search-icon.google_search>a, .full-width-nav #sp-header .sp-megamenu-parent>li.sp-menu-item.main-menu>a, .full-width-nav #sp-header .sp-megamenu-parent>li.sp-menu-item.loginlink>a, .full-width-nav #sp-header #offcanvas-toggler { pointer-events: auto; cursor: pointer; } .full-width-nav .fwMenuWrapper { width: 100%; opacity: 0; position: relative; top: -110px; padding: 180px 0 80px; transition: opacity .5s ease-out, top .4s ease; transition: all 0.4s ease; z-index: -1; } .full-width-nav.slide-down-nav .fwMenuWrapper, .full-width-nav.slide-down-nav #sp-header.sticky .fwMenuWrapper { top: -2000px; opacity: 1; } .full-width-nav.slide-down-nav #sp-header.fwn-is-open .fwMenuWrapper { top: -145px; } .full-width-nav.slide-down-nav #sp-header.fwn-is-open.sticky .fwMenuWrapper { top: -125px; } .full-width-nav #sp-header.fwn-is-open #sp-logo .logo img { filter: brightness(0) invert(1); } #sp-header.fwn-is-open .fwMenuWrapper { visibility: visible !important; opacity: 1; } .full-width-nav .fwMenuWrapper .container { overflow: hidden; position: relative; } .full-width-nav #sp-header.fwn-is-open { transition: background .5s ease-out; } .full-width-nav .fwMenuWrapper .fwMenuElement { opacity: 0; transition: opacity .5s ease-in; position: absolute; left: 15px; right: 15px; display: none; } .full-width-nav #sp-header.sticky .fwMenuWrapper { top: -60px; } #sp-header.h-open-dj-menu .fwMenuWrapper .dj-submenu, #sp-header.h-open-dj-menu .fwMenuWrapper .djMenuWrap, #sp-header.h-open-search-form .fwMenuWrapper .google_search, #sp-header.h-open-login-menu .fwMenuWrapper .loginDropdownForm, #sp-header.h-open-mega-menu .fwMenuWrapper .sp-dropdown-inner:not(.loginDropdownForm) { position: static; opacity: 1; transform: translateX(-50%); margin-left: 50%; width: 100%; display: block; } #sp-header.h-open-dj-menu .fwMenuWrapper .dj-submenu { width: 100%; } #sp-header.has-multicol-secondary-menu.h-open-dj-menu .djMenuWrap { z-index: 1; } #sp-header.has-multicol-secondary-menu.h-open-dj-menu .google_search.fwMenuElement, #sp-header.has-multicol-secondary-menu.h-open-dj-menu .sp-dropdown-inner.fwMenuElement { z-index: -1; } #sp-header.has-multicol-secondary-menu .djMenuBox { margin-bottom: 20px; } #sp-header.h-open-mega-menu #offcanvas-toggler .fwClose, #sp-header.h-open-mega-menu #sp-menu ul.sp-megamenu-parent li a.hidden-offcanvas:not(.open-login-menu) .fwClose { opacity: 1 !important; visibility: visible !important; } #sp-header.h-open-mega-menu #offcanvas-toggler i.fa-bars, #sp-header.h-open-mega-menu #sp-menu ul.sp-megamenu-parent li.sp-menu-item i.fa-bars { opacity: 0 !important; visibility: hidden !important; } .full-width-nav #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a, .full-width-nav #sp-header .sp-megamenu-parent>li.search-icon.google_search>a, .full-width-nav #sp-header .sp-megamenu-parent>li.sp-menu-item.main-menu>a, .full-width-nav #sp-header .sp-megamenu-parent>li.sp-menu-item.loginlink>a, .full-width-nav #sp-header.fwn-is-open #offcanvas-toggler { position: relative; } .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 .sp-megamenu-parent>li.sp-menu-item.loginlink>a:after, .full-width-nav #sp-header.fwn-is-open #offcanvas-toggler:after { opacity: 0; transition: opacity .4s ease; content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 10px; height: 1px; width: 60%; margin: auto; } .full-width-nav #sp-header.sticky #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a:after, .full-width-nav #sp-header.sticky .sp-megamenu-parent>li.search-icon.google_search>a:after, .full-width-nav #sp-header.sticky #offcanvas-toggler:after, .full-width-nav #sp-header.sticky .sp-megamenu-parent>li.sp-menu-item.main-menu>a:after { bottom: 0px; } .full-width-nav #sp-header #sp-offcanvas-secondary .dj-megamenu li a.dj-up_a.act:after, .full-width-nav #sp-header .sp-megamenu-parent>li.search-icon.google_search>a.act:after, .full-width-nav #sp-header #offcanvas-toggler.act:after, .full-width-nav #sp-header .sp-megamenu-parent>li.sp-menu-item.main-menu>a.act:after, .full-width-nav #sp-header .sp-megamenu-parent>li.sp-menu-item.loginlink>a.act:after { opacity: 1; } .full-width-nav .fwMenuWrapper .close { width: 32px; height: 32px; opacity: 1; } .full-width-nav .fwMenuWrapper .close:before, .full-width-nav .fwMenuWrapper .close:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; } .full-width-nav .fwMenuWrapper .close:before { transform: rotate(45deg); } .full-width-nav .fwMenuWrapper .close:after { transform: rotate(-45deg); } .full-width-nav b.fwClose { font-weight: normal; width: 24px; height: 24px; opacity: 0; visibility: hidden; display: inline-block; transition: opacity .3s ease; position: absolute; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .full-width-nav b.fwClose:before, .full-width-nav b.fwClose:after { position: absolute; content: ' '; height: 25px; width: 2px; top: 50%; margin-top: -12px; left: 50%; margin-left: -2px; } .full-width-nav b.fwClose:before { transform: rotate(45deg); } .full-width-nav b.fwClose:after { transform: rotate(-45deg); } .full-width-nav .fwMenuWrapper ul { list-style: none; margin: 0; padding: 0; } .full-width-nav .fwMenuWrapper ul.dj-submenu { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .full-width-nav .fwMenuWrapper ul.dj-submenu>li { margin-bottom: 10px; } .full-width-nav .fwMenuWrapper ul.dj-submenu>li>a:hover, .full-width-nav .fwMenuWrapper ul.dj-submenu>li>a:focus { font-weight: 500; } .full-width-nav .fwMenuWrapper .google_search.search_block { margin: 0 auto; } .full-width-nav .fwMenuWrapper .btn.search-trigger.btn-default { border: none !important; } .full-width-nav .fwMenuWrapper .google_search.search_block input[type="text"] { height: 44px; } .full-width-nav .fwMenuElement.djMenuWrap ul>li { margin-bottom: 8px; } .full-width-nav .fwMenuElement.djMenuWrap ul>li>a { font-size: 16px; } .full-width-nav .fwMenuWrapper .sp-dropdown-inner ul.sp-mega-group>li.sp-menu-item.sp-has-child>a, .full-width-nav .fwMenuElement.djMenuWrap ul li>a.menu-header { text-transform: uppercase; font-weight: 600; font-size: 19px; } .full-width-nav .fwMenuElement.djMenuWrap ul li>a.menu-header { display: block; margin-bottom: 20px; } .full-width-nav .fwMenuWrapper ul.sp-mega-group-child.sp-dropdown-items { padding-top: 20px; } .full-width-nav .fwMenuWrapper ul.sp-mega-group-child.sp-dropdown-items>li { margin-bottom: 8px; } .full-width-nav .fwMenuWrapper ul.sp-mega-group-child.sp-dropdown-items>li>a { font-size: 16px; } .full-width-nav .fwMenuWrapper ul.sp-mega-group-child.sp-dropdown-items>li>a:hover, .full-width-nav .fwMenuWrapper ul.sp-mega-group-child.sp-dropdown-items>li>a:focus { font-weight: 500; } .full-width-nav .fwMenuWrapper .google_search.search_block { padding: 0; } .full-width-nav .sp-mega-group .sp-menu-item.img-link img { transition: all .4s; } .full-width-nav .sp-mega-group .sp-menu-item.img-link a.img-link:hover img { transform: scale(.88); } @media (min-width: 768px) { .full-width-nav .fwMenuWrapper>.container { width: 700px; } } @media (min-width: 992px) { .full-width-nav .fwMenuWrapper>.container { width: 900px; } } @media (min-width: 1200px) { .full-width-nav .fwMenuWrapper>.container { width: 1000px; } } @media screen and (max-height: 600px) and (min-width:768px) and (max-width:1199px) and (orientation: landscape) { .full-width-nav .fwMenuWrapper div.sp-dropdown-inner { overflow: hidden; } .full-width-nav .fwMenuWrapper div.sp-dropdown-inner>.inInner { margin-right: -50px; /* maximum width of scrollbar */ padding-right: 50px; /* maximum width of scrollbar */ overflow-y: scroll; max-height: 300px; } } @media screen and (max-width:991px) { .full-width-nav .fwMenuWrapper .close { top: 120px; } } @media screen and (max-width:767px) { .full-width-nav .sp-dropdown-inner.fwMenuElement>.row>div[class^="col-"] { margin-bottom: 40px; } .full-width-nav .fwMenuWrapper ul.dj-submenu { text-align: center; column-count: 1; } .full-width-nav .fwMenuWrapper .sp-mega-group { text-align: left; } .full-width-nav .fwMenuWrapper div.sp-dropdown-inner { overflow: hidden; } .full-width-nav .fwMenuWrapper div.sp-dropdown-inner>.inInner { margin-right: -50px; /* maximum width of scrollbar */ padding-right: 50px; /* maximum width of scrollbar */ overflow-y: scroll; max-height: 500px; } .full-width-nav .fwMenuWrapper div.sp-dropdown-inner .img-link img { margin: 0 auto; } ::-webkit-scrollbar { width: 0px; /* remove scrollbar space */ background: transparent; /* optional: just make scrollbar invisible */ } .full-width-nav .fwMenuWrapper ul { margin: 0 0 30px 0; } } @media screen and (min-height: 320px) { .full-width-nav .fwMenuWrapper div.sp-dropdown-inner { overflow: hidden; } .full-width-nav .fwMenuWrapper div.sp-dropdown-inner>.inInner { margin-right: -50px; /* maximum width of scrollbar */ padding-right: 50px; /* maximum width of scrollbar */ overflow-y: scroll; max-height: 300px; } } @media screen and (min-height: 600px) { .full-width-nav .fwMenuWrapper div.sp-dropdown-inner { overflow: hidden; } .full-width-nav .fwMenuWrapper div.sp-dropdown-inner>.inInner { margin-right: -50px; /* maximum width of scrollbar */ padding-right: 50px; /* maximum width of scrollbar */ overflow-y: scroll; max-height: 500px; } } @media screen and (min-height: 900px) { .full-width-nav .fwMenuWrapper div.sp-dropdown-inner { overflow: hidden; } .full-width-nav .fwMenuWrapper div.sp-dropdown-inner>.inInner { margin-right: -50px; /* maximum width of scrollbar */ padding-right: 50px; /* maximum width of scrollbar */ overflow-y: scroll; max-height: 750px; } } @media screen and (min-height: 1080px) { .full-width-nav .fwMenuWrapper div.sp-dropdown-inner { overflow: hidden; } .full-width-nav .fwMenuWrapper div.sp-dropdown-inner>.inInner { margin-right: -50px; /* maximum width of scrollbar */ padding-right: 50px; /* maximum width of scrollbar */ overflow-y: scroll; max-height: 1000px; } } .full-width-nav #sp-header.fwn-is-open.h-open-dj-menu #sp-logo .logo img { filter: none; } .full-width-nav #sp-header.sticky .fwMenuWrapper { top: -70px; } /* JP - big icons for secondary and main menu */ .full-width-nav .fwMenuWrapper .djMenuBox li .icon, .full-width-nav .fwMenuElement .sp-mega-group li .icon { border-radius: 60px; display: table; height: 120px; margin: 18px auto; text-align: center; width: 120px; background: transparent url("/templates/msg/images/button_background_new.png") no-repeat scroll center center / 0% 0% !important; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background-position: center center; } .full-width-nav .fwMenuWrapper .djMenuBox li .icon i, .full-width-nav .fwMenuElement .sp-mega-group li .icon i { display: table-cell; float: none; font-size: 38px; margin: 0; vertical-align: middle; } .full-width-nav .fwMenuElement .sp-mega-group .sp-group-title.center { display: inherit; } @media only screen and (min-width: 768px) { .full-width-nav .fwMenuWrapper .lang-inline { display: none; } .sp-dropdown-main .lang-inline { display: none; } } /* Full width nav Setup */ .full-width-nav .fwMenuWrapper ul.sp-mega-group-child.sp-dropdown-items>li>a { text-transform: none; } .full-width-nav .fwMenuElement.djMenuWrap ul>li>a { text-transform: none; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a { text-transform: none; } .full-width-nav .sp-mega-group, .full-width-nav .has-multicol-secondary-menu .sp-mega-group { text-align: left; } /* Full Width Main Menu - Mobile */ @media (min-width: 768px) { .full-width-nav .sp-mega-group a.has-icon i { display: none; } } @media (max-width: 767px) { /* Header General */ .full-width-nav .sp-mega-group { border-bottom: 1px solid #ffffff; padding: 25px 0 0 1px !important; margin: 0; text-align: left; } .full-width-nav .sp-mega-group .sp-group-title br { display: none; } .full-width-nav .sp-dropdown-inner .row div:first-of-type .sp-mega-group { border-top: 1px solid #ffffff; } .full-width-nav .sp-mega-group .sp-menu-item.active { font-weight: 600; border-bottom: 1px solid #ffffff; display: inline-block; } .full-width-nav .sp-mega-group .sp-group-title { display: block; width: 100%; } /* Header toggler */ .full-width-nav .sp-mega-group::after, .full-width-nav .sp-mega-group.opened::after { font-size: 30px; font-weight: 600; width: 30px; height: 30px; color: #ffffff; text-align: center; position: absolute; right: 15px; } .full-width-nav .sp-mega-group::after { content: "+"; top: 15px; } .full-width-nav .sp-mega-group.opened::after { content: "–"; top: 12px; } /* Dropdown Start: Closed */ .full-width-nav .fwMenuWrapper .sp-mega-group { margin: 0; padding: 0; overflow: hidden; max-height: 78px; transition: all 0.4s; } /* Dropdown Click: opened */ .full-width-nav .fwMenuWrapper .sp-mega-group.opened { max-height: 600px; padding: 0 0 15px 0; } /* Images */ .full-width-nav .fwMenuWrapper div.sp-dropdown-inner .img-link img, .full-width-nav .fwMenuWrapper div.sp-dropdown-inner .img-link .image-title .gt { display: none; } /* Menu item with Icons */ .full-width-nav .sp-mega-group .sp-group-title.center { text-align: left; } .full-width-nav .sp-menu-item a.icon { display: none; } .full-width-nav a.sp-group-title i { margin-right: 10px; } .full-width-nav .sp-mega-group.menu-item-icon::after { font-family: "Font Awesome 5 Free"; content: "\f101"; top: 22px; font-size: 22px; display: inline-block; z-index: -5; } } @media (max-width: 375px) { .full-width-nav .sp-mega-group { padding: 20px 0 0 1px !important; } .full-width-nav .fwMenuWrapper .sp-mega-group { max-height: 60px; } .full-width-nav .sp-mega-group::after { top: 7px; } .full-width-nav .sp-mega-group.opened::after { top: 4px; } .full-width-nav .sp-mega-group.menu-item-icon::after { top: 15px; } } /* Full width Secondary Menu - Mobile */ @media (min-width: 768px) { .full-width-nav .has-multicol-secondary-menu .djMenuBox a.has-icon i { display: none; } } @media (max-width: 767px) { /* General */ .full-width-nav .has-multicol-secondary-menu .fwMenuWrapper, .full-width-nav .has-multicol-secondary-menu .fwMenuWrapper .djMenuBox a { text-align: left; } .full-width-nav .has-multicol-secondary-menu .djMenuBox a.active { display: inline-block; color: #a01441; font-weight: 600; border-bottom: 1px solid #a01441; } .full-width-nav .has-multicol-secondary-menu .djMenuBox a.menu-header.active { border: none; font-weight: 700; } /* Header */ .full-width-nav .has-multicol-secondary-menu .djMenuWrap .djMenuBox:first-of-type { border-top: 1px solid #000000; } .full-width-nav .has-multicol-secondary-menu .djMenuBox { padding: 25px 0 0 1px; border-bottom: 1px solid #000000; max-height: 78px; overflow: hidden; transition: all 0.4s; margin: 0; } #sp-header.has-multicol-secondary-menu .djMenuBox { margin: 0; } .full-width-nav .has-multicol-secondary-menu .djMenuBox.opened { max-height: 500px; } /* Header toggler */ .full-width-nav .has-multicol-secondary-menu .djMenuBox::after, .full-width-nav .has-multicol-secondary-menu .djMenuBox.opened::after { font-size: 30px; font-weight: 600; width: 30px; color: #a01441; position: absolute; top: 15px; right: 0px; text-align: center; } .full-width-nav .has-multicol-secondary-menu .djMenuBox::after { content: "+"; top: 15px; } .full-width-nav .has-multicol-secondary-menu .djMenuBox.opened::after { content: "–"; top: 12px; } /* Menu item with icon */ .full-width-nav .has-multicol-secondary-menu .djMenuBox.menu-item-icon::after { font-family: "Font Awesome 5 Free"; content: "\f101"; top: 22px; font-size: 22px; display: inline-block; z-index: -5; } .full-width-nav .has-multicol-secondary-menu .djMenuBox a.icon { display: none; } .full-width-nav .has-multicol-secondary-menu .djMenuBox a i { margin-right: 10px; } } @media (max-width: 375px) { .full-width-nav .has-multicol-secondary-menu .djMenuBox { padding: 20px 0 0 1px; border-bottom: 1px solid #000000; max-height: 60px; } .full-width-nav .fwMenuWrapper .sp-dropdown-inner ul.sp-mega-group>li.sp-menu-item.sp-has-child>a, .full-width-nav .fwMenuElement.djMenuWrap ul li>a.menu-header { font-size: 14px; } .full-width-nav .has-multicol-secondary-menu .djMenuBox::after { top: 7px; } .full-width-nav .has-multicol-secondary-menu .djMenuBox.opened::after { top: 4px; } .full-width-nav .has-multicol-secondary-menu .djMenuBox.menu-item-icon::after { top: 15px; } } /* Language switch */ .offcanvas-lang-switcher { text-align: center; } /*****************************************************/ /* _SCSP Scroll spy navigation */ /*****************************************************/ /* Scroll spy */ body.scrollspy { position: relative; } .offcanvas-inner .dj-megamenu.navScrollSpy .dj-submenu.nav li { width: 270px; left: 10px; } ul.scrollSpy.nav li:before { display: none; } ul.scrollSpy.nav li { margin: 0; border: none } ul.scrollSpy.nav li a { padding: 5px 15px; font-size: 15px; transition: .2s; } ul.scrollSpy.nav li:first-child { border-top: none; } ul.scrollSpy.nav.affix { top: 90px; /* set the top position of pinned element */ z-index: 1; } @media (max-width: 991px) { ul.scrollSpy.nav { display: none; } } .navScrollSpy .dj-submenu.nav li { width: 330px; } #sp-offcanvas-secondary .navScrollSpy .dj-submenu.nav li a { padding: 4px 8px !important; } .sppb-addon.sppb-addon-module.navScrollSpy.innerScrollNav>div>ul.affix-bottom { position: absolute !important; } /*************************************************************************************************/ /* _SCSPNEW New ScrollSpy Nav ZT:: */ /*************************************************************************************************/ #spyScroller { right: 10px; position: absolute; z-index: 3; width: 40px; padding: 5px; text-align: center; transition: opacity .5s ease-out; } #spyScroller.affix { position: fixed !important; } #spyScroller ul { list-style: none; margin: 0; padding: 0; width: auto !important; } #spyScroller ul li { margin-bottom: 10px !important; position: relative; } #spyScroller ul li a { display: inline-block; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; position: relative; padding: 0 !important; } #spyScroller ul li a>span { content: ""; position: absolute; display: block; width: 100%; height: 100%; border-radius: 50%; opacity: 0; transition: opacity .3s; } #spyScroller ul li.active a>span, #spyScroller ul li:hover a>span, #spyScroller ul li:focus a>span { opacity: 1; } #spyScroller ul li>.titletext { transition: opacity .5s ease-out; opacity: 0; font-size: 15px; font-weight: 600; top: 50%; border-radius: 0; pointer-events: none; } #spyScroller ul li>.titletext.noupper { text-transform: none !important; } #spyScroller ul li a:hover>#spyScroller ul li .titletext, #spyScroller ul li a:focus>#spyScroller ul li .titletext { opacity: 1; } .sppb-section.scroll-nav-section>.sppb-row-container>.sppb-section-title>.sppb-title-subheading, .sppb-section.scroll-nav-section>.sppb-container-inner>.sppb-container>.sppb-section-title>.sppb-title-subheading { display: none !important; } /* ZT:: ScrollToTop moveIt when over spyscroller */ #scrollToTop.moveIt { opacity: 0 !important; } /* DS:: New ScrollSpy Nav Features */ @media (min-width:992px) { #spyScroller { width: 350px; width: initial; } #spyScroller ul.scrollSpy.nav { padding: 5px; } #spyScroller ul li { display: flex; justify-content: flex-end; } #spyScroller ul li:last-child { margin-bottom: 0 !important; } #spyScroller ul li > .titletext { position: relative; display: block; width: auto; flex-grow: 2; left: 0; right: 40px; margin-top: -10px; padding: 10px 10px 10px 5px; transform: none; background: none !important; text-align: right; line-height: 1.8; } /* #spyScroller ul:hover .titletext, #spyScroller ul:focus .titletext { opacity: 1; } */ #spyScroller ul li a { display: block; } } @media (min-width:1920px) { #spyScroller ul li > .titletext { opacity: 0; } #spyScroller ul li > a:hover #spyScroller ul li > .titletext { opacity: 1; } } /* END _SCSPNEW New ScrollSpy Nav ZT:: */ /*************************************************************************************************/ /* [_BRDC] SECTION: Breadcrumbs */ /*************************************************************************************************/ /* JP */ .breadcrumbs-row .sppb-addon-wrapper { margin: 0px !important; } .breadcrumbs-row .breadcrumb { margin: 0px; padding-left: 0px; padding-right: 0px; } .breadcrumbs-row .breadcrumb * { font-size: 12px; } .breadcrumbs-row ol.breadcrumb { margin-bottom: 19px; margin-top: 17px; padding: 0px; } .breadcrumbs-row ol.breadcrumb li { margin-bottom: 0px; } .breadcrumbs-row ol.breadcrumb li:hover { text-decoration: underline; } .breadcrumbs-row ol.breadcrumb li.active { text-decoration: underline; } .breadcrumbs-row .breadcrumb>li+li:before { content: "»"; text-decoration: none !important; display: inline-block; margin-left: 10px; margin-right: 10px; font-size: 15px; font-weight: 600; } .breadcrumbs-row { z-index: 10000 !important; margin-bottom: 50px !important; } .breadcrumbs-row.breadcrumbs-sticky { position: fixed !important; width: 100%; padding-top: 45px !important; } .no-megamenu .breadcrumbs-row.breadcrumbs-sticky { padding-top: 0 !important; } .page-content>.sppb-section:first-child { overflow: hidden; } /* END _BRDC - Breadcrumbs */ /*************************************************************************************************/ /* [_SIDE] SECTION: SIDEBAR */ /*************************************************************************************************/ /*****************************************************/ /* [_SIWE] SIDEBAR: Weitere Informationen; */ /*****************************************************/ /* Sidebar Zusatzinfos */ .zusatzinfos { font-size: 15px } .zusatzinfos span.fa { margin-right: 5px; } .zusatzinfos .sppb-addon-module .sppb-addon-button-group { margin-top: 30px; } .zusatzinfos .sppb-addon-module .sppb-addon-button-group a { display: inline-block; margin-top: 5px; margin-left: 10px; padding-left: 10px; text-indent: -10px; } .zusatzinfos .sppb-addon-module .sppb-addon-button-group a i { margin: 0; width: 10px; } .zusatzinfos .sppb-addon-button-group.link-button a { margin-left: 15px !important; padding-left: 15px !important; text-indent: -10px; } .zusatzinfos .ul-arrow-right a, .zusatzinfos .ul-pdf a { text-indent: 0px !important; display: block !important; position: relative; } .zusatzinfos .ul-arrow-right a:before { content: "\f101"; font-family: FontAwesome; left: -7px; position: absolute; } .zusatzinfos .ul-pdf a:before { content: "\f1c1"; font-family: FontAwesome; left: -10px; position: absolute; } .sppb-addon-button-group.link-button a i { margin: 0; width: 6px; } .zusatzinfos .sppb-addon-module .sppb-addon-button-group ol { /* margin-left: -18px; */ margin-left: -10px; } .zusatzinfos .sppb-addon-module .sppb-addon-button-group ol li { /* padding-left: 10px; */ padding-left: 2px; } .zusatzinfos .sppb-addon-title:after { background: none !important; } .zusatzinfos .sppb-addon-title { margin-top: 0; margin-bottom: 30px; } .zusatzinfos .sppb-addon { margin-bottom: 35px; } .zusatzinfos .sppb-addon { margin-bottom: 35px; } .zusatzinfos .sppb-addon.kleinemarge { margin-bottom: 20px; } .zusatzinfos .custom ul li { list-style-type: none; margin-bottom: 12px; } .zusatzinfos .custom ul { padding-left: 25px; } .zusatzinfos .custom li .fa { width: 18px; text-align: center; margin-left: -25px; margin-top: 4px; position: absolute; } @media (max-width:1199px) { .zusatzinfos .sppb-btn-link { padding-left: 25px !important; } .zusatzinfos .sppb-btn-link i { margin-left: -25px; } } /*****************************************************/ /* [_SIHF] SIDEBAR: Haben Sie Fragen; */ /*****************************************************/ /* Addon: Haben Sie Fragen? */ .habensiefragen img { border-radius: 100%; } .habensiefragen p { margin-bottom: 16px; } .habensiefragen strong { font-weight: normal; } .zusatzinfos .habensiefragen .custom li { margin-bottom: 0; } .zusatzinfos .habensiefragen .custom li.con_position { margin-bottom: 16px; } @media (max-width: 767px) { .zusatzinfos .sppb-addon-container>a { margin-bottom: 40px; } } /* Haben Sie Fragen */ .fragen-haben .pull-left { margin-right: 50px; } .fragen-haben .sppb-feature-box-title { margin-top: 0px; } .fragen-haben span.fa { margin-right: 5px; } @media (max-width: 991px) { .fragen .sppb-row>div { width: 100%; } } @media (max-width: 991px) { .sppb-section.center-content .fragen-haben .pull-left, .sppb-section.center .fragen-haben .pull-left { float: none !important; margin-right: 0; } } /* Haben sie fragen */ .sppb-media, .sppb-media-body { overflow: visible; } .fragen-haben { overflow: hidden; } @media (max-width: 1199px) { .fragen .sppb-addon-feature { padding-left: 50px; padding-right: 50px; } } @media (max-width: 676px) { .fragen .sppb-media { text-align: center; } .fragen .pull-left { display: inline-flex; float: none !important; margin: 0 !important; } .fragen h3 { margin-top: 20px !important; } } /*****************************************************/ /* [_SIEV] SIDEBAR: Events */ /*****************************************************/ /* Custom Newsroom and events */ .events-sidebar-wrapper .contact-person-block .sppb-addon, .topics-blog-sidebar.zusatzinfos .habensiefragen { margin: 0; } .topics-blog-sidebar.zusatzinfos .clearfix:after { display: none; } .events-sidebar-wrapper .habensiefragen .stelleanzeige ul { clear: both; padding: 0; } .events-sidebar-wrapper .habensiefragen .stelleanzeige ul li:before { content: ''; } .events-sidebar-wrapper .habensiefragen .stelleanzeige a { margin-top: 25px; margin-bottom: 20px; } .events-sidebar-wrapper .custom .misc p { margin: 0; } .events-sidebar-wrapper .habensiefragen img { max-width: 150px; } .events-sidebar-wrapper { padding-left: 25px; } .events-sidebar-wrapper .habensiefragen .stelleanzeige ul.ref-contact-list { margin: 0; } .topics-blog-sidebar .habensiefragen .stelleanzeige ul.ref-contact-list { padding: 0; } .events-sidebar-wrapperr .custom.left-image { margin-top: 20px; } .events-sidebar-wrapper.zusatzinfos .custom.left-image li em.fa, .job-sidebar-wrapper .zusatzinfos .custom.left-image li em.fa, .topics-blog-sidebar.zusatzinfos .custom.left-image li em.fa { margin-left: 0px; position: relative; text-align: left; } .events-sidebar-wrapper .zusatzinfos .sppb-addon { margin-bottom: 0; } .events-sidebar-wrapper .sidebar-block { margin-bottom: 45px; } .events-sidebar-wrapper .veranstaltungsinfos-wrapper p { margin-bottom: 0 !important; } .events-sidebar-wrapper .habensiefragen .stelleanzeige ul { margin-bottom: 0px; } .events-sidebar-wrapper .veranstaltungsinfos-wrapper p.calendar-download { margin-top: 20px; } .events-sidebar-wrapper .veranstaltungsinfos-wrapper { margin-bottom: 20px; } .events-body-content-wrapper .referent-block .referent-name span { font-weight: 600; } .events-sidebar-wrapper.zusatzinfos .custom.left-image li em.fa.fa-mobile { font-size: 20px; margin-left: 2px; } .events-body-content-wrapper .referent-block .referent-details img.referent-image { float: left; margin-right: 15px; margin-bottom: 15px; } .events-sidebar-wrapper .habensiefragen .stelleanzeige ul.ref-contact-list.multi-contacts { margin-top: 20px; } .events-body-content-wrapper .anmelden-buttons-wrapper, .news-body-content-wrapper .anmelden-buttons-wrapper { margin-top: 50px; } .karriere-events.view-article.news article.item { padding-bottom: 70px; } ul.eventsWithIconsList { list-style: none; padding-left: 0; } ul.eventsWithIconsList>li { margin-bottom: 10px; } /* ZT:: EVENTS ICONS - List View */ #sp-main-body .cc-tagged-blog-list .event_intro_image .icon a.sppb-btn { border-radius: 75px !important; display: table !important; height: 150px !important; margin: 0px auto !important; text-align: center !important; -webkit-transition: all 0.3s ease 0s !important; transition: all 0.3s ease 0s !important; width: 150px !important; padding: 0 !important; } #sp-main-body .cc-tagged-blog-list .event_intro_image .icon a.sppb-btn:hover { background-size: 100% 100% !important; } #sp-main-body .cc-tagged-blog-list .event_intro_image .icon a.sppb-btn i { display: table-cell !important; float: none !important; font-size: 52px !important; margin: 0 !important; vertical-align: middle !important; } /*************************************************************************************************/ /* [_FOOT] SECTION: FOOTER */ /*************************************************************************************************/ #sp-bottom .sp-module { margin-top: 25px; font-size: 14px; font-weight: 300; } #sp-bottom .sp-module .sp-module-title { text-transform: none !important; font-size: 17px; font-weight: 600; margin-bottom: 26px; letter-spacing: 0; } #sp-bottom .newsfeed li { margin-bottom: 12px; } .logos .flipper { max-width: 101% !important; display: inline-block; } /* Lists/Feeds in the footer */ #sp-bottom .sp-module ul.nav>li { padding: 2px 0; } #sp-bottom .sp-module ul.nav>li a:before { content: "\f101"; font-family: FontAwesome; display: inline-block; margin-right: 7px; } #sp-bottom .sp-module ul>li a { line-height: 17px; text-transform: none; padding: 0; } .newsfeed .feed-link a { position: relative; padding-left: 15px !important; display: inline-block; line-height: 20px !important; } /* General styles */ ul li .fa-angle-double-right { margin-right: 6px; } /* Headings */ #sp-bottom .nav.menu .not-active { display: none; } /* Img links */ #sp-bottom .nav.menu a.img-link { display: none; } /* Kontakt */ .custom.kontakt { padding-left: 22px; } .kontakt .fa { margin-left: -22px; width: 22px; font-size: 14px; } div.mod-languages ul { margin: 0; padding: 0; list-style: none; } div.mod-languages li { margin-left: 5px; margin-right: 5px; } div.mod-languages ul.lang-inline li { display: inline; } div.mod-languages ul.lang-block li { display: block; } div.mod-languages img { border: none; } div.mod-languages a { text-decoration: none; } .language-sel { font-size: 20px; font-weight: 600; } /* Social icons */ ul.social-icons>li { display: block; float: left; margin: 0; margin-bottom: 5px; } .social-links .fa-stack { font-size: 19px; display: block; } .fa-stack-2x { display: none; } .fa-stack-1x { font-size: 26px !important; } .fa-stack { margin-right: 5px; } /* Subfooter */ #sp-footer { font-size: 15px; } #sp-footer ul.nav { margin: 0; } #sp-footer .sp-module ul>li { margin: 0; } #sp-footer .sp-module ul>li>a { line-height: 13px; padding: 0 0 0 12px; margin-left: 12px; border-left: 1px solid; } #sp-footer .sp-module ul>li:first-child>a { border-left: none; padding: 0; margin: 0; } #sp-footer #sp-footer2 { text-align: left; padding-left: 0; } .feed .feed-link a::before { content: "\f101"; font-family: FontAwesome; left: 0; margin-right: 2px; position: absolute; } @media (max-width: 991px) { #sp-bottom3 { width: 100%; } #sp-bottom3 .sp-module { padding: 0; } #sp-bottom3 .sp-module:first-child { margin-top: 50px; } #sp-footer2 .sp-module-content { text-align: right; } } @media (max-width: 767px) { .sp-module .social-links { margin: 30px 0 50px 0; } #sp-footer2 .sp-module-content { text-align: left; } } /***********************************************/ /* scroll to top */ /***********************************************/ #scrollToTop { border-radius: 42px !important; font-family: FontAwesome; height: 41px; line-height: 36px; padding: 0 !important; text-align: center; width: 41px; z-index: 10 !important; transition: all 0.2s ease-in-out 0s !important; } #scrollToTop:before { content: "\f106"; font-size: 28px; margin-left: -1px; } /***********************************************/ /* cookie policy */ /***********************************************/ #jt-cookies-modal { z-index: 999999; } #sp-cookie { min-height: 0; } .jb.cookie { box-shadow: none !important; padding: 20px 8% !important; text-align: left !important; } .jb.cookie div.cookie-bg { opacity: 1 !important; border: none !important; } #sp-cookie .jb.cookie p { float: left !important; max-width: 75%; } .jb.cookie h2 { display: none !important; } .jb.cookie a { text-decoration: underline; } .jb.cookie a:hover { text-decoration: none; } #sp-cookie .jb.accept { border-radius: none; float: right !important; text-shadow: none !important; font-size: 14px !important; padding: 5px 30px !important; width: auto !important; } #sp-cookie .jb.accept:hover { box-shadow: none !important; } /* ZT:: Delete Cookies */ #sp-cookie .jb.cookie-decline { font-size: 14px; padding: 15px 0; text-align: center; } #sp-cookie .jb.cookie-decline p { margin: 0; } #sp-cookie .jb.cookie-decline span.btn { margin-left: 30px; } #sp-cookie .jb.cookie-decline span.btn.btn-link:hover, #sp-cookie .jb.cookie-decline span.btn.btn-link:focus { text-decoration: none; } @media (max-width: 991px) { #sp-cookie .jb.cookie-decline span.btn { margin-left: 0; margin-top: 10px; } } /* END ZT:: Delete Cookies */ @media (max-width: 1199px) { .jb.cookie { padding: 20px 35px !important; } } @media (max-width: 991px) { #sp-cookie .jb.cookie p { max-width: 70%; } } @media (max-width: 767px) { #sp-cookie .jb.accept { width: auto; padding: 10px 50px !important; } #sp-cookie .jb.cookie p { max-width: 60%; font-size: 13px; } } @media (max-width: 580px) { #sp-cookie .jb.cookie p { max-width: 100%; } #sp-cookie .jb.accept { margin-top: 15px; width: 100%; } } /***************************************************************************************************************************************************/ /* [_EXTE] JOOMLA EXTENSIONS / MODULES / PLUGINS */ /***************************************************************************************************************************************************/ /*************************************************************************************************/ /* [_JUXT] EXTENSION: JUX-TIMELINE */ /*************************************************************************************************/ .jux-tl-wrap { padding-top: 15px; } .jux-tl-item.right .jux-tl-control-inactive { left: -9px; } .jux-tl-item.left .jux-tl-control-inactive { right: -10px; } .jux-tl-item.right .jux-tl-info { margin-left: 35px; } .jux-tl-item.left .jux-tl-info { margin-right: 35px; } .jux-tl-control-inactive { border-radius: 100%; display: block; height: 19px; position: absolute; top: 4px; width: 19px; cursor: pointer; } .jux-tl-control-inactive:hover { cursor: default; } .jux-tl-info { padding: 0; background: none; } .jux-tl-item.left .jux-tl-info { text-align: right; } .jux-tl-item { margin-bottom: 0; } .jux-tl-item h2 { font-size: 22px; margin-top: 0; } .jux-tl-item br { line-height: 30px; } .jux-tl-item .jux-tl-desc { display: block; font-size: 15px; } .jux-tl-item .jux-tl-desc.title { margin-bottom: 6px; } /* Responsive */ @media (max-width: 767px) { .jux-tl-wrap { background-position: 11px 0; } .jux-tl-item.left .jux-tl-info { text-align: left; } .jux-tl-item.right .jux-tl-info, .jux-tl-item.left .jux-tl-info { margin: 0 0 25px 40px; } .jux-tl-item.right .jux-tl-control-inactive, .jux-tl-item.left .jux-tl-control-inactive { right: auto; left: 2px; } } /*************************************************************************************************/ /* [_CHOS] PLUGIN: CHOSEN */ /*************************************************************************************************/ /* Dropdown (select2) styling */ .chzn-container-single { width: 240px !important; } .chzn-search { display: none; } .chzn-container-single .chzn-single { position: relative; display: block; overflow: hidden; height: auto; border-radius: 0; box-shadow: none; line-height: 36px; font-weight: 300; font-size: 15px; } .chzn-container .chzn-drop { border: none; } .chzn-container-single .chzn-drop { margin-top: 0; } .chzn-container .chzn-results li { display: block; font-size: 15px; font-weight: 200; clear: both; line-height: inherit; white-space: nowrap; } .chzn-container .chzn-results li:before { content: none; } .chzn-container-active.chzn-with-drop .chzn-single div b { background-position: -18px 9px; } /*************************************************************************************************/ /* [_DJIM] MODULE: DJ IMAGE SLIDER */ /*************************************************************************************************/ /* default carousel slider */ .slide-desc-bg-default { background: none; } .slide-desc-text-default { padding-top: 0px; } .djslider-default .slider-container { position: relative; height: auto; } .djslider-default .navigation-container-custom { position: relative; bottom: -30px; top: auto; right: auto; } .djslider-loader-default { padding-bottom: 50px; } .slide-desc { top: 0; } .djslider-default .load-button { border-radius: 50%; cursor: pointer; display: inline-block; height: 20px; width: 20px; opacity: 1; margin: 0 10px; } .djslider-default .load-button-active { border: none; border-radius: 50%; cursor: pointer; display: inline-block; height: 20px; width: 20px; opacity: 1; margin: 0 10px; } .slide-desc-text-default { margin-top: 13px; } /* hide navigation dot if single slide */ .djslider-loader.single .navigation-container-custom { display: none; } /* responsive */ @media (max-width: 767px) { .djslider-loader-default, .djslider-default .slider-container, .djslider-default ul.djslider-in>li { overflow: visible; } .djslider-default .slide-desc { position: relative; width: 100% !important; left: 0 !important; } .slide-desc-text-default>div { padding-right: 0; padding-top: 15px; } .djslider-default img.dj-image { display: block; /*inline-block;*/ } .slide-desc-text-default { margin-top: 0; } } /* slider with description block beneath */ .dj-details-holder .djslider-loader .djslider-in .slide-desc { position: relative; /*#f2f2f2;*/ margin-top: 40px; } .dj-details-holder .djslider, .dj-details-holder .djslider-loader, .dj-details-holder .djslider-loader .djslider-in li { height: auto !important; } .dj-details-holder .djslider-loader .djslider-in .slide-desc-text { margin-top: 0; padding: 15px; } .dj-details-holder .djslider-loader .djslider-in .slide-desc .slide-title { padding: 0; font-size: 20px; font-weight: 300; text-transform: none; font-style: normal; text-align: center; } .dj-details-holder .djslider-loader .djslider-in .slide-desc .slide-text { font-size: 17px; font-weight: 300; margin-top: 5px; padding: 0; font-style: normal; } .dj-details-holder .djslider-loader.single .navigation-container-custom { display: block; position: absolute; top: 345px; width: 100%; height: 50px; text-align: center; } .dj-details-holder .djslider-loader.single .navigation-container-custom span { width: 16px; height: 16px; margin: 20px 5px; border: none; } .dj-details-holder .djslider-loader .navigation-container .next-button, .dj-details-holder .djslider-loader .navigation-container .prev-button { border-radius: 60px; font-family: FontAwesome; font-size: 26px; width: 60px; height: 60px; line-height: 60px; text-align: center; display: block; opacity: 0; transition: opacity .7s; } .dj-details-holder .djslider-loader .navigation-container .next-button:before { content: "\f061"; } .dj-details-holder .djslider-loader .navigation-container .prev-button:before { content: "\f060"; } .dj-details-holder .djslider-loader .navigation-container { position: absolute; width: 100%; } .dj-details-holder .djslider-loader .navigation-container>div { margin: 10px; } .dj-details-holder .djslider-loader .djslider:hover .navigation-container>div { opacity: 1; } .dj-details-holder .djslider-loader .dj-image-wrap { position: relative; } .dj-details-holder .djslider-loader .dj-image.dj-adjust-to-wrapper { position: absolute; top: 50%; transform: translateY(-50%); } .dj-details-holder .djslider-loader { padding-bottom: 0px !important; } @media (max-width: 600px) { .dj-image-wrap { height: 450px !important; } .djslider-dot-navigation.navigation-container-custom { top: 450px !important; } } @media (max-width: 600px) { .flyer-ibc .dj-image-wrap { height: 200px !important; } .flyer-ibc .djslider-dot-navigation.navigation-container-custom { top: 200px !important; } } @media (max-width: 500px) { .dj-image-wrap { height: 350px !important; } .djslider-dot-navigation.navigation-container-custom { top: 350px !important; } } /* ZT:: Fix links not working on msg slides */ .djslider .slider-container ul.djslider-in>li>a { position: relative; z-index: 1; display: block; } /* COLOR THEME *********************************/ /* Extension: DJ Image Slider ******************/ /*************************************************************************************************/ /* [_SIGP] EXTENSION: Simple Image Gallery Pro */ /*************************************************************************************************/ /* Article title */ #sp-main-body article.item { padding-right: 0; } article .entry-header h2 { font-size: 21px !important; font-weight: 600; line-height: 38px !important; text-align: center; } article .entry-header h2:after { height: 2px; margin: 16px auto 0; width: 90px; bottom: 0; content: ""; display: block; } .title-line-left .entry-header h2:after { margin-left: 0; } /* Gallery */ .sigProContainer .sigProLink { height: auto !important; width: 100% !important; height: auto !important; overflow: hidden; border: none !important; background: none !important; -webkit-backface-visibility: hidden; } .sigProContainer .sigProThumb { width: 25% !important; height: auto !important; margin: 0 !important; } .sigProContainer .sigProThumb:before { content: none; } .sigProContainer .sigProLink .sigProImg { width: 100% !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; float: left; transform: scale3d(1, 1, 1); transition: all 400ms ease 0s; image-rendering: optimizeQuality; } /* ZT:: If placed in ord. article deduct -25 left marg to align with text */ @media screen and (min-width: 992px) { article.item.item-page .sigProContainer { margin-left: -20px !important; margin-right: -20px !important; } } /* Icon over image */ .sigProLinkWrapper:after { content: "\f002"; left: calc(50% - 20px); position: absolute; top: calc(50% - 20px); z-index: 2; width: 40px; height: 40px; border-radius: 40px; font-family: FontAwesome; text-align: center; padding-top: 6px; transform: scale3d(0, 0, 0); transition: all 400ms ease 0s; opacity: 0; cursor: pointer; pointer-events: none; line-height: 25px; font-size: 17px; } .sigProLinkOuterWrapper { position: relative; display: block; padding: 20px !important; } .sigProContainer .sigProLink:hover .sigProImg, .sigProContainer .sigProLinkWrapper:hover .sigProImg { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); opacity: 0.5; } .sigProContainer .sigProLinkOuterWrapper:hover .sigProLinkWrapper:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } #fancybox-buttons, .fancybox-title { display: none; } /* Close button */ .fancybox-close { width: 40px; height: 40px; border-radius: 40px; top: -20px; right: -20px; } .fancybox-close:after { font-family: FontAwesome; font-size: 16px; content: "\f00d"; position: absolute; left: 14px; top: 7px; } /* Navigation */ .fancybox-nav>span { border-radius: 60px; font-family: FontAwesome; font-size: 24px; height: 60px; padding-top: 11px; text-align: center; width: 60px; } .fancybox-nav { opacity: 0; transition: opacity 0.5s ease-in-out 0s; } .fancybox-nav:hover { opacity: 1; } .fancybox-prev>span:before { content: "\f060"; } .fancybox-next>span:before { content: "\f061"; } .fancybox-prev span { left: 25px; background-position: 0 -36px; } .fancybox-next span { right: 25px; background-position: 0 -36px; } .fancybox-skin { box-shadow: none !important; border-radius: 0 !important; padding: 25px !important; } ul.sigProElegant li.sigProThumb a.sigProLink img.sigProImg, ul.sigProElegant li.sigProThumb a.sigProLink:hover img.sigProImg { background-position: 57% 14%; } /* Responsive */ @media (max-width: 991px) { .sigProContainer .sigProThumb { width: 50% !important; max-width: 276px !important; max-height: 276px !important; display: inline-block !important; float: none !important; } .sigProContainer .sigProLink { height: 276px !important; } .sigProContainer { text-align: center; } .sigProLinkWrapper { display: block; max-height: 236px !important; overflow: hidden; } } @media (max-width: 767px) { .sigProContainer .sigProThumb { width: 100% !important; } } /* COLOR THEME *********************************/ /* Extension: Simple Image Gallery Pro *********/ /*************************************************************/ /* [_MODA] PLUGIN: Modal */ /*************************************************************/ /* Adjustments for articles displayed within overlays */ #cboxContent h2:after, #rl_modals_content h2:after { display: none; } #cboxContent .entry-header, #rl_modals_content .entry-header { display: none; } #cboxContent article.item, #rl_modals_content article.item { margin-bottom: 0; overflow: hidden; padding-right: 0; padding-bottom: 0; } /* JP - conflict with breadcrumbs - start */ #rl_modals, body.site #rl_modals { z-index: 10005; } body.site #rl_modals_overlay, #rl_modals_overlay { z-index: 10004; } #sp-header { z-index: 10002; } /* JP - conflict with breadcrumbs - end */ #cboxLoadedContent #nachricht, #rl_modals_loaded_content #nachricht { resize: none; } #cboxLoadedContent, #rl_modals_loaded_content, #cboxWrapper, #rl_modals_wrapper, #cboxContent, #rl_modals_content { width: 100% !important; margin-bottom: 0; } #cboxClose, #rl_modals_close { display: none; } #cboxOverlay, #rl_modals_overlay, body.site #rl_modals_overlay, #cboxWrapper, #rl_modals_wrapper, body.site #rl_modals_wrapper, #colorbox, #rl_modals, body.site #rl_modals, #cboxContent, #rl_modals_content, body.site #rl_modals_content { overflow: visible !important; } #cboxLoadedContent h2, #rl_modals_loaded_content h2 { text-align: center; } #cboxContent #cboxTitle, #rl_modals_content #rl_modals_title { border: none; position: relative !important; font-weight: 300; font-size: 15px; float: none !important; text-align: center; height: auto !important; margin: 20px 0 -20px 0; } #colorbox, #rl_modals, body.site #rl_modals { border: medium none; border-radius: 0 !important; box-shadow: none; left: 0 !important; margin-left: 20% !important; margin-right: 20% !important; width: 60% !important; padding: 0 !important; overflow: visible !important; height: auto !important; } /* don't calculte heigt of contact form */ #colorbox.msg-kontakt-form, #rl_modal.msg-kontakt-form { height: auto !important; margin-top: -45px !important; } #cboxLoadedContent, #rl_modals_loaded_content, #cboxWrapper, #rl_modals_wrapper, #cboxContent, #rl_modals_content { margin-bottom: 0; width: 100% !important; position: relative !important; margin-bottom: 0; width: 100% !important; height: auto !important; min-height: 0 !important; padding: 0 !important; } #cboxLoadedContent, #rl_modals_loaded_content, #cboxWrapper, #rl_modals_wrapper, #cboxContent, #rl_modals_content, #cboxMiddleLeft, #rl_modals_middle_left, #cboxMiddleRight, #rl_modals_middle_right { height: auto !important } #cboxWrapper, #rl_modals_wrapper { padding: 50px !important; height: 100% !important; } #cboxLoadedContent, #rl_modals_loaded_content { margin: 0 !important; } #cboxLoadedContent img, #rl_modals_loaded_content img { height: auto !important; /* JP - width */ width: 100% !important; } /* close button */ #cboxClose, #rl_modals_close, body.site #rl_modals_close { display: block; cursor: pointer; position: absolute; opacity: 1; right: -70px !important; top: -70px !important; z-index: 8040; border-radius: 40px; height: 40px; width: 40px; } #cboxClose:hover, #rl_modals_close:hover { opacity: 1; } #cboxClose:after, #rl_modals_close:after { content: ""; font-family: FontAwesome; font-size: 16px; left: 14px; position: absolute; top: 13px; } #cboxWrapper, #rl_modals_wrapper, body.site .rl_modals_wrapper, .cboxPhoto { max-width: 100% !important; } @media (max-width: 1600px) { #colorbox, #rl_modals, body.site #rl_modals { margin-left: 15% !important; margin-right: 15% !important; width: 70% !important; } } @media (max-width: 1400px) { #colorbox, #rl_modals { margin-left: 10% !important; margin-right: 10% !important; width: 80% !important; } } @media (max-width: 1000px) { #colorbox, #rl_modals { margin-left: 5% !important; margin-right: 5% !important; width: 90% !important; } #colorbox.msg-kontakt-form, #rl_modals.msg-kontakt-form { margin-top: 0px !important; } } @media (max-width: 767px) { #cboxWrapper, #rl_modals_wrapper { padding: 40px !important; } #cboxClose, #rl_modals_close { right: -60px !important; top: -60px !important; } } @media (max-width: 480px) { #cboxWrapper, #rl_modals_wrapper { padding: 30px !important; } #cboxClose, #rl_modals_close { right: -50px !important; top: -50px !important; } } /* Layout on modal contact forms */ .form-group.datenschutz-agree-container .form-group.rsform-block.rsform-block-i-agree { position: relative; left: -20px; width: 50px !important; margin-right: 0px !important; margin-bottom: 0px !important; } .form-group.datenschutz-agree-container .rsform-block.rsform-block-datenschutz { margin-bottom: 0px; } @media (max-width: 767px) { #cboxLoadedContent .form-group.rsform-block.rsform-block-i-agree, #rl_modals_loaded_content .form-group.rsform-block.rsform-block-i-agree { position: relative; left: -20px; width: 50px !important; } #cboxLoadedContent .form-group.rsform-block.rsform-block-datenschutz, #rl_modals_loaded_content .form-group.rsform-block.rsform-block-datenschutz { width: 86% !important; /* DS 31.01.20. - 88% to 86%, element not falling out of grid any more */ display: inline-block; float: left; position: relative; z-index: 10; } .form-group.datenschutz-agree-container .form-group.rsform-block.rsform-block-datenschutz { width: 89% !important; display: inline-block; float: left; } } @media (max-width: 500px) { #cboxLoadedContent .form-group.rsform-block.rsform-block-i-agree, #rl_modals_loaded_content .form-group.rsform-block.rsform-block-i-agree { width: 10px !important; } #cboxLoadedContent .form-group.rsform-block.rsform-block-datenschutz, #rl_modals_loaded_content .form-group.rsform-block.rsform-block-datenschutz { width: 70% !important; } .form-group.datenschutz-agree-container .form-group.rsform-block.rsform-block-datenschutz { width: 81% !important; } } /*************************************************************/ /* [_RSSF] MODULE: Simple Feed */ /*************************************************************/ /* Simple Feed */ .srfrContainer div.sp-module-content { padding: 0 20px; } .srfrContainer h3 { min-height: 20px; font-size: 14px; font-weight: 300; margin: 0; } .srfrContainer li { padding: 0 !important; margin: 0 0 12px 0 !important; border: none !important; margin-left: 15px; } .srfrContainer a::before { content: "\f101"; font-family: FontAwesome; left: 0; margin-right: 2px; position: absolute; margin-left: 15px; } .category-module.mod-list li .mod-articles-category-title::before{ margin-left: 0px; } div.srfrContainer { padding: 0 15px; } /*************************************************************/ /* [_SPSP] MODULE: SP Simple Portfolio :: ZT :: */ /*************************************************************/ /* Filters */ .jt-sp-filter { margin-bottom: 20px; } .jt-sp-filter ul { list-style: none; margin: 0; padding: 0; text-align: center; } .jt-sp-filter ul>li { float: none; margin-bottom: 15px; display: inline-block; } .jt-sp-filter ul>li>a { text-transform: none; font-weight: 300; font-size: 15px; padding: 0 5px 0 !important; -webkit-transition: color 300ms linear; transition: color 300ms linear; } .jt-sp-filter ul>li.active>a { font-weight: 600; } .jt-simple-portfolio { margin: 0 auto; } .jt-simple-portfolio .jt-simple-portfolio-grid { padding-top: 20px; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem { transition: transform 250ms ease-out, opacity 250ms ease-out; padding-top: 15px !important; padding-bottom: 15px !important; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .jt-item-wrap { transform-style: preserve-3d; transition: all .5s linear; overflow: hidden; width: 220px; height: 220px; margin: 0 auto; max-width: 100%; position: relative; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-front { width: 100%; position: relative; height: 220px; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-back { opacity: 0; transition: opacity 400ms; -webkit-transition: opacity 400ms; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; padding: 10px; z-index: 2; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .sp-vertical-middle { height: 100%; width: 100%; display: table; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .sp-vertical-middle .itmDescr { display: table-cell; vertical-align: middle; font-size: 13px; text-align: left; line-height: 1.3; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .sp-vertical-middle .itmDescr p { margin-bottom: 0; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem:hover .item-back, .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem:focus .item-back { opacity: 1; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-front .itemImg { position: absolute; width: 65px; height: 65px; left: 50%; top: 50px; transform: translate(-50%, 0); } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-front .itemImg.isFa { top: 45px; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-front .itemImg.noFa { background: url(https://www.msg.group/images/pnc/usr-icon.png) no-repeat center; background-size: contain; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-front .itemImg.isFa i { width: 100%; height: 100%; font-size: 65px; } .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-front .itmTitle { position: absolute; bottom: 10%; width: 90%; text-align: center; left: 50%; transform: translate(-50%, 0); line-height: 1.2; font-size: 15px; font-weight: 500; } /* Flip */ /* ZT:: IE 11 Only Hacks - Flippers Issues */ *::-ms-backdrop, .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-back { z-index: 0; backface-visibility: visible; opacity: 0; } *::-ms-backdrop, .jt-simple-portfolio .jt-simple-portfolio-grid .jt-griditem .item-front { backface-visibility: visible; } *::-ms-backdrop, .jt-simple-portfolio.flip .jt-simple-portfolio-grid .jt-griditem:hover .item-front { opacity: 0; } *::-ms-backdrop, .jt-simple-portfolio.flip .jt-simple-portfolio-grid .jt-griditem:hover .item-back { opacity: 1; } @media only screen and (min-width: 1200px) { .jt-simple-portfolio { max-width: 970px; } } @media only screen and (max-width: 1199px) { .jt-simple-portfolio { max-width: 720px; } } @media only screen and (max-width: 991px) { .jt-simple-portfolio { max-width: 470px; } } @media only screen and (max-width: 480px) { .jt-griditem { width: 100%; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .jt-simple-portfolio { max-width: 280px; } } /*************************************************************/ /* [_SMAB] Smart App Banner Custom Styles */ /*************************************************************/ body.app #smartbanner { display: none !important; } #smartbanner .sb-icon { box-shadow: none !important; } #smartbanner { border: 0 !important; border: none !important; box-shadow: none !important; font-family: Open Sans, sans-serif !important; position: fixed !important; } #smartbanner .sb-icon { left: 35px !important; top: 11px !important; } #smartbanner, #smartbanner .sb-icon { border-radius: 0 !important } #smartbanner .sb-icon.gloss:after { display: none !important; } #smartbanner .sb-info { font-weight: normal !important; text-shadow: none !important; top: 13px !important; line-height: 1.3 !important; left: 106px !important; } #smartbanner .sb-info strong { font-size: 15px !important; line-height: 21px !important; font-weight: 600 !important; } #smartbanner .sb-button span { background: none !important; line-height: 23px !important; font-weight: 300; font-size: 15px; padding: 0px; } #smartbanner .sb-button { background: none !important; height: 27px !important; box-shadow: none !important; text-shadow: none !important; } #smartbanner .sb-close { font-size: 26px !important; font-family: Open Sans, sans-serif !important; text-shadow: none !important; box-shadow: none !important; border: none !important; background: none !important; text-decoration: none !important; border-radius: 0px !important; font-weight: bold; left: 6px !important; top: 4px !important; } @media (max-width: 360px) { #smartbanner.android .sb-button { min-width: 28px !important; } #smartbanner.android .sb-button:before { font: normal normal normal 14px/1 FontAwesome; content: "\f054"; } #smartbanner.android .sb-button span { display: none !important; } } /*************************************************************/ /* [_RSPR] RokSprocket Tables Module Custom Styles */ /*************************************************************/ /* Top Jobs - RokSprocket Tables Module */ .sprocket-tables-item .sprocket-tables-title { font-weight: 600; } .sprocket-tables-container>.sprocket-tables-block>.sprocket-tables-item .sprocket-tables-cell.sprocket-tables-desc { padding: 0; } .sprocket-tables-container>.sprocket-tables-block>.sprocket-tables-item .sprocket-tables-cell.sprocket-tables-desc>.sprocket-tables-title { text-transform: none !important; } .sprocket-tables-container>.sprocket-tables-block>.sprocket-tables-item .sprocket-tables-cell.sprocket-tables-link { margin: 0 0 35px 0; padding: 0; } #sp-page-builder .sppb-section-title { margin-bottom: 20px; } #sp-page-builder .page-content .sppb-section { margin-top: 0; } .sprocket-tables-item { overflow: hidden; } #sp-main-body .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 { display: table; width: 100%; } /* ZT:: Fixing the sprocket-tables-cell expanding over or not going to 100% width; */ #sp-main-body .sprocket-tables-item { display: table; width: 100%; border-radius: 0; } #sp-main-body .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 .sprocket-tables-title { display: table-cell; } .sprocket-tables-feature { min-height: 90px; text-align: left; text-transform: none !important; padding: 25px 25px 15px 25px !important; } .sprocket-tables-bg1 ul { padding-bottom: 15px; padding-left: 0 !important; text-align: left; } .sprocket-tables-bg1 ul li { font-size: 15px; list-style-type: none; margin-bottom: 10px; padding-left: 14px; line-height: 24px; } .sprocket-tables ul.check-o { padding-left: 20px !important; } /* sprocet table with title inside option*/ /*add this class withen table */ .sprocket-tables-title-inside .sprocket-tables-item .sprocket-tables-desc { border: 0 !important; } /*ZT:: Sprocket Tables with White BG and red borders */ /* sprocket-white sprocket-border-red*/ #sp-main-body .sprocket-white.sprocket-border-red .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 { width: 100%; min-height: 200px; } .sprocket-white .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 i.fa { font-size: 60px; margin-bottom: 15px; } /**ZT:: Sprocket General h4 Line Height */ h4.sprocket-tables-title { line-height: 1.2; } @media (max-width: 991px) { #sp-main-body .sprocket-tables-block .sprocket-tables-item { max-width: 345px; margin: 0 auto; } } /* Sprocket Tables with red BG */ /* Top Jobs - RokSprocket Tables Module - red style */ #sp-main-body .red-header .sprocket-tables-item .sprocket-tables-desc.sprocket-tables-cell.sprocket-tables-bg1 { height: 75px; padding: 25px; } #sp-main-body .sprocket-tables-item .sprocket-tables-cell { font-size: 15px !important; } @media (max-width: 1199px) and (min-width: 992px) { #sp-main-body .sprocket-tables-item .sprocket-tables-cell { font-size: 14px !important; } } /* RokSprocket Tables Module - Centered tables */ .center .sprocket-tables ul.sprocket-tables-container { text-align: center; } .center .sprocket-tables ul.sprocket-tables-container li.sprocket-tables-block { float: none; } /* RokSprocket Tables Module - Inline link */ .height350 .sprocket-tables .sprocket-tables-feature { min-height: 350px; } /* gray header table title */ /* list without style with bottom border */ .ul-menu .sprocket-tables-bg1 ul li { background: none; line-height: 20px; margin: 0; } .ul-menu .sprocket-tables-bg1 ul li.divider { border: none; padding: 5px 0 25px 0; } .ul-menu .sprocket-tables-bg1 ul li:last-child { border: none; } .sprocket-tables-block { /*margin: 1% -5px 1% 0;*/ /*margin: 15px 0;*/ margin-top: 15px; } .sprocket-tables-item { overflow: hidden; } /* Sprocket tables 5 columns */ @media (min-width: 1200px) { .col-lg-ratio-1-5 { width: 20%; } } .narrowgaps .center .sprocket-tables ul.sprocket-tables-container li.sprocket-tables-block { padding-left: 10px; padding-right: 10px; } /* DS 28.01.2020.*/ /* RokSprocket ul list inside ul list */ #sp-main-body .sprocket-tables-item .sprocket-tables-cell .table-list-doted li ul { border-bottom: none; margin-bottom: -20px; } #sp-main-body .sprocket-tables-item .sprocket-tables-cell .table-list-doted li ul li { text-align: left; margin-left: 40px; padding: 5px 0 5px; } #sp-main-body .sprocket-tables-item .sprocket-tables-cell .table-list-doted li ul li:before { content: "\f10c" !important; width: 15px; } /*************************************************************/ /* [_MMBR] Member addon (Job stories) */ /*************************************************************/ /* Member Addon (Job Stories) */ .sp_member_addon .sp-member-addon-back .sp-member-desc { padding: 55px 30px; font-size: 15px; line-height: 24px; height: 380px; } .sp_member_addon .sp-member-addon-back .sp-member-desc .button { text-align: center; width: 100%; padding: 0 30px; position: absolute; bottom: 30px; left: -5px; } .sp_member_addon .sp-member-addon-back .sp-member-desc .button.small-icons .sppb-btn { border-radius: 0 !important; font-weight: 300; margin: 0 3px; display: inline-block; min-width: 40px; } .sp_member_addon .sp-member-addon-back .sp-member-desc .button.small-icons .sppb-btn.modal_link { margin-left: 6px; } .sp_member_addon .sp-member-addon-back header, .sp_member_addon .sp-member-addon-back .sp-member-social { display: none; } .pressecenter .sppb-addon-title, .pressecenter .sppb-title-heading, #sp-component .sppb-addon-title, #sp-component .sppb-title-heading { text-transform: none !important; } #sp-component h1.sppb-addon-title, #sp-component h1.sppb-title-heading { text-transform: uppercase !important; } .pressecenter .chzn-container { float: right; } .confirmation article .entry-header h2 { margin-top: 70px !important; text-align: left !important; } .confirmation .open-text { position: relative; top: 50px; margin-bottom: 200px; } .confirmation article .entry-header h2:after { height: 2px; margin: 16px 0; width: 90px; bottom: 0; content: ""; display: block; } /* ZT:: Fix IE Flippers */ .sp_member_addon .sp-member-addon-back { z-index: 0; } *::-ms-backdrop, .sp-member-addon-front { backface-visibility: visible; } *::-ms-backdrop, .sp-member-addon-back { backface-visibility: visible; } *::-ms-backdrop, .sp_member_addon .sp-member-addon-back { opacity: 0; } *::-ms-backdrop, .flip-container:hover .front, .flip-container.hover .front { opacity: 0; } *::-ms-backdrop, .flip-container:hover .sp-member-addon-back, .flip-container.hover .sp-member-addon-back { opacity: 1; z-index: 2; } /*************************************************************/ /* [_LNEP] Latest news enhanced pro */ /*************************************************************/ /* Latest News Enhanced Pro - General */ .innernews { padding: 0 !important; } /* Latest News Enhanced Pro - Homepage */ .newsfeed .lnee ul.latestnews-items li { display: block; margin-bottom: 26px !important; font-size: 16px !important; } .newsfeed .lnee ul.latestnews-items { font-size: 16px; } .newsfeed .lnee ul.latestnews-items h4 { font-size: 16px; line-height: 24px; margin-bottom: 8px; font-weight: 600 !important } .newsfeed .lnee ul.latestnews-items .newsintro .event_info, .newsfeed .lnee ul.latestnews-items .newsintro h2 { display: none; } .newsfeed .lnee ul.latestnews-items .newsintro a { font-size: 14px; margin-top: 6px; } .newsfeed .lnee ul.latestnews-items .newsintro p, .newsfeed .lnee ul.latestnews-items .newsintro a { display: inline; } .allnews .sppb-btn { padding: 0 !important; } /* Latest News Enhanced Pro - Footer */ .footerfeed .lnee ul.latestnews-items li { display: block; margin-bottom: 16px; } .footerfeed .lnee ul.latestnews-items h4 { font-size: 15px; line-height: 19px; margin-bottom: 0px; font-weight: 300 !important; } .footerfeed .lnee ul.latestnews-items a { position: relative; padding-left: 15px !important; display: inline-block; line-height: 20px !important; } .footerfeed .lnee ul.latestnews-items a:before { content: "\f101"; margin-right: 2px; font-family: FontAwesome; position: absolute; left: 0; } /* ZT:: New Newsroom LNEP Module Variations */ /* Big Teaser with one article */ .big-teaser { display: flex; box-shadow: 0px 0px 15px rgb(0 0 0 / 10%); } .big-teaser .bt-tease { width: 33.333333%; padding: 24px; border-radius: 1.5px; z-index: 40; flex: none; position: relative; background: #fff; } .big-teaser header h2{ font-size: 32px; font-weight: 700; letter-spacing: -1px; margin-top: 10px; line-height: 1.1; margin-bottom: 20px; } .big-teaser header h2 > a:hover, .big-teaser header h2 > a:focus { color: #000000!important; } .big-teaser .bt-cat { font-weight:600; letter-spacing: -0.6px; } .big-teaser .bt-intro, .big-teaser .bt-intro > .teaser-text > a { color: #000000; } .big-teaser .bt-intro > .teaser-text { margin-bottom: 10px; } /*.big-teaser figure.bt-pic { flex: none; width: 75%; padding-left: 24px; padding-right: 24px; margin-top: -32px; left: -8.33333333%; position: relative; z-index: 30; }*/ .big-teaser figure.bt-pic { width: 75%; position: relative; } .big-teaser figure.bt-pic > a { display: block; position: absolute; width: 100%; height: 100%; left: 0; } .big-teaser figure.bt-pic > a > img { object-fit: cover; width: 100%; height: 100%; } @media (max-width:1199.99px) { .big-teaser .bt-tease { width: 40%; } } @media (max-width:991.99px) { .big-teaser .bt-tease { width: 50%; } .big-teaser figure.bt-pic { width: 50%; } } @media (max-width:767.99px) { .big-teaser{ display: block; padding-bottom: 0; } .big-teaser .bt-tease { width: 100%; z-index: 1; } .big-teaser figure.bt-pic { width: 100%; left: 0; z-index: 1; } .big-teaser figure.bt-pic > a { position: relative; } } /* Three teasers */ .three-teasers { display: flex; flex-wrap: wrap; } .three-teasers:after{ content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: linear-gradient(90deg,#807e7c 25%,rgba(128,126,124,0) 0) 0 100%/4px 1px repeat-x; } .three-teasers > .teaser { flex: 0 33.33%; /*margin-bottom: 2%;*/ position: relative; } .three-teasers > .teaser-0{ padding-right: 20px; } .three-teasers > .teaser-1{ padding-left: 20px; padding-right: 20px; } .three-teasers > .teaser-1 figure.tt-img { margin-left:-10px; margin-right: -10px; position: relative; } .three-teasers > .teaser-1 > figure.tt-img span.width-fix{ content:""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; pointer-events: none; } @media (max-width:991.99px) { .three-teasers > .teaser-1 figure.tt-img { margin-left:0; margin-right: 0; } .three-teasers > .teaser-1 > figure.tt-img span.width-fix { display: none; } } .three-teasers > .teaser-2{ padding-left: 20px; } .three-teasers > .teaser-1:before { content: ""; display: block; position: absolute; left: 0; height: 100%; width: 1px; background: linear-gradient(#807e7c 25%,rgba(128,126,124,0) 0) 100%/1px 4px repeat-y; } .three-teasers > .teaser-2:before { content: ""; display: block; position: absolute; left: -1px; height: 100%; width: 2px; background: linear-gradient(#807e7c 25%,rgba(128,126,124,0) 0) 100%/1px 4px repeat-y; } .three-teasers > .teaser > figure{ max-height: 200px; overflow-y: hidden; margin-bottom: 10px; } .three-teasers > .teaser > figure > a > img { width: 100%; height: auto; } .three-teasers > .teaser .tt-cat { font-size: 16px; font-weight: 600; color: #a01441; } .three-teasers > .teaser .tt-title { font-size: 18px; font-weight: 700; margin-top: 10px!important; line-height: 1.4; } .three-teasers > .teaser .tt-title > a, .three-teasers > .teaser .tt-title > a:hover, .three-teasers > .teaser .tt-title > a:focus { color: #000!important; } .three-teasers > .teaser > .tt-intro > .tt-intro-text > a, .three-teasers > .teaser > .tt-intro > .tt-intro-text > a:hover, .three-teasers > .teaser > .tt-intro > .tt-intro-text > a:focus{ color: #000!important; } .three-teasers > .teaser > .tt-intro > .tt-intro-text { margin-bottom: 10px; } .teasers-no-image.three-teasers > .teaser .tt-title { margin-bottom: 20px; } .teasers-no-image.three-teasers .tt-intro-inner > a { color: #000!important; } .teasers-no-image.three-teasers .tt-intro-inner{ margin-bottom: 10px; } /* One Col */ .teasers-one-column > .teaser { flex: auto; width: 100%; padding-left: 0!important; padding-right: 0!important; margin-bottom: 20px; padding-bottom: 20px; } .teasers-one-column > .teaser:before { display: none; } .teasers-one-column > .teaser:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: linear-gradient(90deg,#807e7c 25%,rgba(128,126,124,0) 0) 0 100%/4px 1px repeat-x; } .teasers-one-column > .teaser:last-child:after { display: none; } .teasers-one-column:after { display: none; } .teasers-one-column .tt-intro .tt-intro-inner > a { color: #000!important; } /* Two Cols */ .teasers-two-columns > .teaser { flex: auto; } .teasers-two-columns > .teaser-0 { width: 30%; } .teasers-two-columns > .teaser-1 { width: 70%; } .teasers-two-columns .tt-intro-inner > a { color: #000!important; } .teasers-two-columns .tt-intro-inner { margin-bottom: 10px; } @media (max-width:991.99px) { .three-teasers > .teaser-0{ flex: 0 100%; padding-right: 0; margin-bottom: 20px; } .three-teasers > .teaser-1, .three-teasers > .teaser-2{ flex: 0 50%; padding-bottom: 20px; } .three-teasers > .teaser-1{ padding-left: 0; } .three-teasers > .teaser-1:before { display: none; } .teasers-two-columns > .teaser { margin-top: 20px; } .teasers-two-columns > .teaser-0{ margin-top: 0; } .teasers-two-columns > .teaser-0, .teasers-two-columns > .teaser-1 { width: 100%; flex: auto; } } @media (max-width:767.99px) { .three-teasers > .teaser { flex: 0 100%; } .three-teasers > .teaser-1 { padding-right: 0; } .three-teasers > .teaser-2 { padding-left: 0; } .three-teasers > .teaser-2:before { display: none; } } /* Titles Only */ .titles-only-list h4.mod-title { font-size: 18px; font-weight: 700; letter-spacing: -0.2px; margin-bottom: 24px; } .titles-only-list ul { list-style: none; padding:0; margin:0; } .titles-only-list ul > li { display: flex; align-items: center; line-height: 1.26; padding-bottom: 24px; } .titles-only-list ul > li > a{ color: #000; display: block; font-weight: 600; transition: color .2s ease-in; font-size: 15px; line-height: 1.3; } .titles-only-list ul > li > span.mr-num { flex-shrink: 0; color: #bbb9b7; font-weight: 600; font-size: 24px; margin-right: 16px; } /* Titles Only - Events */ /* You may like module - inside article view */ .news-more-articles { background-color: #ebebeb; margin-bottom: 90px; padding-bottom: 60px; } .news-more-articles .news-more-mod .cb-item-img { margin-bottom: 10px; } .news-more-articles .news-more-mod .cb-item-img img { height: 250px; object-fit: cover; width: 100%; } /* ZT:: END: New Newsroom LNEP Module Variations */ /*************************************************************/ /* [_RSFO] COMPONENT: RS FORMS PRO */ /*************************************************************/ label[data-toggle="tooltip"] { /*display:inherit!important;*/ } /* 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-radius: 0; box-shadow: none; } 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-radius: 0; box-shadow: none; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { box-shadow: none; } *:-moz-placeholder { /* FF 4-18 */ opacity: 1; } *::-moz-placeholder { /* FF 19+ */ opacity: 1; } /* Kontakt form */ /* Kontaktformular with Overlay */ #cboxLoadedContent h2, #rl_modals_loaded_content h2 { text-align: center; } .rsform-block-header, .rsform-block-footer { padding-left: 27px; } .rsform-block-header { margin: 35px 0; margin-top: 25px; } .rsform-block-footer { margin-top: 0; } .msg-kontakt .rsform-block-header, #msg-kontakt .rsform-block-header { margin-top: 35px; } #cboxLoadedContent .msg-kontakt .rsform-block-header, #cboxLoadedContent #msg-kontakt .rsform-block-header, #rl_modals_loaded_content .msg-kontakt .rsform-block-header, #rl_modals_loaded_content #msg-kontakt .rsform-block-header { margin-top: 0px; } #cboxLoadedContent .form-horizontal .form-group, #rl_modals_loaded_content .form-horizontal .form-group { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 15px; } #rl_modals_loaded_content .form-horizontal .form-group { margin-left: 0 !important; margin-bottom: 15px; } /* problematic code - 8.1.2019. */ /* .sp-menu-item { text-transform: uppercase; font-size: 16px; font-weight: 500; padding-bottom: 8px !important; } */ #cboxLoadedContent .msg-kontakt, #cboxLoadedContent #msg-kontakt, #rl_modals_loaded_content .msg-kontakt, #rl_modals_loaded_content #msg-kontakt { font-size: 15px; } #cboxLoadedContent .msg-kontakt h2, #cboxLoadedContent #msg-kontakt h2, #rl_modals_loaded_content .msg-kontakt h2, #rl_modals_loaded_content #msg-kontakt h2 { margin-top: 45px; font-size: 22px; } #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 { border-radius: 0; font-size: 15px; box-shadow: none; } #cboxLoadedContent .msg-kontakt .rsform-block-datenschutz a, #cboxLoadedContent #msg-kontakt .rsform-block-datenschutz a, #rl_modals_loaded_content .msg-kontakt .rsform-block-datenschutz a, #rl_modals_loaded_content #msg-kontakt .rsform-block-datenschutz a { text-decoration: underline; } #cboxLoadedContent .msg-kontakt .rsform-block-datenschutz a:hover, #cboxLoadedContent #msg-kontakt .rsform-block-datenschutz a:hover, #rl_modals_loaded_content .msg-kontakt .rsform-block-datenschutz a:hover, #rl_modals_loaded_content #msg-kontakt .rsform-block-datenschutz a:hover { text-decoration: none; } #cboxLoadedContent .msg-kontakt input, #cboxLoadedContent #msg-kontakt input, #rl_modals_loaded_content .msg-kontakt input, #rl_modals_loaded_content #msg-kontakt input { border: none; } #cboxLoadedContent .msg-kontakt textarea, #cboxLoadedContent #msg-kontakt textarea, #rl_modals_loaded_content .msg-kontakt textarea, #rl_modals_loaded_content #msg-kontakt textarea { border: none; padding: 5px 12px; } #cboxLoadedContent .msg-kontakt .block-recaptcha, #cboxLoadedContent #msg-kontakt .block-recaptcha, #rl_modals_loaded_content .msg-kontakt .block-recaptcha, #rl_modals_loaded_content #msg-kontakt .block-recaptcha { margin-top: 10px; min-height: 78px; } #cboxLoadedContent .msg-kontakt .rsform-block-i-agree, #cboxLoadedContent #msg-kontakt .rsform-block-i-agree, #rl_modals_loaded_content .msg-kontakt .rsform-block-i-agree, #rl_modals_loaded_content #msg-kontakt .rsform-block-i-agree { font-size: 10px; width: 70px; padding-left: 25px; } #cboxLoadedContent .msg-kontakt .rsform-block-i-agree .checkbox-inline, #cboxLoadedContent #msg-kontakt .rsform-block-i-agree .checkbox-inline, #rl_modals_loaded_content .msg-kontakt .rsform-block-i-agree .checkbox-inline, #rl_modals_loaded_content #msg-kontakt .rsform-block-i-agree .checkbox-inline { padding: 0; } #cboxLoadedContent .btn-primary, #rl_modals_loaded_content .btn-primary { padding: 10px 110px !important; font-size: 17px; } #cboxLoadedContent .btn-primary:hover, #rl_modals_loaded_content .btn-primary:hover { padding: 10px 110px !important; font-size: 17px; } #cboxLoadedContent .rsform-checkbox, #rl_modals_loaded_content .rsform-checkbox { height: auto !important; position: relative; /* margin: 7px 0 24px 10px; */ margin: 7px 0 24px 2px; opacity: 0; /* ZT:: Fix FF */ width: 0; height: 0 !important; position: relative; } #cboxLoadedContent .rsform-block-i-agree label, #rl_modals_loaded_content .rsform-block-i-agree label { margin-top: 2px; cursor: pointer; position: absolute; width: 25px; height: 25px; top: 0; left: 25px; max-width: 100px; } #cboxLoadedContent .rsform-block-datenschutz, #rl_modals_loaded_content .rsform-block-datenschutz { padding-left: 0; } #cboxLoadedContent .btn, #rl_modals_loaded_content .btn { font-size: 16px !important; padding: 10px 80px !important; margin: 25px 5px 0 5px !important; } #cboxLoadedContent .btn-primary:hover, #rl_modals_loaded_content .btn-primary:hover { font-size: 16px !important; padding: 10px 80px !important; } #cboxLoadedContent .rsform-block-submit-button .formControls, #rl_modals_loaded_content .rsform-block-submit-button .formControls { width: 100%; text-align: center; } /*#cboxWrapper form { margin-left: -15px; }*/ #cboxWrapper .rsform-block-i-agree, #rl_modals_wrapper .rsform-block-i-agree { display: relative; z-index: 1; } .form-horizontal .control-label { /* width: 0px; */ padding: 0; text-align: left; font-weight: inherit; } /*.rsform-block-ihr-name { padding-right: 0px; } .rsform-block-email { padding-left: 7.5px; }*/ .rsform-block-submit-button { margin-bottom: 0 !important; } .msg-kontakt h2, #msg-kontakt h2 { margin-top: 0 !important; } @media (max-width: 1199px) { #cboxWrapper .rsform-block-submit-button label, #rl_modals_wrapper .rsform-block-submit-button label { width: 100%; } } @media (max-width: 1000px) { #cboxLoadedContent .rsform-block-submit-button button, #cboxLoadedContent .rsform-block-register button, #rl_modals_loaded_content .rsform-block-submit-button button, #rl_modals_loaded_content .rsform-block-register button { margin: 10px 0 !important; width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center !important; } #cboxLoadedContent .rsform-block-submit-button .formControls, #cboxLoadedContent .rsform-block-register .formControls, #rl_modals_loaded_content .rsform-block-submit-button .formControls, #rl_modals_loaded_content .rsform-block-register .formControls { padding: 0 !important; } } @media (max-width: 767px) { #cboxLoadedContent .msg-kontakt input, #cboxLoadedContent .msg-kontakt textarea, #cboxLoadedContent #msg-kontakt input, #cboxLoadedContent #msg-kontakt textarea, #rl_modals_loaded_content .msg-kontakt input, #rl_modals_loaded_content .msg-kontakt textarea, #rl_modals_loaded_content #msg-kontakt input, #rl_modals_loaded_content #msg-kontakt textarea { max-width: 100% } #cboxLoadedContent .msg-kontakt .rsform-block-i-agree, #cboxLoadedContent #msg-kontakt .rsform-block-i-agree, #rl_modals_loaded_content .msg-kontakt .rsform-block-i-agree, #rl_modals_loaded_content #msg-kontakt .rsform-block-i-agree { width: 19%; float: left; margin-bottom: 24px; } #cboxLoadedContent .msg-kontakt .rsform-block-datenschutz, #cboxLoadedContent #msg-kontakt .rsform-block-datenschutz, #rl_modals_loaded_content .msg-kontakt .rsform-block-datenschutz, #rl_modals_loaded_content #msg-kontakt .rsform-block-datenschutz { width: 80%; } .rsform-block-header, .rsform-block-footer { padding-left: 0; padding-right: 0; } #cboxWrapper form, #rl_modals_wrapper form { margin: 0 !important; } .rsform-block-ihr-name, .rsform-block-submit-button, .rsform-block-nachricht, .rsform-block-datenschutz, .rsform-block-email { padding-left: 0; padding-right: 0; } .msg-kontakt .rsform-block-header, #msg-kontakt .rsform-block-header { margin-top: 20px; } } @media (max-width: 480px) { #cboxLoadedContent .msg-kontakt .rsform-block-i-agree, #cboxLoadedContent #msg-kontakt .rsform-block-i-agree, #rl_modals_loaded_content .msg-kontakt .rsform-block-i-agree, #rl_modals_loaded_content #msg-kontakt .rsform-block-i-agree { margin-right: 15px !important; } #cboxLoadedContent .msg-kontakt .rsform-block-datenschutz, #cboxLoadedContent #msg-kontakt .rsform-block-datenschutz, #rl_modals_loaded_content .msg-kontakt .rsform-block-datenschutz, #rl_modals_loaded_content #msg-kontakt .rsform-block-datenschutz { width: 100%; } } /* MSG FORMS */ form.msg-forms .two-column-left { padding-right: 7.5px; } form.msg-forms .two-column-right { padding-left: 7.5px; } @media (max-width: 767px) { form.msg-forms .two-column-left { padding-right: 15px; } form.msg-forms .two-column-right { padding-left: 15px; } form.msg-forms .radio-button .formValidation { float: left; clear: both; } } .msg-form-page .entry-header { margin: 60px 0 50px 0; padding-bottom: 10px; } .msg-form-page .entry-header h2 { text-align: left; } .msg-form-page .entry-header h2:after { bottom: -20px; } form.msg-forms .form-control { border-radius: 0; font-size: 17px; box-shadow: none; } form.msg-forms .rsform-block { padding: 0; position: relative; margin-bottom: 15px; min-height: 35px; } form.msg-forms input, form.msg-forms textarea { border: none; } form.msg-forms .rsform-block.radio-button .formControls, form.msg-forms .rsform-block.checkbox-button .formControls { width: auto; } form.msg-forms .rsform-block>div { padding: 0; width: 100%; } form.msg-forms .form-horizontal .control-label { display: block !important; } /*ZT:: Hide weird Required Stars -> (*) */ form.msg-forms .control-label.formControlLabel strong.formRequired { display: none !important; } form.msg-forms .rsform-block-datenschutz { float: left; margin-bottom: 45px; } form.msg-forms .rsform-block-agree .formValidation { margin-top: 10px; } @media (max-width: 580px) { form.msg-forms .rsform-block-datenschutz { /*float:unset;*/ width: 80%; margin-top: -5px; } form.msg-forms .rsform-block-agree .formValidation { margin-top: 30px; } } @media (max-width: 406px) { form.msg-forms .rsform-block-agree .formValidation { margin-top: 50px; } } form.msg-forms .rsform-block-agree { float: left; } form.msg-forms .rsform-block-agree .formValidation { /*position:absolute;*/ width: 300px; display: block; } form.msg-forms .rsform-block-anmerkungen { margin: 0 0 25px 0; float: left; } form.msg-forms .rsform-block-capcha { clear: both; } form.msg-forms .rsform-block-submit { margin-top: 45px; } form.msg-forms .rsform-block-abonnieren, form.msg-forms .rsform-block-Bewertung { font-weight: 400; } /* checkboxes */ form.msg-forms .checkbox-button label { cursor: pointer; position: absolute; width: 25px; height: 25px; left: 2px; } /* radio buttons */ /* Anrede & 'normal' radio buttons */ .rsform-block-anrede .formControls span { margin-right: 20px; } .rsform-block-anrede .formControls label.radio-inline { padding: 2.5px; } .rsform-block-anrede .formControls .rsform-radio { margin-top: -0.5px !important; } form.msg-forms .radio-button label.radio-inline { cursor: pointer; height: 25px; top: 0; width: 25px; position: relative; z-index: 1; margin-left: -20px; margin-right: 15px; } form.msg-forms .radio-button .formControls span { width: 40px; display: inline-block; } form.msg-forms .radio-button.rsform-block-anrede .formControls span, form.msg-forms .radio-button.rsform-block-zusendung .formControls span { margin-right: 20px; } form.msg-forms .radio-button .formControlLabel { min-width: 270px; } form.msg-forms .rsform-block-zusendung .control-label, form.msg-forms .rsform-block-anrede .control-label { width: 140px !important; min-width: 140px !important } form.msg-forms .rsform-block-agree { width: 50px; margin: 0 !important; } form.msg-forms .rsform-block a { text-decoration: underline; } form.msg-forms .rsform-block a:hover { text-decoration: none; } form.msg-forms label { margin-bottom: 0; } #feedbackformular_public .rsform-block-abonnieren { margin: 50px 0 25px 0; font-weight: 400; } #feedbackformular_public .formControls input.rsform-input-box { /* max-width: 500px; */ } form.msg-forms .two-column .rsform-block { width: 50%; float: left; padding: 0 7.5px; min-height: 37px; } form.msg-forms .two-column { margin-left: -7.5px; margin-right: -7.5px; } #feedbackformular_public .two-column .rsform-block input { max-width: 100%; } form.msg-forms .rsform-block-kommentar { margin-bottom: 35px; } @media (max-width: 767px) { form.msg-forms .two-column .rsform-block { width: 100%; float: left; padding: 0; } form.msg-forms .two-column { margin-left: 0px; margin-right: 0px; } #feedbackformular_public .two-column .rsform-block input, #feedbackformular_public .rsform-block-kommentar textarea { max-width: 500px; } } @media (max-width: 991px) { form.msg-forms .radio-button .formControlLabel { width: 100%; margin-bottom: 10px; } form.msg-forms .radio-button .formControls label { max-width: 220px; margin-left: 2px; } form.msg-forms .radio-button .formControls input { visibility: hidden; position: absolute; } form.msg-forms .formControls input.rsform-input-box { max-width: 600px; } } @media (max-width: 580px) { form.msg-forms .radio-button .formControlLabel { width: 100%; } form.msg-forms .radio-button .formControls label { float: left; clear: both; margin-left: 2px; margin-bottom: 15px; } form.msg-forms .rsform-block-zusendung .formControls label, form.msg-forms .rsform-block-anrede .formControls label { clear: none; } form.msg-forms .radio-button .formControls span { float: left; } form.msg-forms .radio-button .formControls input { visibility: hidden; position: absolute; } } @media (max-width: 400px) { form.msg-forms .rsform-block-zusendung .formControls label, form.msg-forms .rsform-block-anrede .formControls label { clear: both; } } form.msg-forms .rsform-block-zusendung2 .control-label { width: 135px !important; line-height: 34px; margin-bottom: 5px; } form.msg-forms .rsform-block-zusendung2 .formControls { width: 240px; } @media (max-width: 767px) { form.msg-forms .rsform-block-zusendung2 .formControls { width: 100%; } } form.msg-forms .rsform-block-zusendung2 .formControls .rsform-select-box { width: 100%; } form.msg-forms .rsform-block-zusendung2 .formControls .chzn-single { border: none; text-decoration: none; } @media (max-width: 430px) { form.msg-forms .rsform-block-zusendung2 .formControls .chzn-container-single { width: 100% !important; } } form.msg-forms .rsform-block-zusendung2 .formControls .chzn-single span { font-size: 17px; } form.msg-forms .rsform-block-zusendung2 .formControls .chzn-drop { box-shadow: none; } form.msg-forms .rsform-block-zusendung2 .formControls .chzn-drop ul { margin: 0; } form.msg-forms .rsform-block-zusendung2 .formControls .chzn-drop ul li { font-weight: 300; font-size: 17px; } form.msg-forms .block-recaptcha { margin-top: 10px; min-height: 78px; } form.msg-forms .rsform-block-i-agree { font-size: 10px; width: 70px; padding-left: 25px; } form.msg-forms .rsform-block-i-agree .checkbox-inline { padding: 0; } form.msg-forms .btn-primary { padding: 10px 110px !important; font-size: 17px; } form.msg-forms .btn-primary:hover { padding: 10px 110px !important; font-size: 17px; } form.msg-forms .rsform-checkbox { width: 0; height: 0 !important; position: relative; margin: 7px 0 24px 10px; opacity: 0; } form.msg-forms .rsform-block-i-agree label { margin-top: 2px; cursor: pointer; position: absolute; width: 25px; height: 25px; top: 0; left: 25px; } form.msg-forms .rsform-block-datenschutz { padding-left: 0; } form.msg-forms .btn { font-size: 16px !important; padding: 10px 80px !important; margin: 25px 5px 0 5px !important; } form.msg-forms .btn-primary:hover { font-size: 16px !important; padding: 10px 80px !important; } form.msg-forms .rsform-block-submit-button .formControls { width: 100%; text-align: center; } form.msg-forms .rsform-block-i-agree { display: relative; z-index: 1; } form.msg-forms .form-horizontal .control-label { width: 0px; padding: 0; } form.msg-forms .rsform-block-submit-button { margin-bottom: 0 !important; } form.msg-forms h2 { margin-top: 0 !important; } .rsform-block-nachricht { margin-bottom: 35px !important; } .rsform-block-nachricht textarea { min-height: 94px; } @media (max-width: 1199px) { form.msg-forms .rsform-block-submit-button label { width: 100%; } } @media (max-width: 1000px) { form.msg-forms .rsform-block-submit-button button { margin: 10px 0 !important; width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center !important; } form.msg-forms .rsform-block-submit-button .formControls { padding: 0 !important; } } @media (max-width: 767px) { form.msg-forms input, form.msg-forms textarea { max-width: 100% } form.msg-forms .rsform-block-i-agree { width: 19%; float: left; margin-bottom: 24px; } form.msg-forms .rsform-block-datenschutz { width: 80%; } .rsform-block-header, .rsform-block-footer { padding-left: 0; padding-right: 0; } form.msg-forms { margin: 0 !important; } .rsform-block-ihr-name, .rsform-block-vorname, .rsform-block-funktion, .rsform-block-unternehmen, .rsform-block-telefonnummer, .rsform-block-submit-button, .rsform-block-nachricht, .rsform-block-datenschutz, .rsform-block-email { padding-left: 0; padding-right: 0; } form.msg-forms .rsform-block-header { margin-top: 20px; } } @media (max-width: 480px) { form.msg-forms .rsform-block-i-agree { margin-right: 15px !important; } form.msg-forms .rsform-block-datenschutz { width: 100%; } } /* ZT:: SAP Forms Styles */ .checkboxList label.radio-inline { margin-left: -12px !important; } #cboxLoadedContent .checkboxList label.radio-inline, #rl_modals_loaded_content .checkboxList label.radio-inline { margin-left: 0 !important; } .to-forms .date-fields .form-group { position: relative; } .to-forms .date-fields .btnCal { margin-top: 0 !important; padding: 4px 10px !important; line-height: 1.2; position: absolute; right: -4px; top: 0; } form.msg-forms.to-forms .formSub { font-size: 12px; } form.msg-forms.to-forms .datenschutz-check { width: 50px; position: absolute; left: 0; } form.msg-forms.to-forms .datenschutz-body { padding-left: 70px; } form.msg-forms.to-forms .datenschutz-check .rsform-block-i-agree { position: relative; top: 4px; } form.msg-forms.to-forms .rsform-block-anrede .control-label { min-width: 100px !important; width: 100px !important; } form.msg-forms.to-forms .rsform-block-anrede .formControls .rsform-radio { margin-left: 5px; } 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 { cursor: pointer; height: 25px; top: 5px; width: 25px; position: relative; z-index: 1; margin-right: 15px; } form.msg-forms.to-forms .theCaption { font-weight: 400; margin-bottom: 30px; min-height: 0; } form.msg-forms.to-forms .radiosCaption { font-weight: 400; margin-bottom: 15px; min-height: 35px; } form.msg-forms.to-forms .dateFields { margin-bottom: 50px; } form.msg-forms.to-forms .personalInfo { margin-bottom: 25px; } form.msg-forms.to-forms .paddedCol { padding-top: 50px; } .datenWrap { padding-top: 25px; } .datenWrap:after { content: ''; display: block; clear: both; font-size: 0; line-height: 0; padding: 0; margin: 0; } form.msg-forms.to-forms .form-group.rsform-block.rsform-block-i-agree input[type="checkbox"] { opacity: 0; } @media (max-width:767px) { form.msg-forms.to-forms .rsform-block-demo-date-1, form.msg-forms.to-forms .rsform-block-demo-date-2 { padding-right: 40px; } form.msg-forms.to-forms .time-field input { width: 100%; } #cboxLoadedContent .datenWrap .rsform-checkbox, #rl_modals_loaded_content .datenWrap .rsform-checkbox { margin-left: 10px; } #cboxLoadedContent .datenWrap .rsform-block-i-agree label, #rl_modals_loaded_content .datenWrap .rsform-block-i-agree label { margin-left: 14px; } #preis-berechnen-form .rsform-block-submit-btn .formControls { text-align: center; } } /* ZT:: Success Factors remove orange buttons */ /* ZT:: END SAP Forms Styles */ /* ZT:: Multipage SAP Forms With Progress Bar */ .to-forms .rsformProgressContainer { border: none; margin-bottom: 30px !important; } .buttons { text-align: center; } .checkboxList li:after { content: ""; display: block; clear: both; } .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 { margin: 0 !important; } .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 { margin: 0 0 0 15px !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 .buttons { display: flex; flex-direction: column; } .to-forms .buttons .rsform-button.btn.btn-success, #cboxLoadedContent .to-forms .buttons .rsform-button.btn.btn-success, #rl_modals_loaded_content .to-forms .buttons .rsform-button.btn.btn-success { order: 1; margin-bottom: 15px !important; } .to-forms .buttons .rsform-button.btn.btn-warning { order: 2; } .to-forms .form-group.rsform-block.rsform-block-submit-btn .formControls, #cboxLoadedContent .to-forms .form-group.rsform-block.rsform-block-submit-btn .formControls, #rl_modals_loaded_content .to-forms .form-group.rsform-block.rsform-block-submit-btn .formControls { display: flex; flex-direction: column; } .to-forms .rsform-submit-button.btn.btn-warning, #cboxLoadedContent .to-forms .rsform-submit-button.btn.btn-warning, #rl_modals_loaded_content .to-forms .rsform-submit-button.btn.btn-warning { order: 2; margin-top: 0 !important; } .to-forms .rsform-submit-button.btn.btn-primary, #cboxLoadedContent .to-forms .rsform-submit-button.btn.btn-primary, #rl_modals_loaded_content .to-forms .rsform-submit-button.btn.btn-primary { order: 1; margin-bottom: 15px !important; } .to-forms .rsform-block-i-agree .help-block.form-error { position: relative; top: 90px; } form.to-forms.msg-forms .rsform-block-datenschutz { min-height: 100px; width: 100% !important; } #cboxLoadedContent .to-forms .form-group.rsform-block.rsform-block-i-agree, #rl_modals_loaded_content .to-forms .form-group.rsform-block.rsform-block-i-agree { left: -8px !important; } .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 { margin: 0 0 10px 0 !important; } .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 { margin: 0 !important; } .to-forms .rsform-submit-button.btn.btn-warning, #cboxLoadedContent .to-forms .rsform-submit-button.btn.btn-warning, #rl_modals_loaded_content .to-forms .rsform-submit-button.btn.btn-warning { width: 100%; margin-right: 0 !important; margin-left: 0 !important; } .to-forms .rsform-submit-button.btn.btn-primary, #cboxLoadedContent .to-forms .rsform-submit-button.btn.btn-primary, #rl_modals_loaded_content .to-forms .rsform-submit-button.btn.btn-primary { margin-left: 0 !important; margin-right: 0 !important; width: 100%; } .to-forms .calendar-control { width: 100% !important; } form.msg-forms.to-forms .btnCal { position: absolute; right: 0; top: 0; width: 36px; } .buttons button { width: 100%; display: block; float: none; margin-bottom: 10px; } form.msg-forms.to-forms .rsform-block-i-agree .help-block.form-error { margin-left: 0 !important; } #cboxLoadedContent form.msg-forms.to-forms .rsform-block-i-agree .help-block.form-error, #rl_modals_loaded_content form.msg-forms.to-forms .rsform-block-i-agree .help-block.form-error { margin-left: 0 !important; } #cboxLoadedContent .to-forms .form-group.rsform-block.rsform-block-datenschutz, #rl_modals_loaded_content .to-forms .form-group.rsform-block.rsform-block-datenschutz { padding-top: 4px; } #cboxLoadedContent .to-forms .form-group.rsform-block.rsform-block-datenschutz, #rl_modals_loaded_content .to-forms .form-group.rsform-block.rsform-block-datenschutz { width: 100% !important; } } @media (max-width:610px) { .checkboxList li { display: table; position: relative; } .checkboxList li label { position: absolute !important; top: 2px !important; } .checkboxList li label+span { display: table-cell; vertical-align: top; padding-left: 40px; } #cboxLoadedContent .to-forms .rsform-block-i-agree .help-block.form-error, #rl_modals_loaded_content .to-forms .rsform-block-i-agree .help-block.form-error { position: relative; top: 140px; } #cboxLoadedContent form.to-forms.msg-forms .rsform-block-datenschutz, #rl_modals_loaded_content form.to-forms.msg-forms .rsform-block-datenschutz { min-height: 180px; } .radiosList li label+span { padding-left: 40px; } .radiosList li { margin-left: 2px; margin-bottom: 10px; display: table; position: relative; min-height: 25px; } .radiosList li label { position: absolute !important; top: 2px !important; } .radiosList li label+span { display: table-cell; vertical-align: top; padding-left: 40px; } } @media (max-width:480px) { .to-forms .rsform-block-i-agree .help-block.form-error { position: relative; top: 140px; } form.to-forms.msg-forms .rsform-block-datenschutz { min-height: 140px; width: 100% !important; } } @media (max-width:420px) { .to-forms .rsform-block-i-agree .help-block.form-error { position: relative; top: 180px; } #cboxLoadedContent .to-forms .rsform-block-i-agree .help-block.form-error, #rl_modals_loaded_content .to-forms .rsform-block-i-agree .help-block.form-error { position: relative; top: 180px; } } @media (max-width:320px) { .to-forms .rsform-block-i-agree .help-block.form-error { position: relative; top: 220px; } #cboxLoadedContent .to-forms .rsform-block-i-agree .help-block.form-error, #rl_modals_loaded_content .to-forms .rsform-block-i-agree .help-block.form-error { position: relative; top: 220px; } } /* ZT:: END Multipage SAP Forms With Progress Bar */ /*************************************************************/ /* [_OSYT] EXTENSION: OSYouTube */ /*************************************************************/ /* Enable responsive video within overlay/modal */ body .video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; } body .video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; margin: 0; } /* ZT:: Add class to modals that have video inside with above .video-responsive class */ #colorbox.video-modal:not(.noCssPos), #rl_modals.video-modal:not(.noCssPos), #colorbox .video-modal.video-responsive:not(.noCssPos), #rl_modals .video-modal.video-responsive:not(.noCssPos) { top: 50% !important; transform: translateY(-50%) !important; } /* END ZT */ /*****************************************************/ /* BEWERBUNGSFORMULAR */ /*****************************************************/ /* Typography */ .form-horizontal .form-group { margin: 0; } .bewerbungsformular .entry-header, .inline-form .entry-header { margin: 65px 0 50px 0; } .bewerbungsformular .entry-header h2, .inline-form .entry-header h2 { text-align: left; } .bewerbungsformular .entry-header h2:after, .inline-form .entry-header h2:after { margin-left: 0; } .bewerbungsformular form h2, .inline-form form h2 { margin-bottom: 25px; } .bewerbungsformular .form-control, .inline-form .form-control { border-radius: 0; font-size: 17px; box-shadow: none; } .form-horizontal .control-label { display: none; text-align: left; width: inherit; font-weight: 300; } .form-horizontal .rsform-block-anrede .control-label, .form-horizontal .rsform-block-eintritt .control-label, .form-horizontal .rsform-block-bewerbungsunterlagen .control-label, .form-horizontal .rsform-block-agree .control-label { display: inline-block; } .form-horizontal .rsform-block-agree .checkbox-inline { padding: 0 !important; margin: 0 !important; } .form-horizontal .rsform-block-bewerbungsunterlagen .control-label { width: auto; margin-right: 15px; } .rsform-block-eintritt .formControls { padding-right: 0; } .rsform-block-eintritt .formValidation { float: right; } #bewerbungsformular .form-group { padding: 0 7.5px; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: relative; margin: 0; } .rsform-block-agree, .rsform-block-bestatigung-text, .rsform-block-capcha { margin-top: 25px !important; } /* Homepage */ .apps-store a { display: inline-block; } .apps-store>div { text-align: center; } @media (max-width: 991px) { .sppb-progress { display: none; } } /* Kontaktformular with Overlay */ .bewerbungsformular #nachricht, .inline-form #nachricht, .rsform-block-recommendation #recommendation { resize: none; } .bewerbungsformular .rsform-block-footer, .inline-form .rsform-block-footer { margin-top: 0; } .bewerbungsformular .form-horizontal .form-group, .inline-form .form-horizontal .form-group { margin-bottom: 15px; } .bewerbungsformular #at-kontakt, .inline-form #at-kontakt { font-size: 17px; } .bewerbungsformular #at-kontakt h2, .inline-form #at-kontakt h2 { margin-top: 45px; font-size: 22px; } .bewerbungsformular .rsform-block-datenschutz a, .inline-form .rsform-block-datenschutz a { text-decoration: underline; } .bewerbungsformular .rsform-block-datenschutz a:hover, .inline-form .rsform-block-datenschutz a:hover { text-decoration: none; } .bewerbungsformular input, .inline-form input { border: none; } .bewerbungsformular textarea, .inline-form textarea { border: none; padding: 5px 12px; } .bewerbungsformular .rsform-block-agree, .inline-form .rsform-block-agree { font-size: 10px; width: 70px; padding-left: 25px; } .bewerbungsformular .rsform-block-agree .checkbox-inline, .inline-form .rsform-block-agree .checkbox-inline { padding: 0; } .bewerbungsformular .btn-primary, .inline-form .btn-primary { padding: 10px 110px !important; font-size: 17px; } .bewerbungsformular .btn-primary:hover, .inline-form .btn-primary:hover { padding: 10px 110px !important; font-size: 17px; } .bewerbungsformular .rsform-checkbox, .inline-form .rsform-checkbox { height: auto !important; position: relative; margin: 7px 0 24px 10px; } .bewerbungsformular .rsform-checkbox, .inline-form .rsform-checkbox { width: 0; height: 0 !important; position: relative; } .bewerbungsformular .rsform-block-agree label, .inline-form .rsform-block-agree label { margin-top: 2px; cursor: pointer; position: absolute; width: 25px; height: 25px; top: 0; left: 25px; } .bewerbungsformular .rsform-block-datenschutz, .inline-form .rsform-block-datenschutz { padding-left: 0; } .bewerbungsformular .rsform-block-submit, .inline-form .rsform-block-submit { font-size: 16px !important; margin: 25px 5px 0 5px !important; } .bewerbungsformular .rsform-block-submit:hover, .inline-form .rsform-block-submit:hover { font-size: 16px !important; } .bewerbungsformular .rsform-block-submit-button .formControls, .inline-form .rsform-block-submit-button .formControls { width: 100%; text-align: center; } .bewerbungsformular .rsform-block-agree, .inline-form .rsform-block-agree { display: relative; z-index: 1; } .bewerbungsformular .rsform-block-submit-button, .inline-form .rsform-block-submit-button { margin-bottom: 0 !important; } .bewerbungsformular h2, .inline-form h2 { margin-top: 0 !important; } .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 { font-size: 21px; font-weight: 600; line-height: 38px; margin-top: 35px !important; margin-bottom: 20px !important; } #bewerbungsformular .rsform-block-bewerbungsunterlagen { margin-bottom: 45px; } /* checkbox */ #bewerbungsformular .rsform-block-i-agree { font-size: 10px; width: 40px; } #bewerbungsformular .rsform-block-i-agree .checkbox-inline { padding: 0; } #bewerbungsformular .rsform-checkbox { height: auto !important; margin: 7px 0 24px 10px; position: relative; } #bewerbungsformular .rsform-checkbox { height: 0 !important; position: relative; width: 0; } #bewerbungsformular .rsform-block-i-agree label { cursor: pointer; height: 25px; left: 5px; margin-top: 2px; position: absolute; top: 0; width: 25px; } #bewerbungsformular .rsform-block-i-agree { z-index: 1; } #bewerbungsformular .rsform-block-i-agree .formError { width: 100%; min-width: 350px; display: block; margin-left: -5px; margin-top: 4px; } /* Error messages */ .formError { font-weight: 400; font-size: 13px; } /* radio buttons */ #bewerbungsformular .rsform-radio { position: absolute; left: 0; visibility: hidden; } #bewerbungsformular .rsform-block-anrede label.radio-inline { cursor: pointer; height: 25px; top: 0; width: 25px; position: relative; z-index: 1; margin-left: -15px; } #bewerbungsformular .rsform-block-anrede span { margin-left: 15px; margin-right: 50px; } /* upload button */ #bewerbungsformular .fileUpload { position: relative; overflow: hidden; margin: 10px; } #bewerbungsformular .fileUpload input.rsform-upload-box { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } input#uploadFile, input.uploadFile { height: 34px; line-height: 1.42857; padding: 6px 12px; } .rsform-block-bewerbungsunterlagen .formControls { display: inline-block; } #bewerbungsformular .rsform-block-submit { padding-left: 0; } #bewerbungsformular .rsform-block-i-agree { margin-left: 4px; } #bewerbungsformular .rsform-checkbox { margin: 7px 0 24px 5px; } @media (max-width: 1199) { #bewerbungsformular .rsform-block-anrede span { margin-right: 30px; } #bewerbungsformular .rsform-block-anrede .formControls { padding: 0; } #bewerbungsformular .rsform-block-anrede .formControlLabel { padding-right: 0; } #bewerbungsformular .rsform-block-anrede span { margin-right: 25px; margin-left: 10px; } } @media (max-width: 767px) { #bewerbungsformular .rsform-block-anrede .formControlLabel { width: 150px; } #bewerbungsformular .rsform-block-eintritt .formControls, #bewerbungsformular .rsform-block-eintritt .formControlLabel, #bewerbungsformular .rsform-block-anrede .formControlLabel, #bewerbungsformular .rsform-recommendation .formControls { padding: 0; } #bewerbungsformular .rsform-block-bewerbungsunterlagen .fileUpload { margin-left: 0; } .rsform-block-eintritt .formValidation { float: none; } #bewerbungsformular .rsform-block-anrede .radio-inline { margin-right: 15px; } #bewerbungsformular .rsform-block-i-agree { margin-right: 8px; } #bewerbungsformular .rsform-block-anrede span { margin-left: 0; } } @media (max-width: 480px) { #bewerbungsformular .rsform-block-i-agree .formValidation { float: left; margin-top: 35px; } } /* ZT:: New Form Alerts */ .form-alert-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 20000; opacity: .9; } .form-alert { position: absolute; z-index: 20100; width: 600px; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 50px; } .form-alert .form-alert-close { display: block; cursor: pointer; position: absolute; opacity: 1; right: -15px !important; top: -15px !important; z-index: 8040; border-radius: 40px; height: 40px; width: 40px; border: 0; font: 0/0 a; text-shadow: none; line-height: 14px; } .form-alert .form-alert-close:after { color: #fff; content: "\f00d"; font-family: "Font Awesome 5 Free"; font-size: 20px; left: 14px; position: absolute; top: 13px; font-weight: 600; } .form-alert .form-alert-title { margin-top: 0; } .form-alert .form-alert-message { margin-bottom: 25px; } .form-alert.hasDownloadBtn .downWrap { display: block; margin-bottom: 10px; } .form-alert.hasDownloadBtn .downWrap a, .form-alert.hasDownloadBtn .frmNextBtn { min-width: 200px; } @media screen and (max-width: 339px) { .form-alert.hasDownloadBtn .downWrap a, .form-alert.hasDownloadBtn .frmNextBtn { min-width: 0; width: 100%; } } /*.form-alert a.frmNextBtn { z-index: 8050; }*/ @media screen and (max-width: 648px) { .form-alert { width: 90%; } } /* ZT:: New Form validation error class */ .help-block.form-error { font-size: 14px; display: inline !important; } .rsform-block-i-agree .help-block.form-error, .rsform-block-anrede .help-block.form-error { width: 300px !important; display: block !important; } @media (max-width: 768px) { #colorbox .rsform-block-i-agree .help-block.form-error, #rl_modals .rsform-block-i-agree .help-block.form-error { margin-left: 20px; margin-top: 20px; } } @media (max-width: 480px) { #colorbox .rsform-block-i-agree .help-block.form-error, #rl_modals .rsform-block-i-agree .help-block.form-error { margin-top: 40px; max-width: 200px; } } @media (max-width: 320px) { #colorbox .rsform-block-i-agree .help-block.form-error, #rl_modals .rsform-block-i-agree .help-block.form-error { margin-top: 80px; } } /***************************************************************************************************************************************************/ /* JOOMLA HTML TEMPLATE OVERRIDES */ /***************************************************************************************************************************************************/ /* ARTICLE TEMPLATE: Events ZT:: Fixing AF CODE 29.01.2019 */ .event_date { text-align: center; margin-bottom: 25px; } .event_date p { margin: 0; } .event_info_block { float: left; } .event_intro_image { float: left; padding-left: 15px; } #sp-main-body .karriere-events .event_text .btn { display: inline-block; width: auto !important; } .blog.karriere-events .intro-image { margin-bottom: 0; } .blog.karriere-events h2 { margin-top: 0; font-size: 18px; line-height: 22px; font-weight: normal; } .blog.karriere-events h3 { margin-top: 13px; font-size: 16px; font-weight: 500; } .blog.karriere-events .srfrContainer h3 { margin-top: 13px; font-size: 14px; font-weight: 300; } .event_info { font-size: 15px; } .blog.karriere-events .category-desc { margin-bottom: 50px; } .blog.karriere-events .category-desc h1 { text-transform: uppercase; } #sp-main-body .karriere-events .btn { padding: 5px 0 !important; width: 100%; margin-bottom: 10px; } .blog.karriere-events .items-leading .leading { padding: 25px 25px 15px 25px; margin-bottom: 25px; } .aktuelles .blog.karriere-events .items-leading .leading { padding: 25px 25px 15px 25px; margin-bottom: 25px; } .event_info_block { position: relative; z-index: 1; } @media (max-width: 991px) { .event_date, .event_info_block { display: none; } .event_intro_image { padding-left: 0px; width: 100%; } } @media (max-width: 767px) { .event_date, .event_info_block { display: none; } .event_intro_image img { margin: 0 auto 20px auto; max-width: 200px; } } /* ZT:: END Fixing AF CODE */ /* EVENT DETAIL VIEW */ .view-article.karriere-events #sp-main-body>.container, .view-article.karriere-events #sp-main-body .container #sp-slideshow { width: 100%; padding: 0; max-width: 100%; } .view-article.karriere-events #sp-main-body { padding-bottom: 0; } .view-article.karriere-events .zusatzinfos .fa, .topics-blog-item .downloads-and-links .fa, .job-sidebar-wrapper .downloads-and-links .fa { width: 20px; margin-right: 6px; } .karriere-events .downloads-and-links p { margin-bottom: 0px !important; } .view-article.karriere-events .col-md-8.col-sm-6 a { text-decoration: underline; } .view-article.karriere-events .col-md-8.col-sm-6 a.sppb-btn { text-decoration: none; } /* Zusatzinfos */ .karriere-events h4, .topics-blog-item h4, .job-sidebar-wrapper h4 { font-size: 20px !important; font-weight: 600; margin-bottom: 28px; } .karriere-events .zusatzinfos span { font-weight: 400; } .spacer50 { display: block; height: 50px; } .karriere-events.view-article article.item { padding-bottom: 70px; } .karriere-events.view-article article.googlemap.item { margin-bottom: 300px; } .karriere-events.view-article div[id^="mapplaceholder"] { bottom: 0; height: 300px !important; left: 0; position: absolute; width: 100%; padding: 0 15px; } .karriere-events .mobile_slide_content>div { margin-bottom: 0; margin-top: 20px; } .karriere-events.view-article .zusatzinfos p { margin-bottom: 20px; } .karriere-events.view-article .zusatzinfos span[id^="cloak"] a { font-weight: 300; } .event_banner p.img_caption, .mapprint { display: none; } .karriere-events.view-article .zusatzinfos a:hover { text-decoration: underline; } .karriere-events.view-article .zusatzinfos a.sppb-btn:hover { text-decoration: none; } .event_banner.opacity30 img { opacity: 0.3; } @media (max-width: 991px) { .karriere-events.view-article .zusatzinfos { margin-top: 50px; } .event_banner_text_inner { display: none; } } @media (max-width: 767px) { .karriere-events .zusatzinfos { margin: 0; } } /* EVENT FEED AS ACCORDION */ .sppb-panel-title { display: table !important; } .eventfeed .sppb-panel-title .date { display: table-cell; vertical-align: middle; min-width: 94px; line-height: 18px; } .sppb-panel-title .title { display: table-cell; vertical-align: middle; line-height: 18px; } .eventfeed .sppb-panel-body { font-size: 16px; } .eventfeed h2+p { display: inline; } .eventfeed p+a { display: inline; } @media (max-width: 1199px) { .eventfeed .sppb-panel i { margin-right: 18px; } .eventfeed .sppb-panel-title .title { font-size: 14px; line-height: 17px; } } @media (max-width: 767px) { .eventfeed .sppb-panel-title .date { width: 88px; } } @media (max-width: 480px) { .eventfeed .sppb-panel-title .date { font-size: 13px; width: 82px; } .eventfeed .sppb-panel-title .title { font-size: 13px; line-height: 16px; } } /* EVENT FEED AS ACCORDION - v2 News Enhanced Module */ /* warum */ .img-text-horizontal { margin-bottom: 32px; } #sp-main-body .img-text-horizontal h6 { background: none; border: medium none; font-size: 19px !important; font-weight: 400; margin-bottom: 12px !important; } .img-text-horizontal h6:after { background: none !important; } #sp-main-body .img-text-horizontal .sppb-addon-text-block { margin-bottom: 16px; } #sp-main-body .img-text-horizontal a { margin-bottom: 16px; } #sp-main-body .img-text-horizontal img { margin-bottom: 20px; } .zurick-button { margin-bottom: 50px; } .accordion-block h3 { font-size: 21px; font-weight: 600; margin-top: 40px; } /* Eventfeed accordion fix due to date+text taking up much space */ /* Accordion fix */ @media (max-width: 480px) { .sppb-addon-accordion.eventfeed .sppb-panel-title { line-height: 15px; display: block !important; } .sppb-addon-accordion.eventfeed:not(.fadeInkarriere) .sppb-panel-title .date, .eventfeed:not(.fadeInkarriere) .sppb-panel-title .title { display: inline; font-size: 13px; line-height: 15px; position: relative; top: 2.5px; } .sppb-addon-accordion.eventfeed .sppb-panel-title .date { font-size: 12px; } .sppb-addon-accordion.eventfeed .sppb-panel-title .date:after { content: '– '; } .sppb-addon-accordion.eventfeed .sppb-panel>.sppb-panel-heading>.sppb-panel-title { /*padding-right: 3px;*/ } .eventfeed .sppb-panel i { margin-right: 10px !important; } } /*************************************************************/ /* [_GOOG] ARTICLE TEMPLATE: Google Search */ /*************************************************************/ /* DS:: adding top margin for search sites that have transparent header */ body.sticky.semitransparent-thin-navigation.google_search header#sp-header+section { margin-top: 60px; } body.sticky.transparent-navigation.google_search header#sp-header+section { margin-top: 110px; } /* main container for search page */ body.google_search #sp-main-body>div { width: 100%; padding: 0; } /* module search box */ .msg-multilevel-megamenu .google_search.search_block{ padding-bottom: 50px; padding-top: 200px; } @media screen and (max-width:768px) { .msg-multilevel-megamenu .google_search.search_block{ padding-bottom: 50px; padding-top: 100px; } } .google_search.search_block { padding: 50px 0; } .google_search.search_block input[type="text"], .google_search.search_block input[type="text"]:focus { border-radius: 0; box-shadow: none; height: 46px; font-size: 19px; width: 100%; } .google_search.search_block .search_btn_container { padding-left: 0px; } .google_search.search_block .selectors .chzn-container-single { width: 260px !important; } .google_search.search_block button { width: 100%; padding: 10px 0px !important; } .google_search.search_block .selectors { margin-top: 15px; } .google_search.search_block .radio { display: inline-block; margin: 0 25px 0 0; line-height: 41px; } .google_search.search_block .radio input[type="checkbox"], .google_search.search_block .radio input[type="radio"] { margin-right: 25px; margin-left: 0; opacity: 0; position: relative; } .google_search.search_block .radio label { cursor: pointer; height: 25px; left: 2px; position: absolute; top: 9px; width: 25px; } .google_search.search_block #site_chzn, .google_search.search_block #language_chzn, .google_search.search_block #category_chzn, .google_search.search_block .karriere-radio { margin-right: 25px; margin-bottom: 25px; } .google_search.search_block .karriere-radio { display: inline-block; vertical-align: middle; } .google_search.search_block .chzn-container-active.chzn-with-drop .chzn-single div b { background-position: -18px 15px; } .google_search.search_block .chzn-container-single .chzn-single div { width: 15px; } .google_search .chzn-container-single .chzn-single, .google_search .chzn-container-active.chzn-with-drop .chzn-single { font-size: 17px; line-height: 44px; } .google_search .chzn-container .chzn-drop { z-index: 2; } @media (max-width: 767px) { .google_search.search_block .search_btn_container { padding-left: 15px; margin-top: 15px; } .google_search.search_block .selectors .chzn-container-single { width: 100% !important; margin-bottom: 8px; } } /* google search - red-bar */ .google_search #sp-main-body { padding-bottom: 0; } .google_search.search_results .red-bar { margin-top: 60px; padding: 45px 0; } .red-bar.archive-bar { padding: 45px 0; } /* google search - menu search box */ #sp-menu .google_search.search_block { padding: 30px; font-weight: 300; } #sp-header #sp-menu .google_search .sp-dropdown { right: -77px; width: 700px !important; } #sp-menu .google_search .sp-dropdown .sp-dropdown-inner, #sp-menu .google_search .sp-dropdown .sp-dropdown-inner .sp-module { padding: 0 !important; } .sp-megamenu-parent .google_search .sp-dropdown .sp-dropdown-inner .row>div { padding: 0 15px !important; } .sp-megamenu-parent .google_search .sp-dropdown .sp-dropdown-inner .row>div.search_btn_container { padding-left: 0 !important; } #sp-menu .google_search .selectors { font-size: 16px; } #sp-menu .google_search.active a { border-top: 3px solid transparent; } @media (max-width: 767px) { #sp-menu .google_search .sp-dropdown { display: none !important; } } @media (min-width: 991px) { #sp-menu .google_search>a { pointer-events: none; } } .offcanvas-menu .offcanvas-inner .sp-module ul>li a.offcanvas_hidden { display: none; } /* results block */ .google_search.search_results { min-height: 250px; } .google_search.search_results .search_details { padding: 45px 0 30px; } .google_search.search_results .search_details .total_results.empty { margin-top: 60px; } .google_search.search_results .result_block p { max-width: 850px; } .google_search.search_results .result_block p { margin: 0; } .google_search.search_results .result_block .result_single { margin-bottom: 25px; } .google_search.search_results p.total_results, .google_search.search_results p.gss_title { font-size: 19px; } .google_search.search_results p.gss_url { font-size: 15px; } .google_search.search_results p.gss_title, .google_search.search_results p.gss_url { margin-bottom: 5px; } .google_search.search_results .result_block p.gss_desc b, .google_search.search_results .result_block p.gss_title b { font-weight: 400; } .google_search.search_results .pagination { display: none !important; text-align: center; } .google_search.search_results .pagination a { padding: 2px 10px; margin: 0 5px; font-size: 15px; } .google_search.search_results #load_more { text-align: center; font-size: 19px; margin-top: 75px; margin-bottom: 75px; cursor: pointer; } .google_search.search_results #load_more.disabled { display: none; } .google_search.search_results #load_more hr { width: 150px; margin-bottom: 25px; } /* The New Search. New home-neu page msg */ #sp-new-search { position: fixed; left: 50%; transform: translateX(-50%); top: 12px; } #sp-new-search .google_search.search_block{ opacity: 0; transition: opacity .2s ease-in; } .sticky-active #sp-new-search .google_search.search_block { opacity: 1; } #sp-new-search .google_search.search_block #searchInputField { pointer-events: none; } .sticky-active #sp-new-search .google_search.search_block #searchInputField { pointer-events: auto; } #sp-new-search .search_input{ border-radius: 32px!important; } #sp-new-search .google_search.search_block { background: transparent; padding: 0; } #sp-new-search .google_search.search_block .row:nth-child(2){ display: none; } #sp-new-search .search_btn_container { display: none; } #sp-new-search .col-sm-10 { width: 100%; } #sp-new-search .col-sm-10:after { content: "\f002"; font-size: 16px; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 36px; top: 50%; transform: translateY(-50%); } #sp-standorte { float: right; } body.page-home-neu #sp-menu li.sp-menu-item.menu-social-icon, body.page-home-new #sp-menu li.sp-menu-item.menu-social-icon, body.page-home-neu #sp-menu li.sp-menu-item.search-icon.google_search, body.page-home-new #sp-menu li.sp-menu-item.search-icon.google_search { display: none; } /* END The New Search. */ /* JP - removed number of search results, replaced it with margin - start */ .search_results { margin-top: 50px; } /* JP - removed number of search results, replaced it with margin - end */ /* JP - category search - start */ .search-category { display: inline-block; } @media only screen and (max-width: 767px) { .search-category { display: block; } } /* JP - category search - end */ /***************************************************************************************************************************************************/ /* [__BLOG] TOPICS BLOG - LAYOUT */ /***************************************************************************************************************************************************/ /* Blog overview layout */ #blog-item-header .camera_fakehover, #blog-item-header .camera_target, #blog-item-header .cameraCont { height: auto !important; } .topics-blog #sp-main-body>.container:first-of-type { width: 100%; padding: 0; } .topics-blog-item .intro-text-item-page { margin-bottom: 50px; font-style: italic; } .topics-blog .topics-blog-layout .row div.col-md-2.col-sm-3 { padding: 0; } @media (min-width: 992px) and (max-width: 1199px) { .topics-blog .topics-blog-layout .row div.col-md-2.col-sm-3 { min-width: 104px; } .topics-blog .topics-blog-layout .row div.col-md-10.col-sm-9 { max-width: 465px; } } @media (min-width: 768px) and (max-width: 991px) { .topics-blog .items-leading.clearfix.topics-blog-layout { padding-right: 30px; } } .topics-blog .topics-blog-layout .event_intro_image { float: none; padding: 0; margin: auto; padding-bottom: 25px; min-width: 85px; max-width: 85px; } .topics-blog .topics-blog-layout .event_intro_image img { margin: auto; min-width: 85px; max-width: 85px; } .topics-blog .topics-blog-layout .event_info_block { float: none; padding: 0; margin: auto; width: 60%; } .topics-blog .filter_hide { opacity: 0; transition: opacity .5s; } .topics-blog .inline_Tags .filter-tag:hover { text-decoration: underline; } .topics-blog .event_intro_image .rounded-image { border-radius: 100%; } .blog-item .article-tags a:hover { text-decoration: underline; } /* Sidebar */ #topics-blog-sidebar h4 { margin-top: 0; margin-bottom: 30px; } #topics-blog-sidebar .downloads-and-links i.fa { width: 20px; margin-right: 6px; } #topics-blog-sidebar .downloads-and-links a:hover { text-decoration: underline; } .karriere-events .topics-blog-sidebar a { font-size: 15px; line-height: 1.5; display: block; margin-bottom: 1.5px; } .topics-blog-sidebar .habensiefragen .stelleanzeige ul li:before { content: none; } .karriere-events .topics-blog-sidebar .downloads-and-links a { display: inline-block; } .topics-blog-sidebar .all-topics { margin-top: 15px; } .msgm3 .topics-blog-sidebar a.active { font-weight: 400; } .topics-blog-sidebar a.active { font-weight: 400; } .topics-blog-item .topics-blog-sidebar .sidebar-block { margin-bottom: 50px; } .topics-blog-item .topics-blog-sidebar .sidebar-block.share-block { margin-bottom: 15px !important; } .topics-blog-item .blog-item.item.item-page .back-to-blog { margin-bottom: 25px; } /* Item details page */ .topics-blog-item .blog-item.item.item-page .back-to-blog { margin-top: 3px; } @media (max-width: 991px) { .topics-blog-item .blog-item.item.item-page .back-to-blog a.sppb-btn { margin-top: 50px; } } .loadedauthor-wrapper .moduletable h3 { display: none; } .loadedauthor-wrapper .moduletable h4 { font-size: 18px !important; } .loadedauthor-wrapper .moduletable { overflow: auto; } .loadedauthor-wrapper .moduletable .custom { padding-top: 50px; padding-bottom: 50px; overflow: auto; left: 0; } .topics-blog-item #blog-item-header.sppb_slideshow_wrapper:not(.no_image) h1 { margin-bottom: 0px; } .topics-blog-item #blog-item-header.sppb_slideshow_wrapper:not(.no_image) h2 { font-weight: 400; text-transform: none; font-size: 24px; line-height: 34px; } .topics-blog-item.karriere-events #blog-item-header .camera_caption h1 span { /* font-weight: 800; */ } .topics-blog-item .blog-item .article-tags { margin-top: 30px; } .topics-blog-item .blog-item .article-tags a, .topics-blog-item .blog-item .article-tags { font-size: 15px; } .loadedauthor-wrapper.container { width: 100%; } .loadedauthor-wrapper .moduletable .custom img.rounded-image { max-width: 140px; margin: auto; margin-bottom: 25px; border-radius: 100%; } .loadedauthor-wrapper .moduletable .custom h4 { font-weight: 300; margin-bottom: 10px; margin-top: 0; } .loadedauthor-wrapper .bold-heading .moduletable .custom h4 { font-weight: 600; } .loadedauthor-wrapper .bold-heading{ padding-left: 0px; } .loadedauthor-wrapper .moduletable .custom p { font-size: 15px; line-height: 24px; margin-bottom: 20px; } .loadedauthor-wrapper .management-links a { margin: 0 25px 0 -5px; display: inline-block; min-width: inherit; text-align: left; padding: 5px; } .loadedauthor-wrapper.container.has-googlemap { margin-bottom: 0px; } .loadedauthor-wrapper.has-googlemap>.loadedauthor-container:last-child { margin-bottom: 300px !important; } /*****************************************************/ /* SHAREICON GENERAL STYLES */ /*****************************************************/ /* General style and corrections */ .topics-blog-item .shariff ul, .shariff ul { padding-left: 0 !important; } .topics-blog-item .shariff ul li:before, .shariff ul li:before { content: none !important; } /* Typography */ .topics-blog-item .shariff .theme-white .shariff-button, .shariff .theme-white .shariff-button { border: none !important; text-transform: uppercase; } .topics-blog-item .shariff li .fa, .shariff li .fa { font-size: 22px !important; float: left; -webkit-transition: color 400ms, background-color 400ms; transition: color 400ms, background-color 400ms; } .topics-blog-item .shariff li, .shariff li { height: 45px; text-align: center; } .topics-blog-item .shariff .theme-white a, .shariff .theme-white a { text-decoration: none !important; } .topics-blog-item .shariff .orientation-horizontal li .share_text, .shariff .orientation-horizontal li .share_text { display: none !important; } .topics-blog-item .shariff .orientation-horizontal li, .shariff .orientation-horizontal li { min-width: 0; -ms-flex: none !important; flex: none !important; } .topics-blog-item .shariff li .fa, .topics-blog-item .shariff .orientation-horizontal li, .shariff li .fa, .shariff .orientation-horizontal li { width: 45px; min-width: 45px !important; max-width: 45px !important; line-height: 45px; margin-right: 8px; } /*****************************************************/ /* SHAREICON SPECIFIC STYLES */ /*****************************************************/ .topics-blog-item .shariff.smaller-icons li .fa, .topics-blog-item .shariff.smaller-icons .orientation-horizontal li, .shariff.smaller-icons li .fa, .shariff.smaller-icons .orientation-horizontal li { width: 35px; min-width: 35px !important; max-width: 35px !important; line-height: 35px; font-size: 18px !important; } /* SHAREICON RESPONSIVE STYLES */ @media only screen and (max-width: 360px) { .topics-blog-item .shariff li .fa, .shariff li .fa { font-size: 19px !important; } .topics-blog-item .shariff li .fa, .topics-blog-item .shariff .orientation-horizontal li, .shariff li .fa, .shariff .orientation-horizontal li { width: 35px; max-width: 35px; line-height: 35px; } .topics-blog-item .shariff li, .shariff li { height: 35px; } } /* Comments Section */ .topics-blog-item #kt, .topics-blog-item #kt .btn-primary { font-family: "Open Sans", sans-serif !important; } .topics-blog-item #sp-main-body .container>.row>.container { clear: both; } .topics-blog-item #kt .kt-form-composer, .topics-blog-item #kt .o-grid .o-grid__cell .o-control-input input { box-shadow: none; border-radius: 0; font-size: 14px; font-weight: 300; font-family: "Open Sans", sans-serif !important; } .topics-blog-item #kt .kt-comments__item .k-ovr--bold { font-weight: 600; } .topics-blog-item #kt .kt-comment-content__hd { padding-bottom: 6px; } .topics-blog-item #kt .kt-comments-title { font-size: 20px !important; position: relative; font-weight: 600; font-family: "Open Sans", sans-serif; margin: 70px 0 50px 0; } .topics-blog-item #kt .kt-comments-title:after { content: ""; height: 2px; position: absolute; width: 50px; left: 0; bottom: -20px; } .topics-blog-item #kt .kt-comments__item.is-parent.is-featured .kt-comment-message { font-weight: 400; } .topics-blog-item #kt .kt-comments__item { margin-top: 7.5px; } .topics-blog-item #kt textarea { font-weight: 300; font-family: "Open Sans", sans-serif !important; } .topics-blog-item #kt form { margin: 50px 0; } .topics-blog-item #kt form .kt-form__title-bar { margin-bottom: 25px; } .topics-blog-item #kt form .o-grid .o-grid__cell.t-text--right { align-self: flex-end; } .topics-blog-item #kt .btn-primary { font-weight: 300 !important; font-size: 17px !important; } .topics-blog-item #kt #g-recaptcha-comments .grecaptcha-badge { bottom: 75px !important; } .topics-blog-item #kt .showmore { font-size: 17px; } .topics-blog .sidebar-module-pos { max-width: 250px !important; } .topics-blog .topics-blog-sidebar .sidebar-block { margin-bottom: 50px; } @media(max-width: 768px) { .topics-blog-item #kt .o-grid__cell .o-grform-oup { margin: 0; } .topics-blog-item #kt { padding-left: 15px; padding-right: 15px; } .topics-blog-item #kt .o-grid .o-form-group label { display: none; } .topics-blog-item #kt .o-grid { margin-bottom: 40px; } } .topics-blog .sidebar-module-pos .acymailing_form input { width: 100% !important; border-radius: 0; } .topics-blog .sidebar-module-pos .acymailing_form { margin-top: 20px !important; } .topics-blog .sidebar-module-pos .acymailing_introtext { font-size: 16px; line-height: 1.5; } .topics-blog .sidebar-module-pos h3 { font-size: 21px; font-weight: 600; margin-top: 50px; margin-bottom: 30px; } .topics-blog .sidebar-module-pos .responseContainer.acymailing_module_success { background: none; padding: 0 !important; font-size: 16px; box-shadow: none; margin-top: 15px !important; } .topics-blog-item #kt .o-checkbox { padding-left: 18px; } .topics-blog-item #kt .o-checkbox input[type="checkbox"] label { padding-left: 10px; } .topics-blog-item #kt .o-checkbox input[type="checkbox"]:checked+label:after { content: ''; } .topics-blog-item #kt .o-checkbox label { padding-left: 15px; } /* Modal */ .topics-blog-item #kt.kt-dialog.has-footer .kt-dialog-footer { display: none; } .topics-blog-item #kt.kt-dialog.has-footer .kt-dialog-body { border-bottom: none; margin-top: 20px; } .topics-blog-item #kt .kt-dialog-container { height: auto; border: none; padding: 50px; } #kt .kt-dialog-header { text-align: center; border: none; padding-top: 50px; padding-left: 50px; padding-right: 50px; padding-bottom: 50px; border-radius: 0; } .topics-blog-item #kt .kt-dialog-title { font-size: 21px !important; font-weight: 600; } #kt.kt-dialog.has-footer .kt-dialog-modal { min-width: 70%; cursor: auto; box-shadow: none; top: 35%; } .topics-blog-item #kt .kt-dialog-content { font-size: 15px; line-height: 22.5px; padding-bottom: 15px; } .topics-blog-item #kt.kt-dialog.active { cursor: pointer; } .topics-blog-item #kt .kt-dialog-close-button { position: absolute; right: -18px; top: -18px; border-radius: 40px; height: 40px; width: 40px; } .topics-blog-item #kt .kt-dialog-close-button i { padding: 0; top: 1px; } .topics-blog-item #kt .kt-comment .kt-comment-content__bd { font-size: 16px; } .topics-blog-item #kt .kt-comment-content__hd *, .topics-blog-item #kt .kt-comment-content__ft * { font-size: 14px; border-radius: 0; } .topics-blog-item #kt .markItUpContainer { font-family: "Open Sans", sans-serif; } .topics-blog-item #kt .kt-share-social .fa { border-radius: 0; } .topics-blog-item #kt .kt-share-wrap:hover .kt-share-balloon { border-radius: 0px; } /***********************************************/ /* [_SEMI] Seminars CC Layout */ /***********************************************/ .sppb_slideshow_wrapper.tagsgridslider { margin-bottom: 80px; } @media screen and (max-width:991px) { .sppb_slideshow_wrapper.tagsgridslider { margin-bottom: 0px; } } .layout-msgtagsgrid #sp-component { padding-left: 0; padding-right: 0; } .tagsgriddesc { margin-bottom: 50px; } .tagsGridFilters { margin-bottom: 50px; } .tagsGridFilters ul { list-style: none; margin: 0; padding: 0; text-align: center; } .tagsGridFilters ul li { display: inline-block; margin: 0 10px; } .tagsgrid .grid-items>.container { padding-top: 60px; padding-bottom: 60px; } .tagsgrid .grid-item { margin-bottom: 30px; font-size: 14px; } @media (min-width: 992px) and (max-width: 1199px) { .tagsgrid .grid-item { font-size: 13px; } } .tagsgrid .grid-item .g-item-inner { padding: 30px; position: relative; } .tagsgrid .grid-item .g-item-inner:after { content: ''; position: absolute; bottom: 0; right: 0; width: 0; } .karriere-events .g-item-inner { margin-top: 5px; height: 610px; } .karriere-events .tg-btn { position: absolute; bottom: 35px; } .karriere-events .tg-eb { position: absolute; bottom: 110px; } .karriere-events .tg-ref { position: absolute; top: 495px; } .tagsgrid .grid-item .tg-title { font-size: 16px; font-weight: 600; padding-bottom: 10px; margin-bottom: 15px; } .tagsgrid .grid-item .tg-intro { margin-bottom: 10px; } .tagsgrid .grid-item .tg-intro p:last-of-type { margin-bottom: 0; } .tagsgrid .grid-item .tg-ref { margin-bottom: 10px; } .tagsgrid .grid-item .tg-eb { margin-bottom: 10px; } .tagsgrid .grid-item span.eb-title { font-weight: 500; } .tagsgrid .grid-pagination { padding: 30px 0 70px; text-align: center; } #contactModal { z-index: 20; } #contactModal .modal-body { padding: 30px; } #contactModal .modal-header { border-bottom: none; position: relative; } #contactModal .modal-content { border-radius: 0; border: none; } #contactModal .modal-body:after { content: ""; display: block; font-size: 0; line-height: 0; clear: both; } #contactModal .closeModal { font-weight: normal; width: 24px; height: 24px; display: inline-block; transition: opacity .3s ease; position: absolute; top: 10px; right: 10px; cursor: pointer; } #contactModal .modLeft { text-align: center; } #contactModal .cModalText { padding-right: 15px; } #contactModal .cModalImg { text-align: center; } #contactModal .cmodalimgwrap { width: 150px; height: 150px; overflow: hidden; border-radius: 50%; display: inline-block; } #contactModal .cModalImg>img { display: block; width: 100%; height: auto; } p.organizational { padding-top: 20px; } .seminars-sidebar .cImageWrap { width: 150px; height: 150px; overflow: hidden; border-radius: 50%; display: inline-block; } .seminars-sidebar .cImageWrap>img { display: block; width: 100%; height: auto; border-radius: 0; } .seminars-sidebar ul { list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .seminars-sidebar ul li.sm-cpos { margin-bottom: 20px; } h4.sm-sidebar-contact-title { position: relative; margin-bottom: 38px; } h4.sm-sidebar-contact-title:after { content: ""; display: block; height: 1px; width: 30%; max-width: 300px; position: absolute; left: 0; bottom: -15px; } #contactModal .closeModal:before, #contactModal .closeModal:after { position: absolute; content: ' '; height: 25px; width: 2px; top: 50%; margin-top: -12px; left: 50%; margin-left: -2px; } #contactModal .closeModal:before { transform: rotate(45deg); } #contactModal .closeModal:after { transform: rotate(-45deg); } #contactModalOverlay { position: fixed; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: .4s opacity ease; } /* Item View */ #seminar-content ul.seminarAccList li.ebd { font-weight: 600; } .seminars-single.view-article div[id^="mapplaceholder"] { height: 300px !important; position: relative; padding: 0; } .sppb-section.form-section .karriere-form-section .karFormRow>div[class^=col-] { padding-top: 80px; padding-bottom: 50px; } .sppb-section.form-section .karriere-form-section form .form-control { border-radius: 0; font-size: 17px; box-shadow: none; } .sppb-section.form-section .karriere-form-section form input::placeholder { font-size: 15px !important; } .sppb-section.form-section .karriere-form-section form .rsform-block-datenschutz a { text-decoration: none; } .sppb-section.form-section .karriere-form-section .rsform-block.rsform-block-pflichtfeld { padding-top: 15px; padding-bottom: 15px; } .tg-contact-section .sppb-row-container.container { padding-top: 50px; } .seminar-content .sppb-addon-accordion .sppb-panel-collapse { max-width: 600px; } .sppb-section.seminar-referenten .sppb-title-heading { margin-bottom: 50px; } .sppb-section.seminar-referenten .sppb-member-title { font-size: 18px; font-weight: 300; margin-bottom: 10px; margin-top: 0; } .sppb-section.seminar-referenten .cnt-image span { display: inline-block; width: 140px; height: 140px; overflow: hidden; line-height: 180px; border-radius: 50%; } .sppb-section.seminar-referenten .cnt-image span img { width: 100%; height: auto; } .sppb-section.seminar-referenten .sppb-container-inner .sppb-row { padding-bottom: 50px; padding-top: 50px; } .sppb-section.seminar-referenten .sppb-container-inner .sppb-row:first-child { border-top: none; } .sppb-section.seminar-referenten .sppb-container-inner .sppb-row:last-child { border-bottom: none; } .sppb-section.seminar-referenten .cntMisc { margin-bottom: 15px; } .sppb-section.seminar-referenten .sppb-container-inner { padding-bottom: 50px; } .seminar-accordion-inner-wrapper { margin-top: 15px !important } .seminar-back-wrapper { margin-bottom: 20px; } @media (min-width: 768px) { #contactModal .modal-dialog { width: 750px; margin: 100px auto; } body.seminars-single .smn-top-cta .sppb-addon-cta .sppb-row, body.seminars-single .smn-top-cta .sppb-addon-cta .sppb-row>div { display: block; } } @media (max-width: 991px) { .sppb-section.seminar-referenten .cnt-image { text-align: center; margin-bottom: 20px; } } @media (max-width: 767px) { .seminars-sidebar .sidebar-block.share-block li.shariff-button a span.fa { height: 100%; } } @media (max-width: 709px) { .smn-top-cta .sppb-addon-cta .sppb-btn:first-child { margin-bottom: 15px; } } @media (max-width:492px) { .seminar-back-wrapper a, .seminar-back-wrapper span { width: 100%; display: block; } .seminar-back-wrapper span:first-child { margin-bottom: 10px; } } /* Seminars Printing */ @media only print { .seminars-single #sp-header, body.seminars-single.sticky-active #sp-header { display: block !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; /* padding-bottom: 50px!important; */ } .seminars-single #sp-logo .logo h1 { display: inline-block !important; height: 100px !important; } .seminars-single #sp-header #sp-logo { width: 100% !important; text-align: right !important; } .seminars-single #sp-header #sp-menu, .seminars-single #sp-header #sp-helpermenu { display: none !important; } .seminars-single #sp-header>.container>#sp-logo h1>img.sp-default-logo.svg-logo { display: none !important; } .seminars-single #sp-header>.container>#sp-logo h1>img.sp-retina-logo.svg-logo { display: inline-block !important; transform: none !important; float: right !important; } body.seminars-single.sticky-active #sp-logo img { transform: scale(0.51); transform-origin: right !important } body.seminars-single .custom.left-image.stelleanzeige, body.seminars-single p.organizational, body.seminars-single .sidebar-seminar-infos, body.seminars-single .seminarMap, body.seminars-single .smn-top-cta, body.seminars-single .smn-btm-cta, body.seminars-single .sidebar-block.share-block, body.seminars-single .seminar-referenten { display: none !important; } /* JP seminars print start*/ body.seminars-single .sidebar-block.referenten-sidebar { display: block !important; /* page-break-inside: avoid; */ } /* .seminars-single .job-accordion-inner-wrapper > .sppb-panel { page-break-inside: avoid; } */ .seminars-single .sppb-panel.sppb-panel-default>.sppb-panel-heading, .sppb-panel.sppb-panel-primary>.sppb-panel-heading { height: auto; } .seminars-single .sidebar-block.referenten-sidebar .cnt-image { width: 25% !important; float: left; } .seminars-single .sidebar-block.referenten-sidebar .cnt-image img { width: 100%; } .seminars-single .sidebar-block.referenten-sidebar .cnt-image>span { border-radius: 50%; overflow: hidden; display: inline-block; width: 140px; height: 140px; } .seminars-single .sidebar-block.referenten-sidebar .cnt-info { width: 75% !important; float: left; } /* .seminars-single .mobile_slider { page-break-after: avoid; } .seminars-single .sp-column > .container { page-break-before: avoid; } */ body.seminars-single * { page-break-after: avoid !important; } @page { size: A4; margin-top: 2cm; margin-bottom: 2cm; /* margin-left: 2cm; margin-right: 2cm; */ } .seminars-single #sp-header { position: relative !important; } .seminars-single #sp-logo .logo { float: right; } .seminars-single .sppb_slideshow_wrapper .mobile_slider>div { margin-top: 0px !important; } /* JP seminars print end*/ } /***********************************************/ /* [_JSTY] Job stories */ /***********************************************/ /* Job Stories */ .jobstories .sppb-row .sppb-addon-container { max-width: 345px; margin: 0 auto; } .jobstories.logos .sp-member-addon-front .sppb-member-details-holder { /*EJ Added*/ display: none; } .jobstories.logos .sp_member_addon .sp-member-addon-back .sp-member-desc { /*EJ Added */ padding: 25px; height: auto; } .jobstories.center .sppb-row>div { /*EJ Added */ float: none; display: inline-block; } .jobstories.center .sppb-row { /*EJ Added */ text-align: center; } @media (max-width: 991px) { .flipper .front:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Font Awesome 5 Free'; font-weight: 600; /* ZT:: removed rule bellow, since it was showing the flip icon in back in FF transform: translate(0, 0); */ content: "\f01e "; position: absolute; top: 15px; right: 15px; z-index: 100; } .partner-company .sppb-row>div { margin-bottom: 50px; } .partner-company .sp_member_addon { margin: 0; } } @media (max-width: 991px) { .jobstories .sppb-row>div { margin-bottom: 30px; } .jobstories .sp_member_addon { margin: 0; } .jobstories .sppb-col-sm-3 { width: 50%; } .jobstories.logos .col-sm-6 { width: inherit; } .jobstories.logos .sp-member-addon-back .sp-member-desc { padding-top: 40px; } .preview-portraits .sp_member_addon.flip-container { margin-bottom: 30px; } } @media (max-width: 767px) { .jobstories .sppb-col-sm-3 { width: inherit; } } /***********************************************/ /* [_ALAY] Article and pages layout */ /***********************************************/ /*OA:: Article layout for management pages */ .management { display: table; padding: 0px !important; position: relative; height: 280px !important; } .management .entry-image img { border-radius: 160px; width: 160px; height: auto; margin: 0 auto; } .management .entry-image { margin-bottom: 10px; } .management p.img_caption { text-align: center; font-size: 18px; font-weight: 400; margin-top: 18px; } .management .mangement-image { display: table-cell; min-width: 160px; text-align: center; } .management .mangement-image .entry-image{ width: 168px; height: 168px; } .management .management-content { display: table-cell; vertical-align: top; padding-left: 50px; } .management .close-management { left: 0; opacity: 1; position: absolute; right: 0; bottom: 0; top: auto; display: none !important; } @media (max-width: 767px) { .management .mangement-image { display: block; } .management .management-content { display: block; float: left; padding: 0; } .management { padding-bottom: 75px !important; } .management .close-management { width: 100%; } } /* Documentation page */ .content-box2 .sppb-image-content-title { position: absolute; left: 0; top: -100px; text-transform: none; } .content-box2 .sppb-row>div { position: unset; } .content-box2 .sppb-row { position: relative; } #sp-page-builder .sppb-image-content-title:after, #sp-page-builder .two-column-text .sppb-title-heading:after { height: 2px; margin: 16px 0; width: 90px; content: ""; bottom: 0; display: block; left: 0; } .content-box2 .sppb-col-sm-offset-6 .sppb-content-holder { padding: 0 0 0 15px !important; background: none; text-align: justify; } .grey-box { min-height: 272px; padding: 25px; } .flip-container .btn { bottom: 30px; left: 0; padding: 0 30px; position: absolute; text-align: center; width: 100%; } /* Daten & Fakten */ .fakten>.sppb-row { max-width: 1140px; margin: auto; } .fakten>.sppb-row>div { padding-top: 15px; padding-bottom: 5px; } .fakten>.sppb-row>div:first-child { border: none; } .fakten .sppb-addon h3.sppb-addon-title { font-weight: 400; font-size: 22px !important; margin-bottom: 14px; } .fakten .sppb-addon-content { font-weight: 600; font-size: 22px; } /* Perspektiven */ .perspektive h3.sppb-addon-title { font-weight: 300; text-align: center; max-width: 260px; margin-left: auto; margin-right: auto; font-size: 21px !important; text-transform: none; } .perspektive h4.sppb-addon-title { font-size: 16px !important; font-weight: 300; } .perspektive .sppb-addon .sppb-addon-title { margin: 35px auto 15px auto; } .perspektive .sppb-addon h3.sppb-addon-title.nocolour { font-size: 18px !important; margin: -5px auto 15px auto; } .perspektive .sppb-addon .sppb-addon-title:after { display: none; } .perspektive .sppb-addon-content { font-size: 15px; } .perspektive .sppb-btn { margin-top: 10px; } .perspektive .sppb-row .sppb-addon-container { max-width: 345px; margin: 0 auto; } .perspektive .sppb-addon-button-group .fa, .perspektive .sppb-addon-text-block .fa { margin-right: 18px; } @media (max-width: 991px) { .perspektive .sppb-row>div { margin-bottom: 30px; } .perspektive .sppb-row { text-align: center; } .perspektive .sppb-col-sm-3 { width: 44%; display: inline-block; float: none; } } @media (max-width: 767px) { .perspektive .sppb-row>div { margin-bottom: 30px; } .perspektive .sppb-col-sm-3 { width: inherit; } } /***********************************************/ /* [_JOBL] Job Article layout */ /***********************************************/ /* Start of __JOBL */ /* Jobtitle */ .job-body-wrapper { padding: 0; padding-right: 25px; } .job-body-wrapper .job-title h1 { font-size: 20px !important; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 50px; line-height: 1.1; text-align: left; position: relative; } .job-body-wrapper .job-title h1:after { content: ""; height: 2px; position: absolute; width: 75px; left: 0; bottom: -20px; } .job-body-wrapper .job-title.page-header { border: none; padding: 0; margin-top: 0px; } .job-sidebar-wrapper .contact-person-block .management-links .linkedin_btn { display: none; } .job-sidebar-wrapper .contact-person-block { margin-bottom: 35px; } .job-sidebar-wrapper .habensiefragen .stelleanzeige ul { clear: both; padding: 0; margin-top: 25px; } .job-sidebar-wrapper .habensiefragen .stelleanzeige a { margin-top: 25px; margin-bottom: 20px; } .job-sidebar-wrapper .custom .misc p { margin: 0; } .job-sidebar-wrapper .habensiefragen img { max-width: 150px; } .job-sidebar-wrapper { padding-left: 25px; } .job-sidebar-wrapper .custom.left-image { margin-top: 0px; } .job-accordions-wrapper .job-accordion-inner-wrapper .sppb-panel-title i { font-size: 30px; font-weight: 400; font-style: normal; } .job-accordions-wrapper .sppb-panel-heading.active .sppb-panel-title i { line-height: 50px; } .job-accordions-wrapper .kontakt-text { font-size: 20px !important; font-weight: 600; } .job-body-wrapper .kontakt-text { margin-top: 50px; } .job-body-wrapper .kontakt-text h3.kontakt-text-title { font-size: 20px !important; font-weight: 600; margin-bottom: 50px; margin-top: 20px; position: relative; } .job-body-wrapper .kontakt-text h3.kontakt-text-title:after { position: absolute; bottom: -20px; left: 0; height: 2px; width: 75px; content: ""; } .job-back-wrapper { margin-top: 70px; padding: 0; margin-bottom: 55px; } .job-upper-headline-wrapper p { margin: 0; } .job-upper-headline-wrapper { padding: 0; margin-bottom: 55px; } .job-accordions-wrapper .job-accordion-inner-wrapper .sppb-panel-title i:before { content: "+"; } .job-accordions-wrapper .job-accordion-inner-wrapper { margin: 35px 0; } .job-accordions-wrapper .sppb-panel-title b { line-height: 17px; display: table-cell; vertical-align: middle; } .job-body-wrapper .outro-wrapper { margin-top: 20px; } .job-body-wrapper .outro-wrapper.bold-outro-text { font-weight: 400; } /* Bewerben and Print buttons */ .job-body-wrapper .stellen-btn-container { margin: 0px 0px 0px 0px; padding: 80px 0px 50px 0px; } .job-body-wrapper .stellen-btn-container .stellen-btn-wrapper-inner:before, .job-body-wrapper .stellen-btn-container .stellen-btn-wrapper-inner:after { content: " "; display: table; } .job-body-wrapper .stellen-btn-container .job-btn-wrapper { display: inline-block; padding-right: 15px; vertical-align: middle; } .job-body-wrapper .stellen-btn-container .stellen-btn-wrapper { margin-left: -15px; margin-right: -15px; } @media (max-width: 768px) { .job-sidebar-wrapper { padding-left: 0px; } } /*msgna*/ /* Jobpositions */ .job-sidebar-wrapper .job-side-accordion .mod-sppagebuilder .sppb-section { padding-top: 0px !important; } .jobpositions-item>div { padding-top: 70px; } .jobpositions-item .jobposition-accordion { margin-top: 80px; } .job-body-wrapper h1, .job-body-wrapper h3 { font-weight: 400; font-size: 18px !important; margin-bottom: 25px; } .job-body-wrapper .section .section-content { margin-bottom: 50px; } .job-body-wrapper .job-title h1 { font-size: 20px !important; font-weight: 600; margin-bottom: 50px; margin-top: 0px; text-transform: uppercase; position: relative; } .job-body-wrapper .job-title h1:after { content: ""; height: 2px; width: 75px; left: 0; bottom: -20px; position: absolute; } .jobpositions-list.jobpositions-short ul.category-module li { display: none; } .jobpositions-list.jobpositions-short ul.category-module li:nth-child(-n+5) { display: list-item; } .jobpositions-list ul.icon.chevron li { padding-left: 20px; } .jobposition-accordion .sppb-panel-body p { font-size: 15px; } /* endof __JOBL */ /***************************************************************************************************************************************************/ /* [_SPPB] SP PAGE BUILDER SETTINGS */ /***************************************************************************************************************************************************/ /* List styling - level 1 */ article.item-page ul li, article.item-page ol li, .eventcontent ul li, .eventcontent ol li, .sppb-panel-body ul li, .sppb-panel-body ol li, .sppb-addon-text-block ul li, .sppb-addon-text-block ol li, .item-page.job-position ul li { margin-bottom: 14px; } article.item-page ol, .eventcontent ol, .sppb-panel-body ol, .sppb-addon-text-block ol { padding-left: 20px; } article.item-page ul, .eventcontent ul, .sppb-panel-body ul, .sppb-addon-text-block ul { padding-left: 18px; } .sppb-addon-accordion ul, .item-page.job-position ul { padding-left: 20px; } article.item-page ul li, .eventcontent ul li, .sppb-panel-body ul li, .sppb-addon-text-block ul li { list-style-type: none; } .ul-list.eventcontent ul li { background: none; } article.item-page ul>ul li, .eventcontent ul>ul li, .sppb-addon-text-block ul>ul li { font-size: 15px; margin-bottom: 8px; } article.item-page ul li:before, .eventcontent ul li:before, .sppb-panel-body ul li:before, .sppb-addon-text-block ul li:before { content: "\f111"; font-family: FontAwesome; margin-left: -18px; width: 18px; display: inline-block; position: relative; font-size: 8px; left: 0; top: -3px; } article.item-page ul.empty li:before{ content: "\F10C"; font-family: FontAwesome; margin-left: -18px; width: 18px; display: inline-block; position: relative; font-size: 8px; left: 0; top: -3px; } /* IB - Remove of strange dots on Komento form */ article.item-page ul li.markItUpButton:before, article.item-page ul.kt-form-editor-smileys li:before { content: none; } /* IB - END */ /* List styling - level 2 */ .eventcontent ul li ul, .sppb-panel-body ul li ul, .sppb-addon-text-block ul li ul { padding-left: 12px; margin-top: 16px; } .eventcontent ul li ul li:before, .sppb-panel-body ul li ul li:before, .sppb-addon-text-block ul li ul li:before { content: "\f111"; font-weight: 400; } /* Post header underlines */ #sp-page-builder .sppb-section-title.sppb-text-center .sppb-title-heading:after, .sppb-section-title.sppb-text-center .sppb-title-heading:after { height: 2px; bottom: 0; content: ""; margin: 16px auto 0; width: 90px; display: block; } /* IB Remove underline from headings */ /* .sppb-addon .sppb-addon-title:after { height: 2px; position: absolute; width: 75px; left: 0; bottom: -20px; } */ h6.sppb-addon-title { font-size: 17px; } .sp-module .sp-module-title i { font-size: inherit; height: auto; line-height: inherit; margin: 0 5px; width: auto; } /* Multi-column content display */ .multicolumn>div>.sppb-row>div { padding-right: 25px; padding-left: 25px; } .multicolumn>div>.sppb-row>div:first-child { padding-left: 15px; } .multicolumn>div>.sppb-row>div:last-child { padding-right: 15px; } .multicolumn>div>.sppb-row>div.half-height { padding-right: 15px !important; padding-left: 15px !important; } @media (max-width: 991px) { .multicolumn>div>.sppb-row>div.col-sm-12 { padding-right: 15px; padding-left: 15px; } } @media (max-width: 767px) { .multicolumn>div>.sppb-row>div { padding-right: 15px; padding-left: 15px; } } /* ZT:: Implement 5 cols */ @media (min-width: 992px) { .sppb-section.cols-5>.sppb-container-inner>.sppb-row>div[class^='sppb-col-md-'] { width: 20% !important; } } /* Normal text styling within left column and accordions */ article.item-page p, article.item-page ul, article.item-page ol, .eventcontent p, .eventcontent ul, .eventcontent ol, .sppb-panel-body p, .sppb-panel-body ul, .sppb-panel-body ol, .sppb-addon-text-block p, .sppb-addon-text-block ul, .sppb-addon-text-block ol { margin: 0 0 20px; } /***************************************************************************************************************************************************/ /* SP PAGE BUILDER ADDONS */ /***************************************************************************************************************************************************/ /***********************************************/ /* [_SMOD] SPPB ADDON: MODAL */ /***********************************************/ .sppb-addon-modal img { max-width: 100%; } /* Modal caption */ .sppb-addon-modal { font-style: italic; font-size: 15px; } .sppb-addon-modal a { display: inline-block; position: relative; max-width: 100%; } .sppb-addon-modal p { display: block; margin-top: 10px; } .zusatzinfos .sppb-addon-modal { margin-bottom: 15px; font-size: 15px; } .sppb-addon-modal i { border-radius: 100%; width: 36px; height: 36px; text-align: center; line-height: 36px; position: absolute; right: 10px; bottom: 10px; } @media (max-width: 767px) { /* Modal image popup */ .zusatzinfos .sppb-addon.sppb-addon-modal a.sppb-modal-selector.modal.modal_link.cboxElement { width: 60%; } } /* reCaptcha responsive eg. modal contact form */ @media (max-width: 450px) { #cboxWrapper iframe, #rl_modals_wrapper iframe { transform: scale(.8); transform-origin: left; } } @media (max-width: 380px) { #cboxWrapper iframe, #rl_modals_wrapper iframe { transform: scale(.66); transform-origin: left; } } /* Main body */ /* General module styles */ .sp-contact-info li { font-size: 12px; } .sppb-addon h3.sppb-addon-title, .sppb-section-title.sppb-text-center h2.sppb-title-heading, #sp-page-builder .sppb-section-title.sppb-text-center h2.sppb-title-heading { font-size: 20px !important; font-weight: 600; } #sp-page-builder .sppb-section-title .sppb-title-heading, .sppb-section-title .sppb-title-heading { margin-top: 45px; line-height: 30px !important; } /* ZT:: In the SPPB addon text editor * was appearing some crazy
tag which added * too mach margins. We need to get rid of it */ br[data-mce-bogus="1"] { display: none !important; } /***********************************************/ /* [_SISL] SPPB ADDON: IMAGE SLIDER */ /***********************************************/ /* JP hyphens */ body * { hyphens: manual; -ms-hyphens: manual; -moz-hyphens: manual; -webkit-hyphens: manual; } /* Don't hyphenate above 600px @media (min-width: 480px) { .sppb_slideshow_wrapper { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } body * { hyphens: none; -ms-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; } } */ /* Cleanup *************************************/ .camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td, .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td { background: none; border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; list-style: none } .sppb_slideshow_wrapper .camera_prevThumbs, .sppb_slideshow_wrapper .camera_nextThumbs, .sppb_slideshow_wrapper .camera_prev, .sppb_slideshow_wrapper .camera_next, .sppb_slideshow_wrapper .camera_commands, .sppb_slideshow_wrapper .camera_thumbs_cont { background: none !important; } .imgLoaded { margin: 0 !important; } /* ZT:: Remove text content blocks class */ .sppb_slideshow_wrapper.no-text .camera_target_content, .sppb_slideshow_wrapper.no-text .mobile_slider { display: none !important; } /*** main container ****************************/ .sppb_slideshow.camera_wrap { direction: ltr; display: none; float: left; position: relative; z-index: 0; width: 100%; margin-bottom: 0 !important; } .sppb_slideshow .camera_fakehover { height: 100%; min-height: 60px; position: relative; width: 100%; z-index: 1; } .sppb_slideshow .camera_src { display: none; } .sppb_slideshow .cameraCont, .sppb_slideshow .cameraContents { height: 100%; position: relative; width: 100%; z-index: 1; } .sppb_slideshow .cameraSlide { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .sppb_slideshow .cameraContent { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .sppb_slideshow .camera_target { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; width: 100%; z-index: 0; } .sppb_slideshow .camera_overlayer { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } .sppb_slideshow .camera_target_content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2; } /*** Navigation ********************************/ .sppb_slideshow .camera_prev, .sppb_slideshow .camera_next { cursor: pointer; margin-top: -30px; width: 60px; height: 60px; position: absolute; top: 50%; z-index: 2; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; opacity: 0; } .sppb_slideshow:hover .camera_prev, .sppb_slideshow:hover .camera_next, .sppb_slideshow .hovered .camera_prev, .sppb_slideshow .hovered .camera_next { opacity: 1; } .sppb_slideshow .camera_prev { left: 40px; } .sppb_slideshow .camera_next { right: 40px; } .sppb_slideshow .camera_prev>span, .sppb_slideshow .camera_next>span { border-radius: 60px; font-family: FontAwesome; font-size: 26px; width: 60px; height: 60px; line-height: 60px; text-align: center; display: block; } .sppb_slideshow .camera_prev>span:before { content: "\f060"; } .sppb_slideshow .camera_next>span:before { content: "\f061"; } /*** pagination ********************************/ .sppb_slideshow .camera_pag { bottom: 0; position: absolute; text-align: center; width: 100%; } .sppb_slideshow .camera_pag .camera_pag_ul { display: inline-flex; } .sppb_slideshow.camera_wrap .camera_pag .camera_pag_ul li { border-radius: 8px; cursor: pointer; display: inline-block; float: none !important; height: 16px; margin: 20px 5px; overflow: visible !important; padding: 0; position: relative; text-indent: 9999px; width: 16px; } .sppb_slideshow.camera_wrap .camera_pag .camera_pag_ul li>span { border-radius: 10px; height: 16px; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 16px; } /* Content Styles ******************************/ /* Slider container & global settings **********/ /* content container */ .sppb_slideshow_wrapper .camera_caption { font-size: 58px; display: table; height: 100%; bottom: 0; position: absolute; width: 100%; opacity: 0; } .sppb_slideshow_wrapper .camera_caption>div { display: table-cell; vertical-align: middle; width: 100%; padding: 0; } .sppb_slideshow_wrapper .single_image .camera_caption { padding-left: 0; } /* mobile container */ .sppb_slideshow_wrapper .mobile_slider { font-size: 48px; padding-left: 15px; padding-right: 15px; display: none; width: 100%; } .sppb_slideshow_wrapper .mobile_slider>div { margin-bottom: 50px; margin-top: 50px; max-width: 100%; text-align: center; width: 100%; } /* Default heading text styles *****************/ /* h3 */ .sppb_slideshow_wrapper h3 { margin: 0 0 10px 0; font-size: 48.276%; font-weight: 600; } /* h1 */ .sppb_slideshow_wrapper h1 { margin: 1.25% 0 0.894% 0; font-size: 100%; /* font-weight: 800; */ } /* h2 */ .sppb_slideshow_wrapper h2 { margin: 1.25% 0 0.894% 0; font-size: 60.714%; font-weight: 400; } /* h4 */ .sppb_slideshow_wrapper h4 { margin: 2.143% 0 10px 0; font-size: 31.034%; font-weight: 400; line-height: 1.3; } /* h5 */ .sppb_slideshow_wrapper h5 { margin: 1.25% 0 0.894% 0; font-size: 80%; /* font-weight: 800; */ } /* h6 user for smaller text & inline with h1 */ .sppb_slideshow_wrapper h6 { margin: 1.25% 0 0.894% 0; font-size: 56.9%; /* font-weight: 800; */ } .sppb_slideshow_wrapper .inline-titles h6, .sppb_slideshow_wrapper .inline-titles h1 { display: inline-block !important; } /* button */ .sppb_slideshow_wrapper .btn-more-wrapper { line-height: 1; } .sppb_slideshow_wrapper .btn-more-wrapper .btn.btn-lg { line-height: 1.5; font-size: 29.31% !important; padding: 0.894% 5.363% !important; } /* for all headers h1, h3, h4, text wrapped in span gets site default color */ .sppb_slideshow_wrapper h1 span, .sppb_slideshow_wrapper h3 span, .sppb_slideshow_wrapper h4 span, .sppb_slideshow_wrapper h6 span { text-decoration: none !important; } .sppb_slideshow_wrapper .camera_caption .text_small { font-size: 58px; } .sppb_slideshow_wrapper .camera_caption .text_small h3 { margin-bottom: -8px; } .sppb_slideshow_wrapper .mobile_slider .text_small h3 { margin-bottom: 0px; } .sppb_slideshow_wrapper h1 span.msgname { overflow-wrap: break-word; } /* ZT:: New Video in slider */ .camera_src.video-slider { display: block; } .sppb_slideshow .video-wrap { overflow: hidden; /* padding-bottom: 56.25%; 16:9 */ /* padding-bottom: 41.66%; */ /* 12:5 */ position: relative; height: 0; z-index: -1; } .sppb_slideshow .video-wrap video { left: 0; top: 0; height: 100%; width: 100%; position: absolute; margin: 0; background: transparent !important; display: block; transition: opacity .5s ease-out; } .cameraSlide.fakeVidImg>img { opacity: 0 !important; visibility: hidden !important; } /* ZT:: Delete Redundand empty p tags on flippers descr text */ .flipper .back .sp-member-desc p:empty { display: none; } /* ZT:: Overlay SVG */ .sppb_slideshow_wrapper .camera_fakehover>div.overlayImg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition: opacity .7s ease-in; background-repeat: no-repeat; background-position: center bottom; background-size: cover; } .sppb_slideshow_wrapper .camera_fakehover>div.overlayImg.active { opacity: 1 !important; } /* Responsive styles */ @media (max-width: 1600px) { .sppb_slideshow_wrapper .camera_caption { font-size: 56px; } } @media (max-width: 1400px) { .sppb_slideshow_wrapper .camera_caption { font-size: 49px; padding-left: 85px; } .transparent-navigation .sppb_slideshow_wrapper .camera_caption { padding-top: 85px } } @media (max-width: 1199px) { .sppb_slideshow_wrapper .camera_caption { font-size: 44px; padding-left: 48px; } } @media (max-width: 1150px) { .sppb_slideshow_wrapper .camera_caption { font-size: 42px; padding-left: 105px; } } /* switching to mobile view */ @media (min-width: 992px) { .sppb_slideshow_wrapper h4 { max-width: 780px; } .narrow-slide-text .sppb_slideshow_wrapper h4 { max-width: 480px; } } @media (max-width: 991px) { .sppb_slideshow_wrapper .cameraContents { display: none; } .sppb_slideshow_wrapper .mobile_slider { display: inline-block; } } @media (max-width: 767px) { .sppb_slideshow_wrapper h4 br { display: none !important; } .sppb_slideshow_wrapper h3 br { display: none !important; } .sppb_slideshow_wrapper h1 br { display: none !important; } .sppb_slideshow_wrapper h1 span:not(.msgname) { display: block; } .sppb_slideshow_wrapper h4 br:last-child { display: inline; } .sppb_slideshow_wrapper h1 { font-size: 80%; } .sppb_slideshow_wrapper h2 { font-size: 50%; } .sppb_slideshow_wrapper h5 { font-size: 60% } .sppb_slideshow .camera_prev, .sppb_slideshow .camera_next { display: none; } } @media (max-width: 599px) { .sppb_slideshow_wrapper h1 { font-size: 26px; } .sppb_slideshow_wrapper h2 { font-size: 40%; } .sppb_slideshow_wrapper h3 { font-size: 19px; } .sppb_slideshow_wrapper h5 { font-size: 24px; } } /* Custom Settings *****************************/ /* pull text right/align */ .slider_title_pullright .sppb_slideshow_wrapper .cameraContent .slide_content.container { text-align: right; } /* pull text up */ .sppb_slideshow_wrapper.pull_content_up .sppb_slideshow { margin-bottom: -50px !important; } .sppb_slideshow_wrapper.pull_content_up .sppb_slideshow .slide_content { margin-top: -60px; } .sppb_slideshow_wrapper.pull_content_up .mobile_slider>div { margin-top: 0; } @media (max-width: 1199px) { .sppb_slideshow_wrapper.pull_content_up .sppb_slideshow { margin-bottom: -25px !important; } .sppb_slideshow_wrapper.pull_content_up .sppb_slideshow .slide_content { margin-top: -35px; } } @media (max-width: 991px) { .sppb_slideshow_wrapper.pull_content_up .sppb_slideshow { margin-bottom: 10px !important; } .sppb_slideshow_wrapper.pull_content_up .sppb_slideshow .slide_content { margin-top: 20px; } } /* text offset */ @media (max-width: 991px) { .sppb_slideshow_wrapper .slide_content.vertical_offset { padding-top: 0% !important; padding-bottom: 0% !important; } .sppb_slideshow_wrapper .slide_content.horizontal_offset { margin-left: auto !important; margin-right: auto !important; max-width: 100% !important; padding: 15px !important; } } /* h1 -> small */ .sppb_slideshow_wrapper .slide_content.text_small h1, .sppb_slideshow_wrapper .slide_content.text_small h3 { font-size: 56.9%; } @media (max-width: 991px) { .sppb_slideshow_wrapper .slide_content.text_small h1, .sppb_slideshow_wrapper .slide_content.text_small h3 { font-size: 33px; } } @media (max-width: 767px) { .sppb_slideshow_wrapper .slide_content.text_small h1, .sppb_slideshow_wrapper .slide_content.text_small h3 { font-size: 26px; } } /* h1 -> not uppercase */ .slide_content.h1_anycase h1 { text-transform: none !important; } /* white text (inverted) */ /* h4 -> text boxed */ .sppb_slideshow_wrapper .slide_content.text_box h4 { display: inline-block; font-weight: 300; padding: 15px 20px; } @media (max-width: 991px) { .sppb_slideshow_wrapper .slide_content.text_box h4 .btn { float: none !important; } } /* No image or image missing */ .sppb_slideshow_wrapper.no_image .camera_fakehover { min-height: 210px; } .sppb_slideshow_wrapper.no_image .mobile_slider { display: none; } .sppb_slideshow_wrapper.no_image .cameraContents, .sppb_slideshow_wrapper.no_image .cameraContent { display: block !important; } .sppb_slideshow_wrapper.no_image .camera_caption { visibility: visible !important; opacity: 1 !important; } /* COLOR THEME *********************************/ /* SPPB ADDON: Image slider ********************/ /***********************************************/ /* [_FLSL] FLYER SLIDER */ /***********************************************/ /* DL:: Testimonial used as a Slider with Flyers (ibc page) */ .flyer-slider.sppb-testimonial-pro .sppb-carousel-inner>.sppb-item { padding: 0 75px !important; margin: 0 auto; } .flyer-slider .sppb-testimonial-message { padding-left: 250px; } .flyer-slider .sppb-carousel-inner { min-height: 300px; } #sp-main-body .flyer-slider.sppb-testimonial-pro .sppb-carousel-control { border: none; } .flyer-slider .carousel_control { position: absolute; width: calc(100% - 325px); text-align: left; left: 325px; top: 220px; } .flyer-slider.center .carousel_control { text-align: center; } #sp-main-body .flyer-slider.sppb-testimonial-pro .sppb-carousel-control { font-size: 26px; vertical-align: middle; } .flyer-slider .left.sppb-carousel-control { position: absolute; left: -325px; top: -140px; } .flyer-slider .right.sppb-carousel-control { position: absolute; right: 0; top: -140px; } .flyer-slider .sppb-btn::before { content: "DOWNLOAD"; } @media (max-width: 1199px) { #sp-main-body .flyer-slider.sppb-testimonial-pro .sppb-testimonial-message { font-size: 16px; line-height: 1.5; } } @media (max-width: 991px) { .flyer-slider .sppb-carousel-inner { min-height: 350px; } .flyer-slider .carousel_control { top: 270px; } #sp-main-body .flyer-slider.sppb-testimonial-pro .sppb-testimonial-message { font-size: 14px; } } @media (max-width: 767px) { .flyer-slider.sppb-testimonial-pro .sppb-carousel-inner>.sppb-item { padding: 0 !important; } .flyer-slider .sppb-testimonial-message { display: block; margin-bottom: 25px; padding-left: 0; } .flyer-slider .sppb-carousel-inner { min-height: auto; height: auto; } .flyer-slider .sppb-img-responsive.sppb-avatar { display: block; float: none; margin: 0 auto; margin-bottom: 25px; } .flyer-slider .carousel_control { display: block; position: relative; width: 100%; top: 0; left: 0; text-align: center; } .flyer-slider .left.sppb-carousel-control { position: relative; left: 0; top: 0; } .flyer-slider .right.sppb-carousel-control { position: relative; top: 0; } } /* MR:: Testimonial used as a Slider with Flyers with custom Download button text (used on homepage) */ .flyer-slider-custom.sppb-testimonial-pro .sppb-carousel-inner>.sppb-item { padding: 0 75px !important; margin: 0 auto; } .flyer-slider-custom .sppb-testimonial-message { padding-left: 250px; } .flyer-slider-custom .sppb-btn { margin-top: 20px; } .flyer-slider-custom .sppb-carousel-inner { min-height: 300px; } #sp-main-body .flyer-slider-custom.sppb-testimonial-pro .sppb-carousel-control { border: none; } .flyer-slider-custom .carousel_control { position: absolute; width: calc(100% - 325px); text-align: left; left: 325px; top: 220px; } #sp-main-body .flyer-slider-custom.sppb-testimonial-pro .sppb-carousel-control { font-size: 26px; vertical-align: middle; } .flyer-slider-custom .left.sppb-carousel-control { position: absolute; left: -325px; top: -140px; } .flyer-slider-custom .right.sppb-carousel-control { position: absolute; right: 0; top: -140px; } @media (max-width: 1199px) { #sp-main-body .flyer-slider-custom.sppb-testimonial-pro .sppb-testimonial-message { font-size: 16px; line-height: 1.5; } } @media (max-width: 991px) { .flyer-slider-custom .sppb-carousel-inner { min-height: 350px; } .flyer-slider-custom .carousel_control { top: 270px; } #sp-main-body .flyer-slider-custom.sppb-testimonial-pro .sppb-testimonial-message { font-size: 14px; } } @media (max-width: 767px) { .flyer-slider-custom.sppb-testimonial-pro .sppb-carousel-inner>.sppb-item { padding: 0 !important; } .flyer-slider-custom .sppb-testimonial-message { display: block; margin-bottom: 25px; padding-left: 0; } .flyer-slider-custom .sppb-carousel-inner { min-height: auto; height: auto; } .flyer-slider-custom .sppb-img-responsive.sppb-avatar { display: block; float: none; margin: 0 auto; margin-bottom: 25px; } .flyer-slider-custom .carousel_control { display: block; position: relative; width: 100%; top: 0; left: 0; text-align: center; } .flyer-slider-custom .left.sppb-carousel-control { position: relative; left: 0; top: 0; } .flyer-slider-custom .right.sppb-carousel-control { position: relative; top: 0; } } /*************************************************************/ /* [_CTA] SPPB ADDON: CTA */ /*************************************************************/ .sppb-addon-cta.no-text p.sppb-cta-text { display: none; } /* CTA Addon (coloured banner) */ .sppb-addon-cta .sppb-cta-title { margin: 0; font-weight: 400; font-size: 22px !important; line-height: 30px !important; } .sppb-addon-cta .sppb-cta-title:first-letter { text-transform: none; } .sppb-addon-cta .sppb-btn.sppb-btn-lg { margin-top: 0; } /* JP - Deans CTA from egpfi.css */ /* Call to action - two buttons situation */ .cta-two-btn h3 { margin-bottom: 20px; font-size: 17px !important; font-weight: 400; } .cta-two-btn a { width: 90%; } @media (min-width: 600px) { .cta-two-btn h3 { font-size: 21px !important; } .cta-two-btn a { width: 48%; } } @media (min-width: 767px) { .sppb-addon-cta .sppb-row { display: flex; align-items: center; } .cta-two-btn a { min-width: 210px; } .cta-two-btn h3 { margin-top: 15px; margin-bottom: 45px; } } @media (min-width: 992px) { .cta-two-btn a { min-width: 280px; } .cta-two-btn h3 { margin-top: 6px; margin-bottom: 20px; } } /*************************************************************/ /* [_SICG] SPPB CUSTOM ADDON: ICON GROUP */ /*************************************************************/ /* general settings */ .sppb-addon-icon-group .icon-button { position: relative; margin: 0; line-height: 17px; } .sppb-addon-icon-group .icon-button .background { position: absolute; display: table; top: 0; left: 0; border-radius: inherit; height: inherit; width: inherit; text-align: center; transition: transform 400ms ease 0s; z-index: 0; } .sppb-addon-icon-group .icon-button .background .title { vertical-align: middle; display: none; font-size: 17px; line-height: 24px; } .sppb-addon-icon-group .icon-button i { display: table-cell; position: relative; vertical-align: middle; width: inherit; height: inherit; z-index: 1; } .sppb-addon-icon-group .icon-button i.image { display: block; } .sppb-addon-icon-group .icon-button i img { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 400ms ease 0s; } .sppb-addon-icon-group .icon-button i img.hover { opacity: 0; } .sppb-addon-icon-group .icon_content { text-align: center; } .sppb-addon-icon-group .icon_content .title { display: block; font-weight: 400; margin-top: 10px; } .sppb-addon-icon-group .icon_content .content { display: inline-block; margin-top: 10px; } /* ZT:: New option: Only Titles Icons */ .icon_container.only-title>a.icon-button>i { font-size: 17px; font-style: normal; font-weight: 400; font-family: 'Open Sans', sans-serif; line-height: 1.3; } /* Title position, class: "inside" */ .notouch .sppb-addon-icon-group .inside .icon-button .background { z-index: 1; } .notouch .sppb-addon-icon-group .inside .icon-button i { z-index: 0; } .notouch .sppb-addon-icon-group .inside .icon_content .title { display: none; } .notouch .sppb-addon-icon-group .inside .icon-button .background .title { display: table-cell; } .sppb-addon-icon-group .inside .icon-button .background .title { padding: 10px; /*ZT:: Added required padding */ } /*ZT: */ .touch .sppb-addon-icon-group .icon_container.only-title .icon_content .title { display: none; } .touch .sppb-addon-icon-group .icon_container.only-title a.icon-button, .touch .sppb-addon-icon-group .icon_container.only-title>a.icon-button>i { font-weight: 300; } /* Inital background color */ /* transparent, class: "background-transparent" */ .sppb-addon-icon-group .background-transparent .icon-button .background { transform: scale(0, 0); } /* primary, class: "background-primary" */ .sppb-addon-icon-group .background-primary .icon-button .background { transform: scale(1, 1); } /* animation, class: "animated" */ .sppb-addon-icon-group .background-transparent.animated .icon-button:hover .background { transform: scale(1, 1); } .sppb-addon-icon-group .background-primary.animated .icon-button:hover .background { transform: scale(0, 0); } /* image animation */ .sppb-addon-icon-group .animated .icon-button:hover i img { opacity: 0; } /* JP */ .sppb-addon-icon-group .animated .icon-button:hover i img { opacity: 1; } /* JP */ .sppb-addon-icon-group .animated .icon-button:hover i img.hover { opacity: 1; } /* Default sizes */ .sppb-addon-icon-group .icon-button { border-radius: 100px; height: 200px; width: 200px; font-size: 80px; } /* 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 { font-family: Open Sans; font-size: 72px; font-weight: bold; position: absolute; right: -70px; top: calc(50% - 10px); } /* 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 { font-family: Open Sans; font-size: 65px; font-weight: bold; position: absolute; right: -50px; top: calc(50% - 10px); } .sppb-addon-icon-group .icon_after_plus .icon-button:after, .sppb-addon-icon-group .icon_after_plus_small .icon-button:after { content: "+"; } .sppb-addon-icon-group .icon_after_equal .icon-button:after, .sppb-addon-icon-group .icon_after_equal_small .icon-button:after { content: "="; } @media (max-width: 1199px) { .sppb-addon-icon-group .icon_after_plus .icon-button:after, .sppb-addon-icon-group .icon_after_equal .icon-button:after { right: -50px; } } @media (max-width: 991px) { .sppb-addon-icon-group .icon_after_plus .icon_content:after, .sppb-addon-icon-group .icon_after_equal .icon_content:after, .sppb-addon-icon-group .icon_after_plus_small .icon_content:after, .sppb-addon-icon-group .icon_after_equal_small .icon_content:after { font-family: Open Sans; font-size: 72px; font-weight: bold; position: relative; display: block; } .sppb-addon-icon-group .icon_after_plus .icon_content:after, .sppb-addon-icon-group .icon_after_plus_small .icon_content:after { content: "+"; } .sppb-addon-icon-group .icon_after_equal .icon_content:after, .sppb-addon-icon-group .icon_after_equal_small .icon_content:after { content: "="; } .sppb-addon-icon-group .icon_after_plus .icon-button:after, .sppb-addon-icon-group .icon_after_equal .icon-button:after, .sppb-addon-icon-group .icon_after_plus_small .icon-button:after, .sppb-addon-icon-group .icon_after_equal_small .icon-button:after { content: "" !important; } } /* COLOR THEME *********************************/ /* SPPB ADDON: Icon group ********************/ /* Primary */ /* Transparent */ /* Icon group - responsive - two icons per row */ /* Responsive - two items in row */ @media (max-width: 600px) { .sppb-addon-icon-group:not(.auto-container) .icon_container { padding: 0 20px 40px 20px !important; width: 185px !important; } .sppb-addon-icon-group a.icon-button { width: 145px !important; height: 145px !important; } .sppb-addon-icon-group i.fa.image img { width: 70px; } .sppb-addon-icon-group i.fa { font-size: 50px; } .sppb-addon-icon-group .icon_container .icon-button .title { font-size: 15px; line-height: 19px; } .sppb-addon-icon-group .icon_container .icon_content .content { font-size: 16px; line-height: 19px; } .sppb-addon-icon-group .icon_container .icon_content .title { line-height: 19px; margin-top: 10px !important; } } @media (max-width: 466px) { .sppb-addon-icon-group:not(.auto-container) .icon_container { padding: 0 15px 30px 15px !important; width: 150px !important; } .sppb-addon-icon-group a.icon-button { width: 120px !important; height: 120px !important; } .sppb-addon-icon-group i.fa.image img { width: 50px; } .sppb-addon-icon-group i.fa { font-size: 35px; } .sppb-addon-icon-group .icon_container .icon-button .title { font-size: 12px; line-height: 16px; } .sppb-addon-icon-group .icon_container .icon_content .content { font-size: 14px; line-height: 18px; } .sppb-addon-icon-group .icon_container .icon_content .title { font-size: 15px; line-height: 18px; margin-top: 10px !important; } } @media (max-width: 366px) { .sppb-addon-icon-group .icon_container { display: block !important; margin: auto; } } /* ZT:: If <768 set to 1 col, class is added: xs-full-width */ @media (max-width: 768px) { .sppb-addon-icon-group .icon_container.xs-full-width { width: 100% !important; } } @media (max-width: 368px) { .sppb-addon-icon-group .icon_container, .sppb-addon-icon-group:not(.auto-container) .icon_container { width: 100% !important; } } /*************************************************************/ /* [_STAB] SPPB ADDON: TABS */ /*************************************************************/ .sppb-addon-content ul.sppb-nav-tabs { margin: 0; padding: 0; } ul.sppb-nav-tabs li { border-left: none; vertical-align: middle; } ul.sppb-nav-tabs li.active { border-bottom: none; padding-top: 0; } ul.sppb-nav-tabs li a { text-transform: uppercase; border: none !important; } ul.sppb-nav-tabs > li > a { font-size: inherit; font-weight: inherit; } ul.sppb-nav-tabs li:before { content: ""; } ul.sppb-nav-tabs li a, .sppb-nav-tabs>li.active>a, .sppb-nav-tabs>li.active>a:hover, .sppb-nav-tabs>li.active>a:focus { border-left: none; } .sppb-nav-tabs>li>a { border-radius: 0; } .sppb-nav>li>a { padding: 20px 15px; } .sppb-section.sppb-tab-pane { display: none; } .sppb-section.sppb-tab-pane.active { display: block; } .tab-section { padding: 0px 15px; border: none; } .tab-section .sppb-tab-content { padding: 0; } .tab-section.sppb-container>.sppb-container, .tab-section.sppb-container>.sppb-row-container { padding: 0px; width: 100%; } .tab-section .sppb-container-inner .sppb-row>div { padding: 0; } .tab-section .sppb-container-inner .sppb-row .sppb-addon { padding: 15px 25px; } .tab-section .sppb-row-container .sppb-tab-pane .sppb-row { margin: 0; } .tab-section .sppb-container .sppb-row { margin: 0; } .tab-section .sppb-container-inner .sppb-row .sppb-addon.fragen-haben { padding: 50px; } .tab-links .sppb-addon-text-block ul li:before { display: block; } .tab-section .sppb-container-inner .sppb-addon-accordion .sppb-panel-heading, .tab-section .sppb-container-inner .sppb-addon-accordion .sppb-panel-body { max-width: 750px; } /* Full-width accordion */ .tab-section .sppb-container-inner .sppb-addon-accordion.full-width .sppb-panel-heading, .tab-section .sppb-container-inner .sppb-addon-accordion.full-width .sppb-panel-body{ max-width: 100% !important; } .tab-section .sppb-tab-content section.sppb-tab-pane { padding-top: 15px; } @media (max-width: 991px) { ul.sppb-nav-tabs li { display: block; margin: 0; width: 100%; } ul.sppb-nav-tabs li a, .sppb-nav-tabs>li.active>a, .sppb-nav-tabs>li.active>a:hover, .sppb-nav-tabs>li.active>a:focus { border-bottom: none; } } @media (max-width: 991px) { .sppb-nav-tabs li { border-bottom: none !important; } .sppb-nav-tabs li.active a { padding-top: 21px; } } @media (max-width: 767px) { .tab-section .sppb-container-inner .sppb-row .sppb-addon.fragen-haben .sppb-media { text-align: center; padding-top: 50px; position: relative; } .tab-section .sppb-container-inner .sppb-row .sppb-addon.fragen-haben .sppb-media>div { width: 100%; margin: 0; margin-bottom: 15px; } .tab-section .sppb-container-inner .sppb-row .sppb-addon.fragen-haben .sppb-media .sppb-media-body { margin: 0; } .tab-section .fragen-haben .sppb-feature-box-title { left: 0; position: absolute; right: 0; top: 0; } .tab-section .sppb-container-inner .sppb-row .sppb-addon.fragen-haben .sppb-media .sppb-media-body .sppb-addon-text { overflow: visible; } } /* Tabs on on grey background */ /* JP alternative for tabs on gray backghroud */ /*************************************************************/ /* [_SPRG] SPPB ADDON: PROGRESS BAR */ /*************************************************************/ #sp-component .sppb-progress-bar { text-align: right; padding-right: 50px; line-height: 84px; } .sppb-progress>.sppb-progress-bar { font-size: 19px; font-weight: 300; } .sppb-progress-striped .sppb-progress-bar, .sppb-progress-bar-striped { background-size: 40px 40px; } .sppb-progress { height: 84px; } /* Progress Bar Addon - Inverse */ .sppb-progress { border-radius: 0; } #sp-component .inverse>.sppb-progress-bar.sppb-progress-bar-primary { float: right; text-align: left; padding-right: 20px; padding-left: 50px; } .sppb-progress.inverse { background-size: 40px 40px; -webkit-box-shadow: none; box-shadow: none; } /*************************************************************/ /* [_CTAF] SPPB Custom Classes: CALL TO ACTION SLIDE FORM */ /*************************************************************/ .sppb-section.kontaktieren { display: none; } .kontakt-mod form .form-group { padding: 0 7.5px; } @media only screen and (min-width: 1200px) { .kontakt-mod { padding-left: 100px; padding-right: 80px; } } @media only screen and (max-width: 768px) { .kontakt-mod { padding-left: 30px; padding-right: 30px; } } /* Contact (Person) layout */ .contact-mod img { display: inline-block; border-radius: 50%; } .contact-mod p { margin-bottom: 16px; } .contact-mod ul { list-style: none; padding-left: 0; } .contact-mod strong { font-weight: normal; } .contact-mod i.fa { margin-right: 5px; } /* ZT:: Ihre Vorteille Row */ .ihre-vorteile .sppb-addon .sppb-addon-content p { margin-bottom: 0; } .ihre-vorteile div[id^='column-id-'] { padding: 40px 20px 40px 90px; position: relative; transition: background-color .3s ease-in, color .3s ease-out; display: table; height: 100%; } .ihre-vorteile div[id^='column-id-']:before { content: "\f046"; font-family: fontawesome; width: 50px; height: 50px; left: 25px; top: 50%; margin-top: -25px; position: absolute; font-size: 50px; line-height: 50px; transition: all .2s ease-out 0s; } .ihre-vorteile.external-link-icon div[id^='column-id-']:before { content: "\f08e"; } .ihre-vorteile div[id^='column-id-']:hover:before { margin-top: -30px; } .ihre-vorteile .sppb-addon-content { font-size: 15px; } .ihre-vorteile .sppb-column .sppb-column-addons { display: table-cell; vertical-align: middle; } .ihre-vorteile .sppb-col-md-4 { padding-left: 0px; padding-right: 0px; } /*************************************************************/ /* [_ACCO] SPPB Custom Classes: ACCORDION */ /*************************************************************/ /* Karriere accordion / eventfeed accordion */ .karriere .sppb-addon-title { max-width: 300px; } .relative .sppb-addon-container, .sppb-addon-accordion.karriere { position: relative; } .allevents { position: absolute; right: 0; top: -70px; } .allevents a { padding: 0 !important; } /* Accordion newsfeed */ .eventfeed h2 { display: none; } .eventfeed .event_info { display: none; } .eventfeed a.btn { margin-top: 5px; } /* Accordion Addon */ .sppb-panel i { width: 55px; height: 55px; line-height: 54px; display: block; float: left; } .sppb-panel>.sppb-panel-heading>.sppb-panel-title { position: relative; } .sprocket-tables-item .sprocket-tables-cell { font-size: 16px !important; font-weight: 300 !important; } .sppb-panel-group .sppb-panel+.sppb-panel { margin-top: 7px; } /* DS 03.03.2020. */ .sppb-panel-group.fadeInkarriere { margin-bottom: 0; } /* DS end */ @media (max-width: 768px) { .sppb-addon-accordion .sppb-panel-heading { max-width: 100%; } } .sppb-addon-accordion .sppb-panel-title b { line-height: 17px; display: table-cell; vertical-align: middle; } @media screen and (max-width: 600px) { .sppb-addon-accordion .sppb-panel-title b { font-size: 13px; line-height: 16px; display: table-cell; vertical-align: middle; } } #sp-component .sppb-addon-accordion .sppb-panel-title i, .job-body-wrapper .sppb-addon-accordion .sppb-panel-title i { font-weight: 400; font-style: normal; } #sp-component .sppb-addon-accordion .sppb-panel-heading .sppb-panel-title i:before, .job-body-wrapper .sppb-addon-accordion .sppb-panel-heading .sppb-panel-title i:before { content: "+"; } #sp-component .sppb-addon-accordion .sppb-panel-heading.active .sppb-panel-title i, .job-body-wrapper .sppb-addon-accordion .sppb-panel-heading.active .sppb-panel-title i { line-height: 50px; } #sp-component .sppb-addon-accordion .sppb-panel-heading.active .sppb-panel-title i:before, .job-body-wrapper .sppb-addon-accordion .sppb-panel-heading.active .sppb-panel-title i:before { content: "–"; } /* Full Width Accordion */ .sppb-addon-accordion.full-width-accordion .sppb-panel-heading { max-width: none; } /* Karriere (MSG Services) Accordion */ #sp-page-builder .karriere-accordions .sppb-panel span.sppb-panel-title span.title { width: 100%; position: relative; top: -6px; font-weight: 600; } #sp-page-builder .karriere-accordions .sppb-panel span.sppb-panel-title span.title span { width: 80px; display: inline-block; text-align: center; margin-right: 15px; position: relative; top: 6px; font-weight: 300; } #sp-page-builder .karriere-accordions .eventfeed .sppb-panel span.sppb-panel-title span.title { top: 0; width: auto; } @media (max-width: 991px) { #sp-page-builder .karriere-accordions .first-col-jobs .eventfeed .sppb-panel-group>.sppb-panel.sppb-panel-default:nth-of-type(even) { display: inherit !important; } #sp-page-builder .karriere-accordions .second-col-jobs { display: none; } } #sp-page-builder .karriere-accordions .first-col-jobs .eventfeed .sppb-panel-group>.sppb-panel.sppb-panel-default:nth-of-type(even) { display: none; } #sp-page-builder .karriere-accordions .second-col-jobs .eventfeed .sppb-panel-group>.sppb-panel.sppb-panel-default:nth-of-type(odd) { display: none; } #sp-page-builder .karriere-accordions .second-col-jobs .eventfeed .sppb-panel-group>.sppb-panel.sppb-panel-default:nth-child(2) { margin-top: 0px !important; } #sp-page-builder .karriere-accordions .eventfeed .allevents { display: none; } #sp-page-builder .karriere-accordions .eventfeed.sppb-addon-accordion .sppb-panel-heading { max-width: none; } /*************************************************************/ /* [_FLPR] SPPB Custom Classes: FLIPPER */ /*************************************************************/ /* Full color flipper */ .full-color .sp_member_addon .sppb-member-details-holder .sppb-member-title { font-weight: 400; } .full-color .flip-container .front { padding: 0; } .full-color .flip-container .front .sppb-member-details-holder { display: table; height: 350px; padding: 0 25px; position: absolute; top: 0; width: 100%; } .full-color .flip-container .front .sppb-member-details-holder .sppb-member-title { display: table-cell; position: relative; vertical-align: middle; } .full-color .flip-container .back .sp-member-desc { height: auto; padding: 35px 25px; } .full-color .flip-container .back .sp-member-desc p { font-style: normal; } @media (max-width: 1199px) { .full-color .flip-container .front .sppb-member-details-holder { height: 280px; } } @media (max-width: 991px) { .full-color .sppb-row { text-align: center; } .full-color .sppb-row>div { display: inline-block; float: none; max-width: 300px; } .full-color .flip-container .front .sppb-member-details-holder { height: 350px; } } @media (max-width: 767px) { .full-color .sppb-row>div { max-width: inherit; } .full-color .sppb-row>div .sppb-addon-container { max-width: 300px; display: inline-block; } } /* Logo flippers with bottom border title */ .border-title-flipper .sp-member-desc { padding: 15px !important; } .border-title-flipper .sp-member-desc p { font-size: 12px; line-height: 18px; } .border-title-flipper h3.sppb-member-title { font-size: 14px !important; padding-top: 100px !important; } .border-title-flipper .sp-member-desc p { padding-top: 15px; } /* Modal popup on flipper */ .flipper-modal ul li { margin-bottom: 0 !important; } .flipper-modal p.corporate-red, .flipper-modal span.corporate-red { font-weight: 400; } .flipper-modal p.title { font-size: 21px; } .flipper-modal.intro img { margin: 0 auto 35px auto; } .flipper-modal.intro p { text-align: center; } .flipper-modal.intro p:last-of-type { margin-bottom: 50px; } @media (min-width: 768px) { .flipper-modal.intro { float: left; } .flipper-modal.intro img { float: left; margin: 0 50px 50px 0; } .flipper-modal.intro p { text-align: left; } } @media (min-width: 1200px) { .full-color.flipper-mod .col-md-3 { width: 25%; } } @media (max-width: 991px) and (min-width: 768px) { .full-color.flipper-mod .sppb-col-sm-3 { width: 100% !important; } } @media (min-width: 992px) and (max-width: 1199px) { .full-color.flipper-mod .col-md-3 { width: 30%; } .full-color.flipper-mod .visible-md { display: block !important; width: 20% !important; } .full-color.flipper-mod .flip-container .front .sppb-member-details-holder { height: 350px !important; } } /* Flipper with smaller backside text-size */ .flip-container.p-small .flipper .back .sp-member-desc { padding: 15px; } .flip-container.p-small .flipper .back .sp-member-desc p { font-size: 13px; line-height: 20px; } .flip-container.p-small .flipper .back .sp-member-desc ul { margin-left: 0; padding-left: 20px; font-size: 13px; line-height: 1.5; } /* Vertical and horizontal backside text alignment */ .centered-backside .flipper .back .sp-member-desc ul { top: 50%; transform: translateY(-50%); position: relative; } .centered-backside .flipper .back .sp-member-desc ul li { margin: 0 0 6px 0 !important; } .centered-backside .flipper .back .sp-member-desc p { text-align: center; top: 50%; margin: auto !important; transform: translateY(-50%); position: relative; height: auto; } .centered-backside .flipper .back .sp-member-desc { height: inherit !important; } .centered-backside .flipper .back div:first-of-type { height: inherit; } @media (max-width: 991px) { .centered-backside .flipper .back .sp-member-desc ul { margin-top: 0 !important; } } .flipper { max-width: 265px; margin-left: auto; margin-right: auto; } /* Default white flipper with icon/texts */ .text-icon-flipper .flipper .sppb-member-details-holder { height: 245px; padding: 30px; } .text-icon-flipper .flipper .front .sppb-member-details-holder h3 i.fa { display: block; font-size: 50px; margin-bottom: 15px; } .text-icon-flipper .flipper .back .sp-member-desc { height: 245px; } /* Flipper button */ .sppb-btn.sppb-btn-info.sppb-btn-sm.modal.modal_link.rl_modals_element{ position: static !important; } /* Flipper with title inside */ .title-inside .sppb-member-details-holder { display: table; position: absolute; color: #fff; top: 0px; z-index: 10; text-align: center; width: 100%; height: 342px; } .title-inside .sppb-member-details-holder .sppb-member-title { display: table-cell; vertical-align: middle; } /* ZT:: IBC Styles */ .ibc-flippers .sp-member-addon-front .sppb-member-image-holder > img { opacity: 0; visibility: hidden; } .ibc-flippers .sp-member-addon-back.back { background: #000; } #sp-main-body #sp-page-builder .ibc-flippers .sppb-member-details-holder .sppb-member-title { vertical-align: bottom; color: #a01441; font-weight: 600 !important; font-size: 16px; line-height: 19px; } #sp-main-body #sp-page-builder .ibc-flippers .sppb-member-details-holder .sppb-member-title i.fa { width: 80px; height: 80px; line-height: 80px; color: 000000; position: absolute; top: 30%; left: 50%; margin-left: -40px; font-size: 80px; } #sp-main-body #sp-page-builder .ibc-flippers .sp-member-addon-back header + div { display: table; } #sp-main-body #sp-page-builder .ibc-flippers .sp-member-addon-back header + div > .sp-member-desc { display: table-cell; vertical-align: middle; } .ibc-vorteile .sppb-addon .sppb-addon-content p { margin-bottom: 0; } .ibc-vorteile div[id^="column-id-"] { padding: 40px 20px 40px 90px; position: relative; transition: background-color 0.3s ease-in, color 0.3s ease-out; display: table; height: 100%; } .ibc-vorteile div[id^="column-id-"]:before { content: "\f046"; font-family: fontawesome; width: 50px; height: 50px; left: 25px; top: 50%; margin-top: -25px; position: absolute; font-size: 50px; line-height: 50px; color: #a01441; transition: all 0.2s ease-out 0s; } .ibc-vorteile div[id^="column-id-"]:hover, .ibc-vorteile div[id^="column-id-"]:focus { background: #a01441; color: #fff; } .ibc-vorteile div[id^="column-id-"]:hover span, .ibc-vorteile div[id^="column-id-"]:focus span { color: #fff !important; } .ibc-vorteile div[id^="column-id-"]:hover:before { margin-top: -30px; color: #ffffff; } .ibc-vorteile .sppb-addon-content { font-size: 15px; } .ibc-vorteile .sppb-column .sppb-column-addons { display: table-cell; vertical-align: middle; } .text-quoted { font-style: italic; font-size: 20px; } .text-quoted:before { content: "„"; } .text-quoted:after { content: "“"; } .text-quoted:before, .text-quoted:after { font-size: 36px; line-height: 1; display: inline-block; font-family: Georgia, serif; font-weight: 600; padding: 0 7px; } .digitale-boxes .reporting-box .sppb-addon { margin: 0 auto; } /*************************************************************/ /* [_TEMO] SPPB Custom Classes: TESTIMONIAL */ /*************************************************************/ .sppb-testimonial-pro img { float: left; margin-right: 25px; } /* [id^=sppb-carousel].sppb-testimonial-pro .sppb-carousel-inner>.sppb-item>img { max-width: 100% !important; } */ #sp-main-body .sppb-testimonial-pro .sppb-testimonial-message { font-size: 17px; } .sppb-testimonial-client { display: none; } #sp-main-body .sppb-testimonial-pro .sppb-carousel-control { border-radius: 50%; padding: 5px; background: none; } #sp-main-body .sppb-testimonial-pro .sppb-carousel-control .fa-angle-left:before { content: "\f100" !important; } #sp-main-body .sppb-testimonial-pro .sppb-carousel-control .fa-angle-right:before { content: "\f101" !important; } /* Testimonials block */ .testemonials .sppb-addon.sppb-text-center .sppb-addon-title:after { left: calc(50% - 40px); margin-bottom: -5px; bottom: -20px; height: 2px; position: absolute; width: 80px; display: block; } #sp-page-builder .testemonials .sppb-carousel-inner { margin-bottom: 30px !important; } .testemonials .left.sppb-carousel-control { margin-right: 15px; } .testemonials .right.sppb-carousel-control { margin-left: 15px; } .testemonials .sppb-testimonial-message { padding-left: 210px; } @media (max-width: 480px) { .testemonials .sppb-testimonial-message { margin-top: 35px; padding: 0; } .testemonials .sppb-item .sppb-avatar { float: none; margin: 0 auto !important; } } /*************************************************************/ /* [_REDB] SPPB Custom Classes: RED BANNER */ /*************************************************************/ /* Red Banner */ .red-bar h3 { font-size: 22px !important; font-weight: 400; line-height: 30px !important; margin: 0; } .red-bar .sppb-text-right { margin-top: 25px; text-align: center; } @media (max-width: 600px) { .red-bar h3.sppb-cta-title { font-size: 17px !important; line-height: 25.5px !important; } .red-bar a.sppb-btn { min-width: 260px; } } /*****************************************************/ /* [_THEM] Theme block */ /*****************************************************/ /* msggroup.com theme block */ .theme .sppb-addon-feature { margin-bottom: 20px; height: 420px; position: relative; height: 235px; } .theme .sppb-addon-feature .sppb-addon-content { overflow: hidden; } .theme .sppb-addon-feature img { max-width: 720px; position: absolute; left: calc(50% - 360px); } .theme .sppb-addon-feature .sppb-addon-content span { height: 385px; display: block !important; position: relative; } .theme .sppb-addon-feature .sppb-addon-text { line-height: 1.2; padding: 10px 10px 0; } .theme .sppb-addon-feature.red .sppb-addon-text, .theme .sppb-addon-feature.white .sppb-addon-text { background: none; padding: 25px; } .theme .sppb-addon-feature .sppb-addon-text .sppb-btn-default { position: absolute; bottom: 15px; right: 15px; } .theme .sppb-addon-feature .sppb-addon-text .sppb-btn-info { position: absolute; padding: 5px 5px 5px 10px !important; } .theme .half-height .sppb-addon-feature { height: 235px; } @media (max-width: 1199px) and (min-width: 992px) { .theme .half-height .sppb-addon-feature { height: 250px; } } @media (max-width: 991px) { .theme .half-height .sppb-addon-feature { height: 290px; } } .theme .half-height .sppb-addon-feature .sppb-addon-content span { height: 165px; } /*OA:: added width*/ .theme .sppb-addon-feature .sppb-addon-text .text-version { position: absolute; bottom: 15px; right: 15px; width: inherit; } .theme .sppb-addon-feature p { font-size: 16px; line-height: 23px; } .theme .sppb-addon-feature strong, .theme .sppb-addon-feature b { font-size: 20px; line-height: 23px; } .sppb-addon-feature.feature-box-link { cursor: pointer; } @media (min-width: 992px) and (max-width: 1199px) { .theme .sppb-addon-feature strong { font-size: 18px; } } @media (max-width: 991px) { .theme .sppb-addon-feature.red .sppb-addon-text { padding-bottom: 45px; } } @media (max-width: 480px) { .theme .half-height .sppb-addon-feature { height: auto; } } /* DS:: Commenting redundant limit */ @media (min-width: 992px) /* and (max-width: 1199px) */ { .theme .sppb-addon-feature img { max-width: 600px; position: absolute; left: calc(50% - 300px); } .theme .sppb-addon-feature { height: 390px; } .theme .sppb-addon-feature .sppb-addon-content span { height: 322px; } .theme .half-height .sppb-addon-feature .sppb-addon-content span { height: 145px; } .theme .half-height .sppb-addon-feature.red .sppb-addon-text { padding: 20px; } } @media (min-width: 767px) and (max-width: 991px) { .theme .sppb-addon-feature img { max-width: 600px; position: absolute; left: calc(50% - 300px); } .theme .sppb-addon-feature { height: 390px; } .theme .sppb-addon-feature .sppb-addon-content span { height: 322px; } .theme .half-height .sppb-addon-feature .sppb-addon-content span { height: 145px; } .theme .half-height .sppb-addon-feature.red .sppb-addon-text { padding: 20px; } } @media (max-width: 767px) { .theme .sppb-addon-feature img { position: relative; left: auto; max-width: 100%; height: auto; } .theme .sppb-addon-feature { height: auto !important; } } /* DS:: transferred to smaller width to preserve layout */ @media (max-width: 456px) { .theme .sppb-addon-feature .sppb-addon-content span { height: auto !important; } } /* ZT:: New .theme-small class */ .theme.theme-small .sppb-addon-feature img { max-width: 100%; left: 0; } .theme.theme-small .sppb-addon-feature .sppb-addon-content span { overflow: hidden; height: 230px; } .theme.theme-small .sppb-addon-feature p { margin-bottom: 0; } /*****************************************************/ /* [_SCBX] Sticky contact box */ /*****************************************************/ /* ZT:: Sticky Contact Box */ .stickyBox { width: 120px; min-height: 120px; padding: 10px; font-weight: 600; display: table; border-radius: 3px; position: absolute; right: 50%; margin-right: -60px; } .stickyBox>a { display: table-cell; vertical-align: middle; } .stickyBox .closeSticky { position: absolute; right: -16px; top: -16px; cursor: pointer; border-radius: 40px; height: 40px; width: 40px; display: block; } .stickyBox .closeSticky:after { content: ""; font-family: FontAwesome; font-size: 16px; left: 14px; position: absolute; top: 9px; } div[id^="sppb-addon-"].hasStickyBox { min-height: 140px; } .stickyBox.wide { width: 220px; margin-right: -110px; } .stickyBox.fixed { position: fixed; top: 100px; z-index: 100; margin-right: 0 !important; } /*****************************************************/ /* [_FBIT] Feature Box - Icon with text */ /*****************************************************/ .feature-box__icon { display: inline-block; width: 45px; font-size: 30px; } .feature-box__title { vertical-align: middle; display: inline-block; font-size: 21px; line-height: 1.2; font-weight: 400; min-width: calc(100% - 50px); margin-top: 5px !important; } .feature-box__text { margin-left: 50px !important; } /* Variations */ .feature-box--small .feature-box__title { font-size: 14px; } /* align buttons down */ div.mehr-btn-down a.feature-box__btn { position: absolute; bottom: 0; left: 50px; transform: none; } @media (max-width: 767px) { div.mehr-btn-down a.feature-box__btn { position: relative; left: 0; margin-top: 15px; } } /* Multicolumn fix for teaser box */ @media (max-width: 991px) { .feature-box-row.multicolumn>div>.sppb-row>div { padding-left: 15px; } } /*****************************************************/ /* [_MGML] Management Links Section */ /*****************************************************/ .rounded-image { border-radius: 100%; } .management-links { text-align: center; } .management-links.left { text-align: left; } .management-links .sppb-addon-container { max-width: 165px; margin: auto; } .management-links .height-pos p:nth-of-type(2) { margin-bottom: 5px; } .management-links .sppb-row>div { float: none; vertical-align: top; display: inline-block; } @media(max-width:493px) { .management-links .sppb-row>div { display: block; } } .management-links p:first-of-type { font-weight: 400; font-size: 17px; margin: 0; } .management-links p { font-weight: 400; font-size: 14px; } .management-links a { margin-right: 10px; display: inline-block; min-width: 40px; text-align: center; padding: 5px 0px; } .management-links a.modal.cboxElement { margin-right: 0px; margin-bottom: 20px !Important; } .management-links i { margin-right: 0px !important; } .management-links a.sppb-btn.sppb-btn-default.sppb-btn-sm.modal.modal_link.cboxElement { padding: 5px 15px !important; } .management-links a.sppb-btn.sppb-btn-default.sppb-btn-sm.modal.modal_link { margin-bottom: 15px; } /* Popup modal */ .management { display: table; padding: 0px !important; position: relative; height: 280px !important; } .management .mangement-image { display: table-cell; min-width: 160px; text-align: center; } .management .management-content { display: table-cell; vertical-align: top; padding-left: 50px; } /* #cboxLoadedContent, #rl_modals_loaded_content { margin: 0!important; } */ .mangement-image button.sppb-btn.sppb-btn-default.sppb-btn-sm.close-management { display: none; } .mangement-image .entry-image img.caption { border-radius: 50%; } .mangement-image p, .management-content p:first-child { font-weight: 400; } @media (min-width:992px) and (max-width:1199px) { .management-links p:first-of-type { min-height: 50px; } .management-links .height-pos p:nth-of-type(2) { margin-bottom: 20px; } } /* ZT:: */ @media (max-width: 640px) { #cboxContent article.management.item .mangement-image, #cboxContent article.management.item .management-content, #rl_modals_content article.management.item .mangement-image, #rl_modals_content article.management.item .management-content { display: inline !important; } #cboxContent article.management.item .management-content, #rl_modals_content article.management.item .management-content { padding-left: 0; } #cboxContent article.management.item .mangement-image img, #rl_modals_content article.management.item .mangement-image img { display: inline-block; } } /*****************************************************/ /* [_SFIX] SPPB Fixes */ /*****************************************************/ /* SPPB Update Styles */ /* centering non-bootstrap coulumns eg. 3,5... */ .center-content .sppb-row-container .sppb-row, .center-content .sppb-container-inner .sppb-row { text-align: center; } .center-content .sppb-row-container .sppb-row>div, .center-content .sppb-container-inner .sppb-row>div { display: inline-block; float: none; } /* ZT:: Center all addons that have by default sppb-text-left class, but are under row.center-content */ .sppb-section.center-content .sppb-column-addons .sppb-addon.sppb-text-left, .sppb-section.center .sppb-column-addons .sppb-addon.sppb-text-left { text-align: center !important; } @media (max-width: 991px) { .center-content .sppb-row-container .sppb-row>div, .center-content .sppb-container-inner .sppb-row>div { width: auto; } } /* ZT:: Fix Default SPPB CSS Clearfix-es */ .sppb-row-container:before, .sppb-row-container:after, .sppb-row-container-fluid:before, .sppb-row-container-fluid:after { content: " "; display: table; } .sppb-row-container:after, .sppb-row-container-fluid:after { clear: both; } /* ZT:: Fix additional SPPB 2.4+ Styles */ a.modal { position: inherit; overflow: inherit; } /*Should stay. Not connected to sppagebuilder.css */ .sppb-addon-modal a.modal { position: relative; /* JP - width */ width: 100%; } div[class*=" sppb-col-"].text-right .sppb-addon-container .sppb-text-left, .sppb-column.text-right div[id^='sppb-addon-']>.sppb-text-left { text-align: right; } /* ZT:: General col-5 grid - make ro 2+2+2+2+2+2 and add the class in the Row settings */ @media (min-width: 992px) { .col-5 .sppb-col-md-2 { width: 20% !important; } } p.in-mod-title { margin-bottom: 25px !important; } .mfp-close-btn-in .mfp-close { right: -15px; } .mfp-inline-holder .mfp-content { width: auto; } /* Turn off the frontend Editing */ a.sp-pagebuilder-page-edit { display: none !important; } /* Fix karriere */ .fabrikGroup .sppb-section.info-zoom div[class^="col-"] { margin-bottom: 30px; } /* Not inlined buttons */ .btn-container .sppb-row .sppb-addon-container>div, .btn-container .sppb-column-addons>div[id^='sppb-addon-'] { display: inline-block; } @media only screen and (max-width: 767px) { .sppb-tab-content.tab-section .sppb-row-container { padding-left: 0; padding-right: 0; } } /* ZT:: Fix Tabs - Old and new layout fix */ .tab-section .sppb-row-container>.sppb-row>.sppb-tab-content { border: none !important; } .tab-section .sppb-row-container>.sppb-row>.sppb-tab-content>.sppb-addon-container { border-top: 0; } .tab-section.sppb-tab-content .sppb-tab-content.sppb-col-sm-12 { padding-left: 15px; padding-right: 15px; } /* Fix buttons missing top border in article pages */ article.item .row.eventcontent a.sppb-btn { display: inline-block; } /* 991 collapsing */ @media (min-width: 768px) and (max-width: 991px) { .sppb-col-sm-1, .sppb-col-sm-2, .sppb-col-sm-3, .sppb-col-sm-4, .sppb-col-sm-5, .sppb-col-sm-6, .sppb-col-sm-7, .sppb-col-sm-8, .sppb-col-sm-9, .sppb-col-sm-10, .sppb-col-sm-11, .sppb-col-sm-12 { float: left; } .sppb-col-sm-12 { width: 100%; } .sppb-col-sm-11 { width: 91.66666667%; } .sppb-col-sm-10 { width: 83.33333333%; } .sppb-col-sm-9 { width: 75%; } .sppb-col-sm-8 { width: 66.66666667%; } .sppb-col-sm-7 { width: 58.33333333%; } .sppb-col-sm-6 { width: 50%; } .sppb-col-sm-5 { width: 41.66666667%; } .sppb-col-sm-4 { width: 33.33333333%; } .sppb-col-sm-3 { width: 25%; } .sppb-col-sm-2 { width: 16.66666667%; } .col-sm-4.sppb-col-sm-2 { width: 33.33333333%; } /* ZT:: Test this more. Added to work with old col-code simultaneously */ .sppb-col-sm-1 { width: 8.33333333%; } } .sp_member_addon .sppb-member-details-holder .sppb-member-title { font-size: 20px; font-weight: 300; margin: 20px 0 0; } .sp_member_addon .sppb-member-details-holder .sppb-member-role { font-size: 17px; font-weight: 300; margin: 0 0 5px; text-transform: none; margin-top: 5px; } @media (min-width: 992px) and (max-width: 1199px) { .sp_member_addon .sppb-member-details-holder .sppb-member-title { font-size: 18px; } .sp_member_addon .sppb-member-details-holder .sppb-member-role { font-size: 15px; } .sp_member_addon .sp-member-addon-back .sp-member-desc { padding: 20px 30px; font-size: 14px; } } /* Featured Block Addon */ .round img { border-radius: 50%; } /* Company logos */ .partner-company .sppb-addon-content { padding: 20px 20px; } .partner-company .sppb-addon-content { max-width: 250px; max-height: 250px; margin: 0 auto; } /* Features template position */ #sp-features .sp-module { margin: 0; } @media (max-width: 991px) { #sp-main-body .move { float: left; width: 100%; text-align: left; position: relative; z-index: 2; } } /* karriere */ .karriere #sp-main-body { margin-top: 0; } /* ZT:: feature addon img screwed fix */ *::-ms-backdrop, .sppb-addon-feature>.sppb-addon-content>span { display: block !important; } .col-centered { float: none; margin: 0 auto; } .showmore { text-align: center; margin-top: 60px; } /* Map fix */ .view-article .map { width: 100% !important; height: 100% !important; } /* ZT:: Google map 6px gap below fix */ .gmaps-no-scroll iframe { display: block; } /* Video */ @media (min-width: 768px) { .video-container { width: 70%; margin: auto; } } /* DS:: Flexbox Row Content Justification */ .msg-justify-content-center .sppb-row { justify-content: center; } /*************************************************************************************************/ /* [_CFIX] CAROUSEL FIX */ /*************************************************************************************************/ .carousel .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner { background:transparent !important; height: 100%; } .carousel .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner > div{ width:100% !important; } .carousel .sppb-img-responsive, .sppb-carousel-inner > .sppb-item > img, .sppb-carousel-inner > .sppb-item > a > img{ width:100% !important; } /*************************************************************************************************/ /* [_PEC] Person Card */ /*************************************************************************************************/ .person-card{ display: flex; justify-content:center; align-items:center; } .person-card img{ border-radius: 50%; max-width: 200px; max-height: 200px; } .person-card .sppb-addon-content{ max-width: 300px; display:flex; justify-content:space-between; flex-direction: column; box-shadow: 0px 0px 10px rgba(0,0,0,0.3) } .person-card .sppb-addon-content .sppb-person-information{ font-weight: bold; } .person-card .sppb-addon-content div{ margin: 15px; } .person-card .sppb-addon-content .sppb-person-introtext{ color: #000; } .person-card .sppb-addon-content .sppb-person-information-static{ display: none; } .person-card .sppb-addon-content .fa{ color: #a01441; } .person-card.sppb-addon-persion .sppb-person-social > li > a{ font-size: 24px !important; } .person-card .sppb-addon-content .sppb-person-social li{ width:35px; } .person-card .sppb-addon-content .fa-facebook:hover{ color: #3b5998 !important; } .person-card .sppb-addon-content .fa-twitter:hover{ color: #55acee !important; } .person-card .sppb-addon-content .fa-google-plus:hover{ color: red !important; } /*************************************************************************************************/ /* [_BNMB] Block Number */ /*************************************************************************************************/ .sppb-addon-blocknumber .sppb-blocknumber { display: flex; } .sppb-addon-blocknumber .sppb-blocknumber .sppb-blocknumber-number { display: flex; justify-content: center; align-items: center; } /*************************************************************************************************/ /* [_IMGA] Single image addon */ /*************************************************************************************************/ .sppb-addon-single-image-container { display: block; } /*************************************************************************************************/ /* [_XTER] EXTERNAL ELEMENTS */ /*************************************************************************************************/ /*************************************************************************************************/ /* [_CURA] CURATOR */ /*************************************************************************************************/ /* fixes for Curator feed */ .crt-post .crt-post-text, .crt-post .crt-date { font-family: "Open Sans", sans-serif; font-size: 14px !important; font-weight: 300; line-height: 1.5em !important; } .crt-post-date { opacity: 1 !important; text-transform: none; } .crt-post-fullname { display: none !important; } .crt-post-userimage { display: none; } .crt-post-username { display: none; } .crt-load-more-container>button>span { display: none; } button.crt-load-more { font-size: 15px; padding: 10px 40px !important; } .crt-load-more-container>button:after { content: "Mehr anzeigen"; } /*****************************************************/ /* [_PRNT] PRINT LAYOUT */ /*****************************************************/ /* Media */ @page { margin: 0 25px 25px 25px !important; } @media print { .noprint { display: none; } /* Used font & Hide borders */ html, body { border: none !important; font-size: 12pt !important; font: Georgia, "Times New Roman", Times, serif; } #sp-main-body { margin: 0 !important; } /* General layout settings */ body section { padding: 0 !important; } .mobile_slider { padding: 0; } h3.sppb-addon-title, #stellen___Title_ro { margin: 35px 0px 15px 0px !important; } .fabrikForm.fabrikDetails { margin: 0; } .fabrikDetails .field-titleimage { margin: 0; padding: 0; } .fabrikGroup div#sp-page-builder { display: none; } .field-stellen___CompanyCode_ro.image.CompanyCode00000002 { display: block !important; } /* Disallowing images to have full paper size width */ body img { max-width: 400px !important; } /* Header margin */ body.sticky header#sp-header+section { margin-top: 0px; } /* Disable blank pagebreak/blank pages at end of document */ .print:last-child { page-break-after: auto; } /* Disable printed URLs */ a[href]:after { content: none !important; } /* Disable orphans and widows <3 */ p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } /* Text alignments */ body h2.sppb-title-heading, .slide_content.container.text_small { text-align: left; } /* Overheader, header, slideshows, bottom, footer, cookie, offcanvas not visible on print etc. */ #sp-overheader-space, #sp-overheader, #sp-header, #sp-slideshows, #sp-bottom, #sp-footer, #sp-cookie, .offcanvas-menu.custom-menu, .offcanvas-menu.main-menu, #cboxOverlay, #rl_modals_overlay, #colorbox, #rl_modals, #sbox-overlay, #sbox-window, #scrollToTop, #sbox-window, #colorbox, #rl_modals, #cboxOverlay, #rl_modals_overlay, #sbox-overlay { display: none !important; } /* Tabs display - needs rework .sppb-tab-pane{ opacity: 1 !important; display: block !important; }*/ /* Accordion flat display */ .sppb-addon-accordion .sppb-panel-title i { display: none !important; } .sppb-addon-accordion span.title, .sppb-addon-accordion .sppb-panel-heading span.sppb-panel-title { font-weight: 600; font-size: 17px !important; display: inline; } .sppb-addon-accordion { margin-top: 20px; } .sppb-addon-accordion .sppb-panel-heading { background: none !important; } .sppb-addon-accordion .sppb-panel-collapse { display: block !important; } /* Hide buttons */ a.sppb-btn, a.btn { display: none !important; } .shariff-button { display: none; } /* Hide empty spaces */ .sppb-empty-space.clearfix { display: none; } /* Hide Facebook Addon */ .sppb-addon-facebook-likebox { display: none; } /* Layout - columns */ div.sppb-col-sm-6 { display: inline-block; } /* Layout - tables */ .sprocket-tables-container { display: flex; } .sprocket-tables-desc h4 { text-align: left; } .sprocket-tables-block, .sprocket-tables-desc, .sprocket-tables-features { padding: 0 !important; } /* Hide slider images (but not text) */ .camera_target, .sppb_slideshow.single_image.camera_wrap { display: none !important; } /* Zusatzinfos (Sidemodule eg'Haben sie fragen' flat¢ered)*/ .zusatzinfos { width: 100%; padding-left: 15px !important; page-break-after: always; page-break-inside: avoid; display: table; } .zusatzinfos .habensiefragen img { display: none; } .zusatzinfos .sppb-addon-content .custom strong { padding: 0; } .zusatzinfos .custom.left-image.stelleanzeige { margin: 0px !important; } .zusatzinfos .habensiefragen .stelleanzeige ul { margin: 5px !important; } .zusatzinfos .habensiefragen .stelleanzeige li { padding: 0 10px; } /* Hide print button */ .btn-print { display: none; } } /*************************************************************************************************/ /* [_CUCL] CUSTOM CLASSES */ /*************************************************************************************************/ /* Echte Element Top */ .echte-row { position: relative; z-index: 100 !important; } .echte-row .sppb-addon-module.echte-top { position: absolute; right: 30px; top: -220px; } .echte-row .sppb-addon-module.echte-top.fixed { position: fixed; top: 100px; z-index: 100; } a.echte { display: block; width: 120px; height: 100px; font-family: sans-serif; text-decoration: none; font-size: 12px; line-height: 1.6; padding: 10px; text-align: center; border-top-right-radius: 28px; border-bottom-left-radius: 28px; position: relative; } a.echte .cnt img { max-width: 90%; margin-top: -4px; display: inline-block; } a.modal.echte { overflow: inherit; z-index: 2; } .echte:after { content: ""; position: absolute; bottom: -45px; right: 0; display: block; width: 45px; height: 45px; background-size: contain; } a.echte.no-round:after { display: none; } a.echte.no-round { border-radius: 0; } a.echte.wide { width: 200px; display: table; } a.echte.large-font { font-size: 16px; line-height: 1.4; font-weight: 600; } a.echte.wide span.cnt { display: table-cell; vertical-align: middle; } .echte-row .sppb-addon-module.echte-top { position: absolute; right: 30px; top: -220px; } .echte-row .sppb-addon-module.echte-top.fixed { position: fixed; top: 100px; z-index: 100; } .echte-row .sppb-addon-module.echte-top .close-it { position: absolute; width: 24px; height: 24px; top: -12px; left: -12px; z-index: 2; } .echte-row .sppb-addon-module.echte-top .close-it { cursor: pointer; } a.echte.no-close-it+span.close-it { display: none; } /* Custom colum alignment classes*/ .col-xs-align-center { align-content: center; text-align: center; } .col-xs-align-left { align-content: left; text-align: left; } .col-xs-align-right { align-content: right; text-align: right; } @media (min-width: 576px) { .col-sm-align-center { align-content: center; text-align: center; } .col-sm-align-left { align-content: left; text-align: left; } .col-sm-align-right { align-content: right; text-align: right; } } @media (min-width: 768px) { .col-md-align-center { align-content: center; text-align: center; } .col-md-align-left { align-content: left; text-align: left; } .col-md-align-right { align-content: right; text-align: right; } } @media (min-width: 992px) { .col-lg-align-center { align-content: center; text-align: center; } .col-lg-align-left { align-content: left; text-align: left; } .col-lg-align-right { align-content: right; text-align: right; } } @media (min-width: 1200px) { .col-xl-align-center { align-content: center; text-align: center; } .col-xl-align-left { align-content: left; text-align: left; } .col-xl-align-right { align-content: right; text-align: right; } } /* grey divider under the row */ .grey-divider .sppb-row { margin-bottom: 50px; } .video-desc { height: 30px; max-width: 100%; padding: 7px 10px 28px 7px; } /* [_JOBS] JOBS OVERVIEW LAYOUT (::EJ centralized ~ initial -> Z's solution on msgRo) */ .cc-jobs-overview #jt-jobs { padding-top: 50px; padding-bottom: 50px; } .cc-jobs-overview #jt-jobs .chzn-container { width: 320px !important; } .cc-jobs-overview #jt-jobs .chzn-container .chzn-choices { border-radius: 0; cursor: pointer; padding: 52px 0 0 0 !important; overflow: visible !important; box-shadow: none; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } .cc-jobs-overview #jt-jobs .chzn-container .chzn-choices li.search-field input.default { position: absolute; left: 10px; top: 10px; } .cc-jobs-overview #theFilters .filter-boxes { float: left; } .cc-jobs-overview #cityFilter { margin-left: 30px; } .cc-jobs-overview #jt-jobs .chzn-container .chzn-choices li.search-field:after { content: ""; border-top: 7px solid; border-right: 7px solid transparent; border-left: 7px solid transparent; position: absolute; right: 20px; top: 24px; } .cc-jobs-overview #jt-jobs .chzn-container .chzn-choices li.search-field:before { position: absolute; top: 14px; content: attr(data-placeholder); } .cc-jobs-overview #jt-jobs .chzn-container.chzn-with-drop .chzn-choices li.search-field:after { border-top: 0; border-bottom: 7px solid; } .cc-jobs-overview #theFilters { margin-bottom: 50px; } .cc-jobs-overview #jt-jobs .job-item { margin-bottom: 30px; } .cc-jobs-overview #jt-jobs .job-item .job-item-inner { padding: 50px 25px; text-align: center; position: relative; transition: all .2s ease; } .cc-jobs-overview #jt-jobs .job-type { font-size: 12px; text-transform: uppercase; } .cc-jobs-overview #jt-jobs h3.job-title { font-size: 16px; font-weight: 400; margin-top: 10px; } .cc-jobs-overview #jt-jobs .job-city { font-size: 13px; width: 100%; position: absolute; bottom: 25px; left: 0; text-align: center; } .cc-jobs-overview #jt-jobs .chzn-container li.search-choice { border: none; border-radius: 0; box-shadow: none; margin: 6px 5px 0 0; padding: 6px 20px 6px 6px; font-size: 13px; } .cc-jobs-overview #jt-jobs .chzn-container li.search-field { font-family: Open Sans, sans-serif; font-weight: 300; font-size: 17px; padding: 0 24px; position: absolute; top: 0; width: 100%; } .cc-jobs-overview #jt-jobs .chzn-container li.search-field input[type="text"] { display: none; } .cc-jobs-overview #jt-jobs .chzn-container .chzn-drop .chzn-results>li { display: block; font-size: 15px; font-weight: 200; padding: 3px 20px; clear: both; line-height: inherit; white-space: nowrap; } .cc-jobs-overview #jt-jobs .chzn-container .chzn-results li.result-selected { font-weight: 600; } .cc-jobs-overview #jt-jobs .chzn-container li.search-field>input.default { display: none; } .cc-jobs-overview.com-content.view-category.layout-msgjobs .wide-section { margin-bottom: -90px; } .cc-jobs-overview.com-content.view-category.layout-msgjobs .wide-section .sppb-row { display: block; } @media screen and (min-width:992px) and (max-width:1199px) { .cc-jobs-overview #jt-jobs .job-item .job-item-inner { padding-top: 25px; } } @media screen and (min-width:479px) and (max-width:550px) { .cc-jobs-overview #jt-jobs .job-item .job-item-inner { padding-top: 25px; } } @media screen and (max-width:991px) { .cc-jobs-overview #jt-jobs { padding-top: 0; } } @media screen and (min-width:768px) and (max-width:991px) { .cc-jobs-overview #jt-jobs .chzn-container { width: 345px !important; } } @media screen and (max-width:720px) { .cc-jobs-overview #theFilters { margin-bottom: 15px; } } @media screen and (max-width:720px) { .cc-jobs-overview #theFilters .filter-boxes { margin-bottom: 20px; } .cc-jobs-overview #theFilters .filter-boxes, #theFilters .chzn-container { width: 100% !important; float: none; } .cc-jobs-overview #cityFilter { margin-left: 0; } } @media screen and (max-width:480px) { .cc-jobs-overview #jt-jobs .job-item { width: 100% !important; } } /* END Jobs Cat List */ /* [_BING] Bing search */ .loader_icon { opacity: 1; transition: opacity 1s; height: 0; } .loader_icon.hide_loader { opacity: 0; } .loader_icon .preloader { padding: 20px 0; } .preloader>div { height: 10px; width: 10px; border-radius: 50%; display: inline-block; -webkit-animation: stretchdelay 0.7s infinite ease-in-out; animation: stretchdelay 0.7s infinite ease-in-out; } .preloader .circ2 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .preloader .circ3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .preloader .circ4 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .preloader .circ5 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: translateY(-10px) } 20% { -webkit-transform: translateY(-20px) } } @keyframes stretchdelay { 0%, 40%, 100% { transform: translateY(-10px); -webkit-transform: translateY(-10px); } 20% { transform: translateY(-20px); -webkit-transform: translateY(-20px); } } /* End of _BING */ /* ZT:: Hiding the honeypot field */ .form-group.sform-block-address_2, .form-group.rsform-block.rsform-block-address_2, #rl_modals_loaded_content .form-group.rsform-block-address_2 { margin-bottom: 0; overflow: hidden; height: 0; } .form-group.rsform-block-address_2 .help-block.formValidation, #rl_modals_loaded_content .form-group.rsform-block-address_2 .help-block.formValidation { margin: 0 !important; font-size: 0 !important; } input#address_2 { position: absolute; left: -3000px; height: 0px !important; width: 0px; visibility: collapse; line-height: 0px; font-size: 0px !important; padding: 0px; } /* ZT:: END Hiding the honeypot field */ /* [_REST] REST OF UNSORTED CSS STYLES THAT NEED CLEANUP ****************************************************************************************************************************************************************/ /* move to karriere ????????????????? */ /* Search form */ body.transparent-navigation .search-box { margin-top: 110px; } /* Hidden navigation */ /* page class: no-navigation */ body.no-navigation .sp-module.search-box.container { display: none; } /* safari fix for form */ #sp-slideshows #sp-slideshow .search.search-box form.active { display: block; float: right; height: 45px; width: 350px; } #sp-slideshows #sp-slideshow #mod-search-searchword { width: auto; } #sp-slideshows #sp-slideshow .search-box form:before { float: left; } #sp-slideshows .sp-module.search-box { margin-top: 0; position: absolute; top: 0; width: 100%; } #sp-slideshows .search.search-box { text-align: right; } #sp-slideshows .search.search-box form { animation: 400ms ease 0s normal none 1 running spMenuZoom; display: none; margin-right: 150px; } #sp-slideshows .search.search-box form.active { display: inline-flex; } #sp-user1 { padding-right: 0; } #sp-user1 .search-icon p { margin: 0; } #sp-user1 .search-icon .fa, #sp-user1 .search-icon .fa:hover { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #sp-user1 .fa-search { cursor: pointer; line-height: 110px; font-size: 20px; } #sp-slideshows #mod-search-searchword { border: medium none !important; border-radius: 0; box-shadow: none; font-size: 18px; height: auto; padding: 10px 10px 10px 15px; width: 350px; } .search-box form:before { font-family: 'FontAwesome'; content: "\f002"; padding-left: 15px; margin-top: 10px; } .search-box { z-index: 1; } .search-box form { z-index: 100; } @media (max-width: 1199px) { #sp-slideshows .search.search-box form { margin-right: 135px; } } @media (max-width: 991px) { #sp-slideshows .search.search-box form { margin-right: 20px; } } @media (max-width: 767px) { #sp-slideshows .search.search-box form { margin-right: 40px; } } @media (max-width: 480px) { .search-box { padding: 0; } .search { text-align: center !important; } .search form { margin: 0 !important; width: auto; margin-left: -30px !important; } #sp-slideshows #mod-search-searchword { width: 100%; } } /* App store links/images - Centering on <600px */ .apps-store a { display: inline-block; } .apps-store>div { text-align: center; } /* Btn Print & PDF */ .btn-print, .btn-pdf { padding: 10px 15px !important; min-width: 46px; } .btn-print i.fa.fa-print, .btn-pdf i.fa.fa-file-pdf-o { margin: 0; font-size: 18px; min-width: 16px; } .cc-job .btn-print-container, .cc-job .btn-pdf-container { display: inline-block; } .cc-job .bewerben-button-wrapper.btn-container, .cc-job .btn-print-container, .cc-job .btn-pdf-container { margin-bottom: 5px; } /* end of media all */ /* end - move to karriere ************************/ /* Block title tweaks */ .block-title.left .sppb-addon-content:after { margin-left: 0; } /* Image ~ text block */ .image-text-block-flex .sppb-container-inner .sppb-row { display: flex; } .image-text-block-flex .sppb-container-inner .sppb-row>div { flex-grow: 1; } .image-text-block-flex .sppb-container-inner .sppb-row>div:first-of-type { display: flex; } .image-text-block-flex .sppb-container-inner .sppb-row div.img-centered { display: flex; align-items: center; justify-content: center; flex-grow: 1; } .image-text-block-flex a { text-decoration: underline; } .image-text-block-flex a:hover { font-weight: 400; } @media (min-width: 991px) { .theme-small.same-height-columns>.sppb-row-container>.sppb-row { display: flex; margin-bottom: 20px; } .theme-small.same-height-columns>.sppb-row-container>.sppb-row .sppb-column .sppb-addon-feature, .theme-small.same-height-columns>.sppb-row-container>.sppb-row .sppb-column .sppb-addon-feature .sppb-addon-text>p { margin-bottom: 0; } .theme-small.same-height-columns>.sppb-row-container>.sppb-row>div { display: flex; } .theme-small.same-height-columns>.sppb-row-container>.sppb-row>div>div.sppb-column { width: 100%; } } /* White titles */ /* Feature Box */ .feature-box1.sppb-addon-feature .sppb-icon { -webkit-transition: all 350ms ease-in-out 0.2s; -o-transition: all 350ms ease-in-out 0.2s; transition: all 350ms ease-in-out 0.2s; } .feature-box-mod .sppb-img-container { height: 212px !important; } .feature-box-mod .sppb-addon .sppb-addon-feature .sppb-text-left { height: 220px !important; } /* SP page builder social share addon */ .shariff.smaller-icons .orientation-horizontal li { width: 35px; height: 37px; } /* FontAwesome 5 Additional Replacements * For FA4 icons that are "transparent" ie: have -o suffix * use: font-weight: 400; * else: font-weight: 900; */ .sppb_slideshow .camera_prev>span:before, .sppb_slideshow .camera_next>span:before, .fa-angle-double-right:before, .dj-details-holder .djslider-loader .navigation-container .next-button:before, .dj-details-holder .djslider-loader .navigation-container .prev-button:before, .srfrContainer a::before, .jpub-filters .jpub-search .reset-button .btn-reset:before, .filter-ticket-form .field-title:after, .fa.fa-book, #cboxClose:after, #rl_modals_close:after, .sppb-addon-content ul.chevron li:before, .zusatzinfos .newsfeed ul.chevron li:before, #sp-bottom .sp-module ul.nav>li a:before, .newsfeed .lnee ul.latestnews-items li.latestnews-item a::before, .ihre-vorteile div[id^='column-id-']:before, .fa-referenzen:before, article.item-page ul li:before, .eventcontent ul li:before, .sppb-panel-body ul li:before, .sppb-addon-text-block ul li:before, .gallery-override .search-main-frame .reset-button .btn-reset:before, .filter-main .more-options-btn span:before, .dyn-overlay a.opn-file-icon:before, .sigProLinkWrapper:after, .sppb-addon .fabrikForm .table a:before, .sprocket-tables-bg1 ul.check-o li:before, #sp-component .sppb-addon-accordion.karriere a.hasTooltip::before, .stickyBox .closeSticky:after, .zusatzinfos ul.icon.pdf a::before, .sppb-tab-content ul li:before, ul.icon.pdf li a:before, ul.check-o li:before, .zusatzinfos .ul-arrow-right a:before, .map-link .icon.fa-map-marker:before, .fa.fa-compress:before, .toggleFilters:before, .jpub-filters .jpub-search .form-group.search-text-input:before, .footerfeed .lnee ul.latestnews-items a:before, div.srfrContainer.msg-banking ul.srfrList li.srfrRow .srfrReadMore a:after, .ibc-vorteile div[id^="column-id-"]:before, .address_accordion .icon:before, .icon.fa-envelope-o:before, .icon.fa-external-link:before, table.dataTable thead th.sorting_desc:after, table.dataTable thead th.sorting:after, form.jt-karriere-search .search-row>span:before, .fabrikForm .searchform span:before, .karriere-events .chzn-container .chzn-results li.result-selected:before, #scrollToTop:before { font-family: "Font Awesome 5 Free" !important; font-weight: 900; } .sppb-addon-text-block ul li ul li:before { content: "\f111"; font-weight: 400 !important; } .zusatzinfos ul.icon.pdf a::before, ul.icon.pdf li a:before { font-weight: 400 !important; } .fa.fa-book { content: "\f02d"; } .srfrContainer a::before { content: "\f101"; } #cboxClose:after, #rl_modals_close:after { content: ""; } .jpub-filters .jpub-search .reset-button .btn-reset:before { content: "\f2ea"; } .filter-ticket-form .field-title:after { content: "\f0d7" !important; } .sppb-addon-content ul.chevron li:before, .zusatzinfos .newsfeed ul.chevron li:before, .fa-referenzen:before, .ihre-vorteile div[id^='column-id-']:before { content: "\f14a" !important; font-weight: 400; color: #a01441; } #sp-menu i.fa-envelope-o { font-weight: 400 !important; } .koowa_media__item__content-holder .fa.fa-info:before, .koowa_media__item__content-holder .fa.fa-download:before, .dyn-overlay a.opn-file-icon:before { font-weight: 900 !important; } .sppb-addon .fabrikForm .table a:before { font-weight: 900 !important; } .fa-angle-right:before { font-weight: 900; } ul.check-o li:before { content: "\f14a" !important; font-weight: 400 !important; } .fa.fa-compress:before { content: "\f78c"; } .srfrContainer ul.category-module.icon.chevron.mod-list>li:before { /*display: none;*/ content: " " !important; padding-left: 3px !important; } .ibc-vorteile div[id^="column-id-"]:before { content: "\f14a" !important; font-weight: 400 !important; } .icon.fa-envelope-o:before { content: "\f0e0" !important; font-weight: 400 !important; } .icon.fa-external-link:before { content: "\f35d" !important; } /*D2L sticky social icons in sidebar*/ body.sticky-social-icons { overflow-x: hidden; } .sticky-social-icons .multicolumn .sppb-row { display: flex; flex-direction: column; justify-content: stretch; } .sticky-social-icons .share-block { bottom: 0; top: auto; left: 0; position: fixed; width: 100%; height: 35px; margin: 0; z-index: 999; } .sticky-social-icons .share-block h3.sppb-addon-title { margin-top: 0; margin-bottom: 30px; } .sticky-social-icons .share-block h4, .sticky-social-icons .share-block .sppb-addon-title { display: none; } .sticky-social-icons .share-block ul { margin: 0; display: flex; justify-content: space-around; flex-wrap: nowrap; } .sticky-social-icons .share-block.bottom-margin { margin-bottom: 54px; transition: 300ms; } .sticky-social-icons .shariff li .fa { color: #FFF !important; font-size: 18px !important; } .sticky-social-icons .topics-blog-item .shariff .orientation-horizontal li, .sticky-social-icons .shariff .orientation-horizontal li { flex: 1 !important; max-width: none !important; width: auto; margin: 0; } .sticky-social-icons .shariff li a { display: flex; justify-content: center; } .sticky-social-icons .shariff .theme-white .shariff-button.facebook a { background: #3b5998; } .sticky-social-icons .shariff .theme-white .shariff-button.twitter a { background: #55acee; } .sticky-social-icons .shariff .theme-white .shariff-button.linkedin a { background: #0976b4; } .sticky-social-icons .shariff .theme-white .shariff-button.xing a { background: #026466; } .sticky-social-icons .shariff .theme-white .shariff-button.pinterest a { background: #E60023; } .sticky-social-icons .shariff .theme-white .shariff-button.mail a { background: #a01441; } .sticky-social-icons #scrollToTop { bottom: 60px; } .sticky-social-icons .scrollToTop.bottom-margin { margin-bottom: 50px; } .sticky-social-icons .shariff li .fa { border: none !important; } @media (min-width: 768px) { .sticky-social-icons .share-block.bottom-margin { margin-bottom: 32px; } } @media (min-width: 992px) { .sticky-social-icons .body-innerwrapper, .sticky-social-icons article.item { overflow: initial; } .sticky-social-icons .multicolumn .sppb-row { flex-direction: row; } .sticky-social-icons .share-block { position: sticky; position: -webkit-sticky; top: 170px; bottom: auto; height: auto; } .sticky-social-icons .share-block h4, .sticky-social-icons .share-block .sppb-addon-title { display: block; } .sticky-social-icons .share-block ul { justify-content: initial; } .sticky-social-icons .share-block.bottom-margin { margin-bottom: 0; } .sticky-social-icons .topics-blog-item .shariff .orientation-horizontal li, .sticky-social-icons .shariff .orientation-horizontal li { flex: none !important; max-width: 35px !important; width: 35px; margin: 0 8px 10px 0; } .sticky-social-icons .shariff li a { display: block; } .sticky-social-icons .shariff .theme-white .shariff-button a { background: #fff !important; } .sticky-social-icons .shariff li .fa { color: #6F6F6F !important; font-size: 22px !important; } .sticky-social-icons #scrollToTop { bottom: 40px; } .sticky-social-icons .scrollToTop.bottom-margin { margin-bottom: 0; } /*sppb sticky sidebar icons*/ .sticky-social-icons .sppb-column.sticky-parent, .sticky-social-icons .sppb-column.sticky-parent .sppb-column-addons { height: 100%; } } /*Iframe embed*/ .external-content-iframe iframe { width: 100%; height: 100vh; border: none; } .iframe-content #scrollToTop { display: none !important; } /*Hiding unnecessary elements that cannot be found inside of SP Page Builder*/ body.msgic.itemid-6868 div.mobile_slider { display: none !important; } body.msgic.itemid-6869 div.mobile_slider { display: none !important; } /* BD New hovering solution for .navScrollSpy START */ .navScrollSpy.hovered .titletext { opacity: 1!important; } /* BD New hovering solution for .navScrollSpy END */ /* JB: Addint x-twitter icon start*/ @font-face { font-family: 'x-twitter'; src: url('/templates/msg/css/fonts/x-twitter-icon/x-twitter.eot?ggjeky'); src: url('/templates/msg/css/fonts/x-twitter-icon/x-twitter.eot?ggjeky#iefix') format('embedded-opentype'), url('/templates/msg/css/fonts/x-twitter-icon/x-twitter.ttf?ggjeky') format('truetype'), url('/templates/msg/css/fonts/x-twitter-icon/x-twitter.woff?ggjeky') format('woff'), url('/templates/msg/css/fonts/x-twitter-icon/x-twitter.svg?ggjeky#x-twitter') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="customico-"], [class*=" customico-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'x-twitter' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .customico-x:before { content: "\e900"; } /* JB: Addint x-twitter icon end*/ /* BD Centering sprocket items START */ .sprocket-tables-container .sprocket-tables-block img { width: 100%; } .sprocket-tables-container .sprocket-tables-item .sppb-btn.sppb-btn-default.sppb-btn-rounded { display: inline-block!important; width: 100%!important; } /* BD Centering sprocket items START */ /* JK Same height for layout of 3 containers START */ .img-layout-container .sppb-addon-image-layout-content { min-height: 410px !important; } .img-layout-container .sppb-addon-image-layout-content div.sppb-addon-image-layout-text p:last-of-type { position: absolute; bottom: 10px; } .img-layout-container .sppb-addon-image-layout-content div.sppb-addon-image-layout-text p:first-of-type { min-height: 70px !important; } /* JK Same height for layout of 3 containers END */ /* ZT:: no-image global class for the SPPB Image Layouts when no image is used Prevents empty image with question mark icon appearing on iPhone/Safari */ .sppb-addon-image-layouts.no-image .sppb-addon-image-layout-image img.sppb-img-responsive { display: none!important; } /* ZT:: News Top Module Styles (news_top) */ .mods_news_top { margin-bottom: 50px; } .mods_news_top button, .mods_news_top a.btn, #sp-main-body .mods_news_top button, #sp-main-body .mods_news_top a.btn{ width: auto!important; padding: 5px 15px!important; margin-top: 20px; } .news-top-mod-loaded .smalltitle.blog.karriere-events >img { display: none; }