/* Theme Name: Betheme Child Theme URI: http://themes.muffingroup.com/betheme Author: Muffin group Author URI: http://muffingroup.com Description: Child Theme for Betheme - Premium WordPress Theme Template: betheme Version: 1.6.1 */ /* ============================================ Variables ============================================ */ :root { --content-width: 70rem; --mobile-top-bar-height: 6rem; --color-1: #ccbda8; --color-2: #545454; --color-3: #c4cfd3; --color-4: #966f60; --color-5: #a88a7f; --dark-gray: #3E4449; --gray: #717781; --light-gray: #f8f8f9; --red: #DF030F; --yellow: #ECCE19; --dark-red: #7D0000; --black: #000000; --white: #ffffff; --text-img-spacing: 3%; --overlay-light: rgba(255, 255, 255, 0.3); --overlay-dark: rgba(0, 0, 0, 0.3); --img-border: .5rem solid white; --menu-gap: 0rem; --megamenu-width: 86%; --burger-menu-transition: 300ms; --padding-small: 2rem !important; --padding-standard: 4rem !important; --padding-big: 6rem !important; --burger-menu-min-height: 42rem; --transition-very-long: 5s; --transition-long: 0.7s; --transition-normal: 0.5s; --transition-short: 0.4s; --transition-shorter: 0.3s; } /* ============================================ A11y ============================================ */ .visually-hidden { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } *:focus-visible, .cleanslate .artemis-widget-prefix .btn:active, .cleanslate .artemis-widget-prefix .btn:focus { outline: 2px solid var(--black) !important; } .wso-bg-dark-gray *:focus-visible, #Footer .widgets_wrapper *:focus-visible{ outline: 2px solid var(--white) !important; } .wso-screen-reader-text { border: 0; -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .wso-screen-reader-text:focus, .wso-screen-reader-text:focus-visible, .wso-screen-reader-text:focus-within, .wso-screen-reader-text:target, .wso-screen-reader-text:hover, .wso-screen-reader-text:active { clip: auto !important; font-size: 1rem; background-color: var(--red); -webkit-clip-path: none; clip-path: none; color: var(--white); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } #back_to_top { background-color: var(--red); /* left: 3rem; */ right: 7rem !important; } .wso-title-reversed { display: flex; flex-direction: column-reverse; } span[lang] { display: inline !important; font-size: inherit !important; } @media only screen and (max-width:767px) { #back_to_top { display: none; } } @media (prefers-reduced-motion:reduce) { :root { --burger-menu-transition: 0ms; --transition-very-long: 0ms; --transition-long: 0ns; --transition-normal: 0ms; --transition-short: 0ms; --transition-shorter: 0ms; } } .select2-container--focus { outline: 2px solid white !important ; } .select2-container--default .select2-selection--single .select2-selection__rendered { border: 2px solid var(--dark-gray) !important; } /* Polylang switch disable */ .compat-field-language .media_lang_choice { pointer-events: none; background: #e5e6e7; } /* ============================================ Global ============================================ */ html { font-size: 1vw; } .header_placeholder { display: none !important; height: 0 !important; } #Wrapper .wso-hide { display: none; } #Wrapper a.wso-absolute-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 6; height: 100%; } .fancybox__container { z-index: 99999 !important; } #Wrapper #Content table { margin: 2rem 0 !important; border-radius: 0 !important; } #Wrapper #Content table th, #Wrapper #Content table td { text-align: left !important; padding: 1rem 1rem 1rem !important; border: 0 !important; line-height: 1.2em !important; font-weight: 300 !important; width: 10%; width: auto !important; display: table-cell !important; min-width: 10% !important; } /* #Wrapper #Content table td strong, #Wrapper #Content table td b { font-weight: inherit !important; color: var(--red) !important; } */ #Wrapper #Content table th, #Wrapper #Content table td:first-child { font-weight: 500 !important; } #Wrapper #Content table td:first-child { /*width: 15% !important;*/ min-width: 10rem; } .single-wso_equipment #Wrapper #Content table td:first-child { width: 15% !important; } #Wrapper #Content table td:first-child:only-child { width: 100% !important; } .single-post #Wrapper #Content table td:first-child { width: auto !important; font-weight: 300 !important; } #Wrapper #Content table th:not(:first-child), #Wrapper #Content table td:not(:first-child) { text-align: center !important; border-left: 1px solid var(--gray) !important; } #Wrapper .column table thead tr, #Wrapper .column table tbody tr:nth-child(even), #Wrapper .column table tbody tr:only-child { background: var(--light-gray); } #Wrapper .column table thead + tbody tr:only-child { background: white !important; } #Wrapper #news-intro table th:not(:first-child) { border-left: 0 !important; font-weight: 300 !important; text-align: left !important; } #Wrapper #news-intro table th { border-bottom: 1px solid !important; } hr { margin: 2.5rem 0 !important; } #Content .column_column p a, #Content .column_column .wso-content a, #Content .column_column .wp-grid-builder.wpgb-grid-36 p a:hover, #Content .column_column .wp-grid-builder.wpgb-grid-54 p a:hover { text-decoration: underline !important; color: var(--dark-gray) !important; } #Content .wso-content { -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } #Content .column_column p.wso-h3 a, #Content .column_column h3.wso-title a, #Content .column_column h3.wso-subtitle a { color: var(--red) !important; text-decoration: underline !important; } #Content .column_column p.wso-h3 a:hover, #Content .column_column h3.wso-title a:hover, #Content .column_column h3.wso-subtitle a:hover { text-decoration: underline !important; color: var(--dark-gray) !important; } #Content .column_column .wp-grid-builder p a { text-decoration: none !important; color: white !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } #Content .column_column .wp-grid-builder p a:hover { color: white !important; } #Content .column_column .wp-grid-builder.wpgb-grid-36 p a, #Content .column_column .wp-grid-builder.wpgb-grid-54 p a { color: var(--dark-gray) !important; } #Content .column_column p a:hover, #Content .column_column .wso-content a:hover { text-decoration: underline !important; color: var(--red) !important; } .wso-input::-webkit-search-cancel-button { -webkit-appearance: none; height: .75em; width: .75em; background: url(/wp-content/uploads/2022/02/close-button-1.svg) no-repeat center !important; background-size: contain !important; cursor: pointer !important; } .dark .wso-input::-webkit-search-cancel-button { background: url(/wp-content/uploads/2022/04/close-button-white.svg) no-repeat center !important; background-size: contain !important; } #Wrapper .wso-pointer-events-none { pointer-events: none !important; } /* ============================================ COLORS ============================================ */ #Wrapper .wso-bg-red { background: var(--red) !important; } #Wrapper .wso-bg-dark-red { background: var(--dark-red) !important; } #Wrapper .wso-bg-gray { background: var(--gray) !important; } #Wrapper .wso-bg-dark-gray { background: var(--dark-gray) !important; } #Wrapper .wso-bg-light-gray { background: var(--light-gray) !important; } /* ================= Transitions ================= */ .ui-tabs .ui-tabs-nav li a { transition: all .1s ease-in-out !important; -webkit-transition: all .1s ease-in-out !important; -moz-transition: all .1s ease-in-out !important; -ms-transition: all .1s ease-in-out !important; -o-transition: all .1s ease-in-out !important; } .accordion .question .title, .accordion .question .title i, .wso-video-button { transition: all .2s ease-in-out !important; } #Footer .widget_nav_menu ul li a, .wpcf7-list-item-label::before, .wpcf7-list-item-label::after, .wso-intro-video-button img { transition: all var(--transition-shorter) ease-in-out !important; -webkit-transition: all var(--transition-shorter) ease-in-out !important; -moz-transition: all var(--transition-shorter) ease-in-out !important; -ms-transition: all var(--transition-shorter) ease-in-out !important; -o-transition: all var(--transition-shorter) ease-in-out !important; } .image_frame .image_wrapper img, .image_frame .image_wrapper .mask:after, .image_frame .image_wrapper .image_links { transition: all var(--transition-normal) ease-in-out !important; -webkit-transition: all var(--transition-normal) ease-in-out !important; -moz-transition: all var(--transition-normal) ease-in-out !important; -ms-transition: all var(--transition-normal) ease-in-out !important; -o-transition: all var(--transition-normal) ease-in-out !important; } /* ================= 404 ================= */ body.error404 { height: auto; } /* ================= Fancybox ================= */ .fancybox-active.compensate-for-scrollbar { margin-right: 0; } .fancybox-navigation button, .fancybox-navigation button:hover { background-color: transparent; } .fancybox-navigation button::after { display: none; } .fancybox-slide--html button.fancybox-close-small { color: white !important; } .fancybox-slide--image { padding: 2rem 4rem 4rem !important; } .fancybox-navigation .fancybox-button { padding: 0 !important; width: 4rem !important; height: 4rem !important; } .fancybox-button:hover svg path { color: var(--red) !important; } .fancybox-button { height: 3rem; width: 3rem; } .fancybox-infobar { font-size: 1rem; } .fancybox__container a:focus-visible, .fancybox__container button:focus-visible { outline: 2px solid var(--white) !important; } /* ================= Object fit ================= */ .wso-slider-skin-img img, .wso-hero-img img, .wso-section-text-img .image_wrapper img, .wso-img-box img, .gallery-item img, .wso-section-multi-column .column_image.wso-img:not(.wso-img-proportional) img, #Top_bar .wso-megamenu-img img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; } .wso-hero-img video, .wso-section-text-img video, .wso-img:not(.wso-no-img) video, .wso-slider-skin-img video { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100%; height: 100%; } .wso-img.wso-no-img video { width: 100%; } .wso-hero-img video, .wso-section-text-img video, .wso-img:not(.wso-no-img) video, .wso-slider-skin-img video { position: absolute; z-index: 1; } .wso-section-text-img .column_image.wso-img-proportional img { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; font-family: 'object-fit: contain; object-position: center;'; } .wso-left-top img { -o-object-position: left top !important; object-position: left top !important; font-family: 'object-fit: cover; object-position: left top;' !important; } .wso-left-center img { -o-object-position: left center !important; object-position: left center !important; font-family: 'object-fit: cover; object-position: left center;' !important; } .wso-left-bottom img { -o-object-position: left bottom !important; object-position: left bottom !important; font-family: 'object-fit: cover; object-position: left bottom;' !important; } .wso-center-top img { -o-object-position: center top !important; object-position: center top !important; font-family: 'object-fit: cover; object-position: center top;' !important; } .wso-center-center img { -o-object-position: center center !important; object-position: center center !important; font-family: 'object-fit: cover; object-position: center center;' !important; } .wso-center-bottom img { -o-object-position: center bottom !important; object-position: center bottom !important; font-family: 'object-fit: cover; object-position: center bottom;' !important; } .wso-right-top img { -o-object-position: right top !important; object-position: right top !important; font-family: 'object-fit: cover; object-position: right top;' !important; } .wso-right-center img { -o-object-position: right center !important; object-position: right center !important; font-family: 'object-fit: cover; object-position: right center;' !important; } .wso-right-bottom img { -o-object-position: right bottom !important; object-position: right bottom !important; font-family: 'object-fit: cover; object-position: right bottom;' !important; } /* ================= Float right ================= */ @media only screen and (min-width: 768px) { .wso-float-right { float: right; } div#heater-cat-subpage .wrap.mcb-wrap.three-fifth { padding-right: 3rem !important; } #Wrapper .dark .wso-classic-content p { /* width: 125% !important; */ word-break: auto-phrase; } .section.mcb-section.wso-section-multi-column.wso-contact-img-text .one-fourth .column_attr.clearfix { padding-right: 1rem !important; } #Wrapper .wso-grid-slider .wpgb-page-dots { display: none; } #Wrapper .wso-grid-slider.wpgb-grid-28 .wpgb-page-dots { display: block !important; width: 100% !important; } } /* ================= Lazy load ================= */ img[data-lazy-src*="http"] { transition: all var(--transition-shorter) ease-in-out; -webkit-transition: all var(--transition-shorter) ease-in-out; -moz-transition: all var(--transition-shorter) ease-in-out; -ms-transition: all var(--transition-shorter) ease-in-out; -o-transition: all var(--transition-shorter) ease-in-out; } img[data-lazy-src*="http"]:not(.lazyloaded) { opacity: 0 !important; } /* ============================================ Fonts & Headings ============================================ */ a[href*="mailto:"] { text-transform: none !important; } div.wpforms-container-full .wpforms-form .wso-acceptance a { text-decoration: underline; } body, .wpgb-card p, .gm-style p, #Wrapper .ui-widget-content p, div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { font-family: "akzidenz-grotesk-next-pro", sans-serif !important; font-size: 1rem !important; line-height: 1.85em !important; font-weight: 300 !important; color: var(--dark-gray); } .column > p, .column_visual > p, .column_attr > p, .column_attr > ul, .column_attr > ol, #Footer p, #Footer ul, #Footer ol, #Footer ul li, #Footer ol li { margin-bottom: 1rem !important; } #Wrapper :where(h1):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h1], [class*=brlbs-font-bold]), #Wrapper .wso-h1, #Wrapper :where(h2):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h2], [class*=brlbs-font-bold]), #Wrapper .wso-h2, body :where(h1):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h1], [class*=brlbs-font-bold]), body .wso-h1, body :where(h2):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h2], [class*=brlbs-font-bold]), body .wso-h2, #Top_bar .mfn-megamenu-title, #Top_bar .wso-megamenu-text, #Wrapper p.wso-big { font-size: 4.7rem !important; line-height: .9em !important; font-weight: 300 !important; margin-bottom: 2rem; text-transform: none; letter-spacing: .02em !important; line-height: 100% !important; /*hyphens: auto; word-break: break-word;*/ /* hyphens: auto; */ } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .wpgb-card-2 h2, #Wrapper .wpgb-card-2 .wso-h2 { font-size: 4.5rem !important; line-height: 1em !important; font-weight: 100 !important; /* text-transform: uppercase; */ margin-bottom: 1rem; } #Wrapper :where(h3):not([class*='wso-h'], [class*='wso-p']), #Wrapper .wso-h3, #Wrapper p.wso-h3, .wso-section-breaker .wso-content p, #Wrapper .wpgb-card-6 .wso-content *, body :where(h3):not([class*='wso-h'], [class*='wso-p']), body .wso-h3, #Wrapper h1.wso-h3, #Wrapper h2.wso-h3, #Wrapper .wso-section-hero h1.wso-h3, #Wrapper .wso-section-hero h2.wso-h3, #Wrapper .wso-section-hero h4.wso-h3, #Wrapper .wso-section-hero h5.wso-h3, #Wrapper .wso-section-hero h6.wso-h3, div.wpforms-container-full .wpforms-form .wpforms-field-label, .woocommerce-account #Wrapper .woocommerce-MyAccount-content h2 { font-size: 1.75rem !important; line-height: 1.25em !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; margin-bottom: 2rem !important; } #Wrapper div.wpforms-container-full .wpforms-form .wpforms-field-label { font-size: 1.25rem !important; line-height: 1.25em !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; } #Wrapper .wso-h3 a:hover { text-decoration: none !important; } #Wrapper :where(h4):not([class*='wso-h'], [class*='wso-p']), #Wrapper .wso-h4, #Wrapper h2.wso-h4, body :where(h4):not([class*='wso-h'], [class*='wso-p']), body .wso-h4, .wso-highlight-button p, .ui-tabs .ui-tabs-nav li a, #Footer .widget_nav_menu ul li a, #Top_bar .menu .wso-burger-menu li.menu-item-has-children > a, .wp-grid-builder .wpgb-card.wpgb-no-result > div, #Wrapper .hargassner-team-search-person > p { font-size: .85rem !important; line-height: 1.4em !important; font-weight: 500 !important; letter-spacing: .2em !important; text-transform: uppercase !important; margin-bottom: 2rem !important; } h4, .wso-h4, .ui-tabs .ui-tabs-nav li a { color: var(--dark-gray); } #Footer .wso-h4, #Wrapper .dark .wso-h4, #Wrapper .dark h4 { color: white !important; } #Wrapper .wso-section-breaker .wso-h4, #Wrapper .wso-section-breaker h4 { font-weight: 500 !important; } #Wrapper :where(h5):not([class*='wso-h'], [class*='wso-p']), #Wrapper .wso-h5, #Wrapper h1.wso-h5, #Wrapper h2.wso-h5, body :where(h5):not([class*='wso-h'], [class*='wso-p']), body .wso-h5 { font-size: .85rem !important; line-height: 1.4em !important; font-weight: 300 !important; letter-spacing: .2em !important; text-transform: uppercase !important; margin-bottom: 2rem !important; } #Wrapper :where(h6):not([class*='wso-h'], [class*='wso-p']), #Wrapper .wso-h6, #Wrapper h1.wso-h6, #Wrapper h2.wso-h6, body :where(h6):not([class*='wso-h'], [class*='wso-p']), body .wso-h6 { font-size: 1rem; line-height: 1.3em; font-weight: 500; margin-bottom: 1rem; } #Wrapper :where(h1):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h1], [class*=brlbs-font-bold]), #Wrapper .wso-h1, #Wrapper :where(h2):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h2], [class*=brlbs-font-bold]), #Wrapper .wso-h2, #Wrapper :where(h3):not([class*='wso-h'], [class*='wso-p']), #Wrapper .wso-h3, #Wrapper :where(h4):not([class*='wso-h'], [class*='wso-p']), #Wrapper .wso-h4, #Wrapper :where(h5):not([class*='wso-h'], [class*='wso-p']), #Wrapper .wso-h5, #Wrapper :where(h6):not([class*='wso-h'], [class*='wso-p']), #Wrapper .wso-h6, body :where(h1):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h1], [class*=brlbs-font-bold]), body .wso-h1, body :where(h2):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h2], [class*=brlbs-font-bold]), body .wso-h2, body :where(h3):not([class*='wso-h'], [class*='wso-p']), body .wso-h3, body :where(h4):not([class*='wso-h'], [class*='wso-p']), body .wso-h4, body :where(h5):not([class*='wso-h'], [class*='wso-p']), body .wso-h5, body :where(h6):not([class*='wso-h'], [class*='wso-p']), body .wso-h6 { font-family: "akzidenz-grotesk-next-pro", sans-serif !important; } #Wrapper .section.full-width:not(.wso-section-slider):not(.wso-section-breaker) .column_attr h1, #Wrapper .section.full-width:not(.wso-section-slider):not(.wso-section-breaker) .column_attr h2, #Wrapper .section.full-width:not(.wso-section-slider):not(.wso-section-breaker) .column_attr h3, #Wrapper .section.full-width:not(.wso-section-slider):not(.wso-section-breaker) .column_attr h4, #Wrapper .section.full-width:not(.wso-section-slider):not(.wso-section-breaker) .column_attr h5, #Wrapper .section.full-width:not(.wso-section-slider):not(.wso-section-breaker) .column_attr h6, #Wrapper .section.full-width:not(.wso-section-slider):not(.wso-section-breaker) .column_attr p { /* max-width: var(--content-width); */ margin-left: auto; margin-right: auto; } #Wrapper .wso-section-grid p, #Wrapper .wso-section-image-gallery p { max-width: 100% !important; /* color: var(--dark-gray) !important; */ } #Wrapper .wso-section-image-gallery p.wso-h4, #Wrapper .wso-section-image-gallery p.wso-h5 { margin-bottom: 0.5rem !important; font-weight: 300 !important; text-align: left !important; } #Wrapper .wso-section-image-gallery a { width: 100%; height: 100%; display: inline-block; } #Wrapper .wso-section-image-gallery .wpgb-card-media-thumbnail { overflow:visible; } #Wrapper .wso-section-image-gallery a:focus-visible { outline: 2px solid var(--black) !important; } #Wrapper .section.full-width:not(.wso-fullscreen):not(.wso-section-text-img-fullwidth) > .section_wrapper { padding-left: var(--padding-big) !important; padding-right: var(--padding-big) !important; } b, strong, dt { font-weight: 500 !important; } #Wrapper h1:not(.brlbs-cmpnt-h1) b, #Wrapper h2:not(.brlbs-cmpnt-h2) b, #Wrapper h3 b, #Wrapper h4 b, #Wrapper h5 b, #Wrapper h6 b, #Wrapper .wso-h1 b, #Wrapper .wso-h2 b, #Wrapper .wso-h3 b, #Wrapper .wso-h4 b, #Wrapper .wso-h5 b, #Wrapper .wso-h6 b, .popup h3 b, .popup .wso-h3 b { font-weight: 500 !important; /* color: var(--red) !important; */ } #Wrapper #job-department-intro h1 b, #Wrapper div#jobprofile-intro h1 b, #Wrapper div#news-intro h1 b { color: var(--dark-gray) !important; } #Wrapper div#jobprofile-intro .wso-h3, #Wrapper div#jobprofile-qualifications .wso-h3, .single-wso_reference #Wrapper div#intro .wso-h3 { font-weight: 300 !important; } #Wrapper .wso-img-box .wp-caption-text .wso-h4 { margin-bottom: 1rem !important; } #Wrapper .dark.wso-bg-red h1 b, #Wrapper .dark.wso-bg-red h2 b, #Wrapper .dark.wso-bg-red h3 b, #Wrapper .dark.wso-bg-red h4 b, #Wrapper .dark.wso-bg-red h5 b, #Wrapper .dark.wso-bg-red h6 b, #Wrapper .dark.wso-bg-red .wso-h1 b, #Wrapper .dark.wso-bg-red .wso-h2 b, #Wrapper .dark.wso-bg-red .wso-h3 b, #Wrapper .dark.wso-bg-red .wso-h4 b, #Wrapper .dark.wso-bg-red .wso-h5 b, #Wrapper .dark.wso-bg-red .wso-h6 b, .dark .popup h3 b, .dark .popup .wso-h3 b, #Wrapper .wso-section-intro.dark h1 b, #Wrapper .wso-section-intro.dark h2 b, #Wrapper .wso-section-intro.dark h3 b, #Wrapper .wso-section-intro.dark h4 b, #Wrapper .wso-section-intro.dark h5 b, #Wrapper .wso-section-intro.dark h6 b, #Wrapper .wso-section-intro.dark .wso-h1 b, #Wrapper .wso-section-intro.dark .wso-h2 b, #Wrapper .wso-section-intro.dark .wso-h3 b, #Wrapper .wso-section-intro.dark .wso-h4 b, #Wrapper .wso-section-intro.dark .wso-h5 b, #Wrapper .wso-section-intro.dark .wso-h6 b { font-weight: 500 !important; color: white !important; } #Wrapper .wso-section-intro.wso-classic-intro.dark .column_column p a { color: white !important; } #Wrapper p.wso-big { font-weight: 500 !important; } #Wrapper .wso-request-breaker p.wso-big { opacity: .7; margin-top: -1rem; } #Wrapper .wso-request-breaker.wso-bg-red p.wso-big { opacity: .9; } #Wrapper .section.dark .wso-content a { color: white !important; } #Content .wso-contact-section .column_column p a, #Content .wso-contact-section .column_column .wso-content a { text-decoration: none !important; } #Content .wso-contact-section .column_column .wso-content p { line-height: 1.5em !important; } .wso-number-before .section_wrapper.mcb-section-inner { counter-reset: wrap; padding-top: 4rem; } .wso-number-before .wrap:before { counter-increment: wrap; content: "0" counter(wrap); visibility: visible; height: 80%; width: 80%; position: absolute; top: -4rem; left: 0; font-size: 4rem; line-height: 1em; z-index: -1; opacity: 0.8; font-weight: 500 !important; } #Wrapper .wso-number-before .wso-h3, #Wrapper .wso-section-breaker .wso-content p, .popup h3, .popup .wso-h3 { font-weight: 300 !important; } /* .section.mcb-section.wso-section-text.wso-three-columns.full-width.wso-bg-red.wso-red-flames:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: url(/wp-content/uploads/2022/04/hargassner-flammen-slider-startseite.png) left bottom; background-size: cover; background-repeat: no-repeat; pointer-events: none !important; z-index: 0; } div#offer-steps.wso-bg-red:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: url(/wp-content/uploads/2022/04/hargassner-flammen-slider-startseite.png) left bottom; background-size: auto 100%; background-repeat: repeat-x; pointer-events: none !important; z-index: 0; }*/ #Wrapper .woocommerce label { font-family: "akzidenz-grotesk-next-pro", sans-serif !important; text-transform: uppercase !important; letter-spacing: .1em; font-weight: 500 !important; color: var(--dark-gray) !important; margin: 0 !important; } .woocommerce-page #Wrapper form .form-row label.checkbox { display: inline-block !important; text-align: left !important; font-size: 1rem !important; text-decoration: none !important; text-transform: none !important; width: 100%; letter-spacing: 0 !important; } .woocommerce-page #Wrapper form .form-row label.checkbox.wso-hide { display: none !important; } .woocommerce-account #Wrapper .woocommerce-MyAccount-content h2 { margin-bottom: .5rem !important; } #Wrapper a.apply-for-all-participants { font-size: .9rem !important; line-height: 1.4em !important; margin: 1rem 0.05rem 0 !important; padding: 0 !important; display: inline-block; color: var(--red) !important; background-color: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; font-weight: 500 !important; } /* ================= Heading before ================= */ #Wrapper .wso-map-cta p.wso-h4:before, #Wrapper .wso-map-cta p.wso-h5:before { content: ''; display: block; position: relative; height: 3rem; width: 3rem; background: url(/wp-content/uploads/2021/11/mapmarker-icon.svg) no-repeat center; background-size: contain; margin-bottom: 1rem; } #Wrapper .section.wso-section-breaker + .section.mcb-section.wso-section-related-grid:before, #Wrapper .section.wso-section-text.wso-one-column:before, #Wrapper .section.wso-section-code:not(.wso-no-before):before, #Wrapper .wso-section-equipment-slider:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-17:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-33:before, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-35.wso-top-big-padding:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-28:before, #Wrapper #news-intro:before, #Wrapper div#jobprofile-intro:before, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-43.wso-top-big-padding:before { content: ''; display: block; position: absolute; left: 50%; height: 6rem; width: 1px; background: var(--dark-gray); top: 0; transform: translateX(-50%); z-index: 2 !important; } #Wrapper .section.mcb-section.wso-section-grid.wso-no-border-visible:before { content: none !important; } #Wrapper .section.mcb-section.wso-short-before:before { content: ''; display: block; position: absolute; left: 50%; height: 4.2rem; width: 1px; background: var(--dark-gray); top: 0; transform: translateX(-50%); z-index: 2 !important; } body #Wrapper .section.mcb-section.wso-short-before.wso-one-column.wso-top-big-padding { padding-top: 7.2rem !important; } .single-wso_reference #Wrapper .section.mcb-section.wso-section-image-gallery + .section.mcb-section.wso-section-news-slider:after { content: ''; display: block; position: absolute; left: 0; top: 0; height: 50%; width: 100%; background: var(--light-gray); z-index: 0; pointer-events: none; } /*.single-wso_reference .wpgb-grid-31 .wpgb-masonry { display: flex; justify-content: center !important; flex-direction: row; } .single-wso_reference .wpgb-grid-31 .wpgb-masonry article.wpgb-card { position: relative !important; }*/ body #Wrapper .section.wso-section-text.wso-one-column.wso-top-no-padding:before, body #Wrapper .section.wso-section-text.wso-one-column.wso-no-before:before, body #Wrapper .section.wso-section-grid.wso-no-before:before, body #Wrapper .section.wso-section-code.wso-no-before:before { content: none !important; } #Wrapper .section.wso-section-breaker + .dark.section.mcb-section.wso-section-related-grid:before, #Wrapper .section.wso-section-text.wso-one-column.dark:not(.wso-section-video):before, #Wrapper .section.wso-section-code.dark:before, #Wrapper .wso-section-equipment-slider.dark:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-17.dark:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32.dark:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-33.dark:before, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-35.wso-top-big-padding.dark:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-28.dark:before { background: white !important; } body #Wrapper .section.wso-section-breaker + .section.mcb-section.wso-section-related-grid.wso-top-big-padding, body #Wrapper .section.wso-section-text.wso-one-column.wso-top-big-padding, body #Wrapper .section.wso-section-text.wso-one-column.wso-top-small-padding, body #Wrapper .section.wso-section-text.wso-one-column.wso-top-standard, body #Wrapper .section.mcb-section.wso-section-code:is(.wso-top-big-padding, .wso-top-small-padding, .wso-top-standard, .wso-top-standard):not(.wso-no-before), body #Wrapper .section.mcb-section.wso-section-equipment-slider.wso-top-big-padding, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-17.wso-top-big-padding, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-35.wso-top-big-padding, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32.wso-top-big-padding, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-33.wso-top-big-padding, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-28, #Wrapper #news-intro, #Wrapper div#jobprofile-intro, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-43.wso-top-big-padding { padding-top: 9rem !important; } #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32.wso-top-big-padding:after, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-33.wso-top-big-padding:after { /*content: '';*/ display: block; position: absolute; left: 0; right: 0; top: 0; height: 48.75%; background: var(--light-gray); } #Wrapper .section.mcb-section.wso-section-grid.wso-grid-33.wso-top-big-padding .wso-grid-heading:after, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32.wso-top-big-padding .wso-grid-heading:after { display: block; position: absolute; right: 0; top: -10rem; height: calc(100% + 10rem); background: var(--light-gray); content: ''; visibility: visible !important; opacity: 1 !important; width: calc(100% + 12rem) !important; z-index: -14; left: -6rem; } #Wrapper .section.mcb-section.wso-section-grid.wso-grid-33.wso-top-big-padding:after { height: 50% !important; } .wp-grid-builder .wpgb-card .wpgb-card-header { background: transparent !important; } #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32.wso-top-small-padding:before { content: none !important; } #Wrapper .wso-section-breaker .column_image .image_wrapper .wso-video-button { pointer-events: all !important; z-index: 9 !important; } #Wrapper .wso-section-breaker .wso-hero-content { pointer-events: none !important; } #Wrapper .wso-section-breaker .column_attr.clearfix { pointer-events: all !important; } /* ================= List ================= */ .column_column ul, .column_helper ul, .column_visual ul, .icon_box ul, .mfn-acc ul, .ui-tabs-panel ul, .post-excerpt ul, .the_content_wrapper ul, .column_column ol, .column_visual ol, .the_content_wrapper ol { margin: 0 0 1rem 1rem; } .column_column ul li, .column_helper ul li, .column_visual ul li, .icon_box ul li, .mfn-acc ul li, .ui-tabs-panel ul li, .post-excerpt ul li, .the_content_wrapper ul li, .column_column ol li, .column_visual ol li, .the_content_wrapper ol li { margin-bottom: .5rem; } #Wrapper .section .column ul li:not(.ui-tabs-tab):not(.wpgb-page):not(.lyr_atomNavigationTabItem):before { content: ''; display: inline-block; position: relative; height: 1em; width: 1em; background: url(/wp-content/uploads/2021/12/red-check.svg) no-repeat center; background-size: contain; margin-right: 1rem; vertical-align: middle; margin-left: -2rem; margin-top: -.1em !important; } #Wrapper .section.dark .column ul li:not(.ui-tabs-tab):not(.wpgb-page):not(.lyr_atomNavigationTabItem):before { -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(596%) hue-rotate(203deg) brightness(119%) contrast(100%); filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(596%) hue-rotate(203deg) brightness(119%) contrast(100%); } #Wrapper .section .column ul.wc-booking-summary-list > li:first-child:before { display: none !important; } #Wrapper .section.wso-bg-red .column ul li:not(.ui-tabs-tab):not(.wpgb-page):before, #Wrapper .section.wso-bg-dark-red .column ul li:not(.ui-tabs-tab):not(.wpgb-page):before, #Wrapper .section.wso-bg-gray .column ul li:not(.ui-tabs-tab):not(.wpgb-page):before, #Wrapper .section.wso-bg-dark-gray .column ul li:not(.ui-tabs-tab):not(.wpgb-page):before { background: url(/wp-content/uploads/2022/08/white-check.svg) no-repeat center; background-size: contain; } .wpgb-facet .wpgb-hierarchical-list li:before { content: none !important; } #Wrapper .section .column ul:not(.lyr_atomNavigationTabs) { list-style: none !important; margin-left: 0 !important; display: inline-block; width: 100%; } #Wrapper #benefits .column ul { -moz-column-count: 2 !important; column-count: 2 !important; -moz-column-gap: 5rem; column-gap: 5rem; } #Wrapper .section .column ul li:not(.ui-tabs-tab):not(.wpgb-page):not(.lyr_atomNavigationTabs) { margin-left: 2rem; line-height: 1.75rem !important; display: list-item; text-align: left; } div.wpforms-container-full .wpforms-form #wpforms-23475-field_63-container ul li.depth-1 { float: left; margin-right: 2rem !important; } div.wpforms-container-full .wpforms-form #wpforms-23475-field_63-container ul li.depth-1 input + label:before { margin-left: 0 !important; } div.wpforms-container-full .wpforms-form #wpforms-23475-field_63-container ul li.depth-1 input + label:after { transform: translate(0, 0%); } /* ============================================ Header ============================================ */ /* ================= Top Bar ================= */ #Top_bar.loading { display: block; } .header-classic #Header .top_bar_left, .header-transparent #Header .top_bar_left { width: 100%; } @media only screen and (min-width: 1024px) { .header-transparent.ab-hide #Top_bar:not(.is-sticky) { top: 1rem !important; } } #Top_bar::before { content: ''; position: absolute; top: -2rem; left: 0; right: 0; bottom: -1rem; background: white !important; z-index: 999; opacity: 0; display: none; transition: var(--transition-very-long); -webkit-transition: var(--transition-very-long); -moz-transition: var(--transition-very-long); -ms-transition: var(--transition-very-long); -o-transition: var(--transition-very-long); } .wso-burger-menu-active #Top_bar::before { content: ''; position: absolute; top: -2rem; left: 0; right: 0; bottom: -1rem; background: white !important; z-index: 999; opacity: 1; transition: var(--transition-very-long); -webkit-transition: var(--transition-very-long); -moz-transition: var(--transition-very-long); -ms-transition: var(--transition-very-long); -o-transition: var(--transition-very-long); } #Top_bar .wso-burger-menu > span { position: absolute; width: 2.2rem; height: 2rem; cursor: pointer; z-index: 999; } #Wrapper #Top_bar #menu .menu li.wso-burger-menu li.menu-item-has-children > ul.sub-menu.mfn-megamenu li > ul > li > ul > li:not(.wso-main-menu-item) > a:before { content: ''; height: 2px; background: var(--red); margin-right: 0 !important; position: relative !important; display: inline-block; vertical-align: middle !important; opacity: 0 !important; width: 0 !important; transition: all .2s ease-in-out; } #Wrapper #Top_bar #menu .menu li.wso-burger-menu li.menu-item-has-children > ul.sub-menu.mfn-megamenu li > ul > li > ul > li.wso-main-menu-item:not(:first-of-type), #Side_slide #menu ul.menu > li.wso-burger-menu ul li.wso-main-menu-item:not(:first-of-type) { margin-top: 1.5rem !important; } #Wrapper #Top_bar #menu .menu li.wso-burger-menu li.menu-item-has-children > ul.sub-menu.mfn-megamenu li > ul > li > ul > li:not(.wso-main-menu-item):hover > a:before { opacity: 1 !important; width: .5rem !important; margin-right: 0.5em !important; } #Wrapper #Top_bar #menu .menu li.wso-burger-menu li.menu-item-has-children > ul.sub-menu.mfn-megamenu li > ul > li > ul > li:not(.wso-main-menu-item) > a span { display: inline !important; } /* ================= Logo ================= */ #Top_bar .logo { position: absolute; top: 50%; left: 1rem; transform: translate(0, -50%); margin: 0 !important; z-index: 1; } #Wrapper #Top_bar #logo, #Wrapper #Top_bar.is-sticky #logo { padding: 0 !important; height: auto !important; margin: 0 !important; } #Top_bar #logo img { width: 15rem; max-height: 100% !important; } /* ================= Menu ================= */ #Top_bar .menu > li > a, #Top_bar .menu > li > a span:not(.description) { line-height: 3em !important; } #Top_bar .menu > li > a { /*font-size: .9rem;*/ font-size: .85rem; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; padding: 0 2rem !important; color: var(--dark-gray); font-family: "akzidenz-grotesk-next-pro", sans-serif !important; position: relative !important; display: inline-block !important; float: left !important; height: 6rem; } #Top_bar .menu > li.wso-menu-contact > a { padding: 0 !important; } .header-transparent #Top_bar:not(.is-sticky) .menu > li > a:not(:hover) { color: white; z-index: 1; transition: none; } .header-transparent #Top_bar:not(.is-sticky) .menu > li > a:hover { color: white; z-index: 1; } #Top_bar .menu > li > a span:not(.description) { padding: 0; display: inline-block !important; position: relative !important; } #Top_bar .menu > li.wso-megamenu-hover > a span:after { content: '' !important; display: block !important; position: absolute !important; height: 3px; width: 100%; left: 0; bottom: 2px; background: var(--red) !important; opacity: 0 !important; visibility: visible !important; top: auto !important; } #Top_bar .menu > li.wso-megamenu-hover:hover > a span:after { opacity: 1 !important; } #Top_bar:not(:hover) .menu > li.wso-megamenu-hover > a span { padding: 1.8rem 0 !important; display: inline-block !important; } #Top_bar:hover .menu > li.wso-megamenu-hover > a span, html.wso-burger-menu-active #Top_bar .menu > li.wso-megamenu-hover > a span { padding: .62rem 0 !important; display: inline-block !important; } #Top_bar .menu li ul { background: white !important; } #Top_bar .top_bar_right { position: absolute !important; right: 6.25rem; padding: 0 !important; top: 0 !important; height: 6rem !important; } #Top_bar .top_bar_left { float: right !important; width: 100% !important; } /* Action Bar */ body:not(.woocommerce-page) #Side_slide .extras { display: none !important; } body #Side_slide .extras .lang-active { display: none !important; } body:not(.woocommerce-page) #Top_bar .top_bar_right #header_cart { display: none !important; } #Wrapper #Top_bar .menu > li.wso-waermepumpe a span::before { content: ''; display: block; position: relative; height: 2.5rem; width: 2.5rem; background-image: url(/wp-content/uploads/2023/07/warmepumpe-grau.svg); background-size: 100% auto !important; background-repeat: no-repeat !important; background-position: center bottom !important; margin: 0 auto -0.1rem !important; opacity: 0 !important; transition: all var(--transition-shorter) ease-in-out; max-height: 0 !important; -webkit-transition: all var(--transition-shorter) ease-in-out; -moz-transition: all var(--transition-shorter) ease-in-out; -ms-transition: all var(--transition-shorter) ease-in-out; -o-transition: all var(--transition-shorter) ease-in-out; } #Wrapper #Top_bar .menu > li.wso-waermepumpe:hover a span::before { background-image: url(/wp-content/uploads/2023/07/warmepumpe-rot.svg); background-size: 100% auto !important; background-repeat: no-repeat !important; background-position: center bottom !important; } #Top_bar .wpml-languages a.active { display: none !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-contact > a span::before { position: relative !important; width: 2rem; height: 2.5rem; left: 0; content: ''; background-repeat: no-repeat !important; background-size: auto 1.1rem !important; background-position: center !important; display: inline-block !important; float: left !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-tel > a span::before { background-image: url(/wp-content/uploads/2021/11/phone-i.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-sav > a span::before { background-image: url(/wp-content/uploads/2024/01/schraubenschluessel-gray.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-career > a span::before { background-image: url(/wp-content/uploads/2022/09/hargassner-karriere-2.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-mail > a span::before { background-image: url(/wp-content/uploads/2021/11/mail-i.svg); background-size: auto .95rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-search > a span::before { background-image: url(/wp-content/uploads/2021/11/search-i.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-login > a span::before { background-image: url(/wp-content/uploads/2021/11/login-i.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-formation > a span::before { background-image: url(/wp-content/uploads/2024/09/icon-formations.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-service > a span::before { background-image: url(/wp-content/uploads/2024/02/vector-18.svg); background-size: auto 1.15rem !important; margin-right: .3rem; } #Top_bar .wpml-lang-dropdown li.wso-menu-academy > a span::before { background-image: url(/wp-content/uploads/2024/06/aus-weiterbildung-dunkelgrau.svg); background-size: auto 1.15rem !important; margin-right: .3rem; } #Top_bar .wpml-lang-dropdown li.wso-menu-tarif > a span::before { background-image: url(/wp-content/uploads/2024/03/icone-document-calculatrice.png); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-money > a span::before { background-image: url(/wp-content/uploads/2024/03/icone-cochon-tirelire-argent.png); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-service:hover > a span::before { background-image: url(/wp-content/uploads/2024/02/vector-19.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-academy:hover > a span::before { background-image: url(/wp-content/uploads/2024/06/aus-weiterbildung-rot.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-tel:hover > a span::before { background-image: url(/wp-content/uploads/2022/07/phone-i-red.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-sav:hover > a span::before { background-image: url(/wp-content/uploads/2024/01/schraubenschluessel-red.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-mail:hover > a span::before { background-image: url(/wp-content/uploads/2022/07/mail-i-red.svg); background-size: auto .95rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-search:hover > a span::before { background-image: url(/wp-content/uploads/2022/07/search-i-red.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-login:hover > a span::before { background-image: url(/wp-content/uploads/2022/07/login-i-red.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-formation:hover > a span::before { background-image: url(/wp-content/uploads/2024/09/icon-formations-rot.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-career:hover > a span::before { background-image: url(/wp-content/uploads/2022/09/hargassner-karriere-red.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-tarif:hover > a span::before { background-image: url(/wp-content/uploads/2024/03/icone-document-calculatrice-red.png); background-size: auto 1.15rem !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-money:hover > a span::before { background-image: url(/wp-content/uploads/2024/03/icone-cochon-tirelire-argent-red.png); background-size: auto 1.15rem !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown { display: inline-block !important; display: flex !important; position: relative !important; width: auto !important; overflow: visible; top: 0 !important; border: 0 !important; float: right; justify-content: center; } #Top_bar .wpml-languages { width: auto !important; display: inline-block !important; margin: 0 !important; line-height: 1em !important; font-size: 1em !important; } .wso-burger-menu-active #Top_bar .top_bar_right { max-height: 0rem !important; opacity: 0 !important; } #Top_bar .top_bar_right { position: relative !important; height: auto !important; right: auto !important; float: left; border-bottom: 1px solid; } #Top_bar .top_bar_right a#header_cart { top: .5rem !important; font-size: 1.35rem !important; } #Top_bar .top_bar_right_wrapper, #Top_bar.is-sticky .top_bar_right_wrapper { top: 0 !important; float: right !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li { display: inline-block !important; border: 0 !important; padding: 0 .5rem !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li a { padding: 0 !important; vertical-align: middle; display: flex; align-items: center; grid-column-gap: .5rem; } #Top_bar .wpml-languages ul.wpml-lang-dropdown .wso-menu-contact a { flex-direction: row-reverse; grid-column-gap: 0; font-size: 1rem; } #Top_bar .wpml-languages ul.wpml-lang-dropdown .wso-menu-contact .wso-absolute-item { display: inline-block !important; position: relative !important; opacity: 1 !important; color: var(--dark-gray) !important; font-size: 0.9rem !important; left: 0 !important; top: 0 !important; transform: none !important; vertical-align: middle; line-height: 1em !important; } #Top_bar .wpml-lang-dropdown li.wso-menu-contact > a span { display: inline-block !important; float: left; vertical-align: middle; position: relative !important; height: auto !important; width: auto !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown .wso-menu-contact:hover .wso-absolute-item { color: var(--red) !important; } #Top_bar > .container > .column.one { display: flex; flex-direction: column; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li.pll-parent-menu-item a span img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li.pll-parent-menu-item a img:not(.description) { margin: 0.5rem 0 !important; line-height: .85em !important; font-size: .75rem !important; width: 1.5rem !important; height: 1.5rem !important; overflow: hidden !important; border-radius: 50% !important; border: 1px solid var(--gray) !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li.pll-parent-menu-item a span { text-transform: uppercase; font-size: .85rem; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li a { opacity: 1 !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown { width: 100% !important; } #Top_bar .top_bar_right_wrapper { width: 100% !important; } body:not(.woocommerce-page) #Top_bar .wpml-languages { width: 100% !important; } body.woocommerce-page #Top_bar .wpml-languages { width: 97% !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li.wso-menu-contact.wso-menu-search { margin-right: auto !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li.wso-menu-contact.wso-menu-search .wso-hidden-search-field { position: relative !important; opacity: 1 !important; top: 0 !important; left: 0 !important; right: auto !important; height: auto !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li.wso-menu-contact.wso-menu-search .wso-hidden-search-field .wso-searchbar::before { content: none !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li.wso-menu-contact.wso-menu-search .wso-hidden-search-field input { margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; display: inline-block !important; font-size: .85rem !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li.wso-menu-contact.wso-menu-search .wso-hidden-search-field .wso-input-icon { display: none; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li.wso-menu-contact.wso-menu-search .wso-hidden-search-field button#search-btn { position: relative !important; height: 2rem !important; width: 2rem !important; display: inline-block !important; background-image: url(/wp-content/uploads/2021/11/search-i.svg); background-size: auto 1.15rem !important; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li.wso-menu-contact.wso-menu-search a { display: none; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li.wso-menu-contact.wso-menu-search form { display: flex !important; margin: .25rem 0 !important; } .wso-new-footer .wrap.mcb-wrap.one.wso-footer-icons:after { content: ''; display: block; position: absolute; left: 100%; height: 7rem; width: 7rem; top: -3.5rem; background-color: var(--dark-gray); visibility: visible; background-image: url(/wp-content/uploads/2021/11/hargassner-white-letter.svg); background-size: 60% auto !important; background-repeat: no-repeat; background-position: center; transform: translateX(-50%); } .wso-new-footer .wrap.mcb-wrap.one.wso-footer-icons:before { left: 0; } @media only screen and (max-width: 1023px) { #Footer .widgets_wrapper .column.one-fifth { width: 31% !important; margin-bottom: 2rem !important; } #Footer .widgets_wrapper .wso-footer-icons .mcb-wrap-inner { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } #Footer .widgets_wrapper .column.one-fifth:nth-child(4), #Footer .widgets_wrapper .column.one-fifth:nth-child(5) { margin-bottom: 0 !important; } } @media only screen and (max-width: 767px) { #Footer .widgets_wrapper .column.one-fifth { width: 100% !important; margin-bottom: 1rem !important; } #Footer .widgets_wrapper .column.one-fifth:nth-child(4) { margin-bottom: 1rem !important; } .wso-new-footer .wrap.mcb-wrap.one.wso-footer-icons { padding: 2rem 0 !important; } .wso-new-footer .wrap.mcb-wrap.one.wso-footer-icons:before, .wso-new-footer .wrap.mcb-wrap.one.wso-footer-icons:after { width: 5rem; height: 5rem; top: -2.5rem; } } #Side_slide .extras { padding: 2rem 0 0 !important; } .icon-bag-fine::before, .icon-basket:before { content: ''; display: inline-block; position: relative; height: 1.25em; width: 1.25em; background: url(/wp-content/uploads/2022/06/cart-icon.svg) no-repeat center; background-size: contain; float: left; } #Top_bar a#header_cart i, #Side_slide a#slide-cart i { display: inline-block !important; float: right; height: auto !important; } #Top_bar a#header_cart { top: 50% !important; font-size: 1.5rem; line-height: 1.5em !important; margin: 0 !important; float: right; } #Top_bar .top_bar_right_wrapper, #Top_bar.is-sticky .top_bar_right_wrapper { top: 2rem; } #Top_bar a#header_cart span, #Side_slide a#slide-cart span { background: var(--red) !important; font-weight: 600 !important; font-size: .8rem !important; height: 1.1em !important; width: 1.1em !important; padding: 0.3em !important; border-radius: 50% !important; letter-spacing: 0 !important; top: -0.5em !important; right: -0.5em !important; position: absolute !important; line-height: 1.4em !important; text-align: center !important; color: white !important; left: auto !important; } #Side_slide .extras .extras-wrapper .icon { font-size: 2rem !important; line-height: 2em !important; margin: 0 !important; padding: 0 !important; } #Side_slide a#slide-cart span { height: 1.75em !important; width: 1.75em !important; } /*CTA*/ #Top_bar .menu > li.wso-menu-cta > a span { position: relative; color: white !important; background-color: var(--color-1) } /*Phone & Email*/ #Top_bar .menu > li.wso-menu-mail > a { text-transform: none; } #Top_bar .menu > li.wso-menu-contact > a span { position: relative; margin: 0 !important; padding: 1.75rem 0 !important; line-height: 1em !important; display: inline-block !important; float: left !important; } #Top_bar .menu > li.wso-menu-contact > a span::before { position: relative !important; width: 2rem; height: 2.5rem; left: 0; content: ''; background-repeat: no-repeat !important; background-size: auto 1.1rem !important; background-position: center !important; display: inline-block !important; float: left !important; } #Top_bar .menu > li.wso-menu-tel > a span::before { background-image: url(/wp-content/uploads/2021/11/phone-i.svg); background-size: auto 1.15rem !important; } #Top_bar .menu > li.wso-menu-sav > a span::before { background-image: url(/wp-content/uploads/2024/01/schraubenschluessel-gray.svg); background-size: auto 1.15rem !important; } #Top_bar .menu > li.wso-menu-career > a span::before { background-image: url(/wp-content/uploads/2022/09/hargassner-karriere-2.svg); background-size: auto 1.15rem !important; } #Top_bar .menu > li.wso-menu-mail > a span::before { background-image: url(/wp-content/uploads/2021/11/mail-i.svg); background-size: auto .95rem !important; } #Top_bar .menu > li.wso-menu-search > a span::before { background-image: url(/wp-content/uploads/2021/11/search-i.svg); background-size: auto 1.15rem !important; } #Top_bar .menu > li.wso-menu-login > a span::before { background-image: url(/wp-content/uploads/2021/11/login-i.svg); background-size: auto 1.15rem !important; } #Top_bar .menu > li.wso-menu-tel:hover > a span::before { background-image: url(/wp-content/uploads/2022/07/phone-i-red.svg); background-size: auto 1.15rem !important; } #Top_bar .menu > li.wso-menu-sav:hover > a span::before { background-image: url(/wp-content/uploads/2024/01/schraubenschluessel-red.svg); background-size: auto 1.15rem !important; } #Top_bar .menu > li.wso-menu-mail:hover > a span::before { background-image: url(/wp-content/uploads/2022/07/mail-i-red.svg); background-size: auto .95rem !important; } #Top_bar .menu > li.wso-menu-search:hover > a span::before { background-image: url(/wp-content/uploads/2022/07/search-i-red.svg); background-size: auto 1.15rem !important; } #Top_bar .menu > li.wso-menu-login:hover > a span::before { background-image: url(/wp-content/uploads/2022/07/login-i-red.svg); background-size: auto 1.15rem !important; } #Top_bar .menu > li.wso-menu-career:hover > a span::before { background-image: url(/wp-content/uploads/2022/09/hargassner-karriere-red.svg); background-size: auto 1.15rem !important; } #Top_bar .wso-menu-contact .wso-absolute-item { position: absolute !important; width: auto !important; left: 50%; transform: translateX(-50%); min-width: -webkit-max-content !important; min-width: -moz-max-content !important; min-width: max-content !important; opacity: 0; color: var(--red) !important; transition: all var(--transition-shorter) ease-in-out; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; font-weight: 300 !important; text-transform: none !important; -webkit-transition: all var(--transition-shorter) ease-in-out; -moz-transition: all var(--transition-shorter) ease-in-out; -ms-transition: all var(--transition-shorter) ease-in-out; -o-transition: all var(--transition-shorter) ease-in-out; } #Top_bar .wso-menu-contact:hover .wso-absolute-item { opacity: 1; } .wso-burger-menu-active #Top_bar .menu > li.wso-menu-tel > a span::before { background-image: url(/wp-content/uploads/2021/11/phone-i.svg) !important; } .wso-burger-menu-active #Top_bar .menu > li.wso-menu-sav > a span::before { background-image: url(/wp-content/uploads/2024/01/schraubenschluessel-gray.svg) !important; } .wso-burger-menu-active #Top_bar .menu > li.wso-menu-mail > a span::before { background-image: url(/wp-content/uploads/2021/11/mail-i.svg) !important; background-size: auto .95rem !important; } /*Submenu*/ .wso-burger-menu-active #Top_bar .menu-main > li.menu-item-has-children:nth-child(2) > ul.sub-menu { display: none !important; } #Top_bar .menu > li.menu-item-has-children > ul { display: block !important; top: calc(100% + var(--menu-gap)); left: 50%; max-height: 0 !important; overflow: hidden !important; pointer-events: none !important; opacity: 0; box-sizing: border-box; transform: translate(-50%, 30px); transition: opacity var(--transition-normal) ease 0s, transform var(--transition-normal) ease 0s, max-height 0s linear var(--transition-normal), padding 0s linear var(--transition-normal) !important; -webkit-transition: opacity var(--transition-normal) ease 0s, transform var(--transition-normal) ease 0s, max-height 0s linear var(--transition-normal), padding 0s linear var(--transition-normal) !important; -moz-transition: opacity var(--transition-normal) ease 0s, transform var(--transition-normal) ease 0s, max-height 0s linear var(--transition-normal), padding 0s linear var(--transition-normal) !important; -ms-transition: opacity var(--transition-normal) ease 0s, transform var(--transition-normal) ease 0s, max-height 0s linear var(--transition-normal), padding 0s linear var(--transition-normal) !important; -o-transition: opacity var(--transition-normal) ease 0s, transform var(--transition-normal) ease 0s, max-height 0s linear var(--transition-normal), padding 0s linear var(--transition-normal) !important; } #Top_bar .menu > li.menu-item-has-children:not(.wso-burger-menu).hover > ul, .wso-burger-menu-active #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul { max-height: 1500px !important; opacity: 1; /*min-height: 700px; */pointer-events: all !important; transform: translate(-50%, 0); transition: opacity var(--transition-normal) ease 0s, transform var(--transition-normal) ease 0s, max-height 0s linear 0s, padding 0s linear 0s !important; overflow: visible !important; padding: 1rem; -webkit-transition: opacity var(--transition-normal) ease 0s, transform var(--transition-normal) ease 0s, max-height 0s linear 0s, padding 0s linear 0s !important; -moz-transition: opacity var(--transition-normal) ease 0s, transform var(--transition-normal) ease 0s, max-height 0s linear 0s, padding 0s linear 0s !important; -ms-transition: opacity var(--transition-normal) ease 0s, transform var(--transition-normal) ease 0s, max-height 0s linear 0s, padding 0s linear 0s !important; -o-transition: opacity var(--transition-normal) ease 0s, transform var(--transition-normal) ease 0s, max-height 0s linear 0s, padding 0s linear 0s !important; } #Wrapper #Top_bar .menu > li.menu-item-has-children > a::after { content: "" !important; display: block !important; position: absolute; top: 200%; bottom: auto !important; left: 50%; right: auto; height: 1.35rem; width: 1.35rem; max-height: 0 !important; background-color: #ffffff; transition: opacity var(--transition-normal) ease 0s, top var(--transition-normal) ease 0s !important; transform: translate(-50%, -50%) rotate(45deg); opacity: 0 !important; -webkit-transition: opacity var(--transition-normal) ease 0s, top var(--transition-normal) ease 0s !important; -moz-transition: opacity var(--transition-normal) ease 0s, top var(--transition-normal) ease 0s !important; -ms-transition: opacity var(--transition-normal) ease 0s, top var(--transition-normal) ease 0s !important; -o-transition: opacity var(--transition-normal) ease 0s, top var(--transition-normal) ease 0s !important; } #Wrapper #Top_bar .menu > li.menu-item-has-children:not(.wso-burger-menu).hover > a::after { top: calc(100% + var(--menu-gap)); max-height: 100px !important; opacity: 1 !important; transition-delay: var(--transition-short) !important; } #Wrapper #Top_bar .menu > li.menu-item-has-children:not(.wso-burger-menu).hover > a::before { content: "" !important; position: absolute; top: 100%; width: 100%; height: var(--menu-gap); } #Top_bar .menu > li.menu-item-has-children > ul > li { width: auto; } #Top_bar .menu > li.menu-item-has-children > ul > li > a { white-space: nowrap; } /* ================= Megamenu ================= */ #Top_bar .mfn-megamenu-parent::after { content: ""; pointer-events: none; position: absolute; height: 0; top: -100%; left: -100%; right: -100%; background-color: var(--overlay-dark); opacity: 0; transition: height 0s ease var(--transition-long), opacity var(--transition-long) ease !important; -webkit-transition: height 0s ease var(--transition-long), opacity var(--transition-long) ease !important; -moz-transition: height 0s ease var(--transition-long), opacity var(--transition-long) ease !important; -ms-transition: height 0s ease var(--transition-long), opacity var(--transition-long) ease !important; -o-transition: height 0s ease var(--transition-long), opacity var(--transition-long) ease !important; } #Top_bar.is-sticky .mfn-megamenu-parent::after { top: 100%; } #Top_bar .mfn-megamenu-parent:not(.wso-burger-menu).hover::after, .wso-burger-menu-active #Top_bar .menu > li.wso-burger-menu:after { height: 120vh; opacity: 1; transition: height 0s ease 0s, opacity var(--transition-long) ease !important; -webkit-transition: height 0s ease 0s, opacity var(--transition-long) ease !important; -moz-transition: height 0s ease 0s, opacity var(--transition-long) ease !important; -ms-transition: height 0s ease 0s, opacity var(--transition-long) ease !important; -o-transition: height 0s ease 0s, opacity var(--transition-long) ease !important; } #Top_bar .mfn-megamenu-parent > ul.sub-menu.mfn-megamenu { width: var(--megamenu-width) !important; left: calc((100% - var(--megamenu-width)) / 2) !important; transform: translate(0, 30px); } #Top_bar .mfn-megamenu-parent:not(.wso-burger-menu).hover > ul.sub-menu.mfn-megamenu, .wso-burger-menu-active #Top_bar .mfn-megamenu-parent.wso-burger-menu > ul.sub-menu.mfn-megamenu, html[lang="nb-NO"] #Top_bar .menu li.wso-burger-menu > ul.sub-menu { transform: translate(0, 0); padding: 6rem 6rem 4rem !important; } #Top_bar .mfn-megamenu-title { text-transform: none !important; } #Top_bar .mfn-megamenu-parent:not(.wso-burger-menu) .menu-item:not(.menu-item-type-gs_sim) .sub-menu { -moz-column-count: 2; column-count: 2; -moz-column-gap: 1rem; column-gap: 1rem; } #Top_bar li.menu-item-has-children:not(.mfn-megamenu-parent) > ul.mfn-megamenu { box-shadow: none; } #Top_bar .menu > li ul li a { border: none; padding: 0.5rem; } #Top_bar .menu > li ul li a:hover { color: var(--red); } #Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a { background-color: transparent !important; } #Top_bar .wso-megamenu-img { padding-left: 3rem !important; box-sizing: border-box; } #Top_bar .wso-megamenu-img ul { height: 20rem; } #Top_bar .wso-megamenu-img li:first-child { float: right; width: 70% !important; height: 65% !important; } #Top_bar .wso-megamenu-img li:last-child { position: absolute; left: 0; bottom: 0; width: 45% !important; height: 45% !important; z-index: 2; border-top: var(--img-border); border-right: var(--img-border); } #Top_bar .menu .wso-burger-menu .wso-burger-menu-center .menu-item-has-children ul li.wso-main-menu-item a { font-size: 1.75rem !important; line-height: 1.25em !important; font-weight: 500 !important; padding-top: 0 !important; } #Top_bar .menu .wso-burger-menu .wso-burger-menu-center .menu-item-has-children ul li a { padding-left: 1rem !important; padding-right: 0 !important; padding-bottom: 0 !important; line-height: 1.15em !important; } #Top_bar .menu .wso-burger-menu .wso-burger-menu-center .menu-item-has-children ul li:not(.wso-menu-button) { border-left: 1px solid var(--dark-gray); } #Top_bar .menu .wso-burger-menu .wso-burger-menu-center .menu-item-has-children ul li:not(.wso-menu-button) + .wso-menu-button { margin-top: 4rem !important; } #Top_bar .menu .wso-burger-menu .wso-burger-menu-center .menu-item-has-children ul li.wso-menu-button a { padding: 0 !important; } #Top_bar .menu > li.pll-parent-menu-item > a span:not(.description), #Side_slide .menu > li.pll-parent-menu-item > a span:not(.description) { /*padding: 1.75rem 0 !important;*/ /*padding: 2.35rem 0 !important;*/ /*padding: 2.6rem 0 !important;*/ line-height: .85em !important; font-size: .75rem; padding: 0 !important; } #Top_bar .menu > li.pll-parent-menu-item > a span img, #Side_slide .menu > li.pll-parent-menu-item > a span img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; } #Top_bar .menu > li.pll-parent-menu-item > a span:not(.description), #Side_slide .menu > li.pll-parent-menu-item > a span:not(.description) { margin: 2.15rem 0 !important; line-height: .85em !important; font-size: .75rem !important; width: 1.5rem !important; height: 1.5rem !important; overflow: hidden !important; border-radius: 50% !important; border: 1px solid var(--gray) !important; } #Top_bar .menu > li.pll-parent-menu-item a { padding: 0 0 0 0.5rem !important; color: var(--dark-gray) !important; } @media only screen and (min-width: 768px) { #Top_bar .menu > li.pll-parent-menu-item { display: none !important; margin-right: 2rem !important; } } #Top_bar .menu > li.pll-parent-menu-item > a span:after { /*content: '';*/ display: block; position: absolute; height: 1.75rem; width: 1.75rem; border: 1px solid var(--dark-gray) !important; border-radius: 50%; left: 45%; top: 49%; transform: translate(-50%, -50%); pointer-events: none !important; } #Top_bar .menu > li.pll-parent-menu-item .sub-menu a { padding: 0 !important; } #Top_bar .menu > li.pll-parent-menu-item > ul, #Top_bar .menu > li.pll-parent-menu-item > a::after { background: var(--light-gray) !important; } #Top_bar .menu > li.pll-parent-menu-item > a::after { height: 1rem !important; width: 1rem !important; } #Top_bar .menu > li.pll-parent-menu-item .sub-menu a:hover { color: var(--red) !important; } /* ================= Sticky ================= */ #Top_bar.is-sticky { height: auto !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) !important; opacity: 1 !important; } #Wrapper #Top_bar.is-sticky #logo img { width: 13rem !important; } #Top_bar.is-sticky .menu > li > a { /* padding: 0 !important; */ } /* ================= Burgermenu ================= */ html.wso-burger-menu-active { overflow: hidden; padding-right: var(--scrollbar-width) !important; } .wso-burger-menu-active #Top_bar.is-sticky { padding-right: var(--scrollbar-width); box-sizing: border-box; opacity: 1; } .wso-burger-menu-active #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul { max-height: 100vh !important; } #Top_bar .wso-burger-menu { float: right !important; width: 3rem; height: 2.6rem; margin-left: 2rem !important; padding: 1.5rem 0 !important; margin-right: 1rem !important; } #Top_bar.is-sticky .wso-burger-menu { padding: 1.5rem 0 !important; } #Top_bar .wso-burger-menu > span { position: absolute; margin-top: .33rem; width: 3rem; height: 3rem; cursor: pointer; } #Top_bar .wso-burger-menu > span::after, #Top_bar .wso-burger-menu > span::before { content: ''; right: 0; border-color: var(--dark-gray) !important; border-style: solid; width: 100%; position: absolute; transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); -webkit-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); -moz-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); -ms-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); -o-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); } #Top_bar.is-sticky .wso-burger-menu > span::after, #Top_bar.is-sticky .wso-burger-menu > span::before { content: ''; right: 0; border-color: var(--dark-gray) !important; border-style: solid; width: 100%; position: absolute; transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); -webkit-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); -moz-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); -ms-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); -o-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); } .wso-burger-menu-active #Top_bar .wso-burger-menu > span::after, .wso-burger-menu-active #Top_bar .wso-burger-menu > span::before { content: ''; right: 0; border-color: var(--dark-gray) !important; border-style: solid; width: 100%; position: absolute; transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); -webkit-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); -moz-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); -ms-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); -o-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) width var(--transition-normal), var(--burger-menu-transition) border-width var(--burger-menu-transition); } #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul { left: 0 !important; width: calc(100% + var(--scrollbar-width)) !important; overflow-y: auto !important; background-color: white; transform: translate(0, 0) !important; position: fixed; top: 0; height: 100vh; display: none !important; } .wso-burger-menu-active #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul { display: inline-block !important; } #Top_bar .wso-burger-menu > span::before { border-width: 2px 0 2px 0; top: 0; height: 1.05rem; } #Top_bar .wso-burger-menu > span::after { border-width: 2px 0 0 0; top: 2.3rem; height: 0px; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span::after, .wso-burger-menu-active #Top_bar .wso-burger-menu > span::before { top: .8rem; height: 0rem; border-width: 2px 0 0 0; transition: var(--burger-menu-transition) height 0s, var(--burger-menu-transition) transform var(--burger-menu-transition), var(--burger-menu-transition) top 0s, var(--burger-menu-transition) border-width 0s; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span::before { transform: rotate(-45deg); z-index: 999; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span::after { transform: rotate(45deg); z-index: 999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } #Top_bar .menu > li > ul.mfn-megamenu > li.wso-burger-menu-inner > ul > li:nth-child(1) { width: 20%; float: left; } #Top_bar .menu > li > ul.mfn-megamenu > li.wso-burger-menu-inner > ul > li:nth-child(2) { width: 45%; height: 100% !important; float: left; padding-left: 0; padding-right: 5% !important; box-sizing: border-box !important; } #Top_bar .menu > li > ul.mfn-megamenu > li.wso-burger-menu-inner > ul > li:nth-child(3) { width: 19%; float: left; position: absolute; right: -2.2rem; bottom: 0; height: 100% !important; } #Top_bar .menu .wso-burger-menu li ul { display: block !important; position: relative; left: 0; } #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul > .wso-burger-menu-inner { width: 100% !important; height: 100% !important; bottom: 0 !important; float: none !important; position: relative; } #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul > .wso-burger-menu-inner > ul { position: absolute; width: 100% !important; margin: 0 !important; top: 50%; transform: translate(0, -50%); height: 100% !important; display: flex !important; flex-direction: row !important; align-items: center; align-content: center; justify-content: flex-start; } #Top_bar .menu .wso-burger-menu li .wso-burger-menu-center ul { display: block !important; position: relative; left: 0; text-align: left; } #Top_bar .menu .wso-burger-menu .wso-burger-menu-center li.menu-item-has-children ul { display: none !important; } #Top_bar .menu .wso-burger-menu .wso-burger-menu-center .menu-item-has-children ul.wso-active-submenu { display: flex !important; margin: 0; justify-content: flex-start; list-style: none; transition: var(--transition-normal); opacity: 1; height: 4rem; flex-direction: column !important; width: 14rem; z-index: 99999999 !important; pointer-events: all !important; -webkit-transition: var(--transition-normal); -moz-transition: var(--transition-normal); -ms-transition: var(--transition-normal); -o-transition: var(--transition-normal); } #Top_bar .menu .wso-burger-menu li.menu-item-has-children > ul { background-color: transparent } #Top_bar .menu .wso-burger-menu li.menu-item-has-children > a { color: var(--dark-gray) !important; position: relative; font-size: .85rem !important; line-height: 1.4em !important; font-weight: 500 !important; letter-spacing: .2em !important; text-transform: uppercase !important; margin: 1rem 0 !important; } #Top_bar .menu .wso-burger-menu .wso-burger-menu-center .menu-item-has-children ul { display: flex !important; margin: 0; justify-content: flex-start; list-style: none; transition: var(--transition-normal); opacity: 0; height: 0; flex-direction: column; -webkit-transition: var(--transition-normal); -moz-transition: var(--transition-normal); -ms-transition: var(--transition-normal); -o-transition: var(--transition-normal); } .wso-burger-menu-active #Top_bar #menu .menu .wso-burger-menu-center > ul > li.menu-item-has-children > a::after { /*content: '+'; background-color: transparent !important; margin-left: 1rem; position: relative; display: inline-block; transform-origin: 36% 50%; transform: rotate(0) !important; transition: var(--transition-normal);*/ content: none !important; } #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul > .wso-burger-menu-inner > ul li { margin: 0 !important; } #Top_bar .menu > li > ul.mfn-megamenu > li.wso-burger-menu-inner > ul > li:nth-child(3) ul.sub-menu { height: calc(100% + 4rem) !important; margin: 0 !important; background: var(--dark-gray) !important; text-align: center !important; } #Top_bar .menu .wso-burger-menu .wso-burger-menu-center .menu-item-has-children ul { position: fixed; /* right: 2rem; */ left: 55vw; width: 16rem !important; height: auto !important; top: 50% !important; transform: translateY(-50%); pointer-events: none !important; } .wso-burger-menu-active #Top_bar #menu .menu li:not(.wso-burger-menu), .wso-burger-menu-active #Top_bar #menu .menu li:not(.wso-burger-menu) a { z-index: 999; } #Top_bar .wso-burger-menu .wso-megamenu-img.wso-active { z-index: 9999 !important; } .wso-burger-menu-active #Wrapper #Top_bar #menu .menu li.wso-burger-menu li.menu-item-has-children > ul.sub-menu.mfn-megamenu li > ul > li > ul li a { padding: 1.25rem; } .wso-burger-menu-active #Top_bar #menu > .menu > li:not(.wso-burger-menu):not(.wso-menu-cta) > a span { color: var(--dark-gray) !important; } .wso-burger-menu-active #Top_bar #menu > .menu > li:not(.wso-burger-menu):not(.wso-menu-cta) > a:hover span { color: var(--red) !important; } .wso-burger-menu-active #Top_bar .logo { z-index: 9999; } .wso-burger-menu-active #Top_bar #logo img.logo-main { display: none !important; } .wso-burger-menu-active #Top_bar #logo img.logo-sticky { display: block !important; } #Top_bar .menu .wso-burger-menu li.menu-item-has-children > ul > li.menu-item-has-children ul { margin-bottom: 0.5rem; } #Top_bar .menu .wso-burger-menu li.menu-item-has-children:hover > a, #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul > .wso-burger-menu-inner > ul li.wso-active > a { color: var(--red) !important; } #Top_bar .wso-burger-menu .wso-megamenu-img { padding-left: 0 !important; padding-right: 0rem !important; } #Top_bar .wso-megamenu-text { margin-bottom: 3rem; padding-right: 4rem !important; } #Wrapper #Top_bar .wso-burger-menu .wso-megamenu-img li:first-child { float: right; width: 100% !important; height: 100% !important; margin-top: 0rem !important; } #Top_bar .wso-burger-menu .wso-megamenu-img li:last-child { position: absolute; left: 0; /* bottom: -8rem; */ width: 55% !important; height: 60% !important; z-index: 2; /* border-top: var(--img-border); */ /* border-right: var(--img-border); */ background-color: white !important; } #Top_bar .menu > li > ul.mfn-megamenu > li.wso-burger-menu-inner > ul > li:nth-child(2) ul { margin: 0 !important; height: 100% !important; box-shadow: none; } .wso-megamenu-social-links > div { display: flex; position: relative; justify-content: center !important; margin-top: 2rem; margin: 0 auto !important; } .wso-megamenu-social-links > div span { margin-right: .5rem !important; } .wso-megamenu-social-links > div, .wso-megamenu-social-links > div span, .wso-megamenu-social-links > div span a { width: 1.5rem; height: 1.5rem; } .wso-megamenu-social-links > div span a { padding: 0 !important; } .wso-megamenu-social-links > div span img { width: 1.5rem; height: 1.5rem; } .wso-megamenu-contact-info p, .wso-megamenu-contact-info a { font-size: .85rem !important; text-align: center !important; line-height: 1.2rem; margin-top: 2rem; margin-bottom: 2rem !important; color: white !important; font-weight: 300; padding: 0 1rem !important; } .wso-megamenu-contact-info b, .wso-megamenu-contact-info strong { display: block; } .wso-megamenu-contact-info a { text-align: left; margin: 0 !important; padding: 0 !important; font-weight: 500; } .wso-megamenu-contact-info a:hover { text-decoration: underline !important; } .wso-megamenu-highlight-button { z-index: 9999 !important; } .wso-megamenu-highlight-button p { position: relative !important; top: 0 !important; left: 0 !important; width: 12rem !important; height: 12rem !important; margin: 0; padding: 0; border-radius: 50%; box-sizing: border-box; transform: rotate(-10deg); background-color: var(--color-1); text-align: center; color: white; padding: 2.2rem 3rem; font-weight: 900; line-height: 1.4rem; font-size: .9rem; } .menu div#circle-container { position: relative !important; display: inline-block; width: 100% !important; margin-top: 1rem; margin-bottom: 4rem !important; color: white !important; font-weight: 300 !important; } .menu div#circle-container div#circle { float: none !important; text-align: left !important; margin-left: 1rem; } @media only screen and (max-width: 1499px) { .wso-megamenu-highlight-button p { position: absolute; top: 12rem; left: 12rem; width: 12rem !important; height: 12rem !important; margin: 0; padding: 0; border-radius: 50%; box-sizing: border-box; transform: rotate(-10deg); background-color: var(--dark-gray); text-align: center; color: white; padding: 2.2rem 3rem; font-weight: 900; line-height: 1.4rem; font-size: .9rem; } } .wso-megamenu-highlight-button p strong { font-size: 1.5rem; line-height: 1.5rem; display: block; font-weight: 200; } .wso-megamenu-highlight-button p strong::after { content: " "; width: 7rem; display: block; margin: 1rem auto; border-bottom: 2px solid white; } #Wrapper .wso-burger-menu-cta a { padding: .8rem !important; background-color: var(--dark-gray); text-align: center; color: white !important; text-transform: uppercase; letter-spacing: .1rem; } #Wrapper .wso-burger-menu-cta a:hover { padding: .8rem !important; background-color: var(--dark-gray) !important; text-align: center; color: white !important; text-transform: uppercase; letter-spacing: .1rem; } .wso-burger-menu-active #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul { max-height: 3000px !important; width: 100% !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 0 !important; } #Top_bar .menu > li.menu-item-has-children.wso-burger-menu > ul > .wso-burger-menu-inner { /*min-height: var(--burger-menu-min-height);*/ } /*Mobil*/ #Side_slide #menu .wso-burger-menu { border: none !important; } #Side_slide .wso-burger-menu > .sub-menu, #Side_slide #menu .wso-burger-menu li.wso-burger-menu-inner ul.mfn-megamenu > li > ul > li > .menu-toggle { display: block !important; } #Side_slide #menu .wso-burger-menu ul.mfn-megamenu li.wso-burger-menu-inner > ul > li > ul > li:not(.hover) ul, #Side_slide .wso-burger-menu > .menu-toggle { display: none !important; } #Side_slide .wso-burger-menu > .sub-menu { background-color: inherit !important; } #Side_slide #menu ul li.wso-megamenu-hover, #Side_slide #menu ul li ul li ul li ul li:not(.wso-list-item-biomass) ul li.wso-main-menu-item, #Side_slide #menu ul li.wso-sideslide-hide-toggle > .menu-toggle, #Side_slide #menu .wso-burger-menu li.wso-burger-menu-inner ul.mfn-megamenu > li > ul > li.wso-sideslide-hide-toggle > .menu-toggle { display: none !important; } #Side_slide #menu ul li.pll-parent-menu-item a { padding: 0 !important; line-height: 1em !important; text-align: left !important; font-size: 1rem !important; text-transform: uppercase !important; font-weight: 500 !important; letter-spacing: .15em; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; position: relative !important; display: inline-block !important; text-align: center !important; } #Side_slide #menu ul li.pll-parent-menu-item li.current-lang { display: none; } #Side_slide #menu ul li.pll-parent-menu-item a span:after { /*content: '';*/ display: block; position: absolute; height: 3.5rem; width: 3.5rem; border: 1px solid var(--dark-gray) !important; border-radius: 50%; left: 45%; top: 49%; transform: translate(-50%, -50%); pointer-events: none !important; } #Side_slide .menu > li.pll-parent-menu-item > a span:not(.description) { width: 100% !important; height: 100% !important; position: relative !important; display: inline-block !important; margin: 0 !important; } #Side_slide #menu ul li.pll-parent-menu-item a { height: 100% !important; width: 100% !important; } #Side_slide #menu ul li.wso-menu-button { display: none !important; } #Side_slide #menu ul.menu li.wso-megamenu-contact-info { background: var(--dark-gray) !important; color: white; margin-left: -2rem !important; margin-right: -2rem !important; width: calc(100% + 4rem); padding: .5rem 2rem !important; margin-top: 1rem !important; } #Side_slide #menu ul.menu li.wso-megamenu-contact-info * { color: white !important; text-align: center !important; } #Side_slide #menu ul.menu li.wso-megamenu-contact-info .wso-social-icons-footer { display: none !important; } /* ============================================ Side Slide ============================================ */ body.mobile-side-slide { left: 0 !important; } #Side_slide { background-color: var(--light-gray); border-color: white; /* padding: 2rem; */ box-sizing: border-box !important; border-bottom: 0 !important; top: 6rem; overflow: hidden !important; } #Side_slide .menu_wrapper { overflow-y: scroll !important; max-height: 100%; overflow-x: visible !important; height: 100% !important; width: auto !important; padding: 2rem; } #Side_slide #menu_wrapper {} #body_overlay { display: none !important; } #Side_slide .close-wrapper a.close { width: auto !important; height: auto !important; margin: 0 !important; } #Side_slide .close-wrapper a.close i { font-size: 2.7rem !important; line-height: 1.5em !important; position: relative; top: .75rem !important; right: 0rem !important; background: white; } #Side_slide:not(.wso-side-slide-open) .close-wrapper { display: none !important; pointer-events: none !important; opacity: 0 !important; } #Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.action_button), #Side_slide #menu ul li.submenu .menu-toggle { color: var(--color-2) !important; } #Side_slide #menu ul li.submenu .menu-toggle { top: .25em; right: -.8rem !important; opacity: 1 !important; } #Side_slide #menu ul li.submenu .menu-toggle:after { content: '' !important; display: block; position: relative; background: url(/wp-content/uploads/2022/07/dropdown-1.svg) no-repeat center; background-size: 45% auto; height: 100% !important; width: 100% !important; } #Side_slide #menu ul li.submenu.wso-active .menu-toggle:after { transform: rotate(180deg); } #Side_slide #menu-main-menu-version-3 .wso-burger-menu-left, #Side_slide #menu-main-menu-version-3 .wso-burger-menu-right { display: none !important; } #Side_slide #menu ul.menu > li.wso-burger-menu ul li, #Side_slide #menu ul.menu > li { border: 0 !important; /* border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; */ background: transparent !important; } #Side_slide #menu ul.menu > li.wso-burger-menu, #Side_slide #menu ul.menu > li.wso-burger-menu > ul > li, #Side_slide #menu ul.menu > li.wso-burger-menu > ul > li > ul > li, #Side_slide #menu ul.menu > li.wso-burger-menu > ul > li > ul > li > ul > li > ul > li { border-bottom: 0 !important; } #Side_slide #menu ul.menu > li.wso-burger-menu > ul > li > ul > li > ul > li > ul > li:last-child a { padding-bottom: 2rem !important; } #Side_slide #menu ul li a { margin: 0 !important; padding: .5rem !important; font-size: 1.2rem !important; line-height: 1em !important; text-align: left !important; } #Side_slide #menu ul li p a { padding: 0 !important; margin: 0.5rem 0 !important; } body #Side_slide .wso-social-icons-footer a { height: 3rem !important; width: 3rem !important; padding: 0 !important; } #Side_slide .wso-social-icons-footer img { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; } #Side_slide #menu .wso-burger-menu ul.mfn-megamenu > li > ul > li.menu-item-has-children > a { font-weight: 300 !important; font-size: 2rem !important; padding: 1rem .5rem !important; } .wso-megamenu-contact-info.wso-hide-desktop { display: none !important; } #Side_slide #menu .wso-megamenu-contact-info.wso-hide-desktop { border-bottom: 0 !important; display: block !important; } #Side_slide .wso-megamenu-contact-info.wso-hide-desktop p { text-align: left !important; font-size: 1.2rem !important; line-height: 1.6rem !important; color: var(--dark-gray) !important; padding: 0 !important; } #Side_slide .wso-megamenu-contact-info.wso-hide-desktop div { display: flex; justify-content: flex-start; } #Side_slide .wso-megamenu-contact-info.wso-hide-desktop div span { margin: 0 !important; width: 25px; height: 25px; margin-right: 1rem !important; } #Side_slide #menu .wso-megamenu-contact-info.wso-hide-desktop div span a { padding: 0 !important; } #Side_slide .wso-megamenu-contact-info.wso-hide-desktop div span img { width: 25px; height: 25px; } #Side_slide .wso-menu-contact { display: none; } #Side_slide #menu > ul > li > a, #Side_slide #menu .wso-burger-menu ul.mfn-megamenu > li > ul > li > a { font-weight: 500 !important; background: transparent !important; } #Side_slide #menu ul li ul { background-color: transparent !important; border: 0 !important; } #Side_slide #menu ul li ul li ul li ul li ul li a span { /* font-weight: 300 !important; */ } #Side_slide #menu ul li.wso-menu-contact > a span { position: relative; padding-left: 2.4rem; } #Side_slide #menu ul li.wso-menu-contact > a span::before { position: absolute; width: 2rem; height: 100%; top: 0; left: 0; content: ''; background-repeat: no-repeat !important; background-size: auto 1.3rem !important; background-position: left center !important; } #Side_slide #menu ul li.wso-menu-tel > a span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.59' height='26.53' viewBox='0 0 26.59 26.53'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:white;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M4.8,1.07h0a1.84,1.84,0,0,0-1.25.53l0,0A6.72,6.72,0,0,0,2.42,2.7a8,8,0,0,0-.87,1.62,6.47,6.47,0,0,0-.4,1.6c-.52,4.32,1.48,8.3,6.91,13.74,7.49,7.48,13.49,6.94,13.75,6.92a6.42,6.42,0,0,0,1.59-.41A7.78,7.78,0,0,0,25,25.3l1.17-1.1a1.75,1.75,0,0,0,.05-2.45l-4.07-4.07a1.75,1.75,0,0,0-2.46.05L17.4,20l-.25-.13-.41-.23a20.83,20.83,0,0,1-5-3.63A20.91,20.91,0,0,1,8.1,11l0-.07c-.06-.11-.12-.23-.18-.33l-.15-.25L10,8.07a1.73,1.73,0,0,0,0-2.45L6,1.55A1.66,1.66,0,0,0,4.8,1.07Z' transform='translate(-0.57 -0.57)'/%3E%3C/svg%3E"); background-size: auto 1.5rem !important; } #Side_slide #menu ul li.wso-menu-mail > a span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30.66' height='23.15' viewBox='0 0 30.66 23.15'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:white;%7D%3C/style%3E%3CclipPath id='a' transform='translate(-0.16 -0.16)'%3E%3Crect class='a' width='30.97' height='23.46'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Cpath class='c' d='M15.54,14.73,29.13,1.14H1.84Zm4.4-3,9.89,9.89V1.84ZM1.14,21.62l9.94-9.93L1.14,1.83Zm.7.7H29.13l-9.89-9.89-3.35,3.34a.49.49,0,0,1-.34.15.47.47,0,0,1-.35-.15l-3.42-3.39Zm.65,1A2.33,2.33,0,0,1,.16,21V2.5A2.33,2.33,0,0,1,2.49.16h26A2.34,2.34,0,0,1,30.81,2.5V21a2.34,2.34,0,0,1-2.34,2.34Z' transform='translate(-0.16 -0.16)'/%3E%3C/g%3E%3C/svg%3E"); } #Side_slide #menu ul li.wso-menu-cta { margin-top: 2rem; border: none !important; } #Side_slide #menu ul li.wso-menu-cta > a { text-align: center; background-color: var(--color-1); width: calc(100% - 2rem); box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 auto !important; } #Side_slide #menu ul li.wso-hide-side-slide { display: none; } #Side_slide .close-wrapper { position: fixed !important; right: 1rem; top: 0.15rem !important; background: white !important; /* opacity: .5; */ z-index: 99999999999 !important; } /* ============================================ TOPBAR FR-FR ============================================ */ @media only screen and (min-width: 1500px) { html[lang="fr-FR"] #Top_bar .menu > li.wso-megamenu-hover > a, html[lang="fr"] #Top_bar .menu > li.wso-megamenu-hover > a { padding: 0 1rem !important; } html[lang="fr-FR"] #Top_bar .wso-burger-menu, html[lang="fr"] #Top_bar .wso-burger-menu { margin-left: 1rem !important; } html[lang="fr-FR"] #Top_bar:hover .menu > li.wso-megamenu-hover > a span, html[lang="fr-FR"].wso-burger-menu-active #Top_bar .menu > li.wso-megamenu-hover > a span, html[lang="fr"] #Top_bar:hover .menu > li.wso-megamenu-hover > a span, html[lang="fr"].wso-burger-menu-active #Top_bar .menu > li.wso-megamenu-hover > a span { padding: .65rem 0 !important; } html[lang="fr-FR"] #Top_bar:not(:hover) .menu > li.wso-megamenu-hover > a span, html[lang="fr"] #Top_bar:not(:hover) .menu > li.wso-megamenu-hover > a span { padding: 1.9rem 0 !important; } } @media only screen and (min-width: 1240px) and (max-width: 1499px) { html[lang="fr-FR"] #Top_bar .menu > li.wso-megamenu-hover > a, html[lang="fr"] #Top_bar .menu > li.wso-megamenu-hover > a { padding: 0 .5rem !important; font-size: .75rem !important; } html[lang="fr-FR"] #Top_bar .wso-burger-menu, html[lang="fr"] #Top_bar .wso-burger-menu { margin-left: 0rem !important; } html[lang="fr-FR"] #Top_bar:hover .menu > li.wso-megamenu-hover > a span, html[lang="fr-FR"].wso-burger-menu-active #Top_bar .menu > li.wso-megamenu-hover > a span, html[lang="fr"] #Top_bar:hover .menu > li.wso-megamenu-hover > a span, html[lang="fr"].wso-burger-menu-active #Top_bar .menu > li.wso-megamenu-hover > a span { padding: .75rem 0 !important; } html[lang="fr-FR"] #Top_bar:not(:hover) .menu > li.wso-megamenu-hover > a span, html[lang="fr"] #Top_bar:not(:hover) .menu > li.wso-megamenu-hover > a span { padding: 2rem 0 !important; } } @media only screen and (min-width: 1024px) and (max-width: 1239px) { html[lang="fr-FR"] #Top_bar .menu > li.wso-megamenu-hover > a, html[lang="fr"] #Top_bar .menu > li.wso-megamenu-hover > a { padding: 0 .65rem !important; font-size: .6rem !important; } html[lang="fr-FR"] #Top_bar .wso-burger-menu, html[lang="fr"] #Top_bar .wso-burger-menu { margin-left: 0rem !important; } html[lang="fr-FR"] #Top_bar:hover .menu > li.wso-megamenu-hover > a span, html[lang="fr-FR"].wso-burger-menu-active #Top_bar .menu > li.wso-megamenu-hover > a span, html[lang="fr"] #Top_bar:hover .menu > li.wso-megamenu-hover > a span, html[lang="fr"].wso-burger-menu-active #Top_bar .menu > li.wso-megamenu-hover > a span { padding: .85rem 0 !important; } html[lang="fr-FR"] #Top_bar:not(:hover) .menu > li.wso-megamenu-hover > a span, html[lang="fr"] #Top_bar:not(:hover) .menu > li.wso-megamenu-hover > a span { padding: 2.1rem 0 !important; } } /* ============================================ Footer ============================================ */ .section.section-page-footer { display: none; } #Footer { background-color: var(--dark-gray); } #Footer .widgets_wrapper { padding: 5rem 0; } #Footer .widgets_wrapper .widget { padding: 0 !important; margin: 0 !important; } #Footer .widgets_wrapper .container > .column { width: 100% !important; margin: 0 !important; } #Footer i { font-size: 1.5rem; } #Footer aside .wso-h3 { margin-top: 1.4rem; margin-bottom: 0 !important; font-weight: 300 !important; } #Footer aside > h4 { font-size: 1.5rem !important; font-weight: 500 !important; color: white !important; } #Footer aside > h4::after { border-color: white; } #Footer h4 { color: white !important; } #Footer .wso-content a, #Footer .wso-content strong { display: block !important; text-align: center; } @media only screen and (min-width: 768px) { #Footer .column.one-second { padding: 0 3rem; box-sizing: border-box; } } #Footer .menu { background-color: transparent; list-style: none; padding: 0; } #Footer .widget_nav_menu ul li a { padding-bottom: .2rem !important; text-decoration: none !important; } #Footer .widget_nav_menu ul li:after { display: none; } #Footer .widget_nav_menu ul li a:hover { opacity: .7; } #Footer .wso-footer-img { width: 65%; max-width: 12rem; margin-bottom: 2rem; } body #Footer .container { max-width: 100% !important; } body #Footer .container .section_wrapper.mcb-section-inner { max-width: 100% !important; } #Footer ul.menu, #Footer ul.menu li { margin: 0 !important; } #Footer ul.menu li:before { content: none !important; } #Footer .footer_action { background: transparent !important; } #Footer .footer_action .one { margin: 0 !important; padding: 0 !important; width: 100% !important; } .wso-footer-logos-new-ca .column_attr:before, .wso-footer-logos-new-ca .column_attr:after { display: none !important; } .wso-footer-logos-new-ca .column_attr { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 1rem 0; } @media only screen and (max-width: 767px) { .wso-footer-logos-new-ca .column_attr { max-width: 60vw; margin-inline: auto; } } .wso-footer-logos-new-ca a { flex: 1 1 calc(50% - 1rem); height: 4rem; width: auto; max-width: calc(50% - 1rem); position: relative; transform: scale(1.0); transition: var(--transition-long) all; -webkit-transition: var(--transition-long) all; -moz-transition: var(--transition-long) all; -ms-transition: var(--transition-long) all; -o-transition: var(--transition-long) all; } .wso-footer-logos-new-ca a:hover { transform: scale(1.1); } .wso-no-link { pointer-events: none; cursor: text; } .wso-footer-logos-new-ca img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: left center; object-position: left center; font-family: 'object-fit: contain; object-position: left center;'; } /* ================= Footer Copy ================= */ #Footer .footer_copy { background-color: white; border: 0 !important; } #Footer .footer_copy * { color: var(--dark-gray) !important; } #Footer .footer_copy .one { margin-bottom: 0; padding: 2.35rem 0; min-height: auto !important; } .footer-copy-center #Footer .footer_copy .copyright { margin: 0; float: left; width: 100%; font-size: .8rem !important; line-height: 1.5rem !important; } .footer-copy-center #Footer .footer_copy .social { display: none; } .wrap.mcb-wrap.one.wso-footer-icons { padding: 3rem 0 !important; border-top: 1px solid white; border-bottom: 1px solid white; } .wrap.mcb-wrap.one.wso-footer-icons:before { content: ''; display: block; position: absolute; left: 50%; height: 7rem; width: 7rem; top: -3.5rem; background-color: var(--dark-gray); visibility: visible; background-image: url(/wp-content/uploads/2021/11/hargassner-white-letter.svg); background-size: 60% auto !important; background-repeat: no-repeat; background-position: center; transform: translateX(-50%); } .wrap.mcb-wrap.one.wso-footer-infos { padding: 5rem 0 0; } .wrap.mcb-wrap.one.wso-footer-infos .mcb-wrap-inner { display: flex; flex-wrap: wrap !important; } #Footer h5 { text-transform: uppercase; letter-spacing: 0.15em; } #Wrapper #Footer a.button { padding: 0 !important; background: none !important; display: block; position: absolute; bottom: 0; left: 0; width: 100%; margin: 0 !important; color: white !important; } #Footer .widgets_wrapper .column.wso-contact-data { position: relative; height: auto; padding-bottom: 3rem; } #Footer .wso-social-icons-footer { position: absolute; width: 100% !important; bottom: 0; } #Footer .wso-social-icons-footer a { display: inline-block !important; margin: 0 .5rem; } #Footer .wso-social-icons-footer span { padding: 0 .35rem; } #Footer .wso-social-icons-footer a:hover img, .wso-social-icons-footer a:hover img { transform: scale(1.2) !important; } #Footer .wso-social-icons-footer img, .wso-social-icons-footer img { transition: .2s all !important; height: 1.4rem; width: auto; } /* ============================================ Fakt-Buttons ============================================ */ ul.wso-fact-button { position: absolute !important; z-index: 1; color: white; left: 2rem; bottom: 1rem; } ul.wso-fact-button li { height: 4.5rem; width: 4.5rem; text-align: center; border-radius: 50%; border: 1px solid white; display: flex; align-items: center; margin: 1rem 0; } ul.wso-fact-button li span { line-height: 1.2em; font-size: .85em !important; padding: .5rem; } /* ============================================ Buttons ============================================ */ input.submit-button.button, #Wrapper a.button, body a.button, #Wrapper .jig-loadMoreButton, input[type="submit"], .wpgb-facet button.wpgb-button, #Top_bar .menu .wso-burger-menu .wso-burger-menu-center .menu-item-has-children ul li.wso-menu-button a, div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button, .wso-submit, form.wst-ics-button button, p.button { font-size: .9rem !important; line-height: 1.4em !important; font-weight: 500 !important; letter-spacing: .15em !important; margin: 1rem .05rem 0 !important; padding: 0 !important; display: inline-block; color: var(--dark-gray) !important; background-color: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; } #Wrapper a.button .button_label, body a.button .button_label { padding: 0; } #Wrapper a.button span.button_label:after, body a.button span.button_label:after, #Top_bar .menu .wso-burger-menu li.wso-menu-button a span:after, form.wst-ics-button button:after, p.button .button_label:after { content: ''; display: inline-block; position: relative; height: 1rem; width: 4rem; background-image: url(/wp-content/uploads/2021/11/plus-gray.svg); background-repeat: no-repeat; background-position: center; background-size: contain; /*background-size: auto 99% !important;*/ vertical-align: middle; transition: .2s all !important; } #Wrapper form.wst-ics-button button:after { content: '' !important; opacity: 1 !important; } #Wrapper .dark:not(.wso-slider-intro) a.button span.button_label:after, #Footer a.button span.button_label:after, #Wrapper .wpgb-card-3 a.button span:after, #Wrapper .wpgb-card-23 a.button span:after { background-image: url(/wp-content/uploads/2021/11/plus-white.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } #Wrapper a.button:hover span::after, body a.button:hover span::after, #Footer a.button:hover span::after, #Top_bar .menu .wso-burger-menu li.wso-menu-button:hover a span:after, #Wrapper form.wst-ics-button button:hover:after{ background-position: center right !important; } #Wrapper a.button.wso-download-icon { display: block !important; } #Wrapper a.button.wso-download-icon span.button_label:before, #Wrapper .product a.button.wso-download-icon:before { content: ''; display: inline-block; position: relative; height: 2em; width: 1.5em; background: url(/wp-content/uploads/2021/12/download-icon-1.svg) no-repeat left center; background-size: contain; vertical-align: middle; margin-right: .85em; margin-top: -.15em; } #Wrapper a.button.wso-red-button, body a.button.wso-red-button, body a.button.wso-red-button .button_label, #Wrapper .dark .wso-classic-content a.button.wso-red-button * { color: var(--red) !important; } #Wrapper .wso-buttons-after-grid .column_attr.clearfix { text-align: center !important; } input.submit-button.button, #Wrapper .section.mcb-section .wso-buttons-after-grid a.button, div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button, #Wrapper .wso-submit { padding: 1rem 1.25rem !important; border: 1px solid var(--dark-gray) !important; margin: 2rem .75rem 0 !important; } input.submit-button.button:hover, #Wrapper .wso-buttons-after-grid a.button:hover, div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, .wso-submit { background: var(--dark-gray) !important; color: white !important; } #Wrapper .dark .wso-submit { margin-top: .15rem !important; border-color: white !important; margin-left: 2rem !important; margin-right: 0 !important; } #Wrapper .dark .wso-submit:hover { color: var(--dark-gray) !important; background: white !important; } #Wrapper .wso-buttons-after-grid a.button span.button_label::after { content: none; } #Wrapper a.button.wso-download-icon, #Wrapper a.button.wso-download-icon * { overflow: visible !important; } #Wrapper .product a.button.wso-download-icon { margin: 1rem 0 !important; } #Wrapper .section.wso-align-center:not(.wso-section-image-boxes) a.button { margin: 1rem 1rem 0 !important; } #Wrapper .section.wso-section-grid.wso-align-center:not(.wso-section-image-boxes) .wso-buttons-after-grid { margin-top: 3rem !important; } #Wrapper .section:not(.wso-align-right):not(.wso-align-center) a.button { margin-right: 1rem !important; } #Wrapper .section:not(.wso-align-right):not(.wso-align-center) a.button.wso-download-icon { margin-right: 0 !important; display: block !important; } #Wrapper .section.wso-align-right:not(.wso-section-breaker) a.button { margin-left: 1rem !important; } /*Justified Image Grid Button*/ #Wrapper .jig-loadMoreButton { position: relative; max-width: 100% !important; display: inline-block; border: none !important; border-radius: 0 !important; box-shadow: none !important; color: white; background: var(--color-1) !important; } .jig-loadMoreButton-inner { position: relative; z-index: 1; } /*Button Hover*/ #Wrapper .jig-loadMoreButton::after, #Top_bar .menu > li.wso-menu-cta > a span::after, #Wrapper a.button:after, body a.button:after, #Wrapper button:after { content: none !important; } #Wrapper .dark a.button, #Wrapper .dark .jig-loadMoreButton, .dark input[type="submit"], .dark .wpgb-facet button.wpgb-button { color: white !important; } /* ================= Video Button ================= */ #Wrapper .wso-video-button { position: relative; display: block; height: 5rem; width: 5rem; margin: 0 auto 4.5rem !important; font-size: 3rem !important; /* color: var(--color-2) !important; */ /* border: 2px solid var(--color-2); */ /* border-radius: 50%; */ } /*#Wrapper .wso-section-breaker.wso-bg-white:not(.wso-align-right):not(.wso-align-center) .wso-video-button { margin-left: 0 !important; } #Wrapper .wso-section-breaker.wso-bg-white:not(.wso-align-right):not(.wso-align-center) .wso-video-button .icon-play:before { background-position: center center; background-size: contain; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='81' viewBox='0 0 73 81' fill='none'%3E%3Cpath d='M71.0585 36.818L6.21277 0.38735C4.65957 -0.000210263 3.10638 -0.000210263 1.94149 0.38735C0.776596 1.16247 0 2.71271 0 3.87539V76.7366C0 78.2869 0.776596 79.4496 1.94149 80.2247C2.71809 80.6122 3.10638 80.6122 3.88298 80.6122C4.65957 80.6122 5.43617 80.6122 5.82447 80.2247L70.6702 43.7941C71.8351 43.0189 72.6117 41.8563 72.6117 40.306C73 39.1433 72.2234 37.5931 71.0585 36.818Z' fill='%233E4449' fill-opacity='0.85'%3E%3C/path%3E%3C/svg%3E "); }*/ #Wrapper .dark .wso-video-button, #Wrapper .column_image .image_wrapper .wso-video-button { color: white !important; border-color: white !important; } #Wrapper .column_image .image_wrapper .wso-video-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; margin-bottom: 0; } #Wrapper .wso-video-button:hover { transform: scale(1.1); } #Wrapper .column_image .image_wrapper .wso-video-button:hover { transform: translate(-50%, -50%) scale(1.1); } .wso-video-button i { position: relative !important; display: inline-block !important; width: 100% !important; height: 100% !important; } .column_image .image_wrapper .wso-video-button-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--overlay-dark); z-index: 1; pointer-events: none; } #Wrapper .wso-video-button i:before { content: '' !important; background-color: var(--gray); border: 3px solid var(--white); border-radius: 50%; background-size: 50%; background-position: 55% center; background-image: url(/wp-content/uploads/2022/02/play-button.svg); height: 100% !important; width: 100% !important; position: relative !important; display: inline-block !important; background-repeat: no-repeat !important; margin: 0 !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } /* ========================================================================== */ /* PLAY PAUSE BUTTON */ /* ========================================================================== */ button[data-video-button] { --animation-button-color-1: var(--white); --animation-button-color-2: var(--gray); position: absolute; inset: 1rem 1rem auto auto; width: 2rem; aspect-ratio: 1 / 1; z-index: 3; box-shadow: unset; /*left: -15rem; *//*bottom: 0; */background-color: transparent; transition: all var(--transition-shorter) ease; display: grid; grid-template-areas: 'icon'; padding: 0 !important; -webkit-transition: all var(--transition-shorter) ease; -moz-transition: all var(--transition-shorter) ease; -ms-transition: all var(--transition-shorter) ease; -o-transition: all var(--transition-shorter) ease; margin: 0 !important; } .wso-section-intro button[data-video-button] { inset: 1rem auto auto 1rem; } @media only screen and (max-width:959px) { button[data-video-button] { width: 3rem; } } button[data-video-button] .motion-button-icon { grid-area: icon; width: 100%; height: 100%; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } button[data-video-button]:focus { outline: 2px solid var(--color-3); } button[data-video-button] .motion-button-icon-play { -webkit-animation-name: fade-display-none-block; animation-name: fade-display-none-block; } button[data-video-button] .motion-button-icon-pause { -webkit-animation-name: fade-display-block-none; animation-name: fade-display-block-none; } button[data-video-button=playing] .motion-button-icon-play{ -webkit-animation-name: fade-display-block-none; animation-name: fade-display-block-none; } button[data-video-button=playing] .motion-button-icon-pause { -webkit-animation-name: fade-display-none-block; animation-name: fade-display-none-block; } @-webkit-keyframes fade-display-none-block { 0% { opacity: 0; display: none; } 0.1% { opacity: 0; display: block; } 100% { opacity: 1; display: block; } } @keyframes fade-display-none-block { 0% { opacity: 0; display: none; } 0.1% { opacity: 0; display: block; } 100% { opacity: 1; display: block; } } @-webkit-keyframes fade-display-block-none { 0% { opacity: 1; display: block; } 99.9% { opacity: 0; display: block; } 100% { opacity: 0; display: none; } } @keyframes fade-display-block-none { 0% { opacity: 1; display: block; } 99.9% { opacity: 0; display: block; } 100% { opacity: 0; display: none; } } /* ============================================ Accordion ============================================ */ .accordion .question { border: none; border-bottom: 1px solid var(--gray) !important; } .accordion .question:first-child { border-top: 1px solid var(--gray) !important; } .accordion .question.active:after { display: none !important; } .accordion .question .title, .accordion .question .answer { box-shadow: none !important; } .accordion .question.active .title { color: var(--red) !important } .accordion .question .title:focus-visible, .accordion .question.active .title:focus-visible { border: 2px solid var(--black) !important; } .accordion .question .title { font-size: 1.3rem; line-height: 1.3em; color: var(--gray); padding: 1.7rem 3rem 1.7rem 0 !important; } .accordion .question .title i { width: auto !important; height: auto !important; top: 50% !important; left: auto !important; right: 0; transform: translate(0, -50%); font-size: 1.4rem !important; color: var(--gray) !important; } .accordion .question.active .title i { color: var(--red) !important; } .accordion .question .title > .acc-icon-plus:before { content: '\e868'; } .accordion .question .title > .acc-icon-minus:before { content: '\e946'; } .accordion .question .answer { padding: 2rem 0 3rem !important; } #Wrapper .accordion .question .answer .section.mcb-section { padding: 0 !important; background: transparent !important; } #Wrapper .accordion .question .answer .section.mcb-section .section_wrapper.mcb-section-inner { padding: 0 !important; } #Wrapper .accordion .question .answer .section.mcb-section::before { content: none !important; } #Wrapper .accordion .question .answer .wso-section-hero.wso-section-video .wso-content:after, #Wrapper .ui-tabs .ui-tabs-panel .wso-section-hero.wso-section-video .wso-content:after { content: none !important; } #Wrapper .accordion .question .answer .wso-section-hero.wso-section-video .wso-content, #Wrapper .ui-tabs .ui-tabs-panel .wso-section-hero.wso-section-video .wso-content { margin-bottom: 2rem !important; } /* ============================================ Tabs ============================================ #Wrapper .ui-tabs { border-radius: 0 !important; } #Wrapper .ui-tabs .ui-tabs-nav { position: relative; display: inline-block; border: none; } #Wrapper .ui-tabs .ui-tabs-nav li a { margin-bottom: 0 !important; padding: 1rem 2rem !important; background: transparent; border: 1px solid transparent !important; color: var(--gray); border-bottom-color: var(--gray) !important; box-shadow: none; } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a { border: 1px solid var(--gray) !important; border-bottom-color: transparent !important; color: var(--red); } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active:after, #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: none !important; } @media only screen and (min-width: 768px) { .mcb-wrap.one .column.one .ui-tabs { overflow: visible; } #Wrapper .ui-tabs-nav::before, #Wrapper .ui-tabs-nav::after { content: ""; position: absolute; width: 100rem; left: -100rem; bottom: 0; border-bottom: 1px solid var(--gray); } #Wrapper .ui-tabs-nav::after { left: auto; right: -100rem; } } #Wrapper .ui-tabs .ui-tabs-panel { padding: 4rem 0 3rem !important; }*/ #Wrapper .ui-tabs .ui-tabs-panel .wso-section-video .section_wrapper.mcb-section-inner { padding: 0 !important; } #Wrapper .ui-tabs { border-radius: 0 !important; } #Wrapper .ui-tabs .ui-tabs-nav { position: relative; display: flex !important; border: none; width: 100% !important; flex-direction: row; justify-content: space-between; } #Wrapper .ui-tabs .ui-tabs-nav li a { margin-bottom: 0 !important; padding: 0rem 0rem !important; background: transparent; border: none !important; color: var(--dark-gray); box-shadow: none; } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a { border: none !important; color: var(--red); } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active:after, #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: none !important; } @media only screen and (min-width: 768px) { .mcb-wrap.one .column.one .ui-tabs { overflow: visible; } #Wrapper .ui-tabs-nav::before, #Wrapper .ui-tabs-nav::after { content: none !important; position: absolute; width: 100rem; left: -100rem; bottom: 0; border-bottom: 1px solid var(--gray); } #Wrapper .ui-tabs-nav::after { left: auto; right: -100rem; } } #Wrapper .ui-tabs .ui-tabs-panel { padding: 4rem 0 3rem !important; } #Wrapper .ui-tabs .ui-tabs-nav li { background: transparent !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; } #Wrapper .ui-tabs .ui-tabs-nav li a { font-weight: 500 !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; } /* ============================================ Accordion & Tab Sections ============================================ */ .accordion .question .answer .section .mcb-section-inner, .ui-tabs .ui-tabs-panel .section .mcb-section-inner { max-width: 100% !important; } #Wrapper .accordion .question .answer .section, #Wrapper .ui-tabs .ui-tabs-panel .section { padding: 0 !important; } #Wrapper .accordion .question .answer .section + .section, #Wrapper .ui-tabs .ui-tabs-panel .section + .section { padding-top: 2rem !important; } .accordion .question .answer .section .one.wrap .one.column, .ui-tabs .ui-tabs-panel .section .one.wrap .one.column { width: 100%; margin-left: 0; margin-right: 0; } .accordion .question .answer .section.equal-height-wrap .wrap[style="height: 0px;"], .ui-tabs .ui-tabs-panel .section.equal-height-wrap .wrap[style="height: 0px;"] { height: auto !important; } /* ================= Rotating Icon ================= */ .accordion .question .title > .acc-icon-minus { display: none !important; } .accordion .question.active .title > .acc-icon-plus { transform-origin: 50% 25% !important; } .accordion .question.active .title > .acc-icon-plus { display: block; transform: rotate(-180deg); } /* ============================================ Justified Image Grid ============================================ */ .justified-image-grid { text-align: center; } /* ============================================ Contact Form ============================================ */ input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty, .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea, .form-row.address-field span.woocommerce-input-wrapper input, span#select2-billing_country-container, .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 0.95rem !important; line-height: 1.85em !important; padding: .7rem 1rem !important; color: var(--dark-gray) !important; background-color: transparent !important; border-color: var(--dark-gray) !important; transition: all var(--transition-shorter) ease-in-out !important; font-weight: 300 !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; -webkit-transition: all var(--transition-shorter) ease-in-out !important; -moz-transition: all var(--transition-shorter) ease-in-out !important; -ms-transition: all var(--transition-shorter) ease-in-out !important; -o-transition: all var(--transition-shorter) ease-in-out !important; } input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus, .woocommerce .quantity input.qty:focus, .dark input[type="email"]:focus, .dark input[type="password"]:focus, .dark input[type="tel"]:focus, .dark input[type="text"]:focus, .dark select:focus, .dark textarea:focus { border-color: var(--dark-gray) !important; } ::-webkit-input-placeholder { opacity: 0.8 !important; color: var(--dark-gray) !important; } ::-moz-placeholder { opacity: 0.8 !important; color: var(--dark-gray) !important; } :-ms-input-placeholder { opacity: 0.8 !important; color: var(--dark-gray) !important; } :-moz-placeholder { opacity: 0.8 !important; color: var(--dark-gray) !important; } .dark .wpgb-facet input[type="search"]::-webkit-input-placeholder, .dark .wso-input::-webkit-input-placeholder { color: white !important; } .dark .wpgb-facet input[type="search"]::-moz-placeholder, .dark .wso-input::-moz-placeholder { color: white !important; } .dark .wpgb-facet input[type="search"]:-ms-input-placeholder, .dark .wso-input:-ms-input-placeholder { color: white !important; } .dark .wpgb-facet input[type="search"]:-moz-placeholder, .dark .wso-input:-moz-placeholder { color: white !important; } span.wpcf7-form-control-wrap { margin-bottom: .5rem !important; ; } .wpcf7-acceptance, .wpcf7-checkbox, .wpcf7-radio { display: block; text-align: left; } body.wso-styled-dropdown .select2-container--default .select2-selection--single { background: transparent !important; color: white !important; border: 0 !important; border-bottom: 1px solid white !important; } body.wso-styled-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered { color: white !important; padding: 0 !important; } body.wso-styled-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow { width: 1rem !important; } body.wso-styled-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0 !important; height: 100% !important; width: .5rem !important; margin: 0 !important; top: 0 !important; right: 0 !important; left: auto !important; } body.wso-styled-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b:after { content: '' !important; display: block !important; position: relative !important; background: url(/wp-content/uploads/2022/05/select-arrow-white.svg) no-repeat center; height: 100%; width: 100%; background-size: contain !important; } body.wso-styled-dropdown .select2-container--default .select2-results > .select2-results__options { border: 0 !important; padding: 0 !important; } body.wso-styled-dropdown .select2-results__option { padding: .25rem .5rem !important; background: var(--gray) !important; color: white !important; line-height: 1.2em !important; } body.wso-styled-dropdown .select2-dropdown { border: 0 !important; } body.wso-styled-dropdown .select2-results__option img { vertical-align: middle; } body.wso-styled-dropdown .select2-container--default .select2-results__option[aria-selected=true], body.wso-styled-dropdown .select2-container--default .select2-results__option[data-selected=true], body.wso-styled-dropdown .select2-container--default .select2-results__option:hover, body.wso-styled-dropdown .select2-container--default .select2-results__option.select2-results__option--highlighted { background: var(--dark-gray) !important; } /* ================= Checkboxes ================= */ #Wrapper span.wpcf7-list-item { margin: 0; } #Wrapper span.wpcf7-list-item label { font-weight: 500; } #Wrapper span.wpcf7-list-item { margin: 0 1em 0 0 !important; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } #Wrapper input[type="checkbox"]:focus-visible + label { outline: 2px solid var(--black); } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span { display: inline-block; position: relative; padding-left: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: 1.5em; height: 1rem; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span:last-child { margin-bottom: 0; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span:before { content: ''; display: inline-block; position: relative; height: 1.1em; width: 1.1em; border: 1px solid var(--gray); vertical-align: middle; margin-right: .5rem; border-radius: 50%; margin-top: -.1em; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) + span:after { content: ''; display: inline-block; position: absolute; height: 1em; width: 1.1em; background: url(/wp-content/uploads/2021/12/red-check.svg) no-repeat center; background-size: contain; vertical-align: middle; left: .1em; opacity: 0; top: 45%; transform: translate(0, -50%); } #Wrapper input[type="checkbox"]:not([id*="borlabs"]):checked + span:after { content: ''; display: inline-block; position: absolute; height: 1em; width: 1.1em; background: url(/wp-content/uploads/2021/12/red-check.svg) no-repeat center; background-size: contain; vertical-align: middle; left: .1em; opacity: 1 !important; top: 55% !important; } .woocommerce-page #Wrapper form .form-row label.checkbox input + span:after { top: 0.85em !important; } .wpforms-field-description .wso-info-icon:before { content: ''; display: inline-block; position: relative; float: left; height: 1.45em; width: 1.45em; background: url(/wp-content/uploads/2022/03/wso-info-icon.svg) no-repeat center; background-size: contain; vertical-align: middle; margin-right: .5em; margin-top: -.1em; } .wpforms-field-description { font-size: .85rem !important; margin: .75rem 0 0 !important; line-height: 1.5em !important; position: relative !important; } .wpforms-field-description span.wso-info-icon { display: inline-block !important; float: left !important; } /*Mailster*/ .mailster-form-info { background: var(--red) !important; padding: 1rem !important; margin-bottom: 2rem; border-radius: 0 !important; } .mailster-form-info code { background: transparent !important; border-radius: 0 !important; border: 0 !important; } .mailster-zustimmung-wrapper label { display: flex; flex-direction: row-reverse; text-align: left; font-weight: normal; line-height: 120%; cursor: pointer; } span.mailster-required { float: left; line-height: 100% !important; } span.mailster-required { color: transparent !important; } .mailster-form-info * { color: white !important; } .mailster-form-info ul li { margin: 0 !important; } .mailster-form-info ul li:before { content: none !important; } .mailster-form .error input, .mailster-form .error select, .mailster-form .error textarea { outline: 1px solid var(--red) !important; } /* ================= Radio ================= */ #Wrapper .wpcf7-list-item-label { cursor: pointer !important; } #Wrapper input[type="radio"] { position: absolute; opacity: 0; } #Wrapper .wpcf7-radio span.wpcf7-list-item-label::before { content: ''; border-radius: 100%; border: 1px solid var(--gray); display: inline-block; width: 1em; height: 1em; position: relative; top: .22em; margin-right: .6em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; } #Wrapper input[type="radio"]:checked + span.wpcf7-list-item-label::before { background-color: var(--gray); box-shadow: inset 0 0 0 4px #ffffff; } #Wrapper input[type="radio"]:focus + .wpcf7-list-item-label:before { outline: none; } #Wrapper input[type="radio"]:disabled + .wpcf7-list-item-label:before { box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4; } #Wrapper input[type="radio"] + .wpcf7-list-item-label:empty:before { margin-right: 0; } /* ============================================ WP FORMS ============================================ */ div.wpforms-container-full .wpforms-form .wpforms-one-half { position: relative !important; } div.wpforms-container-full .wpforms-form .wpforms-field.wso-no-padding-bottom { padding-bottom: 0 !important; } div.wpforms-container-full .wpforms-form .wpforms-field.wso-no-padding-bottom label.wpforms-field-label { margin-bottom: 0 !important; } div.wpforms-container-full .wpforms-form .wpforms-field-label, div.wpforms-container-full .wpforms-form .wpforms-required-label { color: var(--dark-gray) !important; } div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li input + label:before, div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li input + label:before { content: ''; display: inline-block; position: relative; height: 1.1rem; width: 1.1rem; border: 1px solid var(--gray); vertical-align: middle; margin-right: .5rem; border-radius: 50%; margin-top: 0; margin-left: -1.5rem; flex-grow: 0; flex-shrink: 0; } div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li:before, div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li:before { content: none !important; } div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li input + label:after, div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li input + label:after { content: ''; display: inline-block; position: absolute; height: 1rem; width: 1.1rem; background: url(/wp-content/uploads/2021/12/red-check.svg) no-repeat center; background-size: contain; vertical-align: middle; left: .1em; opacity: 0; top: .45rem !important; transform: translate(0, -50%); margin-left: 0; flex-shrink: 0; } div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li.wpforms-selected input + label:after, div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li.wpforms-selected input + label:after { opacity: 1 !important; } div.wpforms-container-full .wpforms-form .wpforms-field-checkbox:not(:last-child) li:only-child .wpforms-field-label-inline { margin-bottom: 0 !important; } div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { display: inline-block; position: relative; float: left; } div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li label { font-size: 0.95rem !important; line-height: 1.25em !important; color: var(--dark-gray) !important; background-color: transparent !important; border-color: var(--dark-gray) !important; transition: all var(--transition-shorter) ease-in-out !important; cursor: pointer !important; padding-left: 1.5rem; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; margin-left: 0 !important; margin-right: 0 !important; cursor: pointer; display: flex !important; -webkit-transition: all var(--transition-shorter) ease-in-out !important; word-break: break-word; /* width: 100%; */ -moz-transition: all var(--transition-shorter) ease-in-out !important; -ms-transition: all var(--transition-shorter) ease-in-out !important; -o-transition: all var(--transition-shorter) ease-in-out !important; } .wso-section-rechner-form div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li label { display: inline-block !important; } div.wpforms-container-full .wpforms-form .wpforms-field { padding: 1rem 0 !important; position: relative !important; text-align: left !important; } #Wrapper div.wpforms-container-full .wpforms-form .wpforms-field h3 { color: var(--red); font-size: 1.75rem !important; margin-bottom: 0 !important; } div.wpforms-container-full .wpforms-form .wpforms-field-label { margin-bottom: 0.5rem !important; text-align: left !important; } div.wpforms-container-full .wpforms-form .wso-form--label { padding-bottom: 0 !important; } div.wpforms-container-full .wpforms-form .wso-form--label .wpforms-field-label { margin-bottom: 0 !important; } div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea { font-size: 0.95rem !important; line-height: 1.85em !important; padding: 0.7rem 1rem !important; color: var(--dark-gray) !important; background-color: transparent !important; border-color: var(--dark-gray) !important; transition: all var(--transition-shorter) ease-in-out !important; height: auto !important; font-weight: 300 !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; -webkit-transition: all var(--transition-shorter) ease-in-out !important; -moz-transition: all var(--transition-shorter) ease-in-out !important; -ms-transition: all var(--transition-shorter) ease-in-out !important; -o-transition: all var(--transition-shorter) ease-in-out !important; } div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button, .wso-submit { margin: 0 !important; } div.wpforms-container-full .wpforms-form textarea.wpforms-field-large { width: 100% !important; } div.wpforms-container-full .wpforms-form .wpforms-field-checkbox li:only-child .wpforms-field-label-inline { padding-left: 2rem; margin-bottom: 2rem; text-align: center !important; display: inline-block; width: auto !important; text-align: left !important; cursor: pointer; } div.wpforms-container-full .wpforms-form .wpforms-field-checkbox a { font-weight: 500 !important; } div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li:only-child input + label:before { margin-left: -2rem; margin-right: .95rem !important; } div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li.wpforms-selected:only-child input + label:after { left: 0; top: .95rem !important; } div.wpforms-container-full .wpforms-form label.wpforms-error { position: absolute !important; line-height: 1em !important; font-size: .75rem !important; color: var(--red) !important; font-weight: 300 !important; pointer-events: none !important; bottom: 0 !important; } div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-date-time label.wpforms-error { bottom: -1rem !important; } div.wpforms-container-full .wpforms-form .wpforms-submit-container { display: block; text-align: center !important; padding: 0 !important; } #Wrapper div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li { width: 23%; margin-right: 1rem !important; margin-bottom: .5rem !important; display: inline-block !important; } div.wpforms-container-full .wpforms-form .wso-big-text textarea.wpforms-field-large { min-height: 10rem !important; } div.wpforms-container-full .wpforms-field.wpforms-field-select .placeholder { opacity: 0.8 !important; } div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select { background: url(/wp-content/uploads/2022/03/vector-17.svg); background-size: auto 0.75rem; background-position: 98% 50%; background-repeat: no-repeat; } .wso-country-query-section select { background: url(/wp-content/uploads/2022/07/dropdown-1.svg) no-repeat right 1rem top 55%; } .wso-country-query-section button.lang_redirect { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .wso-country-query-section button.lang_redirect:focus-visible { outline: 2px solid var(--black) !important; } div.wpforms-container-full .wpforms-form input[type=tel].iti__tel-input { padding-left: 2rem !important; } @media only screen and (max-width: 1239px) { div.wpforms-container-full .wpforms-form input[type=tel].iti__tel-input { padding-left: 3.5rem !important; } } @media only screen and (max-width: 1023px) { div.wpforms-container-full .wpforms-form input[type=tel].iti__tel-input { padding-left: 3rem !important; } } /* ============================================ Google Map ============================================ */ .wst-acf-map { height: 30rem !important; } .gm-style { font-family: inherit !important; } .gm-style-iw, .gm-style .gm-style-iw-t { margin-top: -5px !important; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important; border-radius: 0 !important; } .gm-style .gm-style-iw-t::after { margin-top: -.3rem !important; } div[class^="gm-style-iw"] { padding: 0 !important; overflow: visible !important; } .gm-style-iw > div { overflow-y: auto !important; margin-right: -20px !important; } #Wrapper .gm-style-iw-d { overflow: visible !important; max-height: 900px !important; } div[class^="gm-style-iw"] button { opacity: 1 !important; background-color: rgba(255, 255, 255, 1) !important; border: none !important; padding: 0 !important; top: 5px !important; right: 5px !important; color: black !important; width: 28px !important; height: 28px !important; text-align: center !important; display: block !important; border-radius: 50%; opacity: 1 !important; z-index: 9; } div[class^="gm-style-iw"] button img { display: none !important; } div[class^="gm-style-iw"] button:after { content: '\e963'; font-family: "mfn-icons"; font-style: normal; font-weight: 900; font-size: 14px !important; speak: none; display: inline-block; text-decoration: none !important; width: 100%; color: var(--color-2); text-align: center; font-variant: normal; text-transform: none; opacity: 1 !important; line-height: 28px !important; background: transparent !important; } div[class^="gm-style-iw"] button:hover { background-color: var(--color-1) !important; } div[class^="gm-style-iw"] button:hover:after { color: white; } .gm-style .gm-style-iw-c { background-color: transparent; box-shadow: none !important; overflow: visible; max-height: 900px !important; } .wso-infowindow { padding: 1.5rem 2.5rem !important; width: auto !important; display: block !important; margin-right: 20px; background-color: white; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important; max-width: 20rem !important; box-sizing: border-box; text-align: left; } /* ============================================ Sidebar ============================================ */ .wso-section-sidebar { z-index: 999; } html.wso-active-sidebar { overflow-y: hidden; } #wso-sidebar-parent { position: fixed; width: 750px; left: 100%; max-width: 100%; max-width: calc(100vw - 60px); top: 0; height: 100%; background-color: #e7e7e7; z-index: 99999999; will-change: transform; transition: transform var(--transition-normal) ease-in-out; transform: translate(0, 0); transform: translate3d(0, 0, 0); -webkit-transition: transform var(--transition-normal) ease-in-out; -moz-transition: transform var(--transition-normal) ease-in-out; -ms-transition: transform var(--transition-normal) ease-in-out; -o-transition: transform var(--transition-normal) ease-in-out; } #wso-sidebar-parent.wso-active { transform: translate(-100%, 0); transform: translate3d(-100%, 0, 0); will-change: transform; transition: transform var(--transition-normal) ease-in-out; -webkit-transition: transform var(--transition-normal) ease-in-out; -moz-transition: transform var(--transition-normal) ease-in-out; -ms-transition: transform var(--transition-normal) ease-in-out; -o-transition: transform var(--transition-normal) ease-in-out; } #wso-sidebar-body-overlay { position: fixed; left: 0; bottom: 0; right: 0; top: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 9999999; opacity: 0; cursor: crosshair; pointer-events: none; transition: top 0s linear var(--transition-short), opacity var(--transition-short) ease; -webkit-transition: top 0s linear var(--transition-short), opacity var(--transition-short) ease; -moz-transition: top 0s linear var(--transition-short), opacity var(--transition-short) ease; -ms-transition: top 0s linear var(--transition-short), opacity var(--transition-short) ease; -o-transition: top 0s linear var(--transition-short), opacity var(--transition-short) ease; } #wso-sidebar-parent.wso-active + #wso-sidebar-body-overlay { pointer-events: all; opacity: 1; top: 0; transition: top 0s linear, opacity var(--transition-long) ease; -webkit-transition: top 0s linear, opacity var(--transition-long) ease; -moz-transition: top 0s linear, opacity var(--transition-long) ease; -ms-transition: top 0s linear, opacity var(--transition-long) ease; -o-transition: top 0s linear, opacity var(--transition-long) ease; } .wso-sidebar { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .wso-sidebar-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; padding: 10%; -webkit-overflow-scrolling: touch; } #wso-sidebar-toggles { position: absolute; left: -6rem; bottom: 0; list-style: none !important; margin: 0; } #wso-sidebar-toggles li, li.wso-sidebar-search #search-btn, li.wso-sidebar-search .wso-service-icon span { width: 3rem; height: 3rem; line-height: 3rem; margin: 0; background-color: var(--light-gray); cursor: pointer; background-position: center center; background-repeat: no-repeat; display: inline-block !important; float: left !important; position: relative !important; } #wso-cta-toggle { background-color: var(--red) !important; } #wso-sidebar-parent.wso-active li.wso-active, #wso-cta-toggle li:hover { background-color: #e7e7e7; } #wso-cta-group.wso-active #wso-cta-toggle:before { transform: translate(-50%, -50%) rotate(45deg); } #wso-cta-toggle:before { content: ''; display: block; position: absolute; height: 1.5rem; width: 1.5rem; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(/wp-content/uploads/2022/02/plus-icon.svg) !important; background-size: contain; background-repeat: no-repeat; background-position: center; transition: all var(--transition-normal) ease; -webkit-transition: all var(--transition-normal) ease; -moz-transition: all var(--transition-normal) ease; -ms-transition: all var(--transition-normal) ease; -o-transition: all var(--transition-normal) ease; } li.wso-sidebar-search #search-btn, li.wso-sidebar-search .wso-service-icon span { background-image: url(/wp-content/uploads/2021/11/search-i.svg) !important; background-size: 50% !important; padding: 0 !important; float: right !important; } li.wso-sidebar-search .wso-service-icon span { background-image: url(/wp-content/uploads/2024/02/vector-17.svg) !important; } body #wso-cta-group input { display: inline-block !important; float: left !important; margin: 0 !important; max-width: 100% !important; width: 0 !important; padding: 0 !important; border: 0 !important; background: white !important; } body[style="left: -250px;"] #wso-cta-group input { display: inline-block !important; float: left !important; margin: 0 !important; width: calc(500px - 6rem) !important; padding: .75rem 1rem !important; } /* ============================================ CTA group ============================================ */ #wso-cta-group { position: fixed; right: 0 !important; top: auto !important; left: 0; bottom: 0 !important; z-index: 999999 !important; height: auto !important; width: auto !important; } #wso-cta-overlay:not(.wso-active) { pointer-events: none !important; } #wso-cta-toggle { display: inline-block; width: 3rem; height: 3rem; float: left; position: absolute !important; bottom: 0; right: 0; } a#wso-cta-toggle:hover .wso-sidebar-tooltip { opacity: 1; pointer-events: all; } /*div#wso-cta-group a#wso-cta-toggle:after { content: ''; background: url(/wp-content/uploads/2021/03/cta-icons-mobile.svg) no-repeat; background-size: contain !important; display: inline-block; text-decoration: none!important; width: 100%; height: 100%; text-align: center; font-variant: normal; text-transform: none; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } div#wso-cta-group.wso-active a#wso-cta-toggle:after { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; background: url(/wp-content/uploads/2021/02/close.svg) no-repeat center; background-size: contain !important; }*/ #wso-cta-menu { position: fixed; left: 0 !important; list-style: none !important; margin: 0 auto !important; bottom: 7rem !important; width: 90%; display: block; height: auto !important; overflow: auto !important; max-height: 90% !important; top: auto; right: 0 !important; } #wso-cta-group:not(.wso-active) #wso-cta-menu { pointer-events: none !important; opacity: 0 !important; display: none !important; } #wso-cta-group #wso-cta-menu li { font-size: 1rem; line-height: 1em; white-space: nowrap; width: auto; max-height: 0; opacity: 0; text-align: right !important; } #wso-cta-group #wso-cta-menu li:not(:last-child):after { /* content: ''; */ display: inline-block; position: relative; height: 1.5em !important; width: 100% !important; background: url(/wp-content/uploads/2021/03/wave-line-white.svg) center; background-size: cover !important; background-repeat: repeat-x !important; bottom: 0; top: 0; float: left; } #wso-cta-group.wso-active #wso-cta-menu li { opacity: 1; width: 100% !important; max-height: none !important; min-width: 100% !important; margin: 0; position: relative !important; display: inline-block !important; height: auto !important; } ul#wso-cta-menu span { display: inline; vertical-align: middle !important; width: auto !important; padding: 0rem 0; text-align: right; float: none !important; line-height: 1.35em; font-size: 1.25rem; letter-spacing: .1em; font-weight: 400; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; } #wso-cta-overlay { position: fixed; z-index: 999991; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% !important; background: black; opacity: 0; transition: opacity var(--transition-normal) ease, height 0s ease var(--transition-normal); pointer-events: none !important; -webkit-transition: opacity var(--transition-normal) ease, height 0s ease var(--transition-normal); -moz-transition: opacity var(--transition-normal) ease, height 0s ease var(--transition-normal); -ms-transition: opacity var(--transition-normal) ease, height 0s ease var(--transition-normal); -o-transition: opacity var(--transition-normal) ease, height 0s ease var(--transition-normal); } #wso-cta-overlay.wso-active { opacity: .75; transition: opacity var(--transition-normal) ease, height 0s ease 0s; -webkit-transition: opacity var(--transition-normal) ease, height 0s ease 0s; -moz-transition: opacity var(--transition-normal) ease, height 0s ease 0s; -ms-transition: opacity var(--transition-normal) ease, height 0s ease 0s; -o-transition: opacity var(--transition-normal) ease, height 0s ease 0s; } #wso-cta-menu a { display: block !important; white-space: normal; line-height: 1.5em !important; margin: 0 auto; color: white !important; z-index: 3; font-size: 1rem !important; text-align: right; font-weight: 400 !important; height: auto !important; } #wso-cta-menu li a:after { content: ''; display: inline-block; position: relative; height: 1.5em; width: 1.5em; float: none; margin-left: 1rem !important; vertical-align: middle !important; background-repeat: no-repeat; background-position: center !important; } #wso-cta-menu li { float: right !important; margin: 1rem 0 !important; } li#wso-sidebar-cal a:after { background-image: url(/wp-content/uploads/2022/07/group.svg); background-size: contain !important; } li#wso-sidebar-search a:after { background-image: url(/wp-content/uploads/2022/07/group-198.svg); background-size: contain !important; } li#wso-sidebar-sav a:after { background-image: url(/wp-content/uploads/2024/01/schraubenschluessel-white.svg); background-size: contain !important; } li#wso-sidebar-request a:after { background-image: url(/wp-content/uploads/2022/07/vector-1.svg); background-size: contain !important; } li#wso-sidebar-contact a:after { background-image: url(/wp-content/uploads/2022/07/group-1.svg); background-size: contain !important; } li#wso-sidebar-download a:after { background-image: url(/wp-content/uploads/2022/03/download-white.svg); background-size: contain !important; } li#wso-sidebar-career a:after { background-image: url(/wp-content/uploads/2022/09/hargassner-karriere-white.svg); background-size: contain !important; } ul#wso-cta-menu li.wso-sidebar-item span { float: right !important; } ul#wso-cta-menu li.wso-sidebar-item span.wso-icon { height: 1.5rem !important; width: 1.5rem !important; display: inline-block !important; position: relative !important; float: none !important; margin-left: 1rem !important; } ul#wso-cta-menu li.wso-sidebar-item span.wso-icon img { height: 100% !important; width: 100% !important; } #wso-cta-group .wso-input-icon, #wso-cta-group input { display: none !important; } #wso-cta-group li.wso-sidebar-search { display: inline-block !important; float: left; position: absolute; right: 3rem; bottom: 0; width: auto !important; max-width: 100% !important; } #wso-cta-group .wso-searchbar { position: relative; max-width: 100% !important; } #Side_slide #menu .wso-searchbar { position: fixed !important; bottom: 0; width: 100% !important; margin-left: -2rem !important; z-index: 999999999999999999999 !important; } #Side_slide #menu .wso-searchbar form { width: 100% !important; } #Side_slide #menu .wso-searchbar input { display: inline-block !important; float: left; margin: 0 !important; border: 0 !important; text-align: left !important; background: white !important; padding: .6rem 2rem !important; width: calc(100% - 6rem) !important; } #Side_slide #menu .wso-searchbar button#search-btn { z-index: 999999; position: absolute !important; float: left; display: inline-block !important; background: black !important; z-index: 9999999 !important; } /* ================= Close Button ================= */ #wso-sidebar-close { position: absolute; right: 0; top: 0; height: 70px; width: 80px; z-index: 9; cursor: pointer; transition: all var(--transition-shorter) ease !important; -webkit-transition: all var(--transition-shorter) ease !important; -moz-transition: all var(--transition-shorter) ease !important; -ms-transition: all var(--transition-shorter) ease !important; -o-transition: all var(--transition-shorter) ease !important; } #wso-sidebar-close:hover { transform: rotate(90deg); } #wso-sidebar-close:before, #wso-sidebar-close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 1px; background-color: #1d1d1b !important; } #wso-sidebar-close:before { transform: translate(-50%, -50%) rotate(45deg); } #wso-sidebar-close:after { transform: translate(-50%, -50%) rotate(-45deg); } /* ================= Scrollbar Fixes ================= */ @media only screen and (min-width: 1399px) { html.wso-active-sidebar body, html.wso-active-sidebar #Top_bar { max-width: calc(100vw - 16px); } #wso-sidebar-parent { left: calc(100vw - 15px); } #wso-sidebar-parent.wso-active { transform: translate(-100%, 0) translate(-100%, 0); transform: translate3d(-100%, 0, 0) translate3d(15px, 0, 0); } } /* ============================================ Content width ============================================ */ .mcb-section:not(.full-width) .section_wrapper, .entry-content > .mcb-section.full-width .section_wrapper .mcb-section:not(.full-width) .section_wrapper, #Footer .container, #Footer .footer_action .container .mcb-section:not(.full-width) .section_wrapper, .wpgb-card-2 .wpgb-block-1 { max-width: var(--content-width) !important; } /* ============================================ Sections, Colums, Wraps ============================================ */ .section.wso-align-center > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > .column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) > .column_attr, .section.wso-align-center > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > .column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box), .column.wso-align-center .column_attr { text-align: center; } .section.wso-align-right:not(.wso-section-breaker) > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > .column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) .column_attr, .section.wso-align-right:not(.wso-section-breaker) > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > right.column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box), .column.wso-align-right .column_attr { text-align: right; } .wso-section-breaker .column_attr.clearfix { width: 35% !important; } .wso-section-breaker.wso-align-right .column_attr.clearfix { float: right; margin: 0 !important; width: 30% !important; } .wso-section-breaker.wso-align-right .column_attr.clearfix .wso-subtitle, .wso-section-breaker.wso-align-right .column_attr.clearfix .wso-title { /* margin-left: -8rem; */ } .column, .columns { margin: 0 1% 1rem; } .column_image img { width: 100%; } .wso-wrap-content .column { margin-bottom: 1rem !important; } #Wrapper .column.column_button { margin: 0 !important; width: 100% !important; } #Wrapper .column.column_button a.button { display: block !important; } #Wrapper .section.wso-section-grid .wrap.wso-grid-heading, #Wrapper .section.wso-section-code .wrap.wso-wrap-content { margin-bottom: 4rem !important; } #Wrapper .section.wso-section-grid .wrap.wso-grid-heading .wso-title:last-child { margin: 0 !important; } #Wrapper .section.wso-section-grid.wso-grid-download-gallery .wrap.wso-grid-heading { margin: 0 !important; } @media only screen and (min-width: 768px) { #Wrapper .section.wso-section-grid:not(.wso-align-left) .wrap.wso-grid-heading .column_attr.clearfix { max-width: 60%; margin: 0 auto; } #Wrapper .section.wso-section-grid.wso-jobprofile-alternative-layout .wrap.wso-grid-heading { margin: 0 !important; } #Wrapper .section.wso-section-grid.wso-jobprofile-alternative-layout .wrap.mcb-wrap.one-second.wso-float-right { padding-left: var(--text-img-spacing); padding-right: 0; } #Wrapper .section.wso-section-grid.wso-jobprofile-alternative-layout .wrap.mcb-wrap.one-second.wso-float-right .column_attr { text-align: left !important; } #Wrapper .section.wso-section-grid.wso-jobprofile-alternative-layout .wrap.mcb-wrap.one-second.wso-float-right + .wrap.one-second { padding-right: var(--text-img-spacing); padding-left: 0; } #Wrapper .section.wso-section-grid.wso-jobprofile-alternative-layout .wrap.mcb-wrap.wso-wrap-grid { margin-top: 4rem !important; } } /* ============================================ Section Padding Einstellungen ============================================ */ #Wrapper .section.mcb-section.wso-top-no-padding:not(.wso-section-slider), body #Wrapper .section.wso-section-text.wso-one-column.wso-no-before.wso-top-no-padding { padding-top: 0 !important; } #Wrapper .section.mcb-section.wso-bot-no-padding:not(.wso-section-slider) { padding-bottom: 0 !important; } #Wrapper .section.mcb-section.wso-top-small-padding:not(.wso-section-slider), body #Wrapper .section.wso-section-text.wso-one-column.wso-no-before.wso-top-small-padding { padding-top: var(--padding-small) !important; } #Wrapper .section.mcb-section.wso-bot-small-padding:not(.wso-section-slider) { padding-bottom: var(--padding-small) !important; } .section.mcb-section:not(.wso-section-slider), #Wrapper .wso-section-intro.wso-slider-intro.wso-heater-img-visible { padding-top: var(--padding-big) !important; padding-bottom: var(--padding-big) !important; } body #Wrapper .section.wso-section-text.wso-one-column.wso-no-before.wso-top-small-padding { padding-top: var(--padding-standard) !important; } #Wrapper .section.mcb-section.wso-top-big-padding:not(.wso-section-slider), body #Wrapper .section.wso-section-text.wso-one-column.wso-no-before.wso-top-big-padding { padding-top: var(--padding-big) !important; } #Wrapper .section.mcb-section.wso-bot-big-padding:not(.wso-section-slider) { padding-bottom: var(--padding-big) !important; } /* ================= Section Multi Column ================= */ .wso-section-multi-column .wrap .section { clear: both; } #Wrapper .section.mcb-section.wso-section-multi-column > .section_wrapper.mcb-section-inner { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between !important; align-items: stretch !important; align-content: stretch !important; } #Wrapper .section.mcb-section.wso-section-multi-column > .section_wrapper.mcb-section-inner:after { content: none !important; } /*#Wrapper .section.mcb-section.wso-section-multi-column.wso-align-center>.section_wrapper.mcb-section-inner .wso-icon-box { float: none !important; text-align: center !important; margin: 0 auto !important; display: block !important; }*/ #Wrapper .section.mcb-section.wso-section-multi-column .wso-text-img-box .column.mcb-column.column_column .column_attr.clearfix { padding: 2rem 1rem !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-video-section .wrap { margin-bottom: 5rem; } div#heater-cat-subpage .section_wrapper.mcb-section-inner { flex-direction: row-reverse !important; } /* ================= Section Template ================= */ .wso-section-template.section.mcb-section { padding-top: 0 !important; padding-bottom: 0 !important; } .wso-section-template > .section_wrapper { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .wso-section-template > .section_wrapper > .wrap > .mcb-wrap-inner > .one.column { width: 100%; margin: 0; } /* ================= Section Hero ================= */ #Wrapper .wso-section-hero { /* padding: 11% 0 !important; */ } #Wrapper .wso-section-breaker .wso-hero-img { top: var(--padding-big) !important; bottom: var(--padding-big) !important; height: auto !important; left: 40%; width: 60% !important; overflow: visible; } #Wrapper .wso-section-breaker.wso-align-right .wso-hero-img { right: 25% !important; left: 0 !important; width: 65% !important; } #Wrapper .wso-section-breaker.wso-align-right button[data-video-button] { inset: 1rem auto auto 1rem; } .wso-section-hero .section_wrapper { position: static; overflow: visible; } .wso-section-hero .column.one { margin: 0; width: 100%; } .wso-section-hero .wso-hero-img .column { overflow: hidden; } .wso-hero-img { position: absolute; top: 0; left: 0; height: 100%; /* pointer-events: none; */ overflow: hidden; } .wso-hero-img::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* background-color: var(--overlay-light); */ z-index: 8; visibility: visible; height: 100%; width: 25% !important; pointer-events: none !important; } .dark .wso-hero-img::after { /*background-color: var(--overlay-dark);*/ } .dark.wso-no-overlay .wso-hero-img::after { content: none !important; } .wso-hero-img .mcb-wrap-inner, .wso-hero-img .mcb-wrap-inner .column, .wso-hero-img .mcb-wrap-inner .column_attr, .wso-hero-img .mcb-wrap-inner .image_frame, .wso-hero-img .mcb-wrap-inner .image_wrapper { height: 100% !important; } .wso-section-hero.wso-align-right .wso-highlight-button { right: auto; left: 0; } .wso-section-breaker.wso-bg-white .wso-hero-img::after { content: '' !important; display: block; position: absolute; top: 0; bottom: 0; right: -1%; left: auto; background: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); height: auto !important; width: 25% !important; visibility: visible; z-index: 6; } .wso-section-breaker.wso-bg-white:not(.wso-align-right) .wso-hero-img::after { left: -1%; right: auto; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); } .wso-bg-dark-gray .wso-hero-img::after { background: linear-gradient(90deg, rgba(62, 68, 73, 1) 0%, rgba(62, 68, 73, 0) 100%); } .wso-bg-dark-gray.wso-align-right .wso-hero-img::after { background: linear-gradient(90deg, rgba(62, 68, 73, 0) 0%, rgba(62, 68, 73, 1) 100%); } .wso-bg-light-gray .wso-hero-img::after { background: linear-gradient(90deg, rgba(248, 248, 249, 1) 0%, rgba(248, 248, 249, 0) 100%); } .wso-bg-light-gray.wso-align-right .wso-hero-img::after { background: linear-gradient(90deg, rgba(248, 248, 249, 0) 0%, rgba(248, 248, 249, 1) 100%); } .wso-bg-gray .wso-hero-img::after { background: linear-gradient(90deg, rgba(113, 119, 129, 1) 0%, rgb(113, 119, 129, 0) 100%); } .wso-bg-gray.wso-align-right .wso-hero-img::after { background: linear-gradient(90deg, rgba(113, 119, 129, 0) 0%, rgb(113, 119, 129, 1) 100%); } .wso-bg-red .wso-hero-img::after { background: linear-gradient(90deg, rgba(223, 42, 10, 1) 0%, rgba(223, 42, 10, 0) 100%); } .wso-bg-red.wso-align-right .wso-hero-img::after { background: linear-gradient(90deg, rgba(223, 42, 10, 0) 0%, rgba(223, 42, 10, 1) 100%); } .wso-bg-dark-red .wso-hero-img::after { background: linear-gradient(90deg, rgba(125, 19, 0, 1) 0%, rgba(125, 19, 0, 0) 100%); } .wso-bg-dark-red.wso-align-right .wso-hero-img::after { background: linear-gradient(90deg, rgba(125, 19, 0, 0) 0%, rgba(125, 19, 0, 1) 100%); } .wso-align-right .wso-hero-img::after { right: -1% !important; left: auto !important; } #Wrapper .wso-section-breaker .wso-hero-content { padding: var(--padding-big) 0; } #Wrapper .wso-section-breaker:has(.wso-circle-text-button) .wso-hero-content { margin-top: 6rem !important; } #Wrapper .wso-important-infos.wso-section-breaker:not(.wso-align-right) .wso-hero-img:before { content: ''; display: inline-block; position: absolute; background: url(/wp-content/uploads/2022/09/istock-185324784-new.png) no-repeat center bottom; background-size: auto 100% !important; width: 9rem; height: calc(100% + 6rem); visibility: visible; overflow: visible; right: 5rem; z-index: 9; top: -6rem; } /* ================= Section VIDEO ================= */ #Wrapper .section.mcb-section.wso-section-hero.wso-section-video .wso-heading-wrap .column_attr * { color: var(--dark-gray) !important; margin-bottom: 3.5rem !important; } #Wrapper .section.mcb-section.wso-section-hero.wso-section-video .wso-hero-img { position: relative !important; } #Wrapper .section.mcb-section.wso-section-hero.wso-section-video .wso-hero-img img { max-height: 40rem !important; } #Wrapper .section.mcb-section.wso-section-hero.wso-section-video .wso-hero-img + .wrap { position: absolute !important; left: 0 !important; text-align: center !important; bottom: 0 !important; } #Wrapper .section.mcb-section.wso-section-hero.wso-section-video, #Wrapper .section.mcb-section.wso-section-hero.wso-section-video .section_wrapper { position: relative !important; } #Wrapper .section.mcb-section.wso-section-hero.wso-section-video .wso-content:after { content: ''; display: block; position: relative; left: 50%; height: 6rem; width: 1px; top: 0; transform: translateX(-50%); z-index: 1 !important; margin-top: 1rem !important; } #Wrapper .wso-section-video .wso-video-button { position: absolute !important; margin: 0 !important; top: 50% !important; z-index: 1; left: 50%; transform: translate(-50%, -50%); z-index: 9999 !important; pointer-events: all !important; } #Wrapper .wso-section-video .wso-video-button:hover { height: 5rem !important; width: 5rem !important; } #Wrapper .section.mcb-section.wso-section-hero.wso-section-video .wso-content { margin: 0 auto !important; font-weight: 300 !important; max-width: 75%; } /* ================= Section Intro ================= */ #Wrapper .wso-section-intro { padding: 10% 0 !important; z-index: 2; } #Wrapper .wso-section-intro.wso-classic-intro { padding: 7% 0 !important; } #Wrapper .wso-section-intro.wso-classic-intro .wso-hero-content { z-index: 10; } #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro a.button { display: block; margin-top: 1.5rem !important; } #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wrap.wso-hero-content { width: 35% !important; float: right; text-align: left !important; margin: 0 !important; color: var(--dark-gray) !important; } #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wrap.wso-hero-content *:not(.wso-red-button span) { text-align: left !important; color: var(--dark-gray) !important; } #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wrap.wso-hero-content * { overflow-wrap: normal !important; } #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wso-hero-img { width: 60% !important; } #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wso-hero-img:before { content: '' !important; display: block; position: absolute; top: 0; bottom: 0; right: -1%; left: auto; background: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); height: auto !important; width: 25% !important; visibility: visible; z-index: 6; } #Wrapper .wso-section-hero.wso-slider-intro h1:first-line { font-weight: 500 !important; } #Wrapper .wso-searchbar input { display: inline-block !important; background: white !important; border-color: white !important; width: calc(100% - 5rem) !important; float: left !important; padding: 1rem 2rem !important; font-weight: 500 !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; letter-spacing: .15em !important; } #Wrapper .wso-searchbar { max-width: 80% !important; margin: 2rem 0 !important; display: inline-block !important; width: 100% !important; } #Wrapper .wso-searchbar button#search-btn { display: inline-block !important; float: left !important; margin: 0 !important; width: 5rem !important; background: url(/wp-content/uploads/2022/07/group-182.svg) no-repeat center left; background-size: contain !important; height: 3.85rem !important; } #Wrapper .wso-hidden-search-field { position: absolute !important; width: auto; top: 6rem; left: -10rem; right: -13rem; float: left; opacity: 0 !important; height: 0 !important; transition: all var(--transition-shorter) ease-in-out; -webkit-transition: all var(--transition-shorter) ease-in-out; -moz-transition: all var(--transition-shorter) ease-in-out; -ms-transition: all var(--transition-shorter) ease-in-out; -o-transition: all var(--transition-shorter) ease-in-out; } #Wrapper .wso-hidden-search-field .wso-searchbar { margin: 0 !important; max-width: 100% !important; float: left; padding-top: 0rem !important; } #Wrapper li.wso-menu-contact:hover .wso-hidden-search-field { opacity: 1 !important; height: auto !important; } #Wrapper li.wso-menu-contact:not(:hover) .wso-hidden-search-field, #Wrapper li.wso-menu-contact:not(:hover) .wso-hidden-search-field * { pointer-events: none !important; } #Wrapper .wso-hidden-search-field .wso-searchbar button#search-btn { position: absolute !important; right: 0 !important; /* top: 0; */ background: url(/wp-content/uploads/2022/05/group-621.svg) no-repeat center; background-size: auto 50% !important; pointer-events: all !important; padding: 0 !important; } #Wrapper .wso-hidden-search-field input { position: relative !important; float: left !important; clear: none !important; width: 100% !important; color: var(--dark-gray) !important; font-weight: 500 !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; letter-spacing: .15em !important; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%) !important; border: 0 !important; background: var(--light-gray) !important; } #Wrapper .wso-hidden-search-field .wso-searchbar:before { content: ''; display: block; position: absolute; left: 11rem; top: -0.25rem; background: var(--light-gray); height: 1.5rem; width: 1.5rem; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%) !important; transform: rotate(45deg) translate(-50%); z-index: 0; } .wso-intro-logo-hint { position: absolute; z-index: 3; max-width: 20rem; bottom: -3rem; left: 3rem; } .wso-intro-logo-hint .wso-intro-logo-desc { background: white !important; padding: 1rem; font-size: .85rem !important; line-height: 1.4em !important; font-weight: 300 !important; letter-spacing: .2em !important; text-transform: uppercase !important; text-align: center; } .wso-logo-link { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; pointer-events: all; cursor: pointer; } /* overlay link */ .wso-slider-overlay-link { position: absolute; inset:0 0 0 0; } .wpgb-card-2 .wpgb-block-1 { pointer-events: none; } .wpgb-card-2 .wpgb-block-1 a{ pointer-events: all; } .wpgb-card-2 .wso-slider-skin-img::before { pointer-events: none; } /* ================= Img Column ================= */ .wso-section-multi-column .column_image.wso-img:not(.wso-img-proportional) { height: 23vw; position: relative; } .wso-section-multi-column .column_image.wso-img:not(.wso-img-proportional) .image_frame, .wso-section-multi-column .column_image.wso-img:not(.wso-img-proportional) .image_wrapper { height: 100%; width: 100%; } /* ================= Img Boxes ================= */ #Wrapper .wso-img-box { position: relative; margin-bottom: 2rem !important; display: flex; flex-direction: column; margin: 0 1% 1rem; } #Wrapper .wso-wrap-image-boxes .mcb-wrap-inner { display: flex; flex-wrap: wrap; } #Wrapper .wso-img-box.column_image .wp-caption-text:before { display: none; } .wso-img-box > a { display: block; } .wso-img-box a:hover ~ .wso-img-box-content .button span:after { background-position: center right !important; } .wso-img-box .image_frame, .wso-img-box .image_wrapper { height: 20rem; width: 100%; overflow: hidden; } .wso-img-box:hover .image_wrapper img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .wso-img-box .image_wrapper:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6)); z-index: 1; pointer-events: none; } .wso-img-box .wso-img-box-content { padding-left: 2rem; position: relative; } .wso-img-box .wso-img-box-content:before { content: ""; width: 1px; height: 100%; background-color: black; position: absolute; left: 0; top: 0; } .wso-img-box .image_wrapper { background: var(--light-gray); /* overflow: visible; */ } .wso-img-box.column_image .wp-caption-text { position: absolute; bottom: 0; left: 0; width: 100%; background: transparent; border-radius: 0; color: white; z-index: 5; padding: 0 2rem 1.5rem 2rem !important; /* pointer-events: none; */ text-align: left !important; } .wso-img-box.column_image .wp-caption-text p { color: white !important; } .wso-img-box.column_image .wp-caption-text p.button span.button_label:after { background-image: url("/wp-content/uploads/2021/11/plus-white.svg") !important; } .wso-img-box.column_image .image_frame:hover .wp-caption-text p.button span.button_label:after { background-position: right center; } #Wrapper .wso-img-box.column_image .wp-caption-text .wso-h3 { font-weight: 300 !important; margin-bottom: .5rem !important; } #Wrapper .wso-img-box.column_image .wp-caption-text p span { font-size: 0.9rem; } .column_image .wp-caption-text span { display: block; font-size: .75em; } #Wrapper .wso-img-box .wso-img-box-content p { line-height: 1.5rem; color: var(--dark-gray); margin-top: 1.25rem !important; font-weight: 300; margin-bottom: 0 !important; } .wso-icon-box { position: relative; } .wso-icon-box .image_frame { position: static; } .wso-icon-box.column_image .wp-caption-text { position: static !important; height: auto !important; padding: 0 !important; pointer-events: all !important; left: auto !important; width: 100% !important; background: transparent !important; display: inline-block !important; float: left; border-radius: 0 !important; top: auto !important; bottom: auto !important; } .wso-icon-box.column_image .wp-caption-text a { position: static !important; float: left; width: 100% !important; } .wso-icon-box.column_image .wp-caption-text a:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .wso-icon-box.column_image .wp-caption-text * { color: var(--dark-gray) !important; } .dark .wso-icon-box.column_image .wp-caption-text *, #Footer .wso-icon-box.column_image .wp-caption-text * { color: white !important; } .wso-icon-box.column_image .image_wrapper { overflow: visible !important; position: relative !important; display: block !important; width: 100% !important; float: left !important; } #Footer .wso-icon-box.column_image .image_wrapper img { max-height: 3rem !important; height: auto !important; } #Wrapper .wso-service-icons .wso-icon-box.column_image .image_wrapper img { height: 15rem !important; width: auto !important; display: block; margin: 0 auto 1rem !important; } .wso-icon-box.wso-square-img .image_wrapper { padding-top: 90% !important; overflow: hidden !important; width: 90% !important; margin: 0 auto 1rem; float: none !important; } .wso-icon-box.wso-square-img .image_wrapper img { position: absolute !important; height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; } @media only screen and (max-width:767px) { #Wrapper .wso-img-box.column_image .wp-caption-text p span { font-size: 1.05rem; } } /* ================= Highlight Button ================= */ div#circle { width: 6rem; height: 6rem; position: relative; display: inline-block; float: left !important; } .wso-circle-text-button a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 1; } .wso-circle-logo { width: 3.5rem; height: 3.5rem; position: absolute; bottom: -50% !important; left: 41%; transform: translate(-50%, -50%); } .wso-circle-text-button.wso-img-sidebar-desktop .wso-circle-logo { top: 57%; left: auto; transform: translate(-0%, -50%); } .wso-circle-text-letters { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #Wrapper .wso-section-intro.wso-slider-intro div#circle-container { color: white !important; } #Wrapper .wso-section-intro.wso-classic-intro div#circle-container { position: absolute !important; z-index: 9; right: 2rem; top: 0rem; } .wso-circle-text-letters span { text-align: center; text-transform: uppercase; font-size: .75rem !important; } .wso-circle-logo img { position: absolute !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; font-family: 'object-fit: contain; object-position: center;'; width: 100% !important; height: 100% !important; left: 0 !important; } .wso-section-breaker .wso-circle-text-button { top: 4rem !important; left: calc(var(--padding-big) + 1rem) !important; position: absolute; display: block; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; height: auto !important; height: 6rem !important; z-index: 5; } .wso-section-breaker.wso-align-right .wso-circle-text-button { left: unset !important; right: calc(var(--padding-big) + 1rem) !important; } #Wrapper .wso-section-intro.wso-slider-intro div#circle-container { z-index: 9999 !important; position: absolute !important; right: auto !important; left: 3rem; bottom: 5rem !important; top: auto !important; } #Wrapper .wso-section-intro.wso-slider-intro div#circle { width: 6.25rem !important; height: 6.25rem !important; } #Wrapper .wso-section-intro.wso-slider-intro div#circle-container:before { content: ""; width: 8.5rem; height: 8.5rem; background-color: var(--dark-gray); position: absolute; left: -1.7rem; top: 1.5rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: -1; } /* ============================================ Section Text ============================================ */ #Wrapper .wso-section-text .wso-wrap-content-above { height: auto !important; } #Wrapper .wso-column-above-div { width: 100% !important; } .section.wso-align-center.wso-section-text .wso-column-above-div { display: inline-block; width: 100% !important; position: relative; text-align: center !important; margin-bottom: 5rem !important; z-index: 1; } .section.wso-align-center.wso-section-text .wrap.one-fourth * { text-align: left !important; } .section.wso-section-text div#circle-container { position: absolute; text-align: left !important; /* float: left !important; */ margin-top: -3rem; left: 1.5rem; top: 7rem; z-index: 9; } .section.wso-section-text.wso-three-columns div#circle-container { position: relative !important; margin: 0 0 11rem !important; top: auto; /*left: auto !important;*/ } #Wrapper .section.mcb-section.wso-four-columns .section_wrapper.mcb-section-inner { display: flex !important; justify-content: space-around !important; align-items: flex-end !important; align-self: stretch !important; flex-direction: row !important; flex-wrap: wrap !important; } #Wrapper .section.mcb-section.wso-four-columns .wrap.one-fourth { display: flex; align-items: flex-end !important; /*width: 20%;*/ } .section.mcb-section.wso-request-breaker .wrap.mcb-wrap.one-fourth .column:before { content: ''; display: block; position: absolute; bottom: -6rem; top: 0; left: 0; background: white; width: 1px; } @media only screen and (max-width:1023px) { #Wrapper .section.mcb-section.wso-four-columns .wrap.one-fourth { width: 50% !important; } } @media only screen and (max-width:767px) { #Wrapper .wso-four-columns .wso-column-above-div { display: flex; flex-direction: column; align-items: center; } #Wrapper .wso-four-columns .wso-circle-text-button { order: 1; } #Wrapper .wso-four-columns .wso-wrap-content-above, #Wrapper .wso-four-columns .button { order: 2; } } @media only screen and (min-width: 768px) { #Wrapper .wso-section-text .wso-wrap-content-above .column.mcb-column.one.column_column { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } #Wrapper .section.mcb-section.wso-four-columns .wrap.one-fourth .column_attr.clearfix { padding: 0 1rem 0 1rem; } #Wrapper .section.mcb-section.wso-four-columns:not(.wso-request-breaker) .wrap.one-fourth:nth-child(1) .column_attr.clearfix, #Wrapper .section.mcb-section.wso-four-columns:not(.wso-request-breaker) .wso-column-above-div + .wrap.one-fourth:nth-child(2) .column_attr.clearfix { padding-left: 0 !important; } #Wrapper .section.mcb-section.wso-four-columns .wrap.one-fourth:last-child .column_attr.clearfix { padding-right: 0 !important; } #Wrapper .section.mcb-section.wso-three-columns .wrap.one-third .column_attr.clearfix { padding: 0 1.5rem; text-align: left !important; } .wso-number-before .wrap:before { /*text-align: center !important;*/ width: 100% !important; /*left: 0 !important;*/ } #Wrapper .section.mcb-section.wso-three-columns .wrap.one-third:first-child .column_attr.clearfix { padding: 0 1.5rem 0 0; } #Wrapper .section.mcb-section.wso-three-columns .wrap.one-third:last-child .column_attr.clearfix { padding-left: 0; } #Wrapper .section.mcb-section.wso-two-columns .wrap.one-second:first-child .column_attr.clearfix { padding: 0 1.5rem 0 0; } #Wrapper .section.mcb-section.wso-two-columns .wrap.one-second:last-child .column_attr.clearfix { padding: 0 0 0 1.5rem; } #Wrapper .section.mcb-section.wso-three-columns .wrap.mcb-wrap:not(.wso-wrap-content-above) .column.mcb-column { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } #Wrapper .section.mcb-section.wso-three-columns .wrap.mcb-wrap.one-third:nth-child(2) .column .column_attr.clearfix { padding-left: 0 !important; } .woocommerce div.product div.images img { display: block; width: 100%; height: auto; box-shadow: none; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: auto !important; height: 100% !important; min-width: 100% !important; } .woocommerce div.product div.images.woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper, .woocommerce div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__image--placeholder { height: 100% !important; width: auto !important; } .woocommerce div.product div.images.woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image, .woocommerce div.product div.images.woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img.wp-post-image { height: 100% !important; width: auto !important; min-width: 100%; } .woocommerce div.product div.images.woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a { position: relative !important; } } /* ============================================ Section Text Img ============================================ */ .wso-section-text-img .column { margin-bottom: 0 !important; } @media only screen and (min-width: 768px) { .wso-section-text-img .mcb-wrap:last-child .mcb-wrap-inner, .wso-section-text-img .mcb-wrap:last-child .column_image, .wso-section-text-img .mcb-wrap:last-child .image_frame, .wso-section-text-img .mcb-wrap:last-child .image_wrapper { height: 100% !important; } .wso-section-text-img .mcb-wrap-inner .column_image .image_wrapper, .wso-section-text-img .mcb-wrap-inner .column_image .image_wrapper a:not(.wso-video-button) { position: absolute; top: 0; left: 0; } .wso-section-text-img .mcb-wrap-inner .column_image .image_wrapper { width: 100%; } .wso-section-text-img .wrap:first-child { padding-right: var(--text-img-spacing); height: auto !important; } .wso-section-text-img .wrap:last-child { padding-left: var(--text-img-spacing); position: absolute; right: 0; height: 100%; } .wso-section-text-img .wrap.wso-float-right { padding-left: var(--text-img-spacing); padding-right: 0; } .wso-section-text-img .wrap.wso-float-right + .wrap { padding-right: var(--text-img-spacing); padding-left: 0; left: 0; right: auto; } .wso-section-text-img.wso-layout-2 .wrap { padding-top: 0; padding-bottom: 0; } .wso-section-text-img:not(.full-width) .wrap:last-child { width: calc(50% + 9rem); right: -9rem !important; } .wso-section-text-img:not(.full-width) .wrap.wso-float-right + .wrap { left: -9rem !important; right: auto !important; } .wso-section-text-img:not(.full-width) .wrap.wso-iframe-half-half { position: relative !important; float: right !important; right: 0 !important; margin-right: -9rem !important; } .answer .wso-section-text-img:not(.full-width) .wrap:last-child, .ui-tabs-panel .wso-section-text-img:not(.full-width) .wrap:last-child { width: 50% !important; right: 0 !important; } .answer .wso-section-text-img:not(.full-width) .wrap.wso-float-right + .wrap, .ui-tabs-panel .wso-section-text-img:not(.full-width) .wrap.wso-float-right + .wrap { left: 0 !important; right: auto !important; } .wso-section-text-img.wso-img-proportional-section .mcb-wrap-inner .column_image .image_wrapper, .section.mcb-section.wso-section-text-img.wso-img-proportional-section .wrap + .wrap { position: relative !important; } .section.mcb-section.wso-section-text-img.wso-img-proportional-section .section_wrapper.mcb-section-inner { display: flex; justify-content: unset !important; align-items: center !important; flex-direction: row; align-content: stretch !important; flex-grow: 1 !important; } .section.mcb-section.wso-section-text-img.wso-img-proportional-section .wrap { height: auto !important; /* padding: 0 !important; */ } .section.mcb-section.wso-section-text-img.wso-img-proportional-section.wso-text-right .section_wrapper.mcb-section-inner { flex-direction: row-reverse !important; } .section.mcb-section.wso-section-text-img.wso-img-proportional-section:not(.full-width) .wrap:last-child { width: calc(50% + 9rem) !important; flex-basis: calc(50% + 9rem) !important; left: auto !important; right: auto !important; margin-right: -9rem !important; } .section.mcb-section.wso-section-text-img.wso-img-proportional-section:not(.full-width) .wso-float-right + .wrap:last-child { margin-right: 0 !important; margin-left: -9rem !important; } .section.mcb-section.wso-section-text-img.wso-img-proportional-section:not(.full-width) .wrap:first-child { width: 50% !important; flex-basis: 50% !important; } #Wrapper .section.mcb-section.wso-section-text-img.wso-one-third-layout .wrap + .wrap, #Wrapper .section.mcb-section.wso-section-text-img.wso-two-third-layout .wrap { width: 33.33% !important; flex-basis: 33.33% !important; } #Wrapper .section.mcb-section.wso-section-text-img.wso-one-third-layout .wrap, #Wrapper .section.mcb-section.wso-section-text-img.wso-two-third-layout .wrap + .wrap { width: 66.66% !important; flex-basis: 66.66% !important; } #Wrapper .section.mcb-section.wso-section-text-img.wso-one-fourth-layout .wrap + .wrap, #Wrapper .section.mcb-section.wso-section-text-img.wso-three-fourth-layout .wrap { width: 25% !important; flex-basis: 25% !important; } #Wrapper .section.mcb-section.wso-section-text-img.wso-one-fourth-layout .wrap, #Wrapper .section.mcb-section.wso-section-text-img.wso-three-fourth-layout .wrap + .wrap { width: 75% !important; flex-basis: 75% !important; } #Wrapper .section.mcb-section.wso-section-text-img.wso-two-fifth-layout .wrap + .wrap, #Wrapper .section.mcb-section.wso-section-text-img.wso-three-fifth-layout .wrap { width: 45% !important; flex-basis: 45% !important; } #Wrapper .section.mcb-section.wso-section-text-img.wso-three-fifth-layout .wrap + .wrap, #Wrapper .section.mcb-section.wso-section-text-img.wso-two-fifth-layout .wrap { width: 55% !important; flex-basis: 55% !important; } } /* ================= Section Text 2 Img ================= */ @media only screen and (min-width: 768px) { .wso-section-text-2-img.wso-section-text-img .mcb-wrap:last-child .column_image:first-child { /* float: right; */ width: 47%; height: 100% !important; } .wso-section-text-2-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) { position: absolute; right: 0; bottom: 0; width: 47%; height: 100% !important; z-index: 2; float: right; } .wso-section-text-2-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) .image_frame { /* border-top: var(--img-border); border-left: var(--img-border);*/ } } /* ================= Section Text 3 Img ================= */ @media only screen and (min-width: 768px) { .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:first-child { float: left; width: 98%; height: 54% !important; /* padding-right: 10%; */ } .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) { position: absolute; left: 0; bottom: 0; width: 62%; height: 43% !important; z-index: 2; } .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(3) { position: absolute; right: 0; bottom: 0; width: 32%; height: 43% !important; z-index: 3; } .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) .image_frame { /*border-top: var(--img-border); border-right: var(--img-border);*/ } .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(3) .image_frame { /* border-top: var(--img-border); */ /* border-bottom: var(--img-border); */ /* border-left: var(--img-border); */ } } /* ================= Section Text Img Fullwidth ================= */ #Wrapper .wso-section-text-img-fullwidth, .wso-section-text-img-fullwidth .wrap:last-child { padding: 0 !important; } .wso-section-text-img-fullwidth .wrap:first-child { background-color: var(--red); padding: 5% 7%; } .wso-section-text-img-fullwidth .wrap.wso-float-right:first-child { background-color: var(--dark-gray); } /* ============================================ WP Grid Builder ============================================ */ .wpgb-facet:empty { display: none; } .wpgb-facet .wpgb-pagination li a:focus-visible { outline: 2px solid var(--black) !important; } .wp-grid-builder .wpgb-card [class*="wpgb-block-"] { white-space: inherit !important; } .wpgb-facet button.wpgb-button { outline: none; } .wp-grid-builder .wpgb-card-3 .wpgb-block-2 p.wso-h5 span:not(:last-child):after, .wp-grid-builder .wpgb-card-24 .wpgb-block-2 p.wso-h5 span:not(:last-child):after, .wp-grid-builder .wpgb-card-23 .wpgb-block-2 p.wso-h5 span:not(:last-child):after, #news-intro p.wso-subtitle.wso-h5 span:not(:last-child):after, .woocommerce div.product p.wso-subtitle.wso-h4 span:not(:last-child):after { content: ', '; } body:not([data-browser-name="IE"]) .wpgb-card-1 .wpgb-card-media-thumbnail, body:not([data-browser-name="IE"]) .wpgb-card-3 .wpgb-card-media-thumbnail, body:not([data-browser-name="IE"]) .wpgb-card-23 .wpgb-card-media-thumbnail { transform: scale(1) !important; transition: all var(--transition-normal) ease-in-out !important; -webkit-transition: all var(--transition-normal) ease-in-out !important; -moz-transition: all var(--transition-normal) ease-in-out !important; -ms-transition: all var(--transition-normal) ease-in-out !important; -o-transition: all var(--transition-normal) ease-in-out !important; } body:not([data-browser-name="IE"]) .wpgb-card-1:hover .wpgb-card-media-thumbnail, body:not([data-browser-name="IE"]) .wpgb-card-3:hover .wpgb-card-media-thumbnail, body:not([data-browser-name="IE"]) .wpgb-card-23:hover .wpgb-card-media-thumbnail { transform: scale(1.1) !important; } .wpgb-facet select.wpgb-select, .wpgb-facet .wpgb-search-facet input[type="search"], .wpgb-facet .wpgb-autocomplete-facet input[type="search"], form .wso-select, form .wso-input { padding: .25rem 1.25rem .25rem 0rem !important; border-width: 0 0 1px 0 !important; border-radius: 0 !important; min-height: auto !important; max-height: none !important; height: auto !important; line-height: 1.25em !important; border-color: var(--dark-gray) !important; color: var(--dark-gray) !important; font-weight: 500 !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; letter-spacing: .15em !important; } .wpgb-facet .wpgb-facet-title { font-size: 1rem !important; line-height: 1em !important; } .wpgb-facet select.wpgb-select + .wpgb-select-controls svg { margin: 0 !important; height: 1.5em !important; width: 1.5em !important; fill: var(--dark-gray) !important; stroke: var(--dark-gray) !important; } .wpgb-facet select.wpgb-select + .wpgb-select-controls .wpgb-select-separator { display: none !important; } .wpgb-facet select.wpgb-select { text-indent: 0 !important; } .wp-grid-builder .wpgb-area-top-1 > div, .wp-grid-builder .wpgb-area-top-2 > div { padding: 0 !important; max-width: 20.5% !important; flex: 0 0 20.5%; } .wpgb-facet > fieldset:last-child { margin-bottom: 1.5rem !important; } form .wso-select.wpgb-select { background-image: url(/wp-content/uploads/2022/05/select-arrow-white.svg) !important; background-size: auto !important; background-repeat: no-repeat !important; background-position: 98% 50% !important; } /* ================= Navigation & Facets ================= */ .wpgb-facet > fieldset:last-child { /* margin-bottom: 3rem !important; */ } .wp-grid-builder .wpgb-area-top-2 > div.wpgb-facet.wpgb-facet-11 { flex-grow: 2 !important; max-width: none !important; padding: 0 !important; margin-bottom: 1.5rem !important; } .wpgb-facet { flex-grow: 1 !important; } .wpgb-area.wpgb-area-top-2 { max-width: 100% !important; margin: 0 auto !important; } .wso-cobbles-layout-3 .wpgb-area.wpgb-area-top-2 { max-width: calc(100% - 20px) !important; } .wp-grid-builder .wpgb-area-top-2 > div.wpgb-facet.wpgb-facet-11 button.wpgb-button.wpgb-reset { float: right; font-weight: 300 !important; text-transform: uppercase !important; margin-top: .5rem !important; } .wp-grid-builder .wpgb-area-top-2 > div.wpgb-facet.wpgb-facet-11 button.wpgb-button.wpgb-reset:hover { text-decoration: underline !important; } #Wrapper .wpgb-facet fieldset { margin-right: 3rem !important; margin-bottom: 2rem !important; } #Wrapper .wpgb-facet.wpgb-facet-12 fieldset { margin: 0 !important; } .single-wso_equipment .wso-grid-31 .wpgb-facet.wpgb-facet-11 button, .single-wso_biomass .wso-grid-31 .wpgb-facet.wpgb-facet-11 button, .single-wso_biomass .wso-product-grid .wpgb-facet.wpgb-facet-11 button { display: none !important; } /*Arrows*/ .wp-grid-builder .wpgb-prev-button, .wp-grid-builder .wpgb-next-button { min-width: auto !important; min-height: auto !important; width: 2.5rem !important; height: 2.5rem !important; margin: 0 !important; transform: rotate(45deg) skew(12deg, 12deg); border-color: var(--color-2) !important; transform-origin: 50% 50%; outline: none !important; } #Wrapper .wp-grid-builder button.wpgb-next-button[hidden], #Wrapper .wp-grid-builder button.wpgb-prev-button[hidden] { opacity: 0; } .wp-grid-builder .wpgb-prev-button { border-bottom: 1px solid !important; border-left: 1px solid !important; } .wp-grid-builder .wpgb-next-button { border-top: 1px solid !important; border-right: 1px solid !important; } .wp-grid-builder .wpgb-prev-button svg, .wp-grid-builder .wpgb-next-button svg, .wp-grid-builder .wpgb-prev-button::after, .wp-grid-builder .wpgb-next-button::after { display: none; } .wp-grid-builder .wpgb-area-left { left: -4rem !important; } .wp-grid-builder .wpgb-area-right { right: -4rem !important; } .dark .wp-grid-builder .wpgb-prev-button, .dark .wp-grid-builder .wpgb-next-button { border-width: 2px; border-color: white !important; } #Wrapper .wp-grid-builder button.wpgb-next-button, #Wrapper .wp-grid-builder button.wpgb-prev-button { transform: none !important; border: 0 !important; height: 1.5rem !important; width: 4.5rem !important; } #Wrapper .wp-grid-builder button.wpgb-next-button:focus-visible, #Wrapper .wp-grid-builder button.wpgb-prev-button:focus-visible { outline: 2px solid var(--black) !important; } #Wrapper .wp-grid-builder button.wpgb-prev-button:after, #Wrapper .wp-grid-builder button.wpgb-next-button:after { content: '' !important; display: inline-block !important; position: relative !important; height: 100% !important; width: 100% !important; background: url(/wp-content/uploads/2021/12/long-arrow-1.svg) no-repeat center left; background-size: contain; opacity: 1 !important; visibility: visible !important; } #Wrapper .wp-grid-builder button.wpgb-prev-button:after { transform: rotate(-180deg) !important; background-position: center right; } #Wrapper .wp-grid-builder .wpgb-area-bottom-1 { justify-content: space-between !important; margin: 2rem 0 0 !important; } #Wrapper .wp-grid-builder.wpgb-grid-28 .wpgb-area-bottom-1 { margin: 0 !important; } .wpgb-grid-30 .wpgb-card .wpgb-card-wrapper { border: 1px solid var(--gray) !important; } /*Slider Bullets*/ .wp-grid-builder .wpgb-page-dots { margin-top: 2rem !important; width: auto !important; } #Wrapper .wp-grid-builder button + ol.wpgb-page-dots { margin: 0 !important; } .wp-grid-builder .wpgb-page-dots li { width: 1.5rem !important; height: 1.5rem !important; padding: 0 !important; margin: 0 .35rem !important; outline: none !important; } .wp-grid-builder .wpgb-page-dots li:focus-visible { outline: 2px solid var(--black) !important; } .wp-grid-builder .wpgb-page-dots .wpgb-dot:after { box-sizing: border-box; background-color: transparent !important; border: 1px solid var(--gray) !important; } .wp-grid-builder .wpgb-page-dots .wpgb-dot[aria-selected="true"]:after { background-color: var(--gray) !important; } .dark .wp-grid-builder .wpgb-page-dots .wpgb-dot:after { border: 2px solid var(--dark-gray) !important; } .dark .wp-grid-builder .wpgb-page-dots .wpgb-dot[aria-selected="true"]:after { background-color: white !important; } .wpgb-grid-29 .wpgb-area-top-2, .wpgb-grid-51 .wpgb-area-top-2, .wpgb-grid-52 .wpgb-area-top-2 { position: absolute !important; width: 143% !important; justify-content: space-between !important; left: -43% !important; top: 20% !important; z-index: 99 !important; max-width: none !important; } .wpgb-grid-29 .wpgb-area-top-2 { top: 16% !important; } .wpgb-grid-51 .wpgb-area-top-2 { top: 18% !important; } /*Filter Radio*/ .wpgb-facet .wpgb-hierarchical-list { text-align: center; } @media only screen and (min-width: 768px) { .wpgb-radio-facet .wpgb-hierarchical-list li { display: inline-block !important; margin: 0 1.5rem !important; border-radius: 0 !important; } } .wpgb-radio-facet .wpgb-radio-control { display: none !important; } .wpgb-radio-facet .wpgb-radio-label { font-size: .9rem !important; line-height: 1.4em !important; font-weight: 500 !important; letter-spacing: .2em !important; text-transform: uppercase !important; color: var(--gray) !important; padding: 0 !important; } .wpgb-radio-facet .wpgb-radio .wpgb-radio-label::after { content: " "; display: block; margin-top: .25em; border-bottom: 5px solid transparent; } .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] .wpgb-radio-label::after { border-bottom: 5px solid var(--red); } /*Pagination*/ .wpgb-pagination-facet { margin-top: 2rem; } .wpgb-facet .wpgb-pagination li { height: auto !important; min-width: 0 !important; margin: 0 !important; /* font-size: .9rem !important; */ /* line-height: 1.4em !important; */ font-weight: inherit !important; outline: none !important; } .wpgb-facet .wpgb-pagination li a, .wpgb-facet .wpgb-pagination li a:hover { padding: 0 .5rem !important; font-size: 1.25rem !important; /* line-height: inherit !important; */ font-weight: inherit !important; color: var(--dark-gray) !important; outline: none !important; } .wpgb-facet .wpgb-pagination li a[aria-current] { color: var(--red) !important; font-weight: 500 !important; } /*Loading Spinner*/ #Wrapper .wpgb-loader .wpgb-loader-6 * { color: var(--red) !important; background: var(--red) !important; } /* ================= Grid Slider ================= */ .wso-section-slider { background-color: #F8F8F9; z-index: 11; } .wso-section-slider:not(.wso-no-margin-bottom) .wpgb-grid-19 { overflow: visible !important; margin-bottom: 10rem !important; } .wso-section-slider .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider .wpgb-grid-19 .wpgb-main, .wso-section-slider .wpgb-grid-19 .wpgb-layout, .wso-section-slider .wpgb-grid-19 .wpgb-carousel, .wso-section-slider .wpgb-grid-19 .wpgb-masonry, .wso-section-slider .wpgb-grid-19 .wpgb-card { padding: 0 !important; margin: 0 !important; top: 0; bottom: 0; } .wso-section-slider:not(.wso-fullscreen), .wso-section-slider:not(.wso-fullscreen) .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider:not(.wso-fullscreen) .wpgb-grid-19 .wpgb-main, .wso-section-slider:not(.wso-fullscreen) .wpgb-grid-19 .wpgb-layout, .wso-section-slider:not(.wso-fullscreen) .wpgb-grid-19 .wpgb-carousel, .wso-section-slider:not(.wso-fullscreen) .wpgb-grid-19 .wpgb-masonry, .wso-section-slider:not(.wso-fullscreen) .wpgb-grid-19 .wpgb-card { height: 75vh !important; max-height: 70rem; } .wso-section-slider.wso-fullscreen, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-main, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-layout, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-carousel, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-masonry, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-card { /*height: 90vh !important;*/ min-height: 73vh !important; max-height: 40rem; /* overflow: visible !important; */ /* min-height: 40rem !important; */ padding-bottom: 4rem; } .wpgb-card-2 { overflow: hidden; } .wpgb-card-2 .wpgb-card-content, .wpgb-card-2 .wpgb-card-body, .wpgb-card-2 .wpgb-block-5, .wpgb-card-2 .wso-slider-skin-img { height: 100% !important; } .wpgb-card-2 .wpgb-block-1 { position: absolute !important; top: 50% !important; left: 50% !important; width: 100% !important; transform: translate(-50%, -50%) !important; text-align: center !important; z-index: 2 !important; display: inline-block !important; max-width: 100% !important; padding-left: var(--padding-big) !important; padding-right: var(--padding-standard) !important; } /* Pointer Events Slider Search Form */ #Wrapper .wpgb-card-2 .wpgb-block-1:has(.wso-searchbar) { cursor: pointer !important; pointer-events: all !important; } .wpgb-card-2 .wso-slider-skin-img::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--overlay-dark); z-index: 2; } .wp-grid-builder.wpgb-grid-19 .wpgb-area-left { left: 2rem !important; } .wp-grid-builder.wpgb-grid-19 .wpgb-area-right { right: 2rem !important; } .wp-grid-builder.wpgb-grid-19:not(.wpgb-enabled) .wpgb-layout { overflow: hidden !important; } .wp-grid-builder.wpgb-grid-19:not(.wpgb-enabled) div#circle-container { display: none !important; } #Wrapper .wpgb-grid-19 .wpgb-area-bottom-1 { position: static; /* bottom: 1.6rem; */ /* width: 100%; */ z-index: 3; /* margin: 0 !important; */ /*justify-content: flex-end !important;*/ padding: 0 6rem; justify-content: space-between !important; } .wpgb-grid-19 .wso-slider-skin-img.wso-heater { position: absolute !important; left: auto; right: 5rem; bottom: -7rem; } .wpgb-grid-19 .wso-slider-skin-img.wso-heater img { -webkit-animation-name: none !important; animation-name: none !important; } .wpgb-grid-19 .wpgb-card .wpgb-card-wrapper .wpgb-block-5 { background: url(/wp-content/uploads/2022/04/hargassner-flammen-slider-startseite.png) no-repeat center; background-size: cover; background-repeat: no-repeat; width: 60%; } .wpgb-grid-19 .wpgb-card .wpgb-card-wrapper .wpgb-block-5:has(.wso-search-slider) { width: 100%; } .wp-grid-builder .wpgb-card-2 .wpgb-card-content { background-color: var(--white); } .wpgb-grid-19 .wpgb-card .wpgb-card-body { background: transparent !important; display: flex; flex-direction: column; justify-content: space-between; } .wpgb-grid-19 .wso-slider-skin-img:before { content: none !important; } #Wrapper .dark .wpgb-grid-19 .wpgb-page-dots li.wpgb-dot:after { border-color: var(--gray) !important; } #Wrapper .dark .wpgb-grid-19 .wpgb-page-dots .wpgb-dot[aria-selected="true"]:after { background: var(--gray) !important; } #Wrapper .wpgb-grid-19 .wpgb-page-dots li { height: 1.3rem !important; width: 1.3rem !important; margin: 0 .4rem !important; } #Wrapper .wpgb-grid-19 .wpgb-page-dots { width: auto !important; /*margin-right: 4rem !important;*/ } .wpgb-grid-19 .wso-search-slider-content, .wpgb-grid-19 .wso-heater-content { text-align: left !important; } .wpgb-card-2 .wso-slider-skin-img.wso-classic { overflow: hidden !important; } .wpgb-card-2 .wso-slider-skin-img.wso-classic img { /* width: 75% !important; */ } @media only screen and (min-width: 1240px) { .wpgb-card-2 .wso-slider-skin-img.wso-classic img { width: 100% !important; /* margin-left: -5% !important; */ height: 100% !important; /* margin-top: -5% !important; */ } } .wpgb-grid-19 div#circle-container { position: absolute !important; right: 1rem; top: 2rem; font-weight: 300 !important; z-index: 10; } .wso-classic-content { width: 35% !important; float: right; text-align: left; margin: 0 !important; color: var(--dark-gray) !important; } #Wrapper .dark .wso-classic-content * { color: var(--dark-gray) !important; } .wpgb-card-2 .wso-slider-skin-img.wso-classic { position: relative; } .wpgb-card-2 .wso-slider-skin-img.wso-classic:before { content: '' !important; display: block !important; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; z-index: 1; background: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, .97) 100%); } #Wrapper .dark .wso-classic-content div#circle-container * { color: white !important; } #Wrapper .dark .wso-classic-content div#circle-container { color: white !important; left: 6rem !important; right: auto !important; top: auto !important; bottom: -7rem; } #Wrapper .dark .wso-classic-content a.button span.button_label:after { background: url(/wp-content/uploads/2021/11/plus-gray.svg) no-repeat center; background-size: contain !important; } #Wrapper .dark .wpgb-card-2 p.wso-h2:first-line { font-weight: 500 !important; } #Wrapper .dark .wso-classic-content .wso-heater-img, #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wso-heater-img { margin-bottom: -2rem; height: 10rem !important; /* margin-left: -6rem !important; */ display: block !important; position: relative !important; float: left; width: auto !important; margin-top: 2rem; } #Wrapper .dark .wso-classic-content .wso-heater-img { margin-bottom: -2rem; height: 10rem !important; /* margin-left: -6rem !important; */ display: block !important; position: relative !important; float: left; width: auto !important; margin-top: 2rem; } #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wso-heater-img { margin-bottom: -9.2rem; height: 20rem !important; margin-left: -6rem !important; display: block !important; position: relative !important; float: left; width: auto !important; margin-top: 2rem; } #Wrapper .dark .wso-classic-content .wso-heater-img:empty { display: none !important; } #Wrapper .dark .wso-classic-content .wso-heater-img img, #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wso-heater-img img { -o-object-fit: contain !important; object-fit: contain !important; -o-object-position: center center; object-position: center center; font-family: 'object-fit: contain; object-position: center;'; width: 100% !important; height: 100% !important; position: relative !important; display: inline-block !important; } .wso-highlight-button-slider .wso-circle-logo { left: -15%; top: 40%; } .wpgb-grid-19 div#circle-container.wso-classic-highlight { right: auto !important; left: 5rem; bottom: 4rem !important; top: auto !important; /* width: 100%; */ } .wpgb-grid-19 div#circle-container:after { content: ""; width: 9rem; height: 9rem; background-color: var(--dark-gray); position: absolute; left: -3.7rem; top: -0.25rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: -1; } .wpgb-block-2.wso-highlight-button-slider.dark { height: 100% !important; width: 100% !important; position: absolute !important; pointer-events: none !important; bottom: 0; width: 12rem; height: 12rem; } .wpgb-block-2.wso-highlight-button-slider.dark.wpgb-idle-scheme-1 { height: 100% !important; width: 100% !important; position: absolute !important; pointer-events: none !important; bottom: 0; width: 12rem; height: 12rem; } #Wrapper .wso-highlight-button-slider * { pointer-events: all !important; } /*KEN BURNS @media only screen and (min-width: 1240px) { .wpgb-card-2 .wso-slider-skin-img img { -webkit-animation-name: kenburns; animation-name: kenburns; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 30s; animation-duration: 30s; -webkit-animation-direction: alternate; animation-direction: alternate; opacity: 1; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .wpgb-card-2:nth-child(2n+1) .wso-slider-skin-img img { -webkit-animation-name: kenburns-1; animation-name: kenburns-1; } .wpgb-card-2:nth-child(2n+2) .wso-slider-skin-img img { -webkit-animation-name: kenburns-2; animation-name: kenburns-2; } } @-webkit-keyframes kenburns-1 { 0% { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } 100% { transform: scale3d(1.225, 1.225, 1.225) translate3d(-100px, -70px, 0px); } } @-webkit-keyframes kenburns-2 { 0% { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } 100% { transform: scale3d(1.2, 1.2, 1.2) translate3d(100px, 70px, 0px); } } */ #Wrapper .dark .wpgb-grid-19 .wpgb-page-dots .wpgb-dot[aria-selected="true"]:after { background-color: var(--dark-gray) !important; } #Wrapper .dark .wpgb-grid-19 .wpgb-page-dots li.wpgb-dot:after { border-color: var(--dark-gray) !important; } /* ================= Grid Skin 1 ================= */ .wpgb-card-1 .wpgb-card-body { text-align: center; padding: 2rem 2rem 1rem !important; } #Wrapper .wpgb-card-1 .wpgb-card-body h3, #Wrapper .wpgb-card-1 .wpgb-card-body .wso-h3 { position: relative; color: var(--dark-gray) !important; /* min-height: 4.8rem; */ } .wpgb-card-1 .wpgb-card-body h3::after, #Wrapper .wpgb-card-1 .wpgb-card-body .wso-h3::after { margin-bottom: 1rem !important; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1.2rem; } #Wrapper .wpgb-card-1 .wso-news-skin-event-date { margin-bottom: 0 !important; text-align: center; padding: 4rem 1rem 1rem; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5)); color: white !important; margin: 0 !important; } #Wrapper .section .wpgb-card-1 .wso-h4 { margin: 0 !important; } #Wrapper p.wso-news-skin-event-date.wso-h3 { margin: 0 !important; } #Wrapper .wpgb-card-3 p.wso-h3:not(.wso-news-skin-event-date), #Wrapper .wpgb-card-24 p.wso-h3:not(.wso-news-skin-event-date), #Wrapper .wpgb-card-23 p.wso-h3:not(.wso-news-skin-event-date) { font-weight: 300 !important; margin-bottom: 1rem !important; } @media only screen and (min-width: 768px) { #Wrapper .wso-cobbles-layout-3 .wpgb-card-3:first-child p.wso-h3:not(.wso-news-skin-event-date), #Wrapper .wso-grid-slider .wpgb-card-3 p.wso-h3:not(.wso-news-skin-event-date), #Wrapper .wso-cobbles-layout-3 .wpgb-card-24:first-child p.wso-h3:not(.wso-news-skin-event-date), #Wrapper .wso-grid-slider .wpgb-card-24 p.wso-h3:not(.wso-news-skin-event-date) { font-size: 3.15rem !important; } #Wrapper .wso-cobbles-layout-3 .wpgb-card-3:first-child p.wso-h3:not(.wso-news-skin-event-date):first-line, #Wrapper .wso-grid-slider .wpgb-card-3 p.wso-h3:not(.wso-news-skin-event-date):first-line, #Wrapper .wso-cobbles-layout-3 .wpgb-card-24:first-child p.wso-h3:not(.wso-news-skin-event-date):first-line, #Wrapper .wso-grid-slider .wpgb-card-24 p.wso-h3:not(.wso-news-skin-event-date):first-line { font-weight: 500 !important; } } #Wrapper .wso-section-grid .wpgb-card-3 p.wso-h4, #Wrapper .wso-section-grid .wpgb-card-3 p.wso-h5, #Wrapper .wso-section-grid .wpgb-card-24 p.wso-h4, #Wrapper .wso-section-grid .wpgb-card-24 p.wso-h5, #Wrapper .wso-section-grid .wpgb-card-23 p.wso-h4, #Wrapper .wso-section-grid .wpgb-card-23 p.wso-h5 { font-weight: 500 !important; } .wpgb-card-1 .wso-news-skin-event-date-highlight { position: absolute; right: 0; width: 3.5rem; background: var(--red) !important; padding: .5rem .7rem !important; font-size: .8rem !important; text-align: center !important; font-weight: 300 !important; } .wso-news-skin-event-date-highlight span { display: block; text-transform: uppercase !important; } .wso-news-skin-event-date-highlight-d { font-size: 1.8em !important; line-height: 1.25em !important; font-weight: 300 !important; } .wso-news-skin-event-date-highlight-d::after { content: " "; width: 1.8rem; display: block; margin: .2rem auto; border-bottom: 1px solid; } #Wrapper .wpgb-grid-50.wso-news-cobbles .wpgb-card-media-thumbnail div { background-position: right top !important; } #Wrapper .wso-hide-grid-areas .wpgb-grid-50.wso-news-cobbles .wpgb-area, #Wrapper .wso-hide-grid-areas .wpgb-grid-57.wso-news-cobbles .wpgb-area { display: none !important; } /* ================= Grid Skin 2 ================= */ .wpgb-card-3 .wpgb-card-media-content, .wpgb-card-23 .wpgb-card-media-content { z-index: 1; justify-content: flex-end !important; width: 100%; position: relative !important; height: 100% !important; } .wpgb-card-3 .wpgb-card-media-thumbnail, .wpgb-card-23 .wpgb-card-media-thumbnail { display: none !important; } #Wrapper .wpgb-card-3 .wpgb-card-media-content-center, #Wrapper .wpgb-card-23 .wpgb-card-media-content-center { position: absolute; height: 100%; z-index: -1; overflow: hidden; } #Wrapper .wpgb-card-3 .wpgb-card-media-content-center .wpgb-block-4, #Wrapper .wpgb-card-23 .wpgb-card-media-content-center .wpgb-block-4 { height: 100%; } #Wrapper .wpgb-card-3 .wpgb-card-media-content-center img, #Wrapper .wpgb-card-23 .wpgb-card-media-content-center img { width: 100%; height: 100%; -o-object-fit: cover !important; object-fit: cover !important; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all ease var(--transition-normal); -webkit-transition: all ease var(--transition-normal); -moz-transition: all ease var(--transition-normal); -ms-transition: all ease var(--transition-normal); -o-transition: all ease var(--transition-normal); } #Wrapper .wpgb-card-3:hover .wpgb-card-media-content-center img, #Wrapper .wpgb-card-23:hover .wpgb-card-media-content-center img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .wpgb-card-3 .wpgb-card-media-content-top, .wpgb-card-23 .wpgb-card-media-content-top { padding: 1.5rem 1.5rem 4rem 4rem !important; display: inline-block !important; position: relative !important; margin: 0 !important; } .wpgb-card-3 .wpgb-card-media-content-bottom, .wpgb-card-23 .wpgb-card-media-content-bottom { padding: 1.5rem 1.5rem 1.5rem 4rem !important; /*display: inline-block !important; position: relative !important;*/ } .wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-1, .wpgb-card-23 .wpgb-card-media-content-bottom .wpgb-block-1 { text-align: left; } #Wrapper .wso-grid-slider .wpgb-card-3 .wpgb-card-media-content-top, #Wrapper .wso-grid-slider .wpgb-card-23 .wpgb-card-media-content-top { padding: 1.5rem 2rem 2.5rem 4rem !important; } .wpgb-card-3 .wpgb-card-media-content-top:before, .wpgb-card-23 .wpgb-card-media-content-top:before, .wso-img-box.column_image .wp-caption-text:before { content: ''; display: block; height: 100%; width: 1px; background-color: white !important; left: 2rem; position: absolute; top: 1.75rem !important; } .wpgb-card-3 .wpgb-card-media-content-top .wpgb-block-2, .wpgb-card-23 .wpgb-card-media-content-top .wpgb-block-2 { overflow: hidden; color: var(--white) !important; } .wpgb-card-3 .wpgb-card-media-content-top .wpgb-block-2 p:not(.wso-h3):not(.wso-h4), .wpgb-card-23 .wpgb-card-media-content-top .wpgb-block-2 p:not(.wso-h3):not(.wso-h4) { transition: all var(--transition-long) ease-in-out !important; -webkit-transition: all var(--transition-long) ease-in-out !important; -moz-transition: all var(--transition-long) ease-in-out !important; -ms-transition: all var(--transition-long) ease-in-out !important; -o-transition: all var(--transition-long) ease-in-out !important; } /*.wpgb-card-3:not(:hover) .wpgb-card-media-content-center .wpgb-block-2 p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) /*, .wpgb-card-23:not(:hover) .wpgb-card-media-content-center .wpgb-block-2 p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { max-height: 0; margin-bottom: .5rem !important; opacity: 0; }*/ /*#Wrapper .wpgb-card-3:not(:hover) .wpgb-card-media-content-center .wpgb-block-2 a.button, #Wrapper .wpgb-card-23:not(:hover) .wpgb-card-media-content-center .wpgb-block-2 a.button { max-height: 0; opacity: 0; }*/ #Wrapper .wso-grid-slider .wpgb-card-3 .wpgb-card-media-content-top .wpgb-block-2 p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6), #Wrapper .wso-grid-slider .wpgb-card-23 .wpgb-card-media-content-top .wpgb-block-2 p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { max-height: none !important; margin-bottom: 1rem !important; opacity: 1 !important; font-size: 1.75rem !important; line-height: 1.25em !important; } #Wrapper .wso-grid-slider .wpgb-card-3:not(:hover) .wpgb-card-media-content-top .wpgb-block-2 a.button, #Wrapper .wso-grid-slider .wpgb-card-23:not(:hover) .wpgb-card-media-content-top .wpgb-block-2 a.button { max-height: none !important; opacity: 1 !important; } #Wrapper .section .wpgb-card-3 .wpgb-card-media-content-bottom, #Wrapper .section .wpgb-card-23 .wpgb-card-media-content-bottom { height: 100%; display: flex; align-items: flex-end; } #Wrapper .section .wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-1 a.button, #Wrapper .section .wpgb-card-23 .wpgb-card-media-content-bottom .wpgb-block-1 a.button { float: left; color: white !important; transition: all var(--transition-long) ease-in-out !important; margin-left: 0 !important; position: static; -webkit-transition: all var(--transition-long) ease-in-out !important; -moz-transition: all var(--transition-long) ease-in-out !important; -ms-transition: all var(--transition-long) ease-in-out !important; -o-transition: all var(--transition-long) ease-in-out !important; } #Wrapper .section .wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-1 a.button:focus-visible, #Wrapper .section .wpgb-card-23 .wpgb-card-media-content-bottom .wpgb-block-1 a.button:focus-visible { outline: 2px solid var(--white) !important ; } #Wrapper .section .wpgb-card-3 .wpgb-card-media-content-center .wpgb-block-2, #Wrapper .section .wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-1 { position: relative; background-color: black; display: contents; } #Wrapper .section .wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-1 a.button:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; } /*.wpgb-card-3:hover .wpgb-card-media-content-center .wpgb-block-2 p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6),*/ .wpgb-card-23:hover .wpgb-card-media-content-center .wpgb-block-2 p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { max-height: 9rem; margin-bottom: .5rem !important; } .wpgb-card-3 .wpgb-card-media-content-center::before, .wpgb-card-23 .wpgb-card-media-thumbnail::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.9)); z-index: 1; pointer-events: none; transition: all var(--transition-normal) ease-in-out !important; -webkit-transition: all var(--transition-normal) ease-in-out !important; -moz-transition: all var(--transition-normal) ease-in-out !important; -ms-transition: all var(--transition-normal) ease-in-out !important; -o-transition: all var(--transition-normal) ease-in-out !important; } .wpgb-card-23 .wpgb-card-media-thumbnail a div { background-color: black; } /*.wpgb-card-3:hover .wpgb-card-media-thumbnail::before,*/ .wpgb-card-23:hover .wpgb-card-media-thumbnail::before { background-color: var(--overlay-dark); } .wpgb-card-3 .wpgb-card-media-content-top .wso-news-skin-event-date-highlight { padding-top: 1rem !important; background: linear-gradient(360deg, transparent, rgba(0, 0, 0, .5)); } .wpgb-card-3 .wso-h4, .wpgb-card-23 .wso-h4 { color: white !important; } /* ================= Grid Cobbles ================= */ @media only screen and (min-width: 768px) { div[class*="wso-cobbles-layout"] .wpgb-viewport { height: auto !important; } div[class*="wso-cobbles-layout"] .wpgb-card { top: auto !important; left: auto !important; position: relative !important; transform: none !important; overflow: hidden !important; float: left; border: 10px solid transparent !important; /* min-height: 30rem; */ } } /* ================= Grid Cobbles 1 ================= */ @media only screen and (min-width: 768px) { .wso-cobbles-layout-1 .wpgb-card { width: 33.33% !important; } .wso-cobbles-layout-1 .wpgb-card:nth-child(6n + 1) { height: auto !important; } .wso-cobbles-layout-1 .wpgb-card:nth-child(6n + 1) .wpgb-card-inner { padding-top: calc(90% * 2 - 8px) !important; vertical-align: bottom; } .wso-cobbles-layout-1 .wpgb-card:nth-child(6n + 4), .wso-cobbles-layout-1 .wpgb-card:nth-child(6n + 5) { width: 66.66% !important; } } /* ================= Grid Cobbles 2 ================= */ @media only screen and (min-width: 1240px) { .wso-cobbles-layout-2 .wpgb-card { width: 25% !important; } .wso-cobbles-layout-2 .wpgb-card:nth-child(9n + 4) { height: auto !important; } .wso-cobbles-layout-2 .wpgb-card:nth-child(9n + 4) .wpgb-card-inner { padding-top: calc(90% * 2 - 10px) !important; vertical-align: bottom; } .wso-cobbles-layout-2 .wpgb-card:nth-child(9n + 1), .wso-cobbles-layout-2 .wpgb-card:nth-child(9n + 9) { width: 50% !important; } } /* ================= Grid Cobbles 3 ================= */ @media only screen and (min-width: 768px) { .wso-cobbles-layout-3 .wpgb-card { width: 33.33% !important; } /*.wso-cobbles-layout-3 .wpgb-card:nth-child(4n + 4),*/ .wso-cobbles-layout-3 .wpgb-card:nth-child(5n + 1) { width: 66.66% !important; } .wp-grid-builder.wpgb-enabled .wpgb-card.wpgb-no-result { width: 100% !important; } } .wp-grid-builder.wpgb-enabled:not(.wpgb-grid-46):has(.wpgb-card.wpgb-no-result) { display: none; } /* ================= Grid Cobbles 4 ================= */ @media only screen and (min-width: 1240px) { .wso-cobbles-layout-4 .wpgb-card { width: 25% !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 1) { height: auto !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(8n + 5) { float: right; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 1) .wpgb-card-inner { padding-top: calc(90% - 19px) !important; vertical-align: bottom; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 4), .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 1) { width: 50% !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 5) { clear: both; } } /* ================= Grid Team ================= */ .wpgb-card-5 .wpgb-card-wrapper { padding-top: 30% !important; } .wpgb-card-5 .wpgb-card-media { position: absolute !important; top: 0; left: 50%; z-index: 4; width: 40%; border-radius: 50%; transform: translate(-50%, -50%) !important; } .wpgb-card-5 .wpgb-card-body { border: 1px solid var(--color-2) !important; padding: 30% 2rem 3rem !important; } #Wrapper .wpgb-card-5 .wpgb-block-5 .wso-h4:nth-child(2) { font-weight: 300 !important; } .wpgb-card-5 .wso-team-link { display: block !important; } #Wrapper .wpgb-card-5 .button { margin-top: 2rem !important; } /* ================= Grid Testimonials ================= */ .wpgb-grid-28 { margin-top: 5rem !important; } @media only screen and (min-width: 960px) { .wpgb-grid-28 { padding: 0 10%; } } .wpgb-card-6 .wpgb-card-media { display: none !important; } .wpgb-card-6 img { position: absolute !important; top: -6rem; left: 50%; z-index: 4; width: 9rem; border-radius: 50%; aspect-ratio: 1 / 1; transform: translate(-50%, -50%) !important; -o-object-fit: cover; object-fit: cover; } .wpgb-card-6 .wpgb-card-body { /* background-color: var(--gray) !important; */ padding: 6rem 1rem 0rem !important; text-align: center !important; } .wpgb-card-6 p:not(.wso-h2) { /* color: white !important; */ } .wpgb-card-6 .wpgb-block-5 { position: relative; } .wso-testimonial-name span { display: inline-block !important; float: left; text-align: center !important; position: relative !important; } #Wrapper .wp-grid-builder .wpgb-card-6 p.wso-h5.wso-testimonial-name { margin: 0 !important; text-align: center !important; display: inline-block !important; position: relative !important; } #Wrapper .wp-grid-builder .wpgb-card-6 .wpgb-card-body { background: transparent !important; } /* ================= Grid Client ================= */ .wpgb-card-4 .wpgb-card-media-thumbnail { width: 60% !important; left: 50% !important; transform: translateX(-50%) !important; } .wpgb-card-4 .wpgb-card-media-thumbnail div { background-size: contain !important; } .wpgb-card-4 .wpgb-card-media-content-center, .wpgb-card-4 .wpgb-block-2 { position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; height: 100%; } @media only screen and (min-width: 768px) { .wpgb-grid-23 .wpgb-layout { margin: 0 7rem !important; } .single-wso_reference #Wrapper div#intro { padding-top: 8rem !important; } } .wpgb-grid-24 .wpgb-wrapper::before { content: ''; width: 100%; height: 100%; position: absolute; border: 1px solid #ffffff; box-sizing: border-box; z-index: 2; pointer-events: none; } .wpgb-grid-24 .wpgb-card-4 .wpgb-card-wrapper { border: 1px solid #f2f2f2; box-sizing: border-box; } .wpgb-card-6 .wpgb-card-inner:before { content: ''; display: block; position: absolute; height: 4.5rem; width: 4.5rem; background: url(/wp-content/uploads/2022/02/quotationmark.svg) no-repeat center; background-size: contain; top: -5rem; left: 38.5% !important; transform: translateX(-50%) !important; z-index: 10; } .section.mcb-section.wso-section-grid.wso-grid-28 { padding-top: 5rem !important; } /* ============================================ PRODUKT GRID ============================================ */ #Wrapper .wpgb-card-8 .wso-product-card-div { padding: 3rem 1.25rem .5rem !important; border: 1px solid var(--dark-gray) !important; height: 100% !important; display: flex; flex-direction: column; align-items: center; justify-content: space-between; transition: all .15s ease-out; background: transparent !important; text-align: center !important; } #Wrapper .wpgb-card-8 .wso-title-reversed .wso-icon-dark, #Wrapper .wpgb-card-8 .wso-title-reversed .wso-icon-light { order: 1; } #Wrapper .wpgb-card-8:hover .wso-product-card-div { border: 1px solid var(--red) !important; } @media only screen and (max-width:767px) { .wpgb-card .wso-product-card-div.wso-product:after, .wso-grid-32 .wpgb-card .wso-product-card-div.wso-product:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/wp-content/uploads/2021/12/flammen-4.svg); background-position: center; background-size: cover; z-index: 0; opacity: 0; transition: all .15s ease-out; } } #Wrapper .wpgb-card-8 p.wso-h4:before, #Wrapper .wpgb-card-8 p.wso-h5:before { content: ''; display: block; position: absolute; left: 50%; height: 2.5rem; width: 1px; background: var(--dark-gray); top: 0rem; transform: translateX(-50%); } #Wrapper .wpgb-card.wpgb-card-8:hover .wso-product-card-div p.wso-h4:before, #Wrapper .wpgb-card.wpgb-card-8:hover .wso-product-card-div p.wso-h5:before, #Wrapper .wso-product-grid.wso-grid-slider .wpgb-card-8:hover p.wso-h4:after, #Wrapper .wso-product-cat-grid .wpgb-card-8:hover p.wso-h5:after { background: white !important; } #Wrapper .wp-grid-builder .wpgb-card.wpgb-card-3 a.button, #Wrapper .wp-grid-builder .wpgb-card.wpgb-card-23 a.button { margin-right: 0 !important; } .wso-product-grid:not(.wso-grid-slider) .wpgb-card .wso-icon-dark, .wso-product-grid:not(.wso-grid-slider) .wpgb-card .wso-icon-light { display: none !important; } #Wrapper .wso-product-grid:not(.wso-grid-slider) .wpgb-card:hover .wso-product-card-div.wso-equipment .wso-icon-light { /* display: none !important; */ } #Wrapper .wso-product-grid:not(.wso-grid-slider) .wpgb-card:hover .wso-product-card-div.wso-equipment .wso-icon-dark, #Wrapper .wso-product-grid:not(.wso-grid-slider) .wpgb-card .wso-product-card-div.wso-equipment .wso-icon-dark { /* display: inline-block !important; */ } #Wrapper .wp-grid-builder .wpgb-card-8 .wpgb-block-1 { height: 100% !important; } #Wrapper .wso-section-grid .wpgb-card-8 p.wso-h5 + p.wso-h5 { display: none !important; } #Wrapper .wp-grid-builder .wso-product-thumbnail { height: 10rem; transition: all .15s ease-out; margin-top: 1rem !important; margin-bottom: 1rem !important; width: 100% !important; z-index: 2; } #Wrapper .wp-grid-builder .wso-product-thumbnail img { -o-object-fit: contain; object-fit: contain; -o-object-position: center bottom; object-position: center bottom; font-family: 'object-fit: contain; object-position: center;'; width: 100% !important; height: 100% !important; transition: all .15s ease-out; } /* #Wrapper .section:not(.wso-bg-white) .wp-grid-builder .wso-product-thumbnail, #Wrapper .section:not(.wso-bg-white) .wp-grid-builder .wpgb-card:hover .wso-product-thumbnail{ height: 11rem !important; width: 11rem !important; border-radius: 50% !important; overflow: hidden; margin-top: 0rem !important; background: white !important; margin-bottom: 1rem !important; } #Wrapper .section:not(.wso-bg-white) .wp-grid-builder .wpgb-card:hover .wso-product-thumbnail { height: 9rem !important; width: 9rem !important; } #Wrapper .section:not(.wso-bg-white) .wp-grid-builder .wso-product-thumbnail img { -o-object-position: center center; object-position: center center; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover; object-position: center;'; } #Wrapper .wso-product-card-content a.button { height: 0 !important; opacity: 0 !important; margin-top: 2rem !important; transition: all .15s ease-out; } #Wrapper .wpgb-card:hover .wso-product-card-content a.button { height: auto !important; opacity: 1 !important; }*/ #Wrapper .wso-product-card-content p.wso-h3 { font-weight: 300 !important; } #Wrapper .wso-product-card-content p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { font-weight: 500 !important; } #Wrapper .wp-grid-builder .wpgb-card:hover .wso-product-thumbnail { /* margin: 4rem 0 1rem !important; */ /* height: 7rem !important; */ margin-top: 0 !important; scale: 0.8; } #Wrapper .wp-grid-builder .wpgb-card .wso-product-card-content { margin-top: 0rem !important; /*margin-bottom: -3rem !important; */ transition: all .15s ease-out; z-index: 3; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -ms-transition: all .15s ease-out; -o-transition: all .15s ease-out; } .wpgb-card .wso-product-card-div:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/wp-content/uploads/2021/12/flammen-4.svg); background-position: center; background-size: cover; z-index: 0; opacity: 0; transition: all .15s ease-out; }/* .wso-grid-32 .wpgb-card .wso-product-card-div.wso-product:after { background: linear-gradient(180deg,rgba(223, 3, 15, 1) 0%, rgba(156, 2, 2, 1) 80%, rgba(140, 0, 0, 1) 100%); }*/ .wpgb-card .wso-product-card-div.wso-product.wso-heat-product:after { background-image: url(/wp-content/uploads/2024/02/airflow-m-waermepumpe-hargassner-welle.svg) !important; } .wpgb-card:hover .wso-product-card-div:after { opacity: 1 !important; } .wpgb-card .wso-product-card-div.wso-product * { background: transparent !important; } .wpgb-card:hover .wso-product-card-div * { color: var(--white) !important; } .wpgb-card:hover .wso-product-card-div a.button span.button_label:after { background-image: url("/wp-content/uploads/2021/11/plus-white.svg") !important; } #Wrapper .wso-product-grid .wpgb-card:hover .wso-icon-dark, #Wrapper .wso-product-grid .wpgb-card:not(:hover) .wso-icon-light { display: none !important; } #Wrapper .wso-product-grid .wpgb-card .wso-icon-light, #Wrapper .wso-product-grid .wpgb-card .wso-icon-dark { width: 100% !important; display: inline-block !important; margin-bottom: .5rem !important; height: 3rem !important; } #Wrapper .wso-product-grid .wpgb-card .wso-icon-light img, #Wrapper .wso-product-grid .wpgb-card .wso-icon-dark img { height: 100% !important; } #Wrapper .wso-product-grid.wso-grid-slider .wpgb-card-8 p.wso-h4:before, #Wrapper .wso-product-cat-grid .wpgb-card-8 p.wso-h5:before { content: none !important; } #Wrapper .section .wpgb-card-8 p.wso-h5.wso-hargassner-logo:before { content: '' !important; width: 100% !important; display: inline-block !important; margin-bottom: 0 !important; height: 3rem !important; position: relative !important; transform: none !important; left: 0 !important; background: url(/wp-content/uploads/2022/11/hargassner-favicon.svg) no-repeat center; background-size: contain; } #Wrapper .section .wpgb-card.wpgb-card-8:hover p.wso-h5.wso-hargassner-logo:before { background: url(/wp-content/uploads/2021/11/hargassner-white-letter.svg) no-repeat center !important; background-size: contain !important; background-color: transparent !important; } #Wrapper .wso-product-grid.wso-grid-slider .wpgb-card-8 p.wso-h4:after, #Wrapper .wso-product-cat-grid .wpgb-card-8 p.wso-h5:after { position: relative !important; content: ''; display: block; left: 0; height: 2.5rem; width: 1px; background: var(--dark-gray); top: 0rem; margin: 1.5rem auto !important; } #Wrapper .wso-product-cat-grid .wso-product-card-content p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { font-weight: 300 !important; transition: all .15s ease-out; }/* #Wrapper .wso-product-cat-grid .wpgb-card:hover .wso-product-card-content p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { height: 0 !important; opacity: 0 !important; } #Wrapper .wso-product-cat-grid .wso-product-card-content a.button { /* margin-top: 0 !important; }*/ #Wrapper .wpgb-card-8 .wso-product-card-content { position: static !important; } #Wrapper .wpgb-card-8 .wso-product-card-content a.button { position: static; } #Wrapper .wpgb-card-8 .wso-product-card-content a.button:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #Wrapper .wso-product-cat-grid .wso-product-thumbnail { height: 12rem !important; margin: 0 !important; pointer-events: none !important; position: absolute !important; bottom: -5rem; } #Wrapper .wso-product-cat-grid .wso-product-card-content { margin-bottom: 10rem !important; position: static !important; display: inline-block !important; width: 100% !important; } #Wrapper .wso-product-cat-grid .wpgb-card:hover .wso-product-thumbnail { height: 14rem !important; /* margin-bottom: -5rem !important; */ scale: 1; } #Wrapper .wso-product-cat-grid .wpgb-card-8 .wso-product-card-div { height: 37rem !important; } #Wrapper .wso-product-cat-grid.wso-iframe-grid .wpgb-card-8 .wpgb-card-header { margin-bottom: 4rem; } #Wrapper .wso-product-cat-grid .wpgb-viewport.wpgb-carousel { overflow: visible !important; width: 92.5% !important; } #Wrapper .wso-product-cat-grid .wpgb-layout { margin-bottom: 6rem !important; } .wpgb-grid-34 .wpgb-viewport { height: auto !important; } .wpgb-grid-34 .wpgb-masonry { display: flex !important; flex-direction: row !important; height: 100% !important; width: 100% !important; flex-wrap: nowrap; justify-content: space-evenly; } .wpgb-grid-34 .wpgb-masonry .wpgb-card { position: relative !important; top: 0 !important; left: auto !important; flex-basis: 48% !important; margin: 0 .5rem 6rem !important; height: auto !important; } @media only screen and (max-width:1499px) { #Wrapper .wso-product-cat-grid .wso-product-thumbnail { height: 10rem !important; } #Wrapper .wso-product-cat-grid .wpgb-card:hover .wso-product-thumbnail { height: 12rem !important; } #Wrapper .wp-grid-builder .wso-product-thumbnail { height: 12rem; } #Wrapper .wp-grid-builder .wpgb-card:hover .wso-product-thumbnail { scale: 1; } } @media only screen and (max-width:767px) { .wpgb-card .wso-product-card-div.wso-product a.button span.button_label:after { background-image: url("/wp-content/uploads/2021/11/plus-white.svg") !important; } } /* ============================================ NEWS DETAILSEITE ============================================ */ #Wrapper #news-intro a.button { display: block; } #Wrapper #news-intro h1, div#jobprofile-intro h1 { margin: 0 !important; } #Wrapper #news-intro h3, #Wrapper #news-intro .wso-h3 { font-weight: 300 !important; } #Wrapper #news-intro p.wso-event-date.wso-h3 { font-size: 3.3rem !important; margin-top: 2rem !important; } div#news-intro .section .section_wrapper.mcb-section-inner, div#jobprofile-intro .section .section_wrapper.mcb-section-inner { max-width: 100% !important; } #news-intro.wso-section-multi-column .wrap .section .wrap.one:last-child:only-child { margin: 0 !important; width: 100% !important; left: 0 !important; right: auto !important; position: relative !important; padding: 0 !important; } div#jobprofile-intro .wso-section-text-img:not(.full-width) .wrap:last-child:only-child { width: 100% !important; position: relative !important; padding: 0 !important; right: 0 !important; left: 0 !important; text-align: center !important; } /* ============================================ PRODUKT DETAILSEITE ============================================ */ .wso-cta-brochure { position: fixed !important; /*bottom: 0;*/ top: 6rem !important; left: 0 !important; z-index: 99 !important; background: var(--red) !important; padding: .15rem 1rem .15rem !important; right: 0; text-align: center !important; } .wso-cta-brochure a#wso-order-brochure { width: 100% !important; text-align: center !important; margin: 1rem 0 0.75rem !important; } #Wrapper .wso-cta-brochure + div#heizungsintro { padding-top: 3rem !important; } .wso-tax-icon-div .wso-tax-icon { display: block !important; } .wso-tax-icon-div { display: inline-block !important; width: 100% !important; } #details iframe { min-height: 35rem; } #details .section.mcb-section.wso-section-text { position: relative !important; float: left; width: 100% !important; } #details .wso-section-text-img .column_image.wso-img-proportional img { -o-object-fit: scale-down !important; object-fit: scale-down !important; font-family: 'object-fit: scale-down; object-position: center;'; } .single-wso_heat_pump div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img > .section_wrapper.mcb-section-inner { /*max-width: 100% !important;*/ } .single-wso_heater #Wrapper .section.mcb-section.wso-section-breaker.wso-map-cta + div#news, #Wrapper .section.mcb-section.wso-section-breaker.wso-map-cta + .section.wso-grid-17 { margin-top: -6rem; } .single-wso_heater #Wrapper .wpgb-facet.wpgb-facet-19 { display: none; } .single-wso_heater .wpgb-grid-40 .wpgb-area-bottom-1 { display: none !important; } .single-wso_heater #Wrapper #Content a.button.wso-absolute-back-button { top: 1.5rem !important; } div#ankerlinks .column_attr.clearfix { display: flex; flex-direction: row; justify-content: space-around; align-items: center !important; align-self: center !important; width: 100% !important; } div#ankerlinks .column_attr.clearfix:before, div#ankerlinks .column_attr.clearfix:after { content: none !important; } #Wrapper div#ankerlinks { padding: 3rem 0 !important; transition: .2s all !important; } #Wrapper div#ankerlinks.wso-fixed-position { position: fixed !important; top: 8rem !important; z-index: 99999 !important; padding: .5rem 0 1rem 0 !important; width: 100% !important; background: white !important; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%) !important; } html.wst-ls-visible.wst-ls-fixed #Wrapper div#ankerlinks.wso-fixed-position { top: 8rem !important; } .wso-burger-menu-active #Wrapper div#ankerlinks.wso-fixed-position { z-index: 99 !important; } div#ankerlinks a { font-weight: 500 !important; font-size: .85rem !important; text-decoration: none !important; display: inline-block !important; position: relative !important; line-height: 2.5em !important; letter-spacing: .15em !important; width: auto !important; /*margin: 0 !important;*/ } div#ankerlinks a.wso-sublinks.swiper-slide { /*padding: 0 1rem !important;*/ } div#ankerlinks a.wso-sublinks.swiper-slide:after { width: calc(100% - 2rem) !important; left: 1rem !important; } div#ankerlinks .swiper { margin: 0 auto !important; width: 90% !important; overflow: visible !important; } div#ankerlinks .swiper-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center !important; align-self: center !important; /* width: 100% !important; */ /* right: 0 !important; */ } div#ankerlinks a:after { content: ''; display: block; position: absolute; width: 100%; height: 5px; background: var(--red); bottom: 0 !important; opacity: 0 !important; } div#ankerlinks a:hover:after { opacity: 1 !important; } div#ankerlinks .swiper:before, div#ankerlinks .swiper:after { content: ''; display: block; position: absolute; height: 100%; width: 3rem; right: -2rem; top: 0; z-index: 4; pointer-events: none !important; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } div#ankerlinks .swiper:before { background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); right: auto !important; left: -2rem !important; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: -1.25rem !important; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: -1.25rem !important; /*display: none !important;*/ } div#ankerlinks .swiper-wrapper { /* width: 85% !important; */ /* margin: 0 auto; */ } .swiper-button-next:after, .swiper-button-prev:after { font-size: 1.5rem !important; } .swiper-button-next, .swiper-button-prev { color: var(--red) !important; line-height: 1em !important; } #Wrapper div#heizungsintro.wso-section-intro { background: var(--red) !important; overflow: visible; z-index: 9; padding: 0 !important; } #Wrapper div#heizungsintro .wso-hero-img::after { content: none !important; } .single-wso_heat_pump div#heizungsintro:before { background-image: url(/wp-content/uploads/2024/02/airflow-m-waermepumpe-hargassner-welle.svg); background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 13rem; } div#heizungsintro:before { content: ''; display: block; position: absolute; bottom: 0; height: 10rem; width: 100%; background: url(/wp-content/uploads/2021/12/flammen-4.svg); background-repeat: repeat-x; background-position: center bottom; z-index: -1; } div#heizungsintro .wrap.wso-hero-img { position: absolute !important; z-index: 99; overflow: visible !important; float: right !important; width: 70% !important; height: 110%; right: 0; left: auto; max-height: 110% !important; pointer-events: none !important; z-index: -1; } #Wrapper div#heizungsintro .column_attr.clearfix .column_button { display: flex; flex-direction: column; } #Wrapper div#heizungsintro .column_attr.clearfix a.button { margin-left: 0 !important; display: inline-block !important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } html[lang="fr-FR"] #Wrapper #heizungsintro #wso-download-brochure, html[lang="fr-FR"] #Wrapper #benefits #wso-download-brochure { display: none !important; } #Wrapper div#heizungsintro .column_attr.clearfix a.button:focus { outline: 2px solid var(--white) !important; } div#heizungsintro .section_wrapper.mcb-section-inner { position: relative !important; overflow: visible !important; } div#heizungsintro .column_attr.clearfix, div#heizungsintro .column_attr.clearfix * { text-align: left !important; color: white !important; } div#heizungsintro .column_attr.clearfix p { max-width: 100% !important; } div#heizungsintro .column_attr.clearfix p.wso-h4 { font-weight: 500 !important; } div#heizungsintro .column_attr.clearfix p.wso-h1 b { color: white !important; font-weight: 600 !important; display: block; } div#heizungsintro .column_attr.clearfix p.wso-h3 { font-weight: 300 !important; margin-bottom: 3rem !important; } div#heizungsintro .wrap:not(.wso-hero-img) { padding: 6rem 0 !important; width: 45%; } div#heizungsintro .wrap.wso-hero-img img { max-height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; } .wso-tax-icon img { width: 4rem; } .wso-intro-benefits { position: absolute; right: 5rem; width: 18rem; top: 50%; transform: translateY(-50%); z-index: 99; } html[lang="de-AT"] #Wrapper .wso-intro-benefits li span, html[lang="de"] #Wrapper .wso-intro-benefits li span, html[lang="de-DE"] #Wrapper .wso-intro-benefits li span { font-size: 0.9rem; } @media only screen and (min-width: 1240px) { html[lang="de-AT"] .wso-intro-benefits, html[lang="de-DE"] .wso-intro-benefits, html[lang="fr-FR"] .wso-intro-benefits, html[lang="en-GB"] .wso-intro-benefits, html[lang="en-US"] .wso-intro-benefits, html[lang="fr-CA"] .wso-intro-benefits, html[lang="es-ES"] .wso-intro-benefits { top: 45%; } } .wso-intro-benefits li span { background: white; color: var(--dark-gray); font-weight: 500; padding: .45em .75em .25em !important; display: inline !important; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 2em !important; vertical-align: middle !important; } #Wrapper .wso-intro-benefits li span { background: none !important; color: white !important; } .wso-intro-benefits ul li { -webkit-box-decoration-break: clone; box-decoration-break: clone; margin: 1rem 0 !important; } .wso-intro-benefits ul li:before { content: ''; display: inline-block; position: relative; height: 2rem; width: 4rem; background: url(/wp-content/uploads/2021/12/benefit-icon.svg) no-repeat center right; background-size: contain; margin-left: -3.99rem; vertical-align: middle !important; margin-top: -.1em !important; } #Wrapper div#benefits:not(.dark) .wso-h2 b, #Wrapper div#benefits:not(.dark) h2 b, #Wrapper div#target-group .wso-h2 b, #Wrapper div#technical-data .wso-h2 b, #Wrapper div#contact-person:not(.wso-section-breaker) .wso-h2 b { color: var(--dark-gray) !important; } #Wrapper .wp-grid-builder .wpgb-card-7 .wpgb-card-content { justify-content: flex-end !important; } #Wrapper .wp-grid-builder .wpgb-card-7 .wpgb-card-content .wpgb-card-body { flex: none; } #Wrapper .wso-heater-models-table { text-align: center !important; float: left !important; } #Wrapper .wso-heater-models-table div { min-height: 3.55rem; padding: 1rem; line-height: 1.55em !important; font-size: 1rem !important; font-weight: 300 !important; float: left !important; width: 100% !important; } #Wrapper .wso-heater-models-table div.wso-empty { text-transform: uppercase; } #Wrapper .wso-heater-models-table div.wso-bigger-col { height: 4rem !important; } .single-wso_heat_pump #Wrapper .wso-heater-models-table div.wso-bigger-col { height: 5rem !important; } #Wrapper .wso-heater-models-table div:nth-child(even):not(.wso-heater-models-table-first-column):not(.wso-heater-models-table-second-column) { background: var(--light-gray); } .wso-heater-models-table.wso-heater-models-table-fixed { /* width: 30%;*/ width: 40%; display: flex; flex-direction: row; justify-content: stretch; align-items: flex-end; } #Wrapper .wso-heater-models-table div span { /* display: none; */ line-height: 1.55em !important; font-weight: 500 !important; } #Wrapper .wso-heater-models-table div span:not(:first-child) { float: right !important; font-weight: 300 !important; margin-left: 0.2em !important; } /*#Wrapper .wso-heater-models,*/ .wst-wpgb-wrapper.grid-29, .wst-wpgb-wrapper.grid-51, .wst-wpgb-wrapper.grid-52 { width: 70% !important; float: left; clear: right; display: block; position: relative; } .wso-heater-models .wpgb-card-media.wpgb-scheme-light { /* width: 14rem !important; */ width: auto !important; height: auto !important; display: inline-block !important; position: relative !important; margin: 0 auto 3rem !important; min-height: 14rem; max-height: 14rem !important; min-width: 100% !important; } .wso-heater-models .wpgb-card-media-thumbnail div { background-size: contain !important; background-position: center bottom !important; } #Wrapper .wso-heater-models button.wpgb-next-button:disabled, #Wrapper .wso-heater-models button.wpgb-prev-button:disabled { opacity: 0 !important; } div#technical-data .wrap:not(.wso-grid-heading) .column_attr.clearfix { display: flex; flex-direction: row; justify-content: space-evenly; align-items: flex-end; /*flex-wrap: wrap;*/ } .wso-heater-table-info .column_attr.clearfix { flex-wrap: wrap; } .wso-heater-electrical-connection { width: 100% !important; margin-top: 1rem !important; } div#technical-data .wrap:not(.wso-grid-heading) { margin-top: -15rem; } div#technical-data.wso-section-heat-pump-features .wrap:not(.wso-grid-heading) { margin-top: 0 !important; } #Wrapper .wso-section-heat-pump-features .wso-heater-models-table div span.wso-check-icon:after { content: '' !important; display: block !important; position: relative !important; height: 1em !important; width: 1em !important; background: url(/wp-content/uploads/2021/12/red-check.svg) no-repeat center; background-size: contain; } #Wrapper .wso-section-heat-pump-features .wso-heater-models-table div span.wso-check-icon { display: inline-block !important; float: none !important; margin: 0 !important; } .wso-heater-models-table.wso-heater-models-table-fixed span { display: inline-block !important; font-size: 1rem !important; line-height: 1.55em !important; float: left; } .wso-heater-models-table.wso-heater-models-table-fixed div { text-align: left !important; font-weight: 500 !important; line-height: 1em !important; float: left; width: 100% !important; } .wso-heater-models-table-first-column, .wso-heater-models-table-second-column { padding: 0 !important; width: 100% !important; } #Wrapper .wso-heater-models-table .wso-heater-models-table-second-column div { text-align: center !important; } .wso-heater-models-table.wso-heater-models-table-fixed > div /*, #Wrapper .wp-grid-builder .wpgb-card:not(:last-child) .wso-heater-models-table*/ { border-right: 1px solid var(--dark-gray); } #Wrapper .wp-grid-builder .wpgb-card:not(:last-child) .wso-heater-models-table:after { content: ''; display: block; position: absolute; right: 1px; top: 0; height: 100%; background: var(--dark-gray); width: 1px; z-index: 99; } #Wrapper .wso-heater-models-table > div:first-child, #Wrapper .wso-heater-models-table .wso-heater-models-table-first-column div:first-child, #Wrapper .wso-heater-models-table .wso-heater-models-table-second-column div:first-child { font-weight: 500 !important; padding-top: 0 !important; min-height: 2.5rem !important; } .wso-heater-models-table-second-column { flex-basis: 10rem !important; } #Wrapper .wso-industry-sectors-tax { /* width: 50% !important; */ display: inline-block; margin: .75rem 0; width: 100% !important; } #Wrapper .wso-industry-sectors-tax-div { -moz-column-count: 2; column-count: 2; -moz-column-gap: .5rem; column-gap: .5rem; } #Wrapper .wso-industry-sectors-tax p { color: var(--red) !important; font-weight: 500 !important; margin: 0 !important; display: inline-block; } #Wrapper .wso-industry-sectors-icon { display: inline-block; float: left; margin-right: .5rem; } #Wrapper .wso-industry-sectors-icon img { float: left; width: 1.5rem; height: 1.5rem; } #Wrapper .wso-industry-sectors-tax a:after, #Wrapper a.button.wso-red-button span:after, body a.button.wso-red-button span:after, #Wrapper .dark .wso-classic-content a.button.wso-red-button span:after { content: ''; background: url(/wp-content/uploads/2022/01/plus-red.svg) no-repeat center; display: inline-block; position: relative; height: 1rem; width: 4rem; background-size: contain; vertical-align: middle; transition: .2s all !important; } #Wrapper .wso-industry-sectors-tax a:hover::after, #Wrapper a.button.wso-red-button:hover span:after, body a.button.wso-red-button:hover span:after { background-position: center right !important; } div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img { position: relative !important; display: inline-block !important; width: 100% !important; } div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img a.button.button_size_2.button_js { margin-left: 0 !important; } div#details.wso-schnittbild-new ol li:not(:last-child), #Wrapper .section .column ol li:not(.wpgb-dot):not(:last-child) { border-bottom: 1px solid var(--gray); } div#details.wso-schnittbild-new ol li:before, #Wrapper .section .column ol li:not(.wpgb-dot):before { counter-increment: ordered-list; content: "0" counter(ordered-list)"."; margin-right: .7rem; margin-left: -2.25rem; } div#details.wso-schnittbild-new ol li:nth-child(n+10):before, #Wrapper .section .column ol li:not(.wpgb-dot):nth-child(n+10):before { content: counter(ordered-list)"."; } div#details.wso-schnittbild-new ol, #Wrapper .section .column ol { counter-reset: ordered-list; list-style: none !important; margin-left: 0 !important; } div#details.wso-schnittbild-new ol li, #Wrapper .section .column ol li:not(.wpgb-dot) { margin: 0 !important; padding: 1rem 0 .75rem; font-weight: 500; padding-left: 2.5rem !important; line-height: 1.2em !important; display: list-item; } div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img.wso-schnittbild-full-width .wrap.mcb-wrap.one-second { width: 100% !important; position: relative !important; left: 0 !important; right: 0 !important; padding: 0 !important; height: auto !important; } div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img.wso-schnittbild-full-width .wrap.mcb-wrap.one-second .mcb-wrap-inner, div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img.wso-schnittbild-full-width .wrap.mcb-wrap.one-second .column_image, div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img.wso-schnittbild-full-width .wrap.mcb-wrap.one-second .image_frame, div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img.wso-schnittbild-full-width .wrap.mcb-wrap.one-second .image_wrapper { height: auto !important; position: relative !important; } div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img.wso-schnittbild-full-width .wrap.mcb-wrap.one-second.wso-float-right { margin-top: 3rem !important; } div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img.wso-schnittbild-full-width .section_wrapper.mcb-section-inner { display: flex; flex-direction: column-reverse !important; } @media only screen and (min-width: 768px) { div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img.wso-schnittbild-full-width ol { -moz-column-count: 2; column-count: 2; -moz-column-gap: 4rem; column-gap: 4rem; /* padding: 2rem 0; */ /* border: 1px solid var(--dark-gray); */ /* border-width: 1px 0 !important; */ } } div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img.wso-schnittbild-full-width ol li:first-child, div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img.wso-schnittbild-full-width ol li { border-top: 0 !important; border-bottom: 0 !important; padding: .25rem 0 .25rem; } div#details.wso-schnittbild-new .section.mcb-section.equal-height-wrap.wso-section-text-img.wso-schnittbild-full-width ol li:last-child { border-bottom: 0 !important; } /* ============================================ CONTACT PERSON ============================================ */ #Wrapper .wso-contact-person-small-thumbnail { width: 9rem; height: 9rem; float: left; clear: both; border-radius: 50% !important; overflow: hidden; margin-right: 1rem !important; margin-bottom: 2rem !important; } #Wrapper .wso-contact-person-small-thumbnail img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; } #Wrapper .wso-contact-person-info-text { display: inline-block; margin-left: 3rem; position: relative !important; } #Wrapper .wso-contact-person-info-text p.wso-h3.wso-title { margin-bottom: 1rem !important; font-weight: 300 !important; } #Wrapper .section.mcb-section.wso-two-columns.wso-contact-section .wrap { width: 55% !important; } #Wrapper .section.mcb-section.wso-two-columns.wso-contact-section .wrap:last-child { width: 45% !important; } #Wrapper .section.mcb-section.wso-two-columns.wso-contact-section .wrap h2.wso-title, #Wrapper .section.mcb-section.wso-two-columns.wso-contact-section .wrap .wso-h2.wso-title { margin-bottom: 0 !important; } #Wrapper .wso-contact-person-info-text:before { content: ''; display: block; position: absolute; top: 0%; height: 100%; width: 1px; background: var(--gray); left: -1.5rem; } /*-----REGION-----*/ #Wrapper .wso-region-intro p.wso-h6 { margin-bottom: 0 !important; } #Wrapper .wso-underline { text-decoration: underline; } #Wrapper .wpgb-card-22 .wso-underline { display: block !important; line-height: 1; margin-top: 1rem !important; font-weight: 500 !important; } /*-----TEAM-GRID-----*/ #Wrapper .wp-grid-builder .wpgb-card-11 .wpgb-block-5 .wso-h3, #Wrapper .wp-grid-builder .wpgb-card-22 .wpgb-block-5 .wso-h3 { font-weight: 300 !important; margin-bottom: 0 !important; font-size: 1.5rem !important; } #Wrapper .wp-grid-builder .wpgb-card-11 .wpgb-block-5, #Wrapper .wp-grid-builder .wpgb-card-22 .wpgb-block-5 { display: block !important; margin: 0; float: right; width: calc(100% - 7rem); max-width: calc(100% - 7rem); } #Wrapper .wp-grid-builder .wpgb-card-11 a.button, #Wrapper .wp-grid-builder .wpgb-card-22 a.button { margin-top: 2rem !important; } #Wrapper .wp-grid-builder .wpgb-card-11 .wpgb-card-body, #Wrapper .wp-grid-builder .wpgb-card-22 .wpgb-card-body { text-align: left !important; border-left: 1px solid var(--gray); padding: 0 2rem !important; background: transparent !Important; } #Wrapper .wp-grid-builder .wpgb-card-11 .wpgb-card-content { padding: 2rem 0 !important; } .wpgb-card-11 .wso-thumbnail-div .wso-image, .wpgb-card-22 .wso-thumbnail-div .wso-image { height: 7rem; width: 7rem; border-radius: 50% !important; overflow: hidden !important; margin-bottom: 1rem !important; float: right !important; } .wpgb-card-11 .wso-thumbnail-div .wso-image img, .wpgb-card-22 .wso-thumbnail-div .wso-image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; } .wpgb-card-11 .wso-thumbnail-div, .wpgb-card-22 .wso-thumbnail-div { float: left; margin-right: 1rem !important; margin-left: -1rem !important; } #Wrapper #wso_mobile_filter_trigger { display: inline-block; margin: 0 !important; font-weight: 300 !important; float: left !important; width: 20% !important; } #Wrapper div#wso-map-filter .section_wrapper.mcb-section-inner { padding: 1rem 2rem !important; } #Wrapper div#wso-map-filter { padding: 0 !important; } .wso-facet-filter.wso-search-box .wpgb-facet { display: inline-block !important; float: left; } #wso-map-filter button.wpgb-button.wpgb-reset { padding: 1rem 1.5rem !important; border: 1px solid white !important; margin: 0 !important; } #wso-map-filter .wso-filter-buttons { /* display: inline-block; */ } #wso-map-filter .wso-filter-buttons a.button { width: 100% !important; margin: .5rem 0 !important; } div#wso-map-filter .wso-contact-person-form { display: flex !important; flex-direction: row !important; justify-content: space-evenly !important; align-items: center !important; align-content: center !important; } div#wso-map-filter .column_attr > * { /* flex-grow: 1 !important; */ margin: 0 0rem !important; position: relative !important; width: 100% !important; float: right !important; } div#wso-map-filter .wso-contact-person-form { /*width: 80% !important;*/ width: 65% !important; float: left !important; } #Wrapper div#wso-map-filter a.button { float: right !important; display: inline-block !important; width: auto !important; padding: 1rem 1.25rem !important; border: 1px solid white !important; margin: .15rem 0rem 0rem 1rem !important; } #Wrapper div#wso-map-filter a.button:hover { color: var(--dark-gray) !important; background: white !important; } #Wrapper div#wso-map-filter a.button span:after { content: none !important; } .wso-contact-person-form form * { display: inline-block !important; float: left !important; margin: 1rem 2rem !important; } #wso_mobile_filter_trigger:before { content: ''; display: inline-block; position: relative; height: 4rem; width: 3rem; float: left; background: url(/wp-content/uploads/2022/02/map-icon-white.svg) no-repeat center; background-size: contain; margin-right: 1rem; } .dark .wpgb-facet select.wpgb-select, .dark .wpgb-facet .wpgb-search-facet input[type="search"], .dark .wpgb-facet .wpgb-autocomplete-facet input[type="search"], .dark form .wso-select, .dark form .wso-input, .dark form .wso-select:focus, .dark form .wso-input:focus { color: white !important; border-color: white !important; } .dark option { color: var(--dark-gray) !important; } form .wso-select { background: transparent !important; } #Wrapper div#wso-map-filter .wpgb-facet fieldset { margin: 0 !important; } .wpgb-facet .wpgb-geolocation-facet input[type="search"] { border: 1px solid white !important; height: auto !important; min-height: auto !important; color: white !important; padding: 0.25rem 0rem !important; border-width: 0 0 1px 0 !important; border-radius: 0 !important; max-height: none !important; line-height: 1.25em !important; font-weight: 500 !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; letter-spacing: .15em !important; } .wpgb-facet .wpgb-input-icon { display: none !important; } .wso-contact-person-form input, .wso-contact-person-form select { margin: 0 2rem !important; min-width: 27% !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; } input[type=number] { -moz-appearance: textfield !important; } div#wso-map-filter .wso-contact-person-form input.wso-input.wpgb-input, div#wso-map-filter .wso-contact-person-form .wso-submit { font-size: 0.95rem !important; line-height: 1.85em !important; padding: .7rem 1rem !important; background: white !important; color: var(--dark-gray) !important; border-color: var(--dark-gray) !important; } div#wso-map-filter .wso-contact-person-form input.wso-input.wpgb-input::-webkit-input-placeholder { color:var(--dark-gray) !important; } div#wso-map-filter .wso-contact-person-form input.wso-input.wpgb-input::-moz-placeholder { color:var(--dark-gray) !important; } div#wso-map-filter .wso-contact-person-form input.wso-input.wpgb-input:-ms-input-placeholder { color:var(--dark-gray) !important; } div#wso-map-filter .wso-contact-person-form input.wso-input.wpgb-input::-ms-input-placeholder { color:var(--dark-gray) !important; } div#wso-map-filter .wso-contact-person-form input.wso-input.wpgb-input::placeholder { color:var(--dark-gray) !important; } div#wso-map-filter .wso-contact-person-form input.wso-input.wpgb-input::-webkit-input-placeholder { color: var(--dark-gray) !important; } div#wso-map-filter .wso-contact-person-form input.wso-input.wpgb-input::-moz-placeholder { opacity: 1 !important; color: var(--dark-gray) !important; } div#wso-map-filter .wso-contact-person-form input.wso-input.wpgb-input:-ms-input-placeholder { color: var(--dark-gray) !important; } div#wso-map-filter .wso-contact-person-form input.wso-input.wpgb-input:-moz-placeholder { color: var(--dark-gray) !important; } div#wso-map-filter .wso-contact-person-form .wso-submit:hover { color: white !important; border-color: white !important; background: transparent !important; } @media only screen and (max-width: 767px) { div#wso-map-filter .wso-contact-person-form .select2-container { width: 100% !important; } } /* ============================================ DOWNLOAD ============================================ */ .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a { display: inline-block; width: 100% !important; padding: 1rem !important; float: left !important; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span:last-child { float: right; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span:nth-child(2) { width: 8% !important; text-transform: uppercase !important; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span { display: inline-block; font-size: 1rem !important; line-height: 1.2em !important; float: left; } .wp-grid-builder .wpgb-card-12:nth-child(odd) .wpgb-block-5 a { background: var(--light-gray) !important; } .wp-grid-builder .wpgb-card-12:hover .wpgb-block-5 a { color: var(--red) !important; } .wso-download-navigation { display: flex; width: 100% !important; padding: 1rem 0; border: 1px solid; border-width: 1px 0 !important; flex-direction: row; justify-content: space-between !important; align-items: center !important; } .wso-download-navigation .wpgb-pagination-facet { margin: 0 !important; } .wso-download-navigation .wpgb-facet { display: inline-block; flex-grow: 0 !important; } .wp-grid-builder.wso-download-grid { margin: 5rem 0 !important; } .wso-download-navigation .wpgb-facet * { display: inline-block !important; line-height: 1.2em !important; float: left; font-size: 1rem !important; font-weight: 300 !important; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span.wso-icon:empty { display: none !important; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span span.wso-icon:not(:first-child) { display: none !important; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span span.wso-icon img { height: 2rem !important; width: 2rem !important; float: left; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span:not(.wso-icon):first-child { width: 4rem !important; float: left; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span.wso-icon { float: left !important; margin-top: -.35rem !important; margin-bottom: -.5rem !important; } #Wrapper .section.full-width.wso-section-image-boxes.wso-download-image-boxes .section_wrapper.mcb-section-inner { padding: 0 1.25rem !important; } #Wrapper .section.full-width.wso-section-image-boxes.wso-download-image-boxes .section_wrapper.mcb-section-inner .wp-caption-text { padding: 0.5rem .5rem 0.5rem 2rem !important; } #Wrapper .section.full-width.wso-section-image-boxes.wso-download-image-boxes .section_wrapper.mcb-section-inner .wp-caption-text::before { left: 1.1rem !important; top: auto !important; bottom: 0 !important; height: 85% !important; } #Wrapper .section.full-width.wso-section-image-boxes.wso-download-image-boxes .wso-img-box { margin-left: .5% !important; margin-right: .5% !important; overflow: hidden !important; } #Wrapper .section.full-width.wso-section-image-boxes.wso-download-image-boxes .wso-img-box.one-sixth.column { width: 15.666%; height: 20rem !important; } #Wrapper .section.full-width.wso-section-image-boxes.wso-download-image-boxes .wso-img-box.one-fourth { width: 24% !important; margin-bottom: 1% !important; height: 18rem !important; } .wp-grid-builder.wpgb-grid-38 .wpgb-card-media-content-top, .wp-grid-builder.wpgb-grid-38 .wpgb-block-1, .wp-grid-builder.wpgb-grid-38 .wpgb-block-1 a { height: 100% !important; width: 100% !important; } .wp-grid-builder.wpgb-grid-38 .wpgb-block-1 img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; } .wp-grid-builder.wpgb-grid-38 .wpgb-card .wpgb-card-media-content { justify-content: stretch !important; } .wp-grid-builder.wpgb-grid-38 .wpgb-area.wpgb-area-top-2 { justify-content: space-between !important; margin-bottom: 2rem !important; } #Wrapper .section.full-width.wso-grid-38 .section_wrapper.mcb-section-inner { padding: 0 1.75rem !important; } .wp-grid-builder .wpgb-card-13 .wpgb-block-1:before { content: ''; display: block; position: absolute; height: 4rem; width: 4rem; background: url(/wp-content/uploads/2022/03/download-white.svg) no-repeat center; background-size: contain; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; z-index: 1; pointer-events: none !important; transition: all .15s ease-in-out !important; } .wp-grid-builder .wpgb-card-13:hover .wpgb-block-1:before { height: 5rem; width: 5rem; } .wp-grid-builder .wpgb-card-13 .wpgb-block-1:after { content: ''; display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: black; z-index: 0; opacity: .2; pointer-events: none !important; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span.wso-icon.wso-kombi-kessel img { padding: .2rem 0; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span.wso-icon.wso-foerderungen img { padding: .12rem 0; } /* ============================================ DATEPICKER ============================================ */ .flatpickr-current-month .flatpickr-monthDropdown-months { display: inline-block; padding: 0 !important; margin: 0 !important; width: auto !important; margin-right: 1rem !important; color: var(--dark-gray) !important; } .flatpickr-current-month { height: auto !important; padding: 0 !important; } .flatpickr-current-month input.cur-year { padding: 0 !important; line-height: .5em !important; color: var(--dark-gray) !important; } .flatpickr-calendar { font-size: .7rem !important; border: 0 !important; border-radius: 0 !important; width: auto !important; box-shadow: 2px 2px 13px 1px rgb(0 0 0 / 10%) !important; margin: 0 !important; } .flatpickr-calendar:before, .flatpickr-calendar:after { content: none !important; } .flatpickr-calendar.open { z-index: 1 !important; } .numInputWrapper span { padding: 0 !important; border: none !important; width: 1rem; opacity: 1; } .flatpickr-current-month .numInputWrapper:hover { background: transparent !important; } .numInputWrapper span:after { right: 0 !important; } .flatpickr-calendar:before, .flatpickr-calendar:after { content: none; } .flatpickr-months .flatpickr-month { height: 2rem; display: flex; justify-content: center !important; align-content: center !important; align-items: center !important; align-self: center !important; flex-direction: row !important; } .flatpickr-months { background: var(--light-gray); } .flatpickr-weekdays { height: auto !important; padding: .5rem 0; background: var(--dark-gray) !important; } .flatpickr-weekdays * { color: white !important; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: var(--gray) !important; border-color: var(--gray) !important; } .numInputWrapper span:hover { background: transparent !important; } /* ============================================ TIME PICKER ============================================ */ li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: var(--gray) !important; } .ui-timepicker-wrapper { border: 0 !important; box-shadow: 2px 2px 13px 1px rgb(0 0 0 / 10%); } .ui-timepicker-list li { font-size: 1rem !important; line-height: 1em; padding: .25rem 0.5rem .1rem !important; } /* ============================================ HAENDLER iFRAME ============================================ */ .single-wso_dealer_iframe #Top_bar .top_bar_right { display: none; } .single-wso_dealer_iframe #Footer .widgets_wrapper { display: none; } .single-wso_dealer_iframe #wst-localeswitcher, html.wst-ls-visible .single-wso_dealer_iframe #wst-localeswitcher { display: none !important; height: 0 !important; } html.wst-ls-visible .single-wso_dealer_iframe div#Top_bar { margin-top: 0 !important; } .single-wso_dealer_iframe #Footer .footer_copy { border-top: 1px solid var(--gray) !important; } .single-wso_dealer_iframe #Wrapper .menu_wrapper { display: none; } /*.single-wso_dealer_iframe #Wrapper .logo { position: relative !important; top: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; padding: 1rem 0 !important; }*/ .single-wso_dealer_iframe #Wrapper .logo { position: relative !important; top: 0 !important; transform: translateX(-50%) !important; padding: 1rem 0 !important; left: 50% !important; } .single-wso_dealer_iframe div#Top_bar { border-bottom: 1px solid var(--gray) !important; } .single-wso_dealer_iframe #Wrapper .wp-grid-builder.wpgb-grid-34 .wpgb-area-bottom-1 { margin: 0 !important; } .single-wso_dealer_iframe #Wrapper .wp-grid-builder.wpgb-grid-34.wso-product-cat-grid .wpgb-layout { margin: 0 !important; } .single-wso_dealer_iframe #Wrapper .section.mcb-section.wso-section-grid.wso-grid-34 + .section.wso-section-text.wso-one-column::before { content: none !important; } .single-wso_dealer_iframe #Wrapper #Top_bar a#logo { pointer-events: none !important; } /* ============================================ TIMELINE ============================================ */ #timeline .wso-wrap-above.wso-align-center { text-align: center !important; } #timeline .section_wrapper.mcb-section-inner { display: block !important; } #timeline .wso-timeline-gallery-slider .swiper-slide { height: 25rem !important; } #timeline .wso-timeline-gallery-slider .swiper-slide img, #timeline .wso-timeline-logo img { -o-object-fit: contain !important; object-fit: contain !important; -o-object-position: center top; object-position: center top; font-family: 'object-fit: contain; object-position: center top;'; width: 100% !important; height: 100% !important; } #timeline .wso-timeline-logo { width: 10rem; height: auto; position: relative !important; float: left; } #timeline .wso-content, #timeline .wso-timeline-content { position: relative !important; display: inline-block !important; width: 100% !important; float: left !important; } #timeline .wso-timeline-section, .wso-timeline-wrap { position: relative; display: inline-block; width: 100% !important; } #timeline .wso-timeline-wrap { display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 5rem !important; } #timeline .wso-timeline-wrap:nth-child(odd) { flex-direction: row-reverse !important; } #timeline .wso-timeline-section:before { content: ''; display: block; position: absolute; left: 50%; width: 1px; height: calc(100% - 11.5rem) !important; background: var(--dark-gray); top: 11.5rem; transform: translate(-50%, 0); } #timeline .wso-timeline-wrap .wrap { width: 40% !important; } #timeline .wso-wrap-above.wso-align-center .wso-title { margin-bottom: 3.5rem !important; margin-top: 3.5rem !important; } #timeline .wso-timeline-wrap:before, #timeline .wso-timeline-section:after { content: ''; display: block; position: absolute; left: 50%; height: 1em; width: 1em; background: white; border: 1px solid var(--dark-gray); border-radius: 50%; top: -.5em; transform: translate(-50%, 0); } #timeline .wso-timeline-section:after { bottom: -.5em !important; top: auto !important; } #timeline .wso-timeline-wrap .wrap .column_attr.clearfix { padding: 0 !important; } .swiper.wso-timeline-gallery-slider.timeline-gallery { width: 100% !important; } .wpgb-grid-42 .wpgb-area-bottom-1 button.wpgb-prev-button:disabled, .wpgb-grid-42 .wpgb-area-bottom-1 button.wpgb-next-button:disabled { opacity: 0 !important; } .wp-grid-builder.wpgb-grid-42 .wpgb-card:only-child .wpgb-card-media-thumbnail div { background-size: contain !important; } .wp-grid-builder.wso-gallery-slider button:disabled { opacity: 0 !important; } /* ============================================ JOBPROFILE ============================================ */ #Wrapper a.wso-absolute-back-button { position: absolute !important; left: 2rem; top: 1rem; z-index: 9; display: block; padding: 0.5rem 1rem !important; color: var(--dark-gray) !important; } .page #Wrapper a.wso-absolute-back-button, .single-wso_equipment #Wrapper a.wso-absolute-back-button { display: none !important; } #Wrapper .section.dark a.wso-absolute-back-button { color: var(--white) !important; } #Wrapper .wso-absolute-back-button:nth-child(2) { top: 2.5rem; } #Wrapper .wso-absolute-back-button br { display: none !important; } #Wrapper a.wso-absolute-back-button:hover span:after { margin-left: 1rem !important; } #Wrapper a.wso-absolute-back-button span:after { background: url(/wp-content/uploads/2021/12/long-arrow-1.svg) no-repeat center !important; background-size: contain !important; width: 2.5rem !important; margin-left: 0.5rem !important; } #Wrapper .dark a.wso-absolute-back-button span:after { background: url(/wp-content/uploads/2022/05/arrow-6.svg) no-repeat center !important; background-size: contain !important; } .wso-jobprofile-grid .wso-jobprofile-content-div { padding: 5rem 1.5rem 3rem !important; text-align: center !important; border: 1px solid var(--dark-gray) !important; height: 100%; } #Wrapper .wso-jobprofile-grid .wso-absolute-link a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #Wrapper .section .wso-jobprofile-grid .wso-jobprofile-content-div a.button { margin-left: 0 !important; margin-right: 0 !important; z-index: 2; } .wso-jobprofile-content-div:before { content: ''; display: block; position: absolute; left: 50%; height: 2.5rem; width: 1px; background: var(--dark-gray); top: 0; transform: translateX(-50%); margin: 0 !important; } .single-wso_jobprofile .section:not(.wso-section-grid) #Wrapper .wso-h3, .single-wso_jobprofile .section:not(.wso-section-grid) #Wrapper h3 { font-weight: 300 !important; } .single-wso_jobprofile .wpgb-facet.wpgb-facet-28 { display: none !important; } .wp-grid-builder .wpgb-card-15 .wpgb-card-header > a.wpgb-block-1 { height: 100% !important; width: 100% !important; position: absolute !important; } .wp-grid-builder .wpgb-card-15 .wpgb-card-header > .wpgb-block-1 { height: 100% !important; } .wp-grid-builder .wpgb-card-15:hover a.wpgb-block-1 { text-decoration: none !important; } @media only screen and (min-width: 768px) { #Wrapper #jobprofile-qualifications.section.mcb-section.wso-two-columns:after { content: ''; display: block; position: absolute; width: 1px; height: calc(100% - 13rem); background: var(--dark-gray); left: 50%; top: 6rem; transform: translateX(-50%); } #Wrapper #jobprofile-qualifications.section.mcb-section.wso-two-columns .wrap.one-second .column_attr.clearfix { padding: 0 4rem !important; } #Side_slide .close-wrapper a.close i { top: 1.25rem !important; } } /* ============================================ OPEN JOBS ============================================ */ #Wrapper .section ul.wso-open-job-card { display: flex !important; flex-direction: row; justify-content: space-between; text-transform: none !important; } #Wrapper ul.wso-open-job-card li::before { content: none !important; } #Wrapper .section .column ul.wso-open-job-card li:not(.ui-tabs-tab):not(.wpgb-page) { margin: 0 !important; line-height: inherit !important; padding: 1rem 1rem .75rem 1rem !important; } #Wrapper .section.wso-align-center ul.wso-open-job-card li a.button { margin: .25rem 0 0 !important; } #Wrapper .section .wso-open-jobs .wpgb-card:nth-child(even), #Wrapper .section .wso-open-jobs .wpgb-card:first-child ul.wso-open-job-card.wso-open-job-card-empty { background: var(--light-gray) !important; } #Wrapper .section .wso-open-jobs .wpgb-card .wpgb-card-body { background: transparent !important; } #Wrapper ul.wso-open-job-card li p { float: left !important; display: inline-block !important; position: relative !important; } #Wrapper .section .wso-open-jobs .wpgb-card:not(:first-child) ul.wso-open-job-card.wso-open-job-card-empty { display: none !important; } #Wrapper .section .column ul.wso-open-job-card li:not(.ui-tabs-tab):not(.wpgb-page) p { text-align: center !important; width: 100% !important; } #Wrapper .section .column ul.wso-open-job-card li { /*min-width: 17% !important;*/ min-width: 15% !important; width: 15% !important; flex-grow: 1 !important; } #Wrapper .section .column ul.wso-open-job-card li:first-child { min-width: 41% !important; flex-grow: 1 !important; } #Wrapper .section .column ul.wso-open-job-card li:last-child { min-width: 19% !important; flex-grow: 1 !important; text-align: center !important; } #Wrapper .section .column ul.wso-open-job-card li:not(.ui-tabs-tab):not(.wpgb-page):first-child p { text-align: left !important; width: auto !important; display: inline-block !important; float: left !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } #Wrapper .section .column ul.wso-open-job-card li:not(.ui-tabs-tab):not(.wpgb-page):last-child a.button { text-align: right !important; } #Wrapper .section ul.wso-open-job-card.wso-open-job-card-empty li p, #Wrapper .section ul.wso-open-job-card li:first-child p { font-weight: 500 !important; } #Wrapper .section ul.wso-open-job-card li:not(:last-child) { border-right: 1px solid var(--dark-gray) !important; } #Wrapper .section .column ul.wso-open-job-card li p { line-height: 1.2em !important; } #Wrapper .section .wpgb-card.wso-no-jobs-found { background: var(--gray) !important; } #Wrapper .section .wpgb-card.wso-no-jobs-found * { color: white !important; } #Wrapper .section .column .wpgb-card.wso-no-jobs-found ul.wso-open-job-card li:not(.ui-tabs-tab):not(.wpgb-page) { border: none !important; min-width: auto !important; flex-grow: 0 !important; display: inline-block !important; width: auto !important; } #Wrapper .wpgb-card.wso-no-jobs-found ul.wso-open-job-card { width: 100% !important; margin: 0 !important; position: relative !important; justify-content: flex-end; align-items: center !important; align-content: center !important; } #Wrapper .wpgb-card.wso-no-jobs-found ul.wso-open-job-card li:nth-child(1) { justify-self: self-start !important; position: absolute !important; left: 0 !important; max-width: 50%; } #Wrapper .section .column .wpgb-card.wso-no-jobs-found ul.wso-open-job-card li p { margin: 0 !important; } #Wrapper .grid-44 .wpgb-card.wpgb-no-result .wpgb-card-wrapper { margin: 0 !important; padding: 1.5rem .1rem 1rem !important; background: var(--light-gray) !important; } #Wrapper .wpgb-card.wpgb-no-result .wpgb-card-wrapper { padding: 1rem !important; } #Wrapper .wso-small-job-hint { margin-top: 1rem !important; line-height: 1.2em !important; } #Content .column_column .wp-grid-builder .wso-open-job-card p a { color: var(--dark-gray) !important; } #Content .column_column .wp-grid-builder .wso-open-job-card p a:hover { text-decoration: underline !important; } /* ============================================ SUCHE SEARCH GRID ============================================ */ /*#Wrapper .wp-grid-builder .wpgb-area-top-2>div.wpgb-facet.wpgb-facet-24 { padding: 0 !important; max-width: 79% !important; -ms-flex: 0 0 79% !important; flex: 0 0 79% !important; } #Wrapper .wpgb-facet.wpgb-facet-24 fieldset { margin-left: 0 !important; } #Wrapper .wpgb-facet.wpgb-facet-24 li { float: left; margin-left: 0 !important; margin-right: 1rem !important; padding-right: 1rem !important; border-right: 1px solid var(--gray) !important; } #Wrapper .wpgb-facet.wpgb-facet-24 span::after { content: none !important } #Wrapper .wpgb-facet.wpgb-facet-24 span.wpgb-radio-label { text-transform: none !important; margin: 0.25em 0 0.1em !important; line-height: 1.25em !important; color: var(--dark-gray) !important; font-weight: 500 !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; letter-spacing: .15em !important; } #Wrapper .wpgb-facet.wpgb-facet-24 .wpgb-radio[aria-pressed="true"] span.wpgb-radio-label { color: var(--red) !important; } #Wrapper .wpgb-facet.wpgb-facet-24 li:last-child { border: 0 !important; }*/ #Wrapper .wp-grid-builder.wpgb-grid-46 .wpgb-area-top-2 { justify-content: space-between !important; } .wso-search-card-div { display: flex !important; justify-content: flex-start; flex-direction: row-reverse !important; align-items: center !important; padding: 2rem 0 !important; position: relative; } .wso-search-thumbnail { width: 12rem !important; height: 12rem !important; position: static; } .wso-search-card-div.wso-equipment .wso-search-thumbnail, .wso-search-card-div.wso-heater .wso-search-thumbnail, .wso-search-card-div.wso-biomass .wso-search-thumbnail { border: 1px solid var(--gray) !important; } .wso-search-thumbnail img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; } .wso-search-card-div.wso-equipment .wso-search-thumbnail img, .wso-search-card-div.wso-heater .wso-search-thumbnail img, .wso-search-card-div.wso-biomass .wso-search-thumbnail img { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; font-family: 'object-fit: contain; object-position: center;'; } .wso-search-card-div.wso-team .wso-search-thumbnail { border-radius: 50% !important; overflow: hidden; border: 0 !important; } .wso-search-card-content { width: calc(100% - 17rem) !important; margin-left: 5rem !important; position: static; } .wp-grid-builder .wpgb-card .wso-search-card-div { border-bottom: 1px solid var(--dark-gray); } #Wrapper p.wso-posttype-hint { font-size: .9rem !important; line-height: 1.4em !important; font-weight: 500 !important; letter-spacing: .15em !important; margin-bottom: 1rem !important; } #Wrapper .wso-search-card-content a.button { margin-top: 1.5rem !important; position: static; } #Wrapper .wso-search-card-content a.button:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #Wrapper .wso-search-card-content p.wso-h3 { margin-bottom: 1.5rem !important; } #Wrapper .wpgb-facet.wpgb-facet-25 input.wpgb-input { padding: 1rem !important; border: 1px solid var(--dark-gray) !important; } #Wrapper .wso-section-intro .wpgb-facet.wpgb-facet-25 input.wpgb-input { border-color: white !important; } #Wrapper .wso-section-intro .wpgb-facet.wpgb-facet-25 label:after { background: url(/wp-content/themes/betheme-child/images/search-white.svg) no-repeat center; background-size: contain !important; cursor: pointer; } #Wrapper .wpgb-facet.wpgb-facet-25 fieldset { margin: 0 auto !important; max-width: 45rem; } #Wrapper .wp-grid-builder.wpgb-grid-46 .wpgb-area-bottom-1 { justify-content: flex-end !important; } #Wrapper .wp-grid-builder.wpgb-grid-46 .wpgb-area-bottom-1 ul.wpgb-pagination { float: right !important; } #Wrapper .wp-grid-builder.wpgb-grid-46 .wpgb-area-bottom-1 li.wpgb-page { font-weight: 500 !important; } #Wrapper .wpgb-facet.wpgb-facet-25 label:after { content: ''; display: block; position: absolute; height: 1.5rem; width: 1.5rem; background: url(/wp-content/uploads/2022/05/group-621.svg) no-repeat center; top: 50%; right: 1rem; background-size: contain; transform: translate(0%, -50%); } .wpgb-facet.wpgb-facet-25 .wpgb-clear-button { /* display: none; */ width: 2rem; background: var(--light-gray) !important; height: 2rem; right: 3.5rem; top: 50%; transform: translate(0%, -50%); border-radius: 50% !important; } /* ============================================ BENEFITS SLIDER ============================================ */ #Wrapper .wp-grid-builder.wso-job-benefits .wpgb-card .wpgb-card-body { background: transparent !important; } #Wrapper .wp-grid-builder.wso-job-benefits .wpgb-card { border: 1px solid white; } #Wrapper .wp-grid-builder.wso-job-benefits .wpgb-card .wpgb-card-wrapper { padding: 3rem 1.5rem !important; } #Wrapper .wp-grid-builder.wso-job-benefits .wpgb-card .wpgb-card-media { max-height: 3rem; width: 100%; display: block !important; margin-bottom: 2rem !important; } #Wrapper .wp-grid-builder.wso-job-benefits .wpgb-card .wpgb-card-media-thumbnail div { background-size: auto 100% !important; } #Wrapper .wp-grid-builder.wso-job-benefits p.wpgb-block-3.wso-h3, #Wrapper .wp-grid-builder.wso-job-benefits .wpgb-block-4 { margin: 0 !important; color: white !important; } #Wrapper .wp-grid-builder.wso-job-benefits .wpgb-viewport.wpgb-carousel { overflow: visible !important; } #Wrapper .wp-grid-builder.wso-job-benefits .wpgb-viewport.wpgb-carousel:focus-visible, #Wrapper .wp-grid-builder .wpgb-viewport.wpgb-carousel:focus-visible { outline: unset !important; } #Wrapper .wp-grid-builder.wso-job-benefits .wpgb-layout { width: 75% !important; } #Wrapper .wp-grid-builder.wso-job-benefits:before { content: ''; display: block; position: absolute; left: -100%; width: 100%; height: 100%; top: 0; background: var(--dark-gray); z-index: 2 !important; } div#benefits .wrap.mcb-wrap.one-third { z-index: 2; } #Wrapper div#benefits .wrap.mcb-wrap.one-third:first-child .column.column_button { margin-bottom: 1.5rem !important; } #Wrapper .section.dark .wp-grid-builder button.wpgb-prev-button:after, #Wrapper .section.dark .wp-grid-builder button.wpgb-next-button:after { background: url(/wp-content/uploads/2022/05/arrow-6.svg) no-repeat center right; } /* ============================================ WOOCOMMERCE ============================================ */ .woocommerce-notices-wrapper { position: fixed !important; z-index: 99999999999 !important; bottom: 0; width: 100% !important; left: 0; box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.1) !important; } /* ============================================ SCHULUNGEN ============================================ */ #Wrapper .wso-training-card-div { padding: 2.5rem 1.25rem !important; border: 1px solid var(--dark-gray) !important; height: 100% !important; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; transition: all .15s ease-out; background: transparent !important; text-align: center !important; min-height: 28rem !important; } #Wrapper .wso-training-thumbnail { height: 11rem !important; width: 11rem !important; border-radius: 50% !important; overflow: hidden; margin-top: 0rem !important; background: white !important; /*margin-bottom: 2rem !important;*/ z-index: 1; } #Wrapper .wso-training-card-content { margin-top: 2rem !important; } #Wrapper .wpgb-card:hover .wso-training-thumbnail img { width: 110% !important; height: 110% !important; margin-top: -5%; } #Wrapper .wso-training-thumbnail img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; transition: all .15s ease-out; } #Wrapper .section.mcb-section.wso-bg-light-gray .wso-training-thumbnail img.wso-light-gray-logo { display: none !important; } #Wrapper .section.mcb-section:not(.wso-bg-light-gray) .wso-training-thumbnail img.wso-white-logo { display: none !important; } #Wrapper .wso-training-card-div p.wso-h5 { margin-bottom: .5rem !important; } #Wrapper .wso-training-card-div p.wso-h3 { font-weight: 300 !important; margin-bottom: 1rem !important; /*min-height: 6.75rem;*/ } #Wrapper .wpgb-card:not(:hover) .wso-training-card-content .wso-excerpt, #Wrapper .wpgb-card:not(:hover) .wso-training-card-content a.button { height: 0 !important; opacity: 0 !important; display: none !important; } #Wrapper .wpgb-card:hover .wso-training-thumbnail { height: 0 !important; opacity: 0 !important; display: none !important; } #Wrapper .wpgb-card .wso-training-thumbnail, #Wrapper .wpgb-card .wso-training-card-content .wso-excerpt, #Wrapper .wpgb-card .wso-training-card-content a.button { transition: .1s all !important; } #Wrapper .wso-training-card-div:after { content: ''; display: block; position: absolute; left: 50%; height: 2.55rem; width: 1px; background: var(--dark-gray); top: 0rem; transform: translateX(-50%); } #Wrapper .wp-grid-builder .wpgb-card-19 .wpgb-block-1 { height: 100% !important; } div#Content.woocommerce .sections_group > .section > .section_wrapper.clearfix { max-width: 100% !important; } div#Content.woocommerce .sections_group > .section > .section_wrapper .column.one.woocommerce-content { margin: 0 !important; width: 100% !important; } a.wso-absolute { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { display: none !important; } .woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder { border: 0 !important; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 1rem !important; left: 1rem !important; } #Wrapper #woocommere-product-tabs .ui-tabs .ui-tabs-panel { padding-bottom: 0 !important; } #Wrapper button.wc-bookings-booking-form-button { font-size: .9rem !important; line-height: 1.4em !important; font-weight: 500 !important; letter-spacing: .15em !important; display: inline-block; color: var(--dark-gray) !important; background-color: transparent !important; box-shadow: none !important; overflow: visible !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; padding: 1rem 1.25rem !important; border: 1px solid var(--dark-gray) !important; margin: 2rem 0 0 !important; } #Wrapper button.wc-bookings-booking-form-button.single_add_to_cart_button { color: white !important; background-color: #239e57 !important; border: 1px solid #239e57 !important; } #Wrapper button.wc-bookings-booking-form-button:hover { color: white !important; background: var(--dark-gray) !important; border: 1px solid var(--dark-gray) !important; } .style-simple .alert .alert_icon { height: 3.25rem !important; line-height: 3.5rem !important; border: 0 !important; } .woocommerce-error.alert, .woocommerce-info.alert, .woocommerce-message.alert { margin: 0 !important; padding: 1rem 3rem .85rem 5rem !important; } .alert_wrapper { line-height: 1.5em !important; } .alert_success, .woocommerce-info.alert.alert_info { background: var(--gray) !important; } .alert_success a, .alert_success a:hover, .alert_info a, .alert_info a:hover { color: white !important; } .alert a.close { right: 0.5rem; top: 0.75rem; font-size: 1rem !important; line-height: 1em !important; } .alert_warning { background: var(--red) !important; color: white !important; } #Wrapper #Content a.button.wc-backward { text-decoration: none !important; } #Wrapper #Content a.button.wc-backward:hover { text-decoration: none !important; background: var(--dark-gray) !important; color: white !important; } .section.mcb-section.wso-woocommerce-cart:after, .section.mcb-section.wso-woocommerce-checkout:after, .section.mcb-section.wso-woocommerce-myaccount:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; height: 20rem; background: var(--light-gray); } .section.mcb-section.wso-woocommerce-checkout:after, .section.mcb-section.wso-woocommerce-myaccount:after { height: 17rem !important; } #Wrapper .section.wso-woocommerce-myaccount .wrap.wso-wrap-content { text-align: center !important; } #Wrapper #Content .woocommerce table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents { margin: 0 !important; } .woocommerce-page #Wrapper #Content .cart-collaterals .cart_totals table.shop_table { margin: 0 0 1rem !important; } #Wrapper #Content .woocommerce .cart_totals table strong { color: var(--dark-gray) !important; } #Wrapper .section.wso-align-center.wso-grid-table a.button, body #Wrapper .wso-grid-table a.button { margin: 0 !important; } #Wrapper #Content .wso-grid-table td:nth-child(2) { min-width: auto !important; text-align: center !important; width: 10% !important; } #Wrapper #Content .wso-grid-table thead tr:first-child td { font-weight: 500 !important; } .woocommerce-MyAccount-content mark { font-weight: 500 !important; } p#billing_address_2_field { display: none !important; } .woocommerce-message.alert.alert_success { position: fixed !important; bottom: 0 !important; top: auto !important; left: 0 !important; width: calc(100% - 8rem); z-index: 9; padding: 1.5rem 3rem 1.35rem 5rem !important; background: #239e57 !important; } .woocommerce-message.alert.alert_success .alert_icon { height: 100% !important; line-height: 4.5rem !important; } #Wrapper #Content .woocommerce th.product-quantity, #Wrapper #Content .woocommerce td.product-quantity { display: none !important; } a.product-booking-date-link.active { color: #239e57 !important; text-decoration: none !important; } a.product-booking-date-link { text-decoration: underline !important; color: var(--gray) !important; } a.product-booking-date-link:hover { color: var(--red) !important; } .ui-datepicker .ui-widget-header .ui-icon { height: 1.5em !important; width: 1.5em !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z' style='fill:white;'/%3E%3C/svg%3E"); margin-top: -.5em !important; } .ui-datepicker .ui-widget-header .ui-icon:hover { opacity: .6 !important; } .wc-bookings-date-picker .ui-icon-circle-triangle-e { right: .5rem !important; left: auto !important; } .wc-bookings-date-picker .ui-icon-circle-triangle-w { left: 1rem !important; right: auto !important; transform: rotate(180deg); } /*----BOOKING FORM----*/ #Wrapper #Content .wc-bookings-date-picker .ui-datepicker td.bookable a { border-radius: 50% !important; width: 2rem !important; height: 2rem; padding: .55rem 0 !important; margin: 0 auto !important; line-height: .9em !important; } #Wrapper #Content .wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default { color: white !important; } #Wrapper #Content .wc-bookings-date-picker .ui-datepicker th { border: 0 !important; line-height: 1em !important; } .wc-bookings-booking-form { padding: 0 !important; border: 0 !important; margin: 0 !important; } .wc-bookings-booking-form fieldset { padding: 0 !important; } .wc-bookings-booking-form .form-field input[type=number] { width: 100% !important; } .wc-bookings-date-picker .ui-datepicker-header { background: var(--gray) !important; border: 0 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } #Wrapper #Content .ui-datepicker table { margin: 0 !important; } #Wrapper #Content .wc-bookings-date-picker .ui-datepicker th, #Wrapper #Content .ui-datepicker table td:first-child, #Wrapper #Content .ui-datepicker table td { width: 3rem !important; min-width: auto !important; text-align: center !important; padding: 0rem !important; height: auto !important; } #Wrapper #Content .wc-bookings-date-picker .ui-datepicker th span { padding: .5rem 0 !important; width: 100% !important; position: relative !important; display: inline-block !important; background: var(--dark-gray); color: white !important; } #Wrapper .ui-datepicker-title { font-family: "akzidenz-grotesk-next-pro", sans-serif !important; font-weight: 500 !important; letter-spacing: .1em; text-transform: uppercase; font-size: 1rem !important; } .wc-bookings-booking-form .wc-bookings-booking-cost { width: 100%; margin: 0 !important; color: white !important; border: 0 !important; background: var(--dark-gray) !important; } .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next { background: transparent !important; top: 0; height: 2.5rem; } .ui-datepicker .ui-datepicker-next { right: 0 !important; } .ui-datepicker .ui-datepicker-prev { left: 0 !important; } /* WOOCOMMERCE MYACCOUNT --------------------------------------------------------------*/ .woocommerce-account #Wrapper #Content .woocommerce-MyAccount-navigation li { margin: 0 !important; } .woocommerce-account #Wrapper #Content .woocommerce-MyAccount-navigation li:before { content: none !important; } #Wrapper #Content .woocommerce-MyAccount-navigation li.is-active a { color: white !important; } #Wrapper #Content .woocommerce-MyAccount-navigation ul li a, #Wrapper #Content .woocommerce-MyAccount-navigation ul li { text-decoration: none !important; } #Wrapper #Content .woocommerce-MyAccount-navigation ul li a { font-weight: 500; letter-spacing: .15em; text-transform: uppercase; padding: .75rem 1.5rem .5rem !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; margin-bottom: .5rem !important; } #Wrapper #Content .woocommerce table .wc-booking-summary td, #Wrapper #Content .woocommerce table .wc-booking-summary table td, #Wrapper #Content .woocommerce table .wc-booking-summary table td:not(:first-child) { padding: 0.25rem !important; } #Wrapper .wc-booking-summary { border: 0 !important; padding: 0; } .wc-booking-summary .wc-booking-summary-number { position: relative !important; float: left; margin-top: 1rem; vertical-align: middle !important; display: inline-block; width: 100%; } .wc-booking-summary .wc-booking-summary-number span { vertical-align: middle !important; background: var(--gray) !important; padding: .15rem .35rem !important; } .wc-booking-summary .wc-booking-summary-list li { float: left; width: 100% !important; margin-bottom: 0 !important; } .wc-booking-summary .wc-booking-summary-list { position: relative !important; width: 100%; display: inline-block; margin: 1rem 0 !important; } #Wrapper #Content .woocommerce table.shop_table.order_details.woocommerce-table--order-details td:last-child { text-align: left !important; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { padding: 0 !important; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before { content: none !important; } #Wrapper .wc-booking-summary table { border: 0 !important; } .woocommerce-MyAccount-content .woocommerce-Message--info { background: var(--light-gray) !important; color: var(--dark-gray) !important; } .woocommerce-MyAccount-content .woocommerce-Message--info:before { background: var(--gray); color: white !important; border: 0 !important; border-radius: 0 !important; } .woocommerce-MyAccount-content address { padding: 1rem !important; background: var(--light-gray) !important; } .woocommerce-MyAccount-content address::before { content: none !important; } .woocommerce-MyAccount-content address::after { content: none !important; } /* WOOCOMMERCE CART --------------------------------------------------------------*/ .woocommerce-cart span#nks-tab-1 { display: none !important; } .woocommerce-cart #Content, #Content .woocommerce { padding: 0; } .woocommerce a.remove:hover { background-color: var(--dark-gray) !important; border: var(--dark-gray) !important; } .woocommerce .shop_table .product-remove a.remove:hover:before { color: var(--dark-gray) !important; } #Wrapper .cart-collaterals h2 { font-size: 3.15rem !important; line-height: 1em !important; } @media only screen and (min-width: 1240px) { .woocommerce-cart-form { display: inline-block; width: calc(100% - 30%) !important; margin: 1rem 0; float: left; } .cart-collaterals { width: 26% !important; display: inline-block; vertical-align: top; margin: 1rem 0; float: right; background-color: var(--light-gray); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 2rem; box-sizing: border-box !important; } } .woocommerce tr.woocommerce-cart-form__cart-item.cart_item input.qty { color: var(--dark-gray) !important; background-color: transparent !important; text-align: center; font-weight: 300 !important; } #Wrapper #Content .woocommerce .shop_table th, #Wrapper #Content .woocommerce .shop_table td { padding: 1rem !important; border: 0 !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; } .order-total strong { font-weight: 400; } table th, table tr:first-child td { background: none !important; } table th { text-transform: uppercase; } table th.product-name { position: relative } #Wrapper #Content .woocommerce .shop_table td.product-thumbnail { padding: 20px 0 0 !important; width: 13rem !important; min-width: 19% !important; } .woocommerce .shop_table th.product-thumbnail { width: 0 !important; min-width: 0 !important; } .woocommerce .shop_table .product-thumbnail a img, .wc-gzd-product-name-left img { width: 6rem !important; height: 6rem !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; } #Wrapper #Content .woocommerce table.shop_table { border-radius: 0; border: none; } table tr:nth-child(2n) td { background: none !important; } .woocommerce .shop_table .product-name a, .wc-gzd-product-name-left, .wc-gzd-product-name-right { font-weight: 500 !important; text-transform: uppercase; } .woocommerce .shop_table .product-thumbnail { text-align: left; padding-left: 0 !important; } #Wrapper #Content .woocommerce .shop_table .product-remove a.remove { display: inline-block !important; float: left !important; margin: 0 !important; } .woocommerce .shop_table .product-remove a.remove::before { margin: 0 !important; color: var(--dark-gray) !important; } .woocommerce table.cart a.remove span { display: none !important; } .woocommerce .shop_table .product-remove a.remove::before { content: '\e963'; font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1.5em; height: 1.5em; margin-right: .4em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .4em; font-size: 1.25rem; } .woocommerce .shop_table td.actions { padding: 30px 0 !important; } .woocommerce .shop_table td.actions .coupon .input-text { background: none !important; width: auto; border-width: 0px 0px 1px !important; padding: 10px 11px !important; text-align: center; text-transform: uppercase; color: var(--dark-gray); } .cart-collaterals .cart_totals { width: 100% !important; min-width: auto !important; } .woocommerce-cart .cart-collaterals .cart_totals table th, .style-simple table:not(.recaptchatable) tfoot th { text-align: left; font-weight: 400 !important; font-size: 0.9em !important; } .woocommerce-cart .cart-collaterals .cart_totals table td { text-align: right; } .woocommerce-cart .wc-proceed-to-checkout { width: 100% !important; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { font-size: 1em; } #Wrapper #Content .woocommerce table th { font-weight: 500; letter-spacing: .1em; font-size: 1.15rem !important; line-height: 1.5em !important; } .woocommerce .shop_table td.product-thumbnail a img { margin: 0 !important; } #Wrapper #Content .cart-collaterals a.checkout-button.button.alt.wc-forward, #Wrapper #Content form.woocommerce-cart-form button.button, #Wrapper #Content form.woocommerce-cart-form button.button:disabled, #Wrapper #Content form.woocommerce-cart-form button.button[disabled]:disabled, #Wrapper #Content a.button.wc-backward, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { text-transform: uppercase; color: var(--dark-gray) !important; background-color: transparent !important; font-weight: 500 !important; font-size: inherit !important; padding: 1rem 1.25rem !important; border: 1px solid var(--dark-gray) !important; margin: 0 !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; letter-spacing: .15em !important; font-size: .9rem !important; line-height: 1.4em !important; } .cart-collaterals a.checkout-button.button:hover.alt.wc-forward, form.woocommerce-cart-form button.button:hover, form.woocommerce-cart-form button.button:disabled:hover, form.woocommerce-cart-form button.button[disabled]:disabled:hover, button#place_order:hover, a.button.wc-backward:hover, #Wrapper #Content .cart-collaterals a.checkout-button.button.alt.wc-forward:hover { background-color: var(--dark-gray) !important; color: #FFFFFF !important; } .woocommerce-cart .cart-collaterals .cart_totals table th, .style-simple table:not(.recaptchatable) tfoot th { text-align: left; font-weight: 400 !important; font-size: 18px !important; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, #Wrapper .section.mcb-section .wso-buttons-after-grid a.button.wso-red-button { background: var(--red) !important; border-color: var(--red) !important; color: white !important; float: left !important; margin-top: 1rem !important; } #Wrapper .section.mcb-section .wso-buttons-after-grid a.button.wso-red-button { float: none !important; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, #Wrapper .section.mcb-section .wso-buttons-after-grid a.button.wso-red-button:hover { background: var(--dark-gray) !important; border-color: var(--dark-gray) !important; } .woocommerce .shop_table .product-name a { font-size: 1rem !important; margin-right: 0 !important; letter-spacing: .1em; float: left; text-align: left !important; display: block !important; position: relative; clear: both !important; width: 100% !important; } .woocommerce .shop_table .product-name dl.variation { display: inline-block; float: left !important; width: 100% !important; } #Wrapper #Content .woocommerce table.shop_table td, #Wrapper #Content .woocommerce table.shop_table td:not(:first-child) { border-top: none !important; padding: 1rem !important; vertical-align: middle !important; font-size: 1rem; font-weight: 300 !important; } #Wrapper #Content .woocommerce table.shop_table td.product-name { text-align: left !important; } #Wrapper #Content .woocommerce table.shop_table td.product-remove { min-width: auto !important; max-width: 1% !important; width: 1% !important; } button.single_add_to_cart_button.button:hover { color: #FFFFFF !important; background-color: var(--dark-gray) !important; } .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-top: 1px solid var(--dark-gray) !important; } #Wrapper #Content .woocommerce .cart_totals table *, #Wrapper #Content .woocommerce span.woocommerce-Price-amount.amount * { font-weight: 300 !important; } #Wrapper #Content .woocommerce .cart_totals table th, #Wrapper #Content .woocommerce .cart_totals table tr > td, #Wrapper #Content .woocommerce .cart_totals table th:not(:first-child), #Wrapper #Content .woocommerce .cart_totals table tr > td:not(:first-child) { padding: 0 !important; } #Wrapper #Content .woocommerce .cart_totals table th { font-size: .9rem !important; text-transform: uppercase !important; letter-spacing: .1em !important; } form.woocommerce-shipping-calculator, p.woocommerce-shipping-destination { display: none; } .woocommerce .shop_table .product-name dd a { text-transform: none !important; text-align: left !important; font-size: .85em !important; } .woocommerce .shop_table .product-name .variation > dt, .woocommerce .shop_table .product-name .variation > dd { margin: 0 !important; float: left; text-align: left !important; padding: 0 !important; font-size: .9em !important; width: 100%; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0 !important; height: 100% !important; width: 2rem !important; right: 0 !important; } .woocommerce-page .cart-collaterals .cross-sells { width: 100% !important; } .woocommerce-page #Wrapper .cart-collaterals .cross-sells h2 { /*font-size: 2rem !important;*/ font-size: 1.75rem !important; text-align: left !important; } .woocommerce-page #Wrapper #Content .cart-collaterals .cross-sells li.product a.button { text-decoration: none !important; color: white !important; background: var(--red) !important; border-color: var(--red) !important; } .woocommerce-page #Wrapper #Content .cart-collaterals .cross-sells li.product a.button:hover { border-color: var(--dark-gray) !important; } .woocommerce-page #Wrapper .cart-collaterals .cross-sells li.product { width: 90% !important; } .woocommerce-page #Wrapper .cart-collaterals .cross-sells li.product .image_frame { width: 70% !important; margin: 0 auto !important; } .woocommerce-page #Wrapper .cart-collaterals .cross-sells li.product { margin-left: 0 !important; margin-bottom: 1rem !important; /* width: 100% !important; */ } .woocommerce-page #Wrapper .cart-collaterals .cross-sells li.product::before { content: none !important; } .woocommerce-page #Wrapper .cart-collaterals .cross-sells li.product .desc { padding: 1rem 0 !important; background: transparent !important; } .woocommerce-page #Wrapper .cart-collaterals .cross-sells li.product h4 { margin-bottom: .5rem !important; letter-spacing: 0.01em !important; } .woocommerce-page #Wrapper .cart-collaterals .cross-sells li.product h4 a { -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .woocommerce-page #Wrapper .cart-collaterals .cross-sells ul.products { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: space-between !important; } .woocommerce-page #Wrapper .cart-collaterals .cross-sells li.product * { line-height: 1.15em !important; } .woocommerce-page #Wrapper .cart-collaterals .cross-sells li.product .price { display: none; } /*----CHECKOUT----*/ .woocommerce form.checkout_coupon p { margin-left: 0 !important; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { background: white !important; border: 0 !important; border-radius: 0 !important; margin-top: 0 !important; } .woocommerce form.checkout_coupon p.form-row.form-row-last { text-align: right; width: auto !important; } .woocommerce form.checkout_coupon p.form-row { margin: 0 !important; padding: 0 !important; } .woocommerce form.checkout_coupon p.form-row input#coupon_code { line-height: 1em !important; } form.checkout.woocommerce-checkout { /* margin-top: 3rem !important; */ } .woocommerce-page.woocommerce-checkout #Wrapper .wso-section-code { padding-top: 0 !important; } .woocommerce-checkout #customer_details { width: 48% !important; display: inline-block !important; padding: 0 !important; float: left; text-align: left !important; margin-top: 2rem !important; } h3#order_review_heading { float: right; display: inline-block !important; width: 48%; padding: 0; background: white !important; margin: 0 0 2rem !important; position: relative !important; } div#order_review { float: right !important; display: inline-block !important; width: 48%; } .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { width: 100% !important; } .woocommerce-checkout #customer_details .col-1 { margin-bottom: 2rem; } .select2-container--default .select2-selection--single { height: auto !important; border-radius: 0 !important; margin: 0 !important; } .woocommerce table.shop_table { border: none !important; max-width: 100% !important; } .woocommerce-order-received .woocommerce-thankyou-order-received { margin: 0 0 2rem !important; background: var(--gray) !important; color: white !important; padding: 2rem !important; max-width: 100% !important; font-size: 1.25rem !important; line-height: 1.2em; } h2.woocommerce-order-details__title, h2.woocommerce-column__title, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { max-width: 100% !important; } .woocommerce .woocommerce-customer-details address { border: 0 !important; padding: 1rem !important; border-radius: 0 !important; font-size: 1rem; background: var(--light-gray) !important; } .woocommerce .woocommerce-customer-details address:before { content: none !important; } .woocommerce table.shop_table { margin: 0 !important; } #Wrapper td.woocommerce-table__product-name.product-name { padding: 0 !important; } .woocommerce form .form-row { padding: 0 !important; margin: .5em 0 !important; max-width: 100% !important; } .woocommerce #payment, .woocommerce-page #payment { text-align: left !important; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 1rem !important; border: 0 !important; background: var(--light-gray); } .woocommerce .payment_methods li { background: transparent !important; padding: 0 !important; border: none !important; font-weight: 300 !important; margin-left: .5rem !important; } .woocommerce .payment_methods li::before { content: none !important; } .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new input, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token input { position: absolute; } ul.wc_payment_methods.payment_methods.methods li > label:before, .woocommerce ul#shipping_method li input + label:before { content: ''; display: inline-block; width: 1em; height: 1em; border: 1px solid var(--gray); border-radius: 100%; position: relative; top: .22em; margin-left: 0rem; margin-top: 0 !important; margin-right: .45em; vertical-align: text-top; opacity: .6; transition: all .12s, border-color .08s; -webkit-transition: all .12s, border-color .08s; -moz-transition: all .12s, border-color .08s; -ms-transition: all .12s, border-color .08s; -o-transition: all .12s, border-color .08s; } ul.wc_payment_methods.payment_methods.methods li > input:checked + label:before, .woocommerce ul#shipping_method li > input:checked + label:before { width: .5em; margin-right: .5em; top: 0; border-radius: 0; opacity: 1; border-top-color: transparent !important; border-left-color: transparent !important; transform: rotate(45deg); margin-left: .5em; } ul.wc_payment_methods.payment_methods.methods li > input:checked + label:before, .woocommerce ul#shipping_method li > input:checked + label:before { margin-left: 0 !important; top: -0.35em; } #Wrapper #ship-to-different-address input[type="checkbox"]:not([id*="borlabs"]):checked + span:after { top: 100% !important; } #Wrapper .woocommerce .checkout.woocommerce-checkout ul#shipping_method li input + label:before { display: none !important; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: transparent !important; padding: 0 !important; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { display: none; } .woocommerce ul#shipping_method li input + label:before { border-color: white !important; } #Wrapper .woocommerce .checkout.woocommerce-checkout ul#shipping_method li > input:checked + label:before { border-top-color: transparent !important; border-left-color: transparent !important; } #Wrapper tr.cart-subtotal th, #Wrapper tr.cart-subtotal td { /*text-transform: none !important;*/ /*letter-spacing: 0 !important;*/ } .select2-search--dropdown { padding: 0 !important; } .select2-container--default .select2-search--dropdown .select2-search__field { border-width: 0 0 1px 0; margin: 0 !important; } .select2-search--dropdown { padding: 0 !important; } .select2-container--default .select2-search--dropdown .select2-search__field { border-width: 0 0 1px 0; margin: 0 !important; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: var(--gray) !important; } .select2-results__option:focus, .select2-container:focus, .select2-container--default .select2-selection--single:focus { outline: none !important; } .woocommerce form p, .woocommerce form h3 { max-width: 100% !important; } .woocommerce form.woocommerce-cart-form table.shop_table.cart th { font-size: .9rem !important; } div#order_review tr.order-total, div#order_review tr.order-total * { background: var(--dark-gray) !important; color: white !important; } div#order_review tr.cart-subtotal, div#order_review tr.cart-subtotal * { background: var(--gray) !important; color: white !important; } #Wrapper #Content .woocommerce .cart_totals td { text-align: left !important; } #Wrapper #Content .woocommerce .cart_totals td label { text-transform: none !important; text-align: left !important; line-height: 1em !important; font-size: .9em !important; } #Wrapper #Content .woocommerce .cart_totals td label::before { display: none; } .woocommerce ul#shipping_method li:before { display: none !important; } .woocommerce ul#shipping_method li { margin-left: 0 !important; } form.checkout.woocommerce-checkout .woocommerce-NoticeGroup { margin-bottom: 3rem; } form.checkout.woocommerce-checkout > h3:not(#order_review_heading) { width: 100% !important; float: left; margin: 2rem 0 !important; } form.checkout.woocommerce-checkout > .col2-set:not(#costumer_details) .col-1 { width: 100% !important; } form.checkout.woocommerce-checkout > .col2-set:not(#costumer_details) .col-1 label { text-align: left !important; } .booking-person-details { float: right; width: 48% !important; margin-bottom: 2rem !important; } .booking-person-details .col-1, .booking-person-details .col-2 { width: 100% !important; text-align: left !important; } #Wrapper #Content .woocommerce table.shop_table.woocommerce-checkout-review-order-table dt, #Wrapper #Content .woocommerce table.shop_table.woocommerce-checkout-review-order-table dd { width: 100% !important; } #Wrapper .woocommerce-booking-person-fields h4 { margin: 2rem 0 0 !important; } #Wrapper #Content form.checkout.woocommerce-checkout table td.product-name { width: 100% !important; display: block !important; } #Wrapper #Content form.checkout.woocommerce-checkout table td.product-name dl.variation { display: inline-block; width: 100% !important; position: relative !important; } /*form.checkout.woocommerce-checkout { display: flex; flex-direction: row; flex-wrap: wrap !important; justify-content: space-between !important; } h3#order_review_heading { display: none !important; } .booking-person-details { order: 1; } .woocommerce-checkout #customer_details { order: 0; }*/ #Wrapper .section:not(.full-width) form.checkout.woocommerce-checkout > div, #Wrapper .section:not(.full-width) form.checkout.woocommerce-checkout > div.col2-set, #Wrapper .section:not(.full-width) form.checkout.woocommerce-checkout > h3 { width: 100% !important; margin-bottom: 2rem !important; } .woocommerce form.checkout.woocommerce-checkout h3 { text-align: left !important; } .woocommerce-booking-person-fields { float: left !important; display: inline-block !important; position: relative; width: 100% !important; } #Wrapper form.checkout.woocommerce-checkout h3#order_review_heading, #Wrapper form.checkout.woocommerce-checkout h3 { margin: 0 !important; } #Wrapper #Content .woocommerce ul.order_details li:before { display: none !important; } #Wrapper #Content .woocommerce ul.order_details li { margin-left: 0 !important; text-align: left !important; } #Wrapper #Content .woocommerce ul.order_details li strong span.woocommerce-Price-amount.amount * { font-weight: 500 !important; } #Wrapper #Content .woocommerce .woocommerce-order-details ul.wc-item-meta li { margin: 0 !important; } #Wrapper #Content .woocommerce .woocommerce-order-details ul.wc-item-meta li strong { color: var(--dark-gray) !important; } #Wrapper #Content .woocommerce .woocommerce-order-details ul.wc-item-meta li a { text-transform: none !important; } #Wrapper #Content .woocommerce .woocommerce-order-details ul.wc-item-meta li::before { display: none; } #Wrapper #Content .woocommerce .woocommerce-order-details tfoot td { width: auto !important; min-width: auto !important; float: left; } #Wrapper #Content .woocommerce .woocommerce-order-details tfoot th { float: left; } .woocommerce .woocommerce-order-details tfoot tr:nth-child(even) { background: var(--light-gray) !important; } #Wrapper .woocommerce-customer-details h2 { font-size: 1.75rem !important; line-height: 1.25em !important; font-weight: 500 !important; margin-bottom: 2rem !important; text-align: left !important; } /* ============================================ ANSPRECHPARTNER DETAIL ============================================ */ @media only screen and (min-width: 768px) { .single-wso_team .wso-section-text-img .column_image.wso-img-proportional img { height: auto !important; width: auto !important; } .single-wso_team #Wrapper .wso-section-text-img .wrap:last-child { position: relative !important; left: 0 !important; width: 50% !important; height: auto !important; } .single-wso_team #Wrapper .wso-section-text-img .wrap { height: 100% !important; } .single-wso_team #Wrapper .wso-section-text-img .wrap .wso-img-proportional .image_wrapper { position: relative !important; } .single-wso_team #Wrapper .wso-section-text-img .section_wrapper.mcb-section-inner { display: flex; flex-direction: row-reverse !important; justify-content: center !important; align-items: center !important; } } @media only screen and (max-width: 767px) { .single-wso_team #Wrapper .wso-section-text-img .wrap .column_attr.clearfix { text-align: center !important; } } /* ============================================ ANSPRECHPARTNER GRID ============================================ */ #Wrapper .hargassner-team-search-person { float: left; min-width: 33% !important; } #Wrapper .section:not(.wso-worldwide-map-grid) .hargassner-team-search-person .wpgb-card { width: 100% !important; } #Wrapper .hargassner-team-search-person .wp-grid-builder .wpgb-card-11 .wpgb-card-content, #Wrapper .hargassner-team-search-person .wp-grid-builder .wpgb-card-22 .wpgb-card-content { padding-top: 0 !important; } #Wrapper .hargassner-team-search-person > p { margin-bottom: 1rem !important; text-transform: none !important; } #Wrapper .wso-worldwide-map-grid .hargassner-team-search-person { min-width: 100% !important; } #Wrapper .wso-worldwide-map-grid .hargassner-team-search-person article.wpgb-card { /*width: auto !important;*/ } #Wrapper .wp-grid-builder .wpgb-card-11 .wso-thumbnail-div:empty + .wpgb-block-5, #Wrapper .wp-grid-builder .wpgb-card-22 .wso-thumbnail-div:empty + .wpgb-block-5 { width: 100% !important; max-width: 100% !important; } /* ============================================ SCHULUNGSTERMINE ============================================ */ .dataTables_filter, div#course-table_length { width: auto !important; float: right !important; border-bottom: 1px solid; margin-bottom: 2rem; } .dataTables_filter input[type="search"] { width: auto !important; display: inline-block; margin: 0 !important; border: 0 !important; padding: 0 !important; margin-left: .5rem !important; } .dataTables_filter label { margin: 0 !important; } div#course-table_length { float: left !important; } #course-table_length select { border: 0 !important; padding: 0 !important; margin: 0 !important; display: inline; width: 3.75rem; font-weight: 700 !important; color: var(--dark-gray) !important; text-align: center; padding-right: 1rem !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; line-height: 1em !important; } div#course-table_length label { margin: 0 !important; } div#course-table_info { float: left; } div#course-table_paginate { float: right; } div#course-table_paginate a { padding: 0 0.5rem; cursor: pointer !important; background: transparent !important; border: 0 !important; } div#course-table_paginate a:hover { color: var(--red) !important; } .dataTables_filter input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; height: .75rem; width: .75rem; background: url(/wp-content/uploads/2022/02/close-button-1.svg) no-repeat center; background-size: auto; cursor: pointer; } .dataTables_filter input[type="search"]::-ms-clear { -webkit-appearance: none; height: .75rem; width: .75rem; background: url(/wp-content/uploads/2022/02/close-button-1.svg) no-repeat center; background-size: auto; cursor: pointer; } .dataTables_filter input[type="search"]::-webkit-search-results-button { -webkit-appearance: none; height: .75rem; width: .75rem; background: url(/wp-content/uploads/2022/02/close-button-1.svg) no-repeat center; background-size: auto; cursor: pointer; } table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after { font-size: 1.2rem !important; right: 0.75rem !important; line-height: 1em !important; font-family: "akzidenz-grotesk-next-pro", sans-serif !important; width: 0.75rem !important; height: 0.75rem !important; display: inline-block !important; font-weight: 700 !important; background: url(/wp-content/uploads/2022/03/vector-17.svg) no-repeat center !important; content: '' !important; } table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before { content: '' !important; transform: rotate(180deg); } table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after { content: '' !important; } /* ============================================ Borlabs Cookie Box ============================================ */ #BorlabsCookieBox ._brlbs-btn-accept-all { background: var(--dark-gray) !important; } #BorlabsCookieBox a:not(._brlbs-btn) { color: var(--dark-gray) !important; text-decoration: underline !important; } .BorlabsCookie ._brlbs-checkbox input:checked ~ ._brlbs-checkbox-indicator { background-color: var(--dark-gray) !important; border-color: var(--dark-gray) !important; } .BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator { border-color: var(--dark-gray); } #BorlabsCookieBox .cookie-preference table tr td, #BorlabsCookieBox .cookie-preference table tr th, #BorlabsCookieBox .cookie-preference table { background: transparent !important; } /* ============================================ iFrame ============================================ */ .wso-iframe-promotions iframe.wst-iframe { /*min-height: 100rem;*/ } /* ============================================ Responsiv ============================================ */ @media only screen and (max-width: 1499px) and (min-width: 1240px) { html { font-size: 1.15vw !important; } #Top_bar .menu > li > a { padding: 0 1rem !important; } #Wrapper .wso-heater-models-table div { font-size: .9rem !important; } #Top_bar .menu .wso-burger-menu .wso-burger-menu-center .menu-item-has-children ul li a { /*font-size: .75rem !important;*/ padding-top: 1rem !important; } #Wrapper .wso-heater-models-table div.wso-bigger-col { height: 4.5rem !important; } .single-wso_heat_pump #Wrapper .wso-heater-models-table div.wso-bigger-col { height: 6rem !important; } } @media only screen and (max-width: 1239px) and (min-width: 1024px) { html { font-size: 1.35vw !important; } #Wrapper .wso-heater-models-table div { font-size: .8rem !important; } #Wrapper .wso-heater-models-table div.wso-bigger-col { height: 4.5rem !important; } .single-wso_heat_pump #Wrapper .wso-heater-models-table div.wso-bigger-col { height: 6rem !important; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { html { font-size: 1.6vw !important; } #Wrapper .wso-heater-models-table div { font-size: .9rem !important; } #Wrapper .wso-heater-models-table div.wso-bigger-col { height: 6rem !important; } .single-wso_heat_pump #Wrapper .wso-heater-models-table.wso-heater-models-table-fixed span, .single-wso_heat_pump #Wrapper .wso-heater-models-table div { font-size: .75rem !important; } .single-wso_heat_pump #Wrapper .wso-heater-models-table div.wso-bigger-col { height: 4.5rem !important; /*height: 7rem !important;*/ } } @media only screen and (max-width: 767px) and (min-width: 600px) { html { font-size: 2.5vw !important; } } @media only screen and (max-width: 599px) { html { font-size: 3.7vw !important; } } @media only screen and (max-width: 479px) { html { font-size: 4vw !important; } } @media only screen and (max-width: 1499px) { #Top_bar .menu > li > a span:not(.description) { padding: 0 1.65rem; } .wso-section-breaker .column_attr.clearfix { width: 38% !important; } .wso-section-breaker.wso-align-right .column_attr.clearfix { /* width: 15% !important; */ } .wpgb-grid-19 .wso-slider-skin-img.wso-heater { right: 3rem !important; } .wso-section-breaker.wso-align-right .column_attr.clearfix .wso-subtitle, .wso-section-breaker.wso-align-right .column_attr.clearfix .wso-title { /* margin-left: -9rem !important; */ } .wso-section-text-img:not(.full-width) .wrap:last-child { width: calc(50% + 3rem); right: -3rem !important; } .wso-section-text-img:not(.full-width) .wrap.wso-float-right + .wrap { left: -3rem !important; right: auto !important; } .section.mcb-section.wso-section-text-img.wso-img-proportional-section:not(.full-width) .wrap:last-child { width: calc(50% + 3rem) !important; flex-basis: calc(50% + 3rem) !important; } #Top_bar .menu > li > ul.mfn-megamenu > li.wso-burger-menu-inner > ul > li:nth-child(2) { width: 40% !important; } #Top_bar .menu .wso-burger-menu .wso-burger-menu-center .menu-item-has-children ul { left: 50vw; } #Top_bar .menu > li > ul.mfn-megamenu > li.wso-burger-menu-inner > ul > li:nth-child(3) { right: -2.1rem !important; width: 21% !important; } .wso-contact-person-form input, .wso-contact-person-form select { margin: 0 1rem !important; } #Wrapper #wso_mobile_filter_trigger { width: 22% !important; } div#wso-map-filter .wso-contact-person-form { width: 60% !important; margin: 0 !important; } .wso-section-text-img:not(.full-width) .wrap.wso-iframe-half-half { right: 0 !important; margin-right: -3rem !important; } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .wpgb-card-2 h2, #Wrapper .wpgb-card-2 .wso-h2 { font-size: 3.9rem !important; } } @media only screen and (max-width: 1239px) { :root { --content-width: 61rem; } #Wrapper #Top_bar { position: fixed !important; top: 0 !important; /* height: var(--mobile-top-bar-height) !important; */ } #Content { margin-top: 8rem; } .wst-ls-visible.wst-ls-fixed #Content { margin-top: var(--mobile-top-bar-height) !Important; } .wso-section-slider.wso-fullscreen, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-main, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-layout, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-carousel, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-masonry, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-card { min-height: 35rem !important; } #Wrapper #Top_bar .container, #Wrapper #Top_bar .column, #Wrapper #Top_bar .top_bar_left, #Wrapper #Top_bar .menu_wrapper { height: 100%; } #Wrapper #Top_bar #logo img, #Wrapper #Top_bar.is-sticky #logo img { width: 12rem !important; } #Wrapper #Top_bar a.responsive-menu-toggle { position: absolute; top: 50% !important; right: 1rem; transform: translate(0, -50%); margin: 0 !important; width: auto !important; height: 2rem !important; color: var(--dark-gray); } #Wrapper #Top_bar.is-sticky a.responsive-menu-toggle { color: var(--dark-gray); } #Top_bar a.responsive-menu-toggle i { font-size: 2rem !important; line-height: 1em !important; } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .wpgb-card-2 h2, #Wrapper .wpgb-card-2 .wso-h2 { font-size: 3.5rem !important; } #Wrapper .wso-highlight-button { top: -6rem; right: 0; } #Top_bar .menu > li > a span:not(.description) { padding: 0 1rem; line-height: 3.5em !important; } #Top_bar .menu > li.pll-parent-menu-item > a span:not(.description) { line-height: .85em !important; } #Top_bar .menu > li > a { font-size: .75rem !important; padding: 0 .75rem !important; } #Top_bar #logo img { width: 12rem; } #Wrapper .section.full-width:not(.wso-fullscreen):not(.wso-section-text-img-fullwidth) > .section_wrapper { padding-left: var(--padding-small) !important; padding-right: var(--padding-small) !important; } #Wrapper .wso-section-breaker:has(.wso-circle-text-button) .wso-hero-content { margin-top: 3rem !important; } .wso-section-breaker .wso-circle-text-button { left: calc(var(--padding-small) + 1rem) !important; } .wso-section-breaker.wso-align-right .wso-circle-text-button { right: calc(var(--padding-small) + 1rem) !important; } #Wrapper .section.wso-section-grid:not(.wso-align-left) .wrap.wso-grid-heading .column_attr.clearfix { max-width: 70%; } #Wrapper .wpgb-facet fieldset { margin-left: 2rem !important; margin-bottom: 1.5rem !important; } #Wrapper :where(h1):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h1]), #Wrapper .wso-h1, #Wrapper :where(h2):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h2]), #Wrapper .wso-h2, #Top_bar .mfn-megamenu-title, #Top_bar .wso-megamenu-text, #Wrapper p.wso-big { font-size: 4rem !important; } #Wrapper .wso-grid-slider .wpgb-card-3 .wpgb-card-media-content-top .wpgb-block-2 p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6), #Wrapper .wso-grid-slider .wpgb-card-23 .wpgb-card-media-content-top .wpgb-block-2 p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { font-size: 1rem !important; } #Wrapper .wso-cobbles-layout-3 .wpgb-card-3:first-child p.wso-h3:not(.wso-news-skin-event-date), #Wrapper .wso-grid-slider .wpgb-card-3 p.wso-h3:not(.wso-news-skin-event-date), #Wrapper .wso-cobbles-layout-23 .wpgb-card-3:first-child p.wso-h3:not(.wso-news-skin-event-date), #Wrapper .wso-grid-slider .wpgb-card-23 p.wso-h3:not(.wso-news-skin-event-date) { font-size: 2.75rem !important; } .wso-intro-benefits { width: 17rem !important; right: 1rem !important; } .wpgb-grid-19 .wso-slider-skin-img.wso-heater { width: 35rem !important; height: auto !important; right: 4rem !important; bottom: -5rem !important; } .wpgb-grid-34 .wpgb-masonry { flex-wrap: wrap !important; } .wso-classic-content, #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wrap.wso-hero-content { width: 35% !important; } #Top_bar .menu > li > ul.mfn-megamenu > li.wso-burger-menu-inner > ul > li:nth-child(3) { right: 0rem !important; width: 22% !important; } #Top_bar .mfn-megamenu-parent:not(.wso-burger-menu).hover > ul.sub-menu.mfn-megamenu, .wso-burger-menu-active #Top_bar .mfn-megamenu-parent.wso-burger-menu > ul.sub-menu.mfn-megamenu { padding-left: 3rem !important; padding-right: 3rem !important; } #Top_bar .menu > li > ul.mfn-megamenu > li.wso-burger-menu-inner > ul > li:nth-child(2) { width: 30% !important; padding: 0 !important; } #timeline .wso-timeline-logo { width: 7rem !important; } div#wso-map-filter .column_attr > * { margin: 0 .5rem !important; width: calc(58% - 2rem) !important; } #Wrapper div#wso-map-filter a.button { margin-left: 0rem !important; } .wso-contact-person-form form * { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } #Wrapper #wso_mobile_filter_trigger { width: 25% !important; } #Wrapper .section .column ul.wso-open-job-card li:last-child { /*min-width: 21% !important;*/ min-width: 22% !important; } #Wrapper .section .column ul.wso-open-job-card li:first-child { flex-grow: 0 !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; /* min-width: 26% !important; */ } #Wrapper .section .column ul.wso-open-job-card li { /*min-width: 19% !important;*/ } #Wrapper .section .column ul.wso-open-job-card li:first-child p { -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; width: auto !important; display: inline-block !important; float: left; } .woocommerce div.product form.cart .button { padding: 0.8rem 2rem !important; } .cart-collaterals { display: block; margin: 1rem 0; background-color: var(--light-gray); padding: 2rem; } #Wrapper .hargassner-team-search-person { float: left; min-width: 50% !important; } .single-wso_dealer_iframe #Wrapper .wso-product-cat-grid .wpgb-card-8 .wpgb-card-wrapper { margin-bottom: 5rem !important; } #Wrapper .wso-product-cat-grid.wso-iframe-grid .wpgb-card-8 .wpgb-card-header { margin-bottom: 0rem !important; } .single-wso_dealer_iframe #Wrapper .wso-product-cat-grid .wpgb-card-8 { height: auto !important; } #Wrapper .wso-searchbar { max-width: 100% !important; } #Wrapper .wpgb-card-3 .wpgb-card-media-content-top .wpgb-block-2 p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6), #Wrapper .wpgb-card-23 .wpgb-card-media-content-top .wpgb-block-2 p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { display: none !important; } .wpgb-card-3 .wpgb-card-media-content-top, .wpgb-card-23 .wpgb-card-media-content-top { padding: 1.5rem 1rem 3rem 2rem !important; } .wpgb-card-3 .wpgb-card-media-content-bottom, .wpgb-card-23 .wpgb-card-media-content-bottom { padding: 1.5rem 1rem 1.5rem 2rem !important; } .wpgb-card-3 .wpgb-card-media-content-top:before, .wpgb-card-23 .wpgb-card-media-content-top:before { left: 1rem; } } @media only screen and (max-width: 1024px) { #Wrapper #Top_bar { height: var(--mobile-top-bar-height) !important; } #Top_bar .logo { left: 50% !important; transform: translate(-50%, -50%); } @media only screen and (min-width: 768px) { #Side_slide #menu ul li.pll-parent-menu-item { display: none !important; } } .single-wso_dealer_iframe #Wrapper .logo { transform: translate(-50%, 0%) !important; } .single-wso_dealer_iframe #Side_slide #menu ul li.pll-parent-menu-item { display: none !important; } #Wrapper div#ankerlinks.wso-fixed-position { top: 6rem !important; } html.wst-ls-visible.wst-ls-fixed #Wrapper div#ankerlinks.wso-fixed-position { top: 6rem !important; } } @media only screen and (min-width: 1025px) { #Side_slide { display: none !important; } } @media only screen and (max-width: 1023px) { :root { --content-width: 90%; } #Content { margin-top: 6rem; } #Wrapper .dark .wso-classic-content .wso-heater-img, #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wso-heater-img { margin-left: 0 !important; } .wso-section-slider.wso-fullscreen, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-main, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-layout, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-carousel, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-masonry, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-card { max-height: 60rem; } .wso-section-text-img-fullwidth .wrap:first-child { padding: 5% 4%; } #Wrapper .wso-highlight-button { top: -5rem; width: 10rem !important; height: 10rem !important; } .wso-highlight-button p { font-size: .7rem !important; } #Wrapper .wso-highlight-button p strong { font-size: 2em !important; } #Wrapper .wso-video-button { width: 4rem; height: 4rem; font-size: 2.5rem; } .wp-grid-builder .wpgb-area-left { left: -2.5rem !important; } .wp-grid-builder .wpgb-area-right { right: -2.5rem !important; } #Wrapper .wpgb-card-3 .wpgb-card-media-content-top .wpgb-block-2 a.button, #Wrapper .wpgb-card-23 .wpgb-card-media-content-top .wpgb-block-2 a.button { margin-top: 0 !important; } #Wrapper .section.wso-section-grid:not(.wso-align-left) .wrap.wso-grid-heading .column_attr.clearfix { max-width: 100%; } .wp-grid-builder .wpgb-area-top-1 > div, .wp-grid-builder .wpgb-area-top-2 > div { padding: 0 !important; max-width: 25% !important; flex: 0 0 25%; } .wso-section-breaker .column_attr.clearfix { width: 43% !important; } .wso-section-breaker.wso-align-right .column_attr.clearfix { width: 40% !important; } .wso-section-breaker.wso-align-right .column_attr.clearfix .wso-subtitle, .wso-section-breaker.wso-align-right .column_attr.clearfix .wso-title { margin-left: 0 !important; } #Footer .widgets_wrapper .column.one-fourth { width: 48% !important; } #Footer .widgets_wrapper .column.one-fourth:nth-child(1), #Footer .widgets_wrapper .column.one-fourth:nth-child(2) { margin-bottom: 3rem !important; } .wp-grid-builder .wpgb-area-top-2 > div.wpgb-facet.wpgb-facet-11 { flex-grow: 1 !important; flex-basis: 25% !important; max-width: 25% !important; } #Wrapper h3, #Wrapper .wso-h3 { font-size: 1.5rem !important; } .section .one-third.mcb-wrap, .section .two-third.mcb-wrap { width: 100% !important; height: auto !important; text-align: center; } .section .one-third.mcb-wrap:not(:last-child) { margin-bottom: 5rem !important; text-align: center; } .wso-number-before .wrap:before { left: 0 !important; } #Wrapper .wso-heater-models { /*width: 60% !important;*/ width: 100% !important; } .wso-heater-models-table.wso-heater-models-table-fixed { width: 40% !important; } .wpgb-grid-29 .wpgb-area-top-2, .wpgb-grid-51 .wpgb-area-top-2, .wpgb-grid-52 .wpgb-area-top-2 { width: 167% !important; left: -67% !important; top: 20% !important; } .wpgb-grid-29 .wpgb-area-top-2, .wpgb-grid-51 .wpgb-area-top-2 { top: 14% !important; } #Wrapper .section.mcb-section.wso-three-columns .wrap.one-third .column_attr.clearfix, .section.wso-align-right:not(.wso-section-breaker).wso-three-columns > .section_wrapper > .mcb-wrap:not(.wso-wrap-grid) > .mcb-wrap-inner > .column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) .column_attr { padding: 0 !important; text-align: center !important; } div#target-group .wrap.mcb-wrap.one-second { width: 100% !important; height: auto !important; } div#heizungsintro .wrap.wso-hero-img { width: 65% !important; right: 8% !important; top: 3%; } #Wrapper #benefits .column ul { -moz-column-gap: 2rem !important; column-gap: 2rem !important; } .wso-classic-content, #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wrap.wso-hero-content { width: 35% !important; } .wso-section-text-img:not(.full-width) .wrap:last-child { width: 50% !important; right: 0 !important; } .wso-section-text-img:not(.full-width) .wrap.wso-float-right + .wrap { left: 0 !important; right: auto !important; } #Wrapper .wso-img-box.one-fourth, #Wrapper .wso-img-box.one-sixth, #Wrapper .wso-img-box.one-third, #Wrapper .wso-img-box.one-fifth { width: 48% !important; } .section.mcb-section.wso-section-text-img.wso-img-proportional-section:not(.full-width) .wrap:last-child { width: 50% !important; flex-basis: 50% !important; margin: 0 !important; } #Wrapper .section.mcb-section.wso-two-columns.wso-contact-section .wrap, #Wrapper .section.mcb-section.wso-two-columns.wso-contact-section .wrap:last-child { width: 100% !important; height: auto !important; } #Wrapper .section.mcb-section.wso-two-columns.wso-contact-section .wrap h2.wso-title, #Wrapper .section.mcb-section.wso-two-columns.wso-contact-section .wrap .wso-h2.wso-title { margin-bottom: 3rem !important; } #Wrapper #wso_mobile_filter_trigger { width: 100% !important; } div#wso-map-filter .wso-contact-person-form { justify-content: space-between !important; } div#wso-map-filter .column_attr > * { margin: 0 !important; width: 74% !important; } .wso-contact-person-form form *, #Wrapper .dark .wso-submit { /* margin-left: .75rem !important; */ /* margin-right: .75rem !important; */ max-width: 33% !important; } #Wrapper .section .column ul.wso-open-job-card li:not(.ui-tabs-tab):not(.wpgb-page) { padding: 0.75rem 0.75rem 0.5rem 0.75rem !important; min-width: 15% !important; } #Wrapper .section .column ul.wso-open-job-card li:first-child:not(.ui-tabs-tab):not(.wpgb-page) { min-width: 10% !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; flex-grow: 1 !important; min-width: 30% !important; } #Wrapper .section .column ul.wso-open-job-card li:last-child:not(.ui-tabs-tab):not(.wpgb-page) { min-width: 25% !important; } #Wrapper .section .column ul.wso-open-job-card li a.button { font-size: .8rem !important; } #Wrapper .section .wso-open-jobs .wpgb-card:nth-child(even) { background: white !important; } #Wrapper .section .wso-open-jobs .wpgb-card:nth-child(odd) { background-color: var(--light-gray) !important; } .woocommerce-checkout #customer_details, h3#order_review_heading, div#order_review { width: 100% !important; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100% !important; } .woocommerce .shop_table .product-name .variation > dt, .woocommerce .shop_table .product-name .variation > dd { display: block !important; width: 100% !important; } #Wrapper #Content table td.product-thumbnail { width: 10% !important; min-width: 8rem; } form.woocommerce-cart-form .wso-table-scrollable, .woocommerce-page .cart-collaterals .cart_totals .wso-table-scrollable { overflow: hidden !important; margin: 0 !important; } .dataTables_filter, div#course-table_paginate { float: left !important; clear: both; } div#course-table_paginate a#course-table_previous { padding-left: 0 !important; } .dataTables_filter, div#course-table_length { width: 100% !important; } div#course-table_length { margin-bottom: 1rem !important; } #Wrapper .wso-section-breaker.wso-align-right .wso-hero-img { width: 55% !important; } #Wrapper .wso-section-breaker .wso-hero-img { width: 55% !important; left: 45%; } } @media only screen and (max-width: 768px) { #Wrapper #Content .woocommerce .shop_table td.product-thumbnail::before { content: none !important; } #Wrapper #Content .woocommerce table.shop_table td, #Wrapper #Content .woocommerce table.shop_table td:not(:first-child) { width: 100% !important; line-height: 1.2em !important; text-align: left !important; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { margin-right: 0 !important; margin-bottom: .5rem !important; vertical-align: middle !important; font-size: inherit !important; position: relative !important; width: 100%; } #Wrapper #Content .woocommerce .cart_totals td label { float: left; display: inline !important; line-height: 1.2em !important; } .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr { width: 100% !important; display: block !important; position: relative !important; float: left; clear: right !important; line-height: 1.2em !important; } .woocommerce .shop_table .product-name dl.variation { display: inline-block; position: relative; width: 100% !important; } #Wrapper #Content .woocommerce .shop_table .product-remove a.remove { float: right !important; display: block !important; } #Wrapper #Content .woocommerce table.shop_table td.product-remove { max-width: 100% !important; position: relative !important; display: inline-block !important; width: auto !important; position: absolute !important; right: 0; bottom: 0; padding: .5rem !important; } #Wrapper #Content .woocommerce table.shop_table td.product-name, #Wrapper #Content .woocommerce table.shop_table td.product-price, #Wrapper #Content .woocommerce table.shop_table td.product-quantity { padding-bottom: 0 !important; } #Wrapper #Content .woocommerce table.shop_table td.product-quantity { padding-bottom: 1rem !important; } #Wrapper #Content .woocommerce table.shop_table td.product-name { position: relative !important; display: inline-block !important; } #Wrapper #Content .woocommerce table.shop_table.woocommerce-checkout-review-order-table td:last-child { text-align: left !important; width: auto !important; } #Wrapper #Content .woocommerce table.woocommerce-checkout-review-order-table th, #Wrapper #Content .woocommerce table.woocommerce-checkout-review-order-table td, #Wrapper #Content .woocommerce table.woocommerce-checkout-review-order-table td.product-name { font-size: .9rem !important; line-height: 1.2em !important; padding: 1rem 0.75rem !important; } .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 { margin-top: 3rem !important; } #Wrapper #Content .woocommerce table.shop_table.order_details td:last-child { text-align: center !important; } #Wrapper #Content .woocommerce table.shop_table.order_details td.product-name { padding: 1rem !important; } .woocommerce-page #Wrapper #Content .cart_totals table.shop_table_responsive tr td { margin-bottom: 1rem !important; } #Wrapper #Content .woocommerce table.shop_table td.booked-product { text-align: center !important; } #Wrapper #Content .woocommerce .shop_table th.booking-cancel, #Wrapper #Content .woocommerce .shop_table td.booking-cancel { display: none !important; } #Wrapper #Content .wc-booking-summary table { margin: 1rem 0 !important; } .woocommerce-page #Wrapper .cart-collaterals .cross-sells li.product .image_frame { margin-left: 0 !important; /* width: 100% !important; */ } .woocommerce-page #Wrapper .cart-collaterals .cross-sells li.product { width: 100% !important; } } @media only screen and (max-width: 767px) { :root { --mobile-top-bar-height: 5rem; --padding-small: 1rem !important; --padding-standard: 3rem !important; --padding-big: 3.5rem !important; } #Wrapper #Top_bar { background-color: white !important; } #Wrapper #Top_bar #logo img, #Wrapper #Top_bar.is-sticky #logo img { /* width: 3.8rem !important; */ } #Wrapper #Top_bar a.responsive-menu-toggle { color: var(--dark-gray); } #Wrapper .section_wrapper, #Wrapper .container, #Wrapper .four.columns .widget-area { padding-left: 2rem !important; padding-right: 2rem !important; max-width: 100% !important; } div#news-intro .section .section_wrapper.mcb-section-inner, div#jobprofile-intro .section .section_wrapper.mcb-section-inner { padding: 0 !important; } #Wrapper #Content { margin-top: var(--mobile-top-bar-height); } .wso-section-slider.wso-fullscreen, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-main, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-layout, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-carousel, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-masonry, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-card { /*height: calc(100vh - var(--mobile-top-bar-height)) !important;*/ /* height: calc(90vh - var(--mobile-top-bar-height)) !important; */ height: 40rem !important; width: 100% !important; /*min-height: 450px !important;*/ /* min-height: 400px !important; */ max-height: unset !important; } #Wrapper .wso-section-slider.wso-fullscreen .section_wrapper { max-width: 100% !important; padding: 0 !important; } #Footer .widgets_wrapper .widget { padding: 1.2rem 0; } #Footer .widgets_wrapper .widget > div, #Footer aside > h4 { text-align: center; } #Footer aside > h4::after { margin-left: auto; } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a { border: 1px solid var(--color-1) !important; background-color: var(--color-1); color: white; } #Wrapper .wso-section-hero:not(.wso-section-video):not(.wso-slider-intro) { padding: 24% 0 !important; } #Wrapper .section.mcb-section.wso-section-hero.wso-section-intro.wso-slider-intro { height: auto !important; padding: 0 !important; } #Wrapper .section.mcb-section.wso-section-hero.wso-section-intro.wso-slider-intro .section_wrapper.mcb-section-inner { padding: 0 !important; display: flex; flex-direction: column; width: 100%; } #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wrap.wso-hero-content { width: 100% !important; } .wso-section-text-img:not(.wso-section-text-img-fullwidth) .wrap:first-child, .wso-section-text-img:not(.wso-section-text-img-fullwidth) .column_image { margin-bottom: 1rem !important; } #Wrapper .wso-highlight-button { top: -8rem; } #Wrapper .wso-img-box { /* height: 90vw !important; */ } .wp-grid-builder.wpgb-grid-19 .wpgb-area-left { left: 1rem !important; } .wp-grid-builder.wpgb-grid-19 .wpgb-area-right { right: 1rem !important; } .wp-grid-builder .wpgb-prev-button, .wp-grid-builder .wpgb-next-button { width: 1.5rem !important; height: 1.5rem !important; } .wso-grid-slider .wpgb-area-left { left: .5rem !important; } .wso-grid-slider .wpgb-area-right { right: .5rem !important; } .wso-grid-slider .wpgb-area-left, .wso-grid-slider .wpgb-area-right { top: auto !important; bottom: -3.2rem !important; } .wpgb-grid-17 .wpgb-area-top-2 { display: none !important; } #Wrapper .wso-section-breaker .wso-hero-img, #Wrapper .wso-section-breaker.wso-align-right .wso-hero-img { position: relative !important; width: calc(100% + 3rem) !important; height: auto !important; top: 0 !important; bottom: 0 !important; left: 0; } .wso-section-breaker .column_attr.clearfix { width: 100% !important; text-align: center !important; } .wso-section-breaker.wso-align-right .column_attr.clearfix { width: 100% !important; } #Wrapper .section.full-width:not(.wso-fullscreen):not(.wso-section-text-img-fullwidth) > .section_wrapper { padding-left: 2rem !important; padding-right: 2rem !important; } #Wrapper .section.full-width.wso-section-image-boxes.wso-download-image-boxes .section_wrapper.mcb-section-inner { padding: 0 2% !important; } #Wrapper .section.full-width.wso-grid-38 .section_wrapper.mcb-section-inner { padding: 0 1rem !important; } #Wrapper div#ankerlinks .section_wrapper.mcb-section-inner { padding: 0 !important; } #Wrapper :where(h1):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h1]), #Wrapper .wso-h1, #Wrapper :where(h2):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h2]), #Wrapper .wso-h2, body :where(h1):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h1]), body .wso-h1, body :where(h2):not([class*='wso-h'], [class*='wso-p'], [class*=brlbs-cmpnt-h2]), body .wso-h2, #Top_bar .mfn-megamenu-title, #Top_bar .wso-megamenu-text, #Wrapper p.wso-big { font-size: 3rem !important; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #Wrapper h3:not([class*='wso-h']), #Wrapper .wso-h3, .wso-section-breaker .wso-content p, #Wrapper .wpgb-card-6 .wso-content *, body h3:not([class*='wso-h']), body .wso-h3, #Wrapper h1.wso-h3, div.wpforms-container-full .wpforms-form .wpforms-field-label { font-size: 1.65rem !important; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #Wrapper div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li { margin-right: 0.5rem !important; } div.wpforms-container-full .wpforms-form .wpforms-field-label #Wrapper .wso-section-breaker .wso-hero-content { padding: var(--padding-standard) 0 0; } .wso-number-before .wrap { text-align: center !important; } .wso-number-before .wrap:before { left: 50% !important; transform: translateX(-50%); position: relative !important; top: -2rem !important; margin-bottom: -1.5rem; } body, .wpgb-card p, .gm-style p, #Wrapper .ui-widget-content p { font-size: 1.15rem !important; } #Wrapper a.button, #Wrapper .jig-loadMoreButton, input[type="submit"], .wpgb-facet button.wpgb-button { font-size: 1.05rem !important; } #Wrapper .wso-buttons-after-grid a.button { margin: .5rem .75rem !important; } #Footer .widgets_wrapper .column.one-fourth, #Footer .widgets_wrapper .column.one-fourth:nth-child(1), #Footer .widgets_wrapper .column.one-fourth:nth-child(2) { width: 100% !important; margin-bottom: 3rem !important; } #Wrapper .wso-img-box.one-fourth, #Wrapper .wso-img-box.one-sixth, #Wrapper .wso-img-box.one-third, #Wrapper .wso-img-box.one-fifth { width: 100% !important; } #Footer .widgets_wrapper .column.one-fourth.wso-footer-logos-new-ca { margin-top: 3rem; margin-bottom: 0 !important; } #Footer .widgets_wrapper .column.column_column.wso-contact-data { margin-bottom: 4rem !important; padding-bottom: 2.5rem !important; } #Footer .wso-social-icons-footer { bottom: -4rem; } .wrap.mcb-wrap.one.wso-footer-icons { padding: 6.5rem 0 2rem !important; } #Wrapper .wso-product-grid.wso-grid-slider .wso-product-card-content p:not(.wso-h1):not(.wso-h2):not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-h6) { display: none !important; } #Wrapper .wso-product-grid.wso-grid-slider .wso-product-card-content a.button { height: auto !important; opacity: 1 !important; } #Wrapper .wp-grid-builder.wso-grid-slider .wpgb-viewport.wpgb-carousel { overflow: visible !important; } #Wrapper .wso-product-grid.wso-grid-slider .wpgb-viewport.wpgb-carousel { width: 100% !important; /*margin-left: 5% !important;*/ /*margin-right: 5% !important;*/ } #Wrapper .wso-heater-models-table div span { display: inline-block !important; float: left !important; clip: unset; -webkit-clip-path: unset; clip-path: unset; height: unset; overflow: unset; position: static; white-space: unset; width: auto; } .single-wso_heat_pump #Wrapper .wso-heater-models-table div span:first-child { max-width: 70% !important; padding-right: .5rem !important; } #Wrapper .wso-heater-models-table.wso-heater-models-table-fixed { display: none !important; } #Wrapper .wso-heater-models { width: 100% !important; } #Wrapper .wp-grid-builder.wso-grid-slider.wso-heater-models .wpgb-viewport.wpgb-carousel { overflow: hidden !important; } #Wrapper .wso-heater-models-table div { text-align: right !important; } #Wrapper .wso-heater-models-table div span:first-child { text-align: left !important; } #Wrapper .wso-heater-models-table div.wso-bigger-col { height: auto !important; } #Wrapper .wso-heater-models-table div:first-child { text-align: center !important; } div#technical-data .wrap:not(.wso-grid-heading) { margin: 0 !important; } .section .one-third.mcb-wrap { text-align: center !important; } #Wrapper #benefits .column ul, #Wrapper .wso-industry-sectors-tax-div { -moz-column-count: 1 !important; column-count: 1 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } .wpgb-grid-29 .wpgb-area-top-2, .wpgb-grid-51 .wpgb-area-top-2, .wpgb-grid-52 .wpgb-area-top-2 { width: 100% !important; left: 0 !important; } .section.wso-section-text div#circle-container { position: relative !important; width: 100% !important; left: 0 !important; top: 0 !important; margin: 0 !important; display: inline-block !important; text-align: center !important; margin-bottom: 2rem !important; } div#circle { left: 51%; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; margin-top: -2rem; margin-bottom: 3rem !important; float: left !important; } #Wrapper div.section.wso-section-hero.wso-section-breaker:has(.wso-circle-text-button) { padding-top: calc(var(--padding-big) + 6rem) !important; } #Wrapper .wso-section-breaker .section_wrapper { display: flex; flex-direction: column; } #Wrapper .wso-section-breaker .wso-hero-content { order: 2; } #Wrapper .wso-section-breaker .wso-hero-img { order: 1; } #Wrapper .wso-section-breaker:has(.wso-circle-text-button) .wso-hero-content { margin-top: 0 !important; } .wso-section-breaker.wso-align-right div#circle, .wso-section-breaker div#circle { float: left !important; /* left: 25% !important; */ margin-bottom: 0 !important; transform: unset !important; } .wso-section-breaker .wso-circle-text-button, .wso-section-breaker.wso-align-right .wso-circle-text-button { top: 1.5rem !important; left: 1rem !important; right: unset !important; } .section.mcb-section.wso-request-breaker .wrap.mcb-wrap.one-fourth .column:before { display: none !important; } #Wrapper .section.mcb-section.wso-request-breaker .wrap.mcb-wrap.one-fourth * { text-align: center !important; } html[lang="fr-FR"] #Wrapper .section.mcb-section.wso-request-breaker .wrap.mcb-wrap.one-fourth { margin-bottom: 3rem; } #Wrapper .wso-request-breaker p.wso-big { margin-top: 0 !important; margin-bottom: 0.5rem !important; } #Wrapper .section.wso-section-breaker + .section.mcb-section.wso-section-related-grid:before, #Wrapper .section.wso-section-text.wso-one-column:before, #Wrapper .section.wso-section-code:before, #Wrapper .wso-section-equipment-slider:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-17:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-33:before, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-28:before, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-35.wso-top-big-padding:before, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-43.wso-top-big-padding:before, #Wrapper #news-intro:before, #Wrapper div#jobprofile-intro:before { height: 4rem !important; } body #Wrapper .section.wso-section-breaker + .section.mcb-section.wso-section-related-grid.wso-top-big-padding, body #Wrapper .section.wso-section-text.wso-one-column.wso-top-big-padding, body #Wrapper .section.wso-section-text.wso-one-column.wso-top-small-padding, body #Wrapper .section.wso-section-text.wso-one-column.wso-top-standard, body #Wrapper .section.mcb-section.wso-section-code.wso-top-big-padding, body #Wrapper .section.mcb-section.wso-section-code.wso-top-small-padding, body #Wrapper .section.mcb-section.wso-section-code.wso-top-standard, body #Wrapper .section.mcb-section.wso-section-equipment-slider.wso-top-big-padding, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-17.wso-top-big-padding, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-35.wso-top-big-padding, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32.wso-top-big-padding, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-33.wso-top-big-padding, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-43.wso-top-big-padding, body #Wrapper .section.mcb-section.wso-section-grid.wso-grid-28, #Wrapper #news-intro, #Wrapper div#jobprofile-intro { padding-top: 7rem !important; } body #Wrapper .section.mcb-section.wso-section-code.wso-top-no-padding { padding-top: 0; } #Wrapper .section.wso-section-grid .wrap.wso-grid-heading, #Wrapper .section.wso-section-code .wrap.wso-wrap-content { margin-bottom: 1.5rem !important; text-align: center !important; } .single-wso_heater #Wrapper .section.mcb-section.wso-section-breaker.wso-map-cta + div#news { margin-top: -3.5rem; } #Wrapper a.button.wso-download-icon span.button_label:before, #Wrapper .wp-grid-builder .wpgb-card:not(:last-child) .wso-heater-models-table:after { content: none !important; } div#target-group .column_attr.clearfix .wso-h2 { text-align: center !important; } .wso-section-breaker.wso-map-cta .column_attr.clearfix { text-align: left !important; } #Wrapper div#cta-map .section_wrapper.mcb-section-inner { display: flex; flex-direction: column-reverse; } #Wrapper div#cta-map .section_wrapper.mcb-section-inner .wrap + .wrap { padding: 0 0 var(--padding-standard); } #Wrapper div#cta-map img { min-height: 25rem !important; } .wso-tax-icon-div .wso-tax-icon { display: inline-block !important; float: left; margin-right: 1rem; } div#heizungsintro .column_attr.clearfix p.wso-h4 { margin: 1rem 0 !important; } .wso-tax-icon-div { margin-bottom: 1rem; } div#heizungsintro .wrap.wso-hero-img { position: relative !important; width: 100% !important; left: 0 !important; right: 0 !important; top: 0 !important; margin-bottom: 0rem; } div#heizungsintro .section_wrapper.mcb-section-inner { display: flex; flex-direction: column-reverse; } .wso-intro-benefits { display: none; } div#heizungsintro .wrap:not(.wso-hero-img) { padding: 5rem 0 1rem !important; } div#heizungsintro .column_attr.clearfix p.wso-h3 { margin-bottom: 1rem !important; } #Wrapper .wso-cobbles-layout-3 .wpgb-card-3:first-child p.wso-h3:not(.wso-news-skin-event-date) { font-size: 1.5rem !important; } .wpgb-card-3 .wpgb-card-media-content-top, #Wrapper .wso-grid-slider .wpgb-card-3 .wpgb-card-media-content-top, .wpgb-card-23 .wpgb-card-media-content-top, #Wrapper .wso-grid-slider .wpgb-card-23 .wpgb-card-media-content-top { padding: 1rem 1rem 3rem 3rem !important; } .wpgb-card-3 .wpgb-card-media-content-bottom, .wpgb-card-23 .wpgb-card-media-content-bottom { padding: 1rem 1rem 1.5rem 3rem !important; } .wpgb-card-3 .wpgb-card-media-content-top:before, .wpgb-card-23 .wpgb-card-media-content-top:before { left: 1.5rem; } .wpgb-card[aria-hidden="false"] .wso-product-card-div.wso-product:after { opacity: 1 !important; } .wpgb-card[aria-hidden="false"] .wso-product-card-div.wso-product * { color: white !important; } #Wrapper .wso-product-grid.wso-grid-slider .wpgb-card .wso-product-thumbnail { height: 15rem !important; margin-top: -2rem !important; bottom: -3rem !important; } #Wrapper .wso-product-grid.wso-grid-slider.wso-product-cat-grid .wpgb-card .wso-product-thumbnail { margin-top: 0rem !important; } #Wrapper .wso-product-grid .wpgb-card[aria-hidden="false"] .wso-icon-dark { display: none !important; } #Wrapper .wso-product-grid .wpgb-card[aria-hidden="false"]:not(:hover) .wso-icon-light, #Wrapper .wso-product-grid .wpgb-card[aria-hidden="false"] .wso-icon-light { display: inline-block !important; position: relative !important; } #Wrapper .wso-product-grid.wso-grid-slider .wpgb-card[aria-hidden="false"] p.wso-h5:after { background: white !important; } #Wrapper .wpgb-grid-19 .wpgb-area-bottom-1 { /* justify-content: flex-start !important; */ padding: 0 1rem; } #Wrapper .wpgb-grid-19 .wpgb-page-dots { margin-right: 0 !important; margin-left: 0 !important; } .wpgb-block-2.wso-highlight-button-slider.dark { display: none !important; } .wpgb-block-2.wso-highlight-button-slider.dark.wpgb-idle-scheme-1 { display: none !important; } .wso-section-slider .wpgb-grid-19 { margin: 0 !important; } .wso-classic-content { width: 100% !important; margin-top: 0rem !important; } #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wrap.wso-hero-content { width: 100% !important; padding: 1rem 2rem 1rem !important; } .wpgb-card-2 .wso-slider-skin-img.wso-classic img { width: 100% !important; /* height: 23rem !important; */ /* object-position: center; */ } #Wrapper .dark .wso-classic-content .wso-heater-img, #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wso-heater-img { width: 100% !important; margin: 0 !important; /* height: auto !important; */ height: 15rem !important; margin-top: 1rem !important; } #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wso-heater-img { /* margin-bottom: -5rem !important; */ } .wpgb-card-2 .wso-slider-skin-img.wso-classic:after { left: 0; width: 100% !important; bottom: auto; height: 30%; } .wpgb-card-2 .wso-slider-skin-img.wso-classic:before, #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wso-hero-img:before { width: 100% !important; right: 0; left: 0; top: 0!important; height: 35% !important; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wso-hero-img:before { top: -5px !important; height: 60% !important; } .wpgb-grid-19 .wso-slider-skin-img.wso-heater { width: auto !important; right: 0 !important; height: 15rem !important; bottom: 0 !important; } .wpgb-grid-19 .wso-heater-content { margin-top: -10rem !important; } .wpgb-grid-34 .wpgb-masonry .wpgb-card { flex-basis: 100% !important; } .wso-section-text-img:not(.full-width) .wrap:last-child, .section.mcb-section.wso-section-text-img.wso-img-proportional-section:not(.full-width) .wrap, .section.mcb-section.wso-section-text-img.wso-img-proportional-section:not(.full-width) .wrap:last-child { width: 100% !important; } #Wrapper .section.mcb-section.wso-section-hero.wso-section-video .wso-content:after { height: 2rem !important; margin-top: .5rem !important; } #Wrapper .wso-section-video .wso-video-button { height: 2.5rem !important; width: 2.5rem !important; top: 40% !important; } #Wrapper .wso-section-video .wso-video-button:hover { height: 3rem !important; width: 3rem !important; } #Wrapper .section.mcb-section.wso-section-hero.wso-section-video .wso-content { font-size: 1.15rem !important; } .wpgb-card-6 .wpgb-card-body { padding-left: 0 !important; padding-right: 0 !important; } .section.mcb-section.wso-section-grid.wso-grid-28 { padding-top: 3.25rem !important; } .wpgb-card-6 .wpgb-card-inner:before { left: 33% !important; } #Wrapper .wso-img-box.one-fourth { width: 100% !important; } #Wrapper .section.mcb-section.wso-section-intro.wso-slider-intro .wso-hero-img { width: 100% !important; /* margin-top: 18rem !important; */ position: relative !important; height: 18rem; } #Wrapper .wso-section-intro.wso-slider-intro div#circle-container, #Wrapper .wso-section-intro.wso-classic-intro div#circle-container { display: none !important; } ul.wso-fact-button { display: none !important; } .section.wso-section-text.wso-three-columns div#circle-container { margin: 0 !important; } #Side_slide { top: 5rem !important; height: calc(100% - 3rem) !important; margin-bottom: 2rem !important; } #Wrapper .wp-grid-builder .wpgb-area-top-2 > div.wpgb-facet { flex-grow: 1 !important; flex-basis: 100% !important; max-width: 100% !important; } .wpgb-area.wpgb-area-top-2 { flex-direction: column; max-width: 100% !important; margin-top: 1.5rem !important; } .wp-grid-builder.wpgb-grid-38 .wpgb-area.wpgb-area-top-2 { flex-direction: row !important; margin-bottom: 1rem !important; width: 100% !important; } #Wrapper .wpgb-facet fieldset { margin: 0 0 2rem !important; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span:not(.wso-icon):first-child { /* width: 3rem !important; */ display: none; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span:not(.wso-icon):nth-child(2) { width: 15% !important; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span:not(.wso-icon):nth-child(3) { width: 63% !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .wp-grid-builder .wpgb-card-12 .wpgb-block-5 a span:not(.wso-icon):last-child { width: 22% !important; text-align: right !important; } .wpgb-facet button.wpgb-button { margin: 0 0 2rem !important; } #Wrapper .wso-important-infos.wso-section-breaker:not(.wso-align-right) .wso-hero-img:before { /* content: none !important; */ /* display: none !important; */ height: calc(100% + 9.5rem) !important; top: -9.5rem !important; width: 6rem !important; right: 1rem !important; } #Wrapper .section.full-width.wso-section-image-boxes.wso-download-image-boxes .wso-img-box.one-sixth.column { width: 32.33% !important; float: left !important; display: inline-block !important; clear: right; margin-bottom: 1% !important; height: 10rem !important; } #Wrapper .section.full-width.wso-section-image-boxes.wso-download-image-boxes .wso-img-box.one-fourth { width: 32.33% !important; margin-bottom: 1% !important; float: left !important; height: 8rem !important; position: relative !important; clear: none !important; } #Wrapper .section.full-width.wso-section-image-boxes.wso-download-image-boxes .wso-img-box.column_image .wp-caption-text .wso-h3 { font-size: 1.25rem !important; } .wp-grid-builder.wso-download-grid { margin: 3rem 0 !important; } div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select { background-position: 96% 50%; } #Wrapper div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li { width: calc(50% - 1rem); } div#details.wso-schnittbild-new .section > .section_wrapper.mcb-section-inner { padding: 0 !important; } div#benefits .wrap.wso-wrap-content-above { text-align: center; } #Wrapper .wso-grid-slider .wpgb-card-8 p.wso-h5:before { background: white !important; } #Wrapper .section .wso-grid-slider .wpgb-card-8 p.wso-h5.wso-hargassner-logo:before { background: url(/wp-content/uploads/2022/11/hargassner-favicon.svg) no-repeat center !important; background-size: contain !important; } .single-wso_heater #Wrapper .section.mcb-section.wso-section-breaker.wso-map-cta + div#news, #Wrapper .section.mcb-section.wso-section-breaker.wso-map-cta + .section.wso-grid-17 { margin-top: -3.5rem; } #Wrapper .wso-section-text-img-fullwidth .section_wrapper.mcb-section-inner { padding-left: 0 !important; padding-right: 0 !important; } #Wrapper .wso-section-text-img-fullwidth .wrap:first-child { padding: 3rem 2rem 2rem !important; } .accordion .question .answer { padding: 1rem 0 !important; } #Wrapper .ui-tabs .ui-tabs-panel .section .section_wrapper.mcb-section-inner { padding-left: 0 !important; padding-right: 0 !important; } #Wrapper .ui-tabs .ui-tabs-panel { padding: 2rem 0 0 !important; } .wst-wpgb-wrapper.grid-29, .wst-wpgb-wrapper.grid-51, .wst-wpgb-wrapper.grid-52 { width: 100% !important; } .wpgb-grid-29 .wpgb-area-top-2, .wpgb-grid-51 .wpgb-area-top-2, .wpgb-grid-52 .wpgb-area-top-2 { flex-direction: row !important; top: 16.75% !important; } #Wrapper .wpgb-card-8 .wso-product-card-div:not(.wso-equipment) .wso-h5::before { background: white; } #timeline .wso-timeline-wrap .wrap { width: 100% !important; } #timeline .wso-timeline-wrap, #timeline .wso-timeline-wrap:nth-child(odd) { flex-direction: column !important; } #timeline .wso-timeline-wrap:before, #timeline .wso-timeline-section:after, #timeline .wso-timeline-section:before { display: none; } #timeline .wso-timeline-wrap { padding-bottom: 1rem !important; } #Wrapper #wso_mobile_filter_trigger, .wso-contact-person-form, div#wso-map-filter .column_attr > * { width: 100% !important; } #Wrapper #wso_mobile_filter_trigger { margin-bottom: 1rem !important; } div#wso-map-filter .wso-contact-person-form { flex-direction: column !important; } .wso-contact-person-form form *, #Wrapper .dark .wso-submit, .wso-contact-person-form input, .wso-contact-person-form select { max-width: 100% !important; margin: 1rem 0 !important; width: 100% !important; } #Wrapper .section .column ul.wso-open-job-card li:first-child:not(.ui-tabs-tab):not(.wpgb-page), #Wrapper .section .column ul.wso-open-job-card li:last-child:not(.ui-tabs-tab):not(.wpgb-page), #Wrapper .section .column ul.wso-open-job-card li:not(.ui-tabs-tab):not(.wpgb-page) { width: 100% !important; border: 0 !important; text-align: left !important; display: inline-block !important; padding: 0 !important; } #Wrapper .section ul.wso-open-job-card { display: block !important; padding: 1rem !important; } #Wrapper .section .wso-open-jobs .wpgb-card:first-child ul.wso-open-job-card.wso-open-job-card-empty { display: none !important; } #Wrapper .section .column ul.wso-open-job-card li:not(.ui-tabs-tab):not(.wpgb-page) p { text-align: left !important; display: inline-block !important; } #Wrapper .section .column ul.wso-open-job-card li a.button { font-size: .9rem !important; } #Wrapper .wpgb-card.wso-no-jobs-found ul.wso-open-job-card li:nth-child(1) { position: relative !important; } .wso-search-thumbnail { width: 8rem !important; height: 8rem !important; } .wso-search-card-content { width: calc(100% - 10rem) !important; margin-left: 2rem !important; } #Wrapper .section.mcb-section.wso-section-multi-column.wso-video-section .wrap { margin-bottom: 2.5rem; } div#Content.woocommerce .sections_group > .section > .section_wrapper.clearfix { padding: 0 !important; } .woocommerce div.product div.images { margin: 0 !important; } #Wrapper .ui-tabs .ui-tabs-nav { flex-direction: column !important; } #Wrapper .ui-tabs .ui-tabs-nav li a { padding: .7rem 0 .5rem !important; border-top: 1px solid var(--dark-gray) !important; border-bottom: 1px solid var(--dark-gray) !important; width: 100% !important; } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a { background: var(--dark-gray); color: white !important; border-top: 1px solid var(--dark-gray) !important; border-bottom: 1px solid var(--dark-gray) !important; } #Wrapper .woocommerce .ui-tabs .ui-tabs-panel .wso-content { -moz-column-count: 1; column-count: 1; -moz-column-gap: 0rem; column-gap: 0rem; } .woocommerce .alert .wc-forward { display: block !important; float: left !important; width: 100% !important; line-height: 1.5em !important; text-decoration: underline !important; } .section.mcb-section.wso-woocommerce-cart:after { height: 15rem; } .section.mcb-section.wso-woocommerce-checkout:after, .section.mcb-section.wso-woocommerce-myaccount:after { height: 12rem !important; } #Wrapper div#wso-map-filter a.button { width: 100% !important; text-align: center !important; margin-bottom: 1rem !important; font-size: .9rem !important; } #Wrapper #Content a.button.wso-absolute-back-button { width: 45% !important; top: 0 !important; left: 0 !important; font-size: .65rem !important; right: auto !important; /*text-align: right !important;*/ } #Wrapper #Content a.button.wso-absolute-back-button { top: -.5rem !important; position: relative !important; text-align: center !important; width: 90% !important; margin: 0rem auto 1rem !important; right: auto !important; left: auto !important; display: inline-block !important; font-size: 1rem !important; } .single-wso_heater #Wrapper #Content a.button.wso-absolute-back-button { /* width: 80% !important; */ top: 1.5rem !important; margin: 2rem auto -1rem !important; } #Top_bar .top_bar_right { display: none !important; } #Side_slide #menu ul li.pll-parent-menu-item { top: 1.5rem !important; left: 1.5rem; width: 2rem; height: 2rem; } #Side_slide #menu ul li.pll-parent-menu-item a { font-size: .8rem !important; width: 2.5rem; } .wso-country-query-section select { width: 98% !important; margin-left: 0 !important; margin-right: 0 !important; min-width: auto !important; } .fancybox-container .section .section_wrapper { max-width: 100% !important; padding: 0 !important; } .fancybox-content { padding: 1rem 2rem !important; } #Side_slide #menu ul li.pll-parent-menu-item a span:after { left: 50%; width: 2.5rem; height: 2.5rem; } #Wrapper .hargassner-team-search-person { min-width: 100% !important; } #Wrapper .hargassner-team-search-person:not(:last-child) { margin-bottom: 2rem; } #Wrapper nav.wpgb-pagination-facet { text-align: center !important; } #Wrapper .section.mcb-section.wso-section-grid.wso-grid-33.wso-top-big-padding .wso-grid-heading:after, #Wrapper .section.mcb-section.wso-section-grid.wso-grid-32.wso-top-big-padding .wso-grid-heading:after { top: -7rem; height: calc(100% + 7rem); } #Footer .footer_copy .one { padding: 1.25rem 0 !important; } #Footer .wso-social-icons-footer img, .wso-social-icons-footer img { height: 1.8rem; } .footer-copy-center #Footer .footer_copy .copyright { font-size: 1rem !important; } #Wrapper #news-intro p.wso-event-date.wso-h3 { font-size: 2rem !important; margin-bottom: 0 !important; } #Wrapper .wso-service-icons .wso-icon-box.column_image .image_wrapper img { height: 8rem !important; } .wso-section-slider .wpgb-card-2 .wpgb-block-1 { padding: 0 2rem !important; } .wp-grid-builder .wpgb-area-top-2 > div.wpgb-facet.wpgb-facet-11 button.wpgb-button.wpgb-reset { margin: 0 0 1.5rem 0 !important; width: 100% !important; text-align: left !important; } #Wrapper .section.wso-section-grid.wso-align-center:not(.wso-section-image-boxes) .wso-buttons-after-grid { margin-top: 1.5rem !important; } #Side_slide .close-wrapper a.close i:before { margin: 0 !important; } body .popup .section.mcb-section:first-child, body .popup .section.mcb-section.wso-section-text-img { padding: 3rem 1.5rem 1rem !important; } #Wrapper .wso-grid-slider .wpgb-page-dots { margin: 0.45rem 0 0 !important; width: auto !important; padding: 0 !important; } .wpgb-grid-29 .wpgb-area-top-2, .wpgb-grid-51 .wpgb-area-top-2, .wpgb-grid-52 .wpgb-area-top-2 { top: 0 !important; margin-bottom: 1rem !important; position: relative !important; } #Wrapper .wp-grid-builder .wpgb-area-bottom-1 .wpgb-page-dots { margin: 0rem 0 0 !important; } #Wrapper .wp-grid-builder .wpgb-page-dots li { margin: .1rem 0.25rem !important; } #Wrapper .wso-grid-slider .wpgb-area-bottom-1 { float: left !important; width: 100% !important; order: -1 !important; margin: 0 0 1rem !important; } #Wrapper .wso-grid-slider .wpgb-main { display: flex !important; flex-direction: column; } #Wrapper .wso-grid-slider .wpgb-dot::after { border-color: var(--dark-gray) !important; } #Wrapper .wso-grid-slider .wpgb-dot[aria-selected="true"]::after { background: var(--dark-gray) !important; } body[style="left: -250px;"] #wso-cta-group input { padding: .61rem 1rem !important; } .woocommerce-cart .wc-proceed-to-checkout { padding: 0 !important; } #Wrapper .section.wso-section-grid.wso-jobprofile-alternative-layout .wrap.wso-grid-heading { margin-bottom: 0rem !important; } div#job-department-intro h1 { margin: 0 !important; } .wso-three-columns.section .one-third.mcb-wrap:not(:last-child), .wso-three-columns.section .one-third.mcb-wrap:not(:last-child) .column { margin: 0 !important; } .wso-three-columns.section .one-third.mcb-wrap:not(:first-child) { margin-top: 1.5rem !important; } .wso-three-columns.section .one-third.mcb-wrap { text-align: left !important; } .wso-section-breaker + .wso-three-columns.section .one-third.mcb-wrap { text-align: center !important; } #Wrapper .wp-grid-builder button.wpgb-next-button, #Wrapper .wp-grid-builder button.wpgb-prev-button { width: 3.5rem !important; } #Wrapper .wp-grid-builder .wpgb-area-bottom-1 .wpgb-page-dots { padding: 0 0.25rem !important; display: none; } #Wrapper .wso-product-grid.wp-grid-builder .wpgb-carousel { overflow: visible !important; } #Wrapper .section .column ul li:not(.ui-tabs-tab):not(.wpgb-page):before { margin-left: -2.15rem !important; } #Wrapper .wpgb-card-2 .wpgb-block-1 .wso-classic-content.wso-no-img { margin-top: -60% !important; } .wp-grid-builder .wpgb-area-top-2 > div.wpgb-facet.wpgb-facet-11 { margin-bottom: 0 !important; } #Wrapper .ui-tabs .ui-tabs-panel .wso-section-video .section_wrapper.mcb-section-inner { padding: 0 !important; } #Wrapper .wp-grid-builder .wpgb-area-bottom-1 ol.wpgb-page-dots:only-child { width: 100% !important; } #Wrapper .wp-grid-builder.wpgb-grid-28 .wpgb-area-bottom-1 { order: 1 !important; } #Wrapper #Footer .section.full-width:not(.wso-fullscreen):not(.wso-section-text-img-fullwidth) > .section_wrapper { padding-left: 0 !important; padding-right: 0 !important; } #Wrapper .wso-three-columns.section.wso-number-before .one-third.mcb-wrap:not(:last-child) { margin-bottom: 5rem !important; } .wso-cta-brochure { top: 5rem !important; } #Wrapper #Content .woocommerce ul.order_details li { width: 100% !important; border: 0 !important; } #Wrapper .wc-booking-summary h4 { margin-bottom: 1rem !important; } hr { margin: 1rem 0 !important; } #Wrapper #Content a.button.wso-absolute-back-button:nth-child(2) { top: -1.5rem !important; } body.wso-search #Wrapper .wso-section-hero h1 { display: none !important; } body.wso-search #Wrapper .wso-section-hero.wso-section-intro:not(.wso-section-video):not(.wso-slider-intro) { padding: 15% 0 !important; } div#seminar-dates { display: none !important; } .wso-service-page #Wrapper .dark a.wso-absolute-back-button span:after { background: url(/wp-content/uploads/2021/11/plus-gray.svg) no-repeat center !important; background-size: contain !important; } .wso-service-page #Wrapper #Content .dark a.button.wso-absolute-back-button { color: var(--dark-gray) !important; } .wso-intro-logo-hint { bottom: auto !important; max-width: none; left: 0 !important; top: auto !important; width: 100% !important; position: relative !important; display: flex !important; align-items: stretch; } .wso-intro-logo-hint .wso-intro-logo img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; float: left; } .wso-intro-logo-hint .wso-intro-logo-desc { background: var(--dark-gray) !important; color: white !important; text-align: left !important; font-size: .7rem !important; line-height: 1.2em !important; } .wso-intro-logo { height: 100% !important; max-width: 50%; } #Side_slide #menu ul li.pll-parent-menu-item { position: fixed !important; top: 1.8rem; width: 2.5rem; height: 2.5rem; left: 2rem; z-index: 99999 !important; } #Wrapper .wpgb-card-2 .wpgb-block-1 { /* top: 5% !important; */ transform: unset !important; position: static !important; padding-top: 2rem !important; /* height: 90%; */ min-height: 26rem; } #Wrapper .wpgb-card-2 .wpgb-block-1:has(.wso-searchbar) { background-color: #E30010 !important; } .wpgb-grid-19 .wpgb-card .wpgb-card-wrapper .wpgb-block-5 { width: 100%; /* min-height: 18rem !important; */ /* height: auto !important; */ max-height: 14rem; } #Wrapper .wpgb-card-2 .wpgb-block-1 .wso-classic-content.wso-no-img, #Wrapper .wpgb-card-2 .wpgb-block-1 .wso-classic-content:not(.wso-no-img) { margin: 0 !important; } } @media only screen and (max-width: 599px) { .wst-ls-visible #Side_slide.wso-side-slide-open #menu ul li.pll-parent-menu-item { /*opacity: 0 !important;*/ /* pointer-events: none !important; */ } } @media (orientation: landscape) and (max-width: 767px) { .wso-section-slider.wso-fullscreen, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-wrapper, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-main, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-layout, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-carousel, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-masonry, .wso-section-slider.wso-fullscreen .wpgb-grid-19 .wpgb-card { min-height: 700px !important; } #Wrapper .wpgb-card-2 .wpgb-block-1 .wso-classic-content.wso-no-img { /*margin-top: -45% !important;*/ } } @media only screen and (max-width: 599px) { #Wrapper .wso-section-hero:not(.wso-section-video) { padding: 9rem 0 7rem !important; } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .wpgb-card-2 h2, #Wrapper .wpgb-card-2 .wso-h2 { font-size: 3rem !important; } #Wrapper .wso-highlight-button { width: 8rem !important; height: 8rem !important; } .wso-highlight-button p { font-size: .5rem !important; } #Wrapper .wso-highlight-button p strong::after { width: 3rem; margin: .5rem auto; } .wpgb-card-6 .wpgb-card-inner:before { left: 22% !important; } div.wpforms-container-full .wpforms-form .wpforms-field-date-time .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-first, div.wpforms-container-full .wpforms-form .wpforms-field { margin: 0 !important; width: 100% !important; } div.wpforms-container-full .wpforms-form .wpforms-field-date-time .wpforms-one-half:first-child { margin-bottom: 1rem !important; } #Wrapper .wp-grid-builder .wpgb-card-11 .wpgb-block-5, #Wrapper .wp-grid-builder .wpgb-card-22 .wpgb-block-5 { width: calc(100% - 5rem); max-width: calc(100% - 5rem); } .wpgb-card-11 .wso-thumbnail-div .wso-image, .wpgb-card-22 .wso-thumbnail-div .wso-image { width: 5rem; height: 5rem; } #Wrapper .wp-grid-builder .wpgb-card-11 .wpgb-card-body, #Wrapper .wp-grid-builder .wpgb-card-22 .wpgb-card-body { padding: 0 !important; border-left: 0 !important; } #Wrapper .wp-grid-builder .wpgb-card-11 .wpgb-card-content, #Wrapper .wp-grid-builder .wpgb-card-22 .wpgb-card-content { border-bottom: 1px solid var(--gray); } .wso-search-card-div { display: block !important; padding: 1rem 0 2rem !important; border: 0 !important; } .wso-search-thumbnail img { float: left !important; display: block !important; position: relative !important; } .wso-search-thumbnail { width: 100% !important; height: auto !important; position: relative !important; display: inline-block !important; } .wso-search-card-content { width: 100% !important; margin: 1.5rem 0 1rem 0 !important; } #Wrapper .hargassner-team-search-person .wp-grid-builder .wpgb-card-11 .wpgb-card-content, #Wrapper .hargassner-team-search-person .wp-grid-builder .wpgb-card-22 .wpgb-card-content { border: 0 !important; } div#heizungsintro .wrap:not(.wso-hero-img) { padding: 3rem 0 1rem !important; } #Wrapper .wp-grid-builder.wso-gallery-slider .wpgb-area-bottom-1 .wpgb-page-dots { max-width: 14rem !important; } #Wrapper #Content a.button.wso-absolute-back-button { top: 0 !important; } .woocommerce-page #Wrapper .cart-collaterals .cross-sells li.product .image_frame { width: 100% !important; } } @media only screen and (max-width: 500px) { body[style="left: -250px;"] #wso-cta-group input { width: calc(100% - 3rem) !important; } #wso-cta-group li.wso-sidebar-search { width: calc(100% - 3rem) !important; } } /*---------------------------- HIDE Footer + Menu ----------------------------*/ body.wso-hide-footer-menu #Wrapper .menu_wrapper, body.wso-hide-footer-menu #Wrapper #Footer, body.wso-hide-footer-menu #Side_slide #menu ul li.pll-parent-menu-item, body.wso-hide-footer-menu #wso-cta-group { display: none !important; pointer-events: none !important; } @media only screen and (min-width: 1025px) { body.wso-hide-footer-menu #Wrapper .logo { position: relative !important; top: 0 !important; transform: translate(0, 0); padding: 1.4rem 0 !important; } } /* ============================================ HIDE From Fields Checkout ============================================ */ .woocommerce form.checkout p:not(.validate-required)#billing_web_company_id_field, .woocommerce form.checkout p:not(.validate-required)[id*="[billing_web_user_id]"] { display: none !important; } /* ============================================ Show Section Team Search Section, if Search Results ============================================ */ .page-id-23457 #wso-list-results-scroll-anchor { display: none; } .page-id-23457 #wso-list-results-scroll-anchor:has(.hargassner-team-search-results) { display: block; } /* ============================================ Section Four Columns | Number before ============================================ */ #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap, #Wrapper .section.wso-number-before.wso-four-columns .section_wrapper.mcb-section-inner { align-items: stretch !important; } #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap :where(.column, .column_attr) { height: 100%; } #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap .column_attr:before, #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap .column_attr:after { display: none !important; } @media only screen and (min-width: 768px) { #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap .column_attr { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; } #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap .column_attr :where(.wso-title, .wso-content) { width: 100%; } #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap .column_attr a.button { margin-top: auto !important; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap { width: 48% !important; height: auto !important; } #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap:nth-child(-n + 3) { margin-bottom: 5rem !important; } } @media only screen and (max-width: 767px) { #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap:not(:last-child) { margin-bottom: 2rem !important; } #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap, #Wrapper .section.wso-number-before.wso-four-columns .section_wrapper.mcb-section-inner { display: block !important; height: auto !important; } #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap .mcb-wrap-inner { width: 100% !important; } #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap .mcb-wrap-inner p { text-align: center !important; } #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap .column_attr > a:only-of-type { margin-right: 0 !important; } #Wrapper .section.mcb-section.wso-four-columns .wrap.one-fourth { width: 100% !important; } #Wrapper div#ankerlinks.wso-fixed-position { top: 5rem !important; } html.wst-ls-visible.wst-ls-fixed #Wrapper div#ankerlinks.wso-fixed-position { top: 5rem !important; } } #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap a.button .button_label { display: flex !important; flex-flow: row nowrap; justify-content: space-between; align-items: center; gap: .25rem; } #Wrapper .section.wso-number-before.wso-four-columns .one-fourth.mcb-wrap a.button .button_label:after { flex: 0 0 auto; } /* ============================================ Hide Recaptcha badge ============================================ */ .grecaptcha-badge { visibility: hidden; } /* ============================================ Misc helper ============================================ */ @media only screen and (max-width: 767px) { #Wrapper .wso-mobile-multicolumn-img-align-center img { float: unset !important; margin: 0 auto !important; } } /* Borlabs */ body #BorlabsCookieBox h1.brlbs-cmpnt-h1, body .brlbs-cmpnt-container h1.brlbs-cmpnt-h1 { font-size: calc(var(--dialog-font-size)*.875) !important; font-weight: 600 !important; } @media (min-width: 640px) { #BorlabsCookieBox h1.brlbs-cmpnt-h1, .brlbs-cmpnt-container h1.brlbs-cmpnt-h1 { font-size: calc(var(--dialog-font-size)) !important; } } /* OOEVV Routplaner */ [data-hfs-widget] button { background-color: transparent; } /* ============================================ FOERDERRECHNER ============================================ */ #Wrapper .wso-section-rechner-form { padding-bottom: 0 !important; } #Wrapper .wso-foerderrechner-intro.wso-section-intro { padding-bottom: 2.9rem !important; } #Wrapper .wso-foerderrechner-intro.wso-section-intro button { margin-bottom: 0 !important; margin-top: 2rem !important; } #Wrapper .wso-foerderrechner-intro.wso-section-intro div#circle-container { top: 50%; transform: translateY(-50%); } #Wrapper .wso-foerderrechner-intro.wso-section-intro h1 { font-size: 1.65rem !important; line-height: 148.2% !important; font-weight: 500 !important; margin-bottom: 2.2rem !important; color: #3E4449 !important; } #Wrapper .wso-section-rechner-form .section_wrapper { max-width: 100% !important; } #Wrapper .wso-section-rechner-form .column { width: 100%; margin: 0 !important; } #Wrapper #wpforms-34230 { margin: 0 !important; } #Wrapper #wpforms-34230 .wpforms-page .wpforms-field { max-width: var(--content-width); margin-left: auto; margin-right: auto; } #Wrapper #wpforms-form-34230 .wpforms-page-indicator { margin: 0 !important; } #Wrapper #wpforms-form-34230 .wpforms-field-pagebreak { padding: 0 !important; } #Wrapper #wpforms-form-34230 h2 { font-size: 0.85rem !important; line-height: 98.2% !important; font-weight: 500 !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; color: #DF030F !important; margin-bottom: 1rem !important; } #Wrapper #wpforms-form-34230 .wso-form-max-einkommen h2 { color: #3E4449 !important; } #Wrapper #wpforms-form-34230 h2 + p { margin-top: 0.5rem !important; } #Wrapper #wpforms-form-34230 p { font-size: 0.95rem !important; font-weight: 300 !important; line-height: 200.2% !important; } #Wrapper #wpforms-form-34230 p.wso-h2 { font-size: 0.85rem !important; line-height: 98.2% !important; font-weight: 500 !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; color: #DF030F !important; margin-bottom: 1rem !important; } #Wrapper #wpforms-form-34230 .wpforms-field { padding: 0.375rem 0 !important; } #Wrapper #wpforms-form-34230 .wso-rechner-system { padding-top: 4.05rem !important; } #Wrapper #wpforms-form-34230 .wpforms-image-choices { display: flex; flex-direction: row; align-content: flex-start; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; gap: 1.08rem; margin-bottom: 4rem !important; } #Wrapper #wpforms-form-34230 .wpforms-image-choices li { width: auto !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-top: 0 !important; box-sizing: border-box; } #Wrapper #wpforms-form-34230 .wpforms-image-choices li label:not(.wpforms-error) { background-color: #717781 !important; border-radius: 0 !important; padding: 2.75rem 1rem 2.34rem !important; border: 0 !important; margin: 0 !important; } #Wrapper #wpforms-form-34230 .wpforms-image-choices li label:not(.wpforms-error)::before, #Wrapper #wpforms-form-34230 .wpforms-image-choices li label:not(.wpforms-error)::after { content: none !important; } #Wrapper #wpforms-form-34230 .wpforms-image-choices li:hover label:not(.wpforms-error), #Wrapper #wpforms-form-34230 .wpforms-image-choices li.wpforms-selected label:not(.wpforms-error) { background-color: #DF030F !important; } #Wrapper #wpforms-form-34230 .wpforms-image-choices li .wpforms-image-choices-label { font-size: 0.8rem !important; font-weight: 500 !important; line-height: 98.2% !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; margin-top: 0.76rem !important; color: white !important; width: 10rem !important; position: relative; text-align: center !important; } #Wrapper #wpforms-form-34230 .wpforms-image-choices li .wpforms-image-choices-label::after { position: relative !important; content: ''; display: block; left: 0; height: 1.64765rem; width: 1px; background: white; top: 0rem; margin: 1.28rem auto 0 !important; } #Wrapper #wpforms-form-34230 .wpforms-image-choices li .wpforms-image-choices-image { padding: 0.2rem 0 0.19rem; height: 3rem !important; text-align: center !important; } #Wrapper #wpforms-form-34230 .wpforms-image-choices li .wpforms-image-choices-image img { height: 100%; } #Wrapper #wpforms-form-34230 .wpforms-image-choices li .wpforms-image-choices-image:after { content: none; } #Wrapper #wpforms-form-34230 .wpforms-pagebreak-left { text-align: center; margin-top: 3rem !important; margin-bottom: 5rem !important; } #Wrapper #wpforms-form-34230 label.wpforms-error { position: absolute; bottom: 0.5rem !important; left: 1rem !important; margin-top: 0 !important; } #Wrapper #wpforms-form-34230 label#wpforms-34230-field_8-error { bottom: 2.5rem !important; } #Wrapper #wpforms-form-34230 .wso-text-before-form { margin-top: 2rem; margin-bottom: 2rem; text-align: center !important; padding-top: 9rem !important; } #Wrapper #wpforms-form-34230 .wso-text-before-form:before { content: ''; display: block; position: absolute; left: 50%; height: 6rem; width: 1px; background: var(--dark-gray); top: 0; transform: translateX(-50%); z-index: 2 !important; } #Wrapper #wpforms-form-34230 .wso-text-before-form .wso-h3 { font-size: 1.75rem !important; font-weight: 500 !important; line-height: 1.2 !important; } #Wrapper #wpforms-form-34230 .wpforms-field-label-inline { float: unset; } @media only screen and (max-width: 1239px) { #Wrapper #wpforms-form-34230 .wpforms-image-choices li .wpforms-image-choices-label { width: 9rem !important; } } @media only screen and (max-width: 1023px) { #Wrapper .wso-foerderrechner-intro.wso-section-intro p { max-width: 75%; margin: 0 auto 1rem !important; } #Wrapper .wso-foerderrechner-intro.wso-section-intro p br { display: none; } #Wrapper #wpforms-form-34230 .wpforms-image-choices li .wpforms-image-choices-label { width: 8rem !important; } #Wrapper #wpforms-34230 .wpforms-page .wpforms-field { max-width: 100%; } #Wrapper #wpforms-form-34230 .wpforms-page { padding-left: 2rem; padding-right: 2rem; } } @media only screen and (max-width: 767px) { #Wrapper .wso-foerderrechner-intro.wso-section-intro p { max-width: 100% !important; } #Wrapper .wso-foerderrechner-intro.wso-section-intro.wso-section-hero { padding-bottom: 3rem !important; } body #Wrapper .section.wso-section-rechner-form.wso-section-code.wso-top-no-padding { padding-top: 0 !important; } #Wrapper #wpforms-form-34230 .wpforms-image-choices { flex-wrap: wrap; flex-direction: row; align-content: flex-start; justify-content: flex-start; align-items: flex-start; gap: 0.5rem; } #Wrapper #wpforms-form-34230 .wpforms-layout-column-50 { padding-left: 0 !important; } #Wrapper #wpforms-form-34230 .wpforms-layout-row { margin-left: 0 !Important; margin-right: 0 !important; } #Wrapper #wpforms-34230 .wpforms-page .wpforms-field { max-width: 100%; } #Wrapper .wso-section-rechner-form .section_wrapper { padding-left: 0rem !important; padding-right: 0rem !important; } #Wrapper #wpforms-form-34230 .wso-form-info p { max-width: 75% !important; } #Wrapper #wpforms-form-34230 .wpforms-field .wso-form-unabhangig div, #Wrapper #wpforms-form-34230 .wpforms-field .wso-form-abhangig div, #Wrapper #wpforms-form-34230 .wpforms-field .wso-form-einkommen div { padding: 1.7rem 0.25rem 0.15rem !important; } #Wrapper #wpforms-form-34230 .wpforms-field .wpforms-layout-column { padding: 0 !important; } #Wrapper #wpforms-form-34230 .wpforms-list-inline ul li { width: 100%; } .single-post #Wrapper #wpforms-form-34230 .wpforms-page.wpforms-page-1 { padding-left: 0 !important; padding-right: 0 !important; } .single-post #Wrapper #wpforms-form-34230 .wpforms-list-inline ul li { width: 100% !Important; } .single-post #Wrapper #wpforms-form-34230 .wpforms-list-inline ul li label:not(.wpforms-error) { justify-content: center; } .single-post #wpforms-34230-field_41 { text-align: center; } .single-post #wpforms-34230-field_41 span.wso-funding-button { margin-left: 0 !important; float: left; } .single-post #Wrapper #wpforms-form-34230 .wpforms-submit-container { background-color: transparent !important; } .single-post #Wrapper #wpforms-form-34230 .wpforms-submit-container button { background-color: var(--red) !important; } } #Wrapper #wpforms-form-34230 .wso-form-einkommenunabhangig, #Wrapper #wpforms-form-34230 .wso-form-einkommensabhangig { margin-bottom: 4rem; } #Wrapper #wpforms-form-34230 .wso-hint { margin-top: 1rem; } #Wrapper #wpforms-form-34230 .wso-calculate-again { background-color: transparent; border: 1px solid #3e4449; color: #3e4449 !important; padding: 0.5rem 1rem; font-size: inherit; display: inline-block; margin-bottom: 2rem !important; line-height: 1; } #Wrapper #wpforms-form-34230 .wso-note { line-height: 1.1; margin-top: 1rem; } #Wrapper #wpforms-form-34230 .wso-note small { font-size: 0.8rem; } #Wrapper #wpforms-form-34230 .wso-form-info-upper-austria, #Wrapper #wpforms-form-34230 .wso-form-info-zero { margin-bottom: 1rem; } #Wrapper #wpforms-form-34230 .wso-form-info-upper-austria p, #Wrapper #wpforms-form-34230 .wso-form-info-zero p { font-weight: 500 !important; } #Wrapper #wpforms-form-34230 .wso-form-info { margin-top: 1rem; text-align: left; margin-bottom: 1rem; } #Wrapper #wpforms-form-34230 .wso-form-info p { line-height: 130% !important; } #Wrapper #wpforms-form-34230 .wso-form-unabhangig div, #Wrapper #wpforms-form-34230 .wso-form-abhangig div, #Wrapper #wpforms-form-34230 .wso-form-einkommen div { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; border-bottom: 1px solid #3E4449; padding: 1.7rem 0.25rem 0.15rem 1.45rem !important; font-size: 1.65rem; color: #717781; } #Wrapper #wpforms-form-34230 .wso-form-unabhangig div span, #Wrapper #wpforms-form-34230 .wso-form-abhangig div span, #Wrapper #wpforms-form-34230 .wso-form-einkommen div span { display: block; font-size: 0.95rem !important; font-weight: 300 !important; line-height: 204.2% !important; color: #3E4449 !important; } #Wrapper #wpforms-form-34230 .wso-form-einkommen { margin-bottom: 2rem; } #Wrapper #wpforms-form-34230 .wso-form-unabhangig div:last-child, #Wrapper #wpforms-form-34230 .wso-form-unabhangig div:last-child span, #Wrapper #wpforms-form-34230 .wso-form-abhangig div, #Wrapper #wpforms-form-34230 .wso-form-abhangig div span { color: #DF030F !important; } #Wrapper #wpforms-form-34230 .wso-form-unabhangig div:last-child, #Wrapper #wpforms-form-34230 .wso-form-abhangig div, #Wrapper #wpforms-form-34230 .wso-form-einkommen div { font-weight: 500; } #Wrapper #wpforms-form-34230 .wpforms-page-2 { background-color: #F7F7F8; padding-top: 2rem; padding-bottom: 2.5rem; } #Wrapper #wpforms-form-34230 .wpforms-page-2 .wpforms-field-pagebreak { display: none; } #Wrapper #wpforms-form-34230 .wpforms-submit-container { background-color: #DF030F !important; padding: 2.15rem 0 !important; margin-top: 0rem !important; } #Wrapper #wpforms-form-34230 .wpforms-submit-container button { color: white !important; border-color: white !important; } #Wrapper #wpforms-form-34230 .wpforms-submit-container button:hover { border-color: var(--dark-gray) !important; } #Wrapper #wpforms-form-34230 .wso-form-privacy .wpforms-field-label-inline { float: none; } .wso-funding-loading #Wrapper #wpforms-form-34230 .wso-form-unabhangig div, .wso-funding-loading #Wrapper #wpforms-form-34230 .wso-form-abhangig div, .wso-funding-loading #Wrapper #wpforms-form-34230 .wso-form-einkommen div { -webkit-filter: blur(1.5rem); filter: blur(1.5rem); } @media only screen and (min-width: 768px) { #Wrapper #Content .wso-section-heat-pump-features .wso-heater-models-table div.wso-bigger-col { height: auto !important; } } html[lang="nb-NO"] .single-wso_biomass #Wrapper .wso-section-news-slider.wso-section-related-grid.wso-section-grid.wso-grid-17, html[lang="nb-NO"] .single-wso_equipment #Wrapper .wso-section-news-slider.wso-section-related-grid.wso-section-grid.wso-grid-17, html[lang="nb-NO"] .single-wso_heater #Wrapper .wso-section-reference-slider.wso-section-related-grid.wso-section-grid.wso-grid-27, html[lang="nb-NO"] .single-wso_heater #Wrapper .wso-section-reference-slider.wso-section-related-grid.wso-section-grid.wso-grid-56 { display: none; } #Wrapper .wpgb-card-19 .wso-training-card-content .wso-training-date b:last-child { display: none; } #Wrapper .wpgb-card-19 .wso-training-card-content .wso-training-date b { color: var(--dark-gray) !important; } .single-wso_reference .fancybox__content { width: 80% !important; height: 80% !important; justify-content: center; } #Wrapper .smart-template-form-ics__submit { background-color: var(--dark-gray) !important; } .wso-burger-menu .wso-menu-support { text-decoration: underline; font-weight: 300; } .wso-burger-menu .wso-menu-support:hover { text-decoration: none !important; } html.wst-ls-visible.wst-ls-fixed #wst-localeswitcher { z-index: 999 !important; } #wst-localeswitcher .wst-ls-close:focus-visible { outline: 2px solid var(--white) !important; } /*--- WPFORM RADIO ---*/ #Wrapper .wpforms-field-radio input[type="radio"] { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; /* display: none; */ width: 1px; } #Wrapper .wpforms-field-radio input[type="radio"]:focus-visible + label { outline: 2px solid var(--black); } .wpforms-field-radio li::before { content: none !important; } .wpforms-field-radio li .wpforms-field-label-inline { margin-left: 2rem !important; width: auto !important; position: relative !important; text-align: left !important; display: inline-block !important; margin-right: 2rem !important; } .wpforms-field-radio li .wpforms-field-label-inline::before { content: '' !important; display: inline-block !important; position: relative !important; height: 1.1em !important; width: 1.1em !Important; border: 1px solid var(--gray) !important; vertical-align: middle !important; border-radius: 50% !important; margin-top: 0 !important; /* margin-left: -2rem !important; */ margin-right: 0.5rem !important; flex-shrink: 0; } .wpforms-field-radio li .wpforms-field-label-inline::after { content: '' !important; display: inline-block !important; position: absolute !important; height: 1em !important; width: 1.1em !important; background: url('/wp-content/uploads/2021/12/red-check.svg') no-repeat center !important; background-size: contain !important; vertical-align: middle !important; opacity: 0 !important; /* transform: translate(0, -50%) !important; */ margin-left: 0 !important; top: .45rem !important; } .wpforms-field-radio li.wpforms-selected .wpforms-field-label-inline::after { opacity: 1 !important; left: 0; /* top: 0.85rem !important; */ } @media only screen and (max-width: 1239px) and (min-width: 1024px) { .wpgb-card-2 .wso-slider-skin-img.wso-classic img { -o-object-position: center bottom !important; object-position: center bottom !important; font-family: 'object-fit: cover; object-position: center bottom;' !important; } } #Wrapper #Content .wso-section-text .wso-table-scrollable .tg thead tr th { min-width: 6rem !important; width: 6rem !important; box-sizing: content-box; } #Wrapper #Content .wso-section-text .wso-table-scrollable .tg thead tr th:first-child { min-width: 12rem !important; width: 12rem !Important; } @media only screen and (max-width: 1239px) { #Wrapper #Content .wso-section-text .wso-table-scrollable { overflow-x: auto; } } .single-wso_heater.postid-38724 #Wrapper #Content .wso-section-intro .wso-absolute-back-button:nth-of-type(2) { top: 3rem !important; } .single-wso_heater.postid-38724 #Wrapper #Content .wso-section-intro .wso-tax-icon-div { margin-top: 2rem; } .single-wso_heater #contact-person p.wso-subtitle:empty { display: none !important; } @media only screen and (max-width: 767px) { .single-wso_heater.postid-38724 #Wrapper #Content .wso-section-intro .wso-absolute-back-button:nth-of-type(2) { top: 0rem !important; } .single-wso_heater.postid-38724 #Wrapper #Content .wso-section-intro .wso-tax-icon-div { margin-top: 0rem; } } #BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold, .brlbs-cmpnt-container .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold { font-weight: 400 !important; } body[data-browser-name="Edge"] span#BorlabsCookieEntranceA11YHeadline, body[data-browser-name="Edge"] .brlbs-cmpnt-container :is(.brlbs-align-middle) { font-weight: 500 !Important; } body[data-browser-name="Edge"] .brlbs-cmpnt-container :is(.brlbs-text-sm) { font-weight: 400 !important; } html[lang="fr-FR"] #Wrapper div#offer-steps.wso-steps-breaker { display: none !Important; } #Wrapper div#offer-steps.wso-steps-breaker .wso-breaker-content, #Wrapper div#offer-steps.wso-steps-breaker .one-fifth{ z-index: 10; } .fancybox__content>.carousel__button.is-close { top: -2rem !important; right: -2rem !important; background-color: var(--red); } .fancybox__content.wso-language-switcher-content>.carousel__button.is-close { top: 1rem !important; right: 1rem !important; } #wpforms-34230-field_41 { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; } #wpforms-34230-field_41 span.wso-funding-button { background-color: #3e4449; color: #ffffff; font-family: "Arial", Helvetica, Arial, sans-serif; position: relative; padding: 0.5rem 1rem; font-size: inherit; transition: color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out; margin-left: 15px; line-height: 1 !important; border: 1px solid #3e4449; } @media only screen and (max-width: 767px) { #wpforms-34230-field_41 button.wso-funding-button { margin-left: 0 !important; } #wpforms-34230-field_41 { display: block; } .wst-ls-visible.wst-ls-fixed .wso-cta-brochure { top: 5rem !important; } } /* ============================================ ONEPAGER ============================================ */ .wso-onepager #Top_bar .menu > li > a span:not(.description) { padding: 1.75rem 0 !important; } .wso-onepager #Top_bar .wpml-languages ul.wpml-lang-dropdown { justify-content: flex-start; } .wso-onepager #wso-cta-toggle { display: none; } #Side_slide #menu #menu-onepage-menu li { counter-increment: list-counter; } #Side_slide #menu #menu-onepage-menu li > a { font-weight: 300 !important; font-size: 2rem !important; padding: 1rem 0.5rem !important; } #Side_slide #menu #menu-onepage-menu li a span::before { content: "0" counter(list-counter) " / "; } .wso-onepager #Wrapper .wpgb-card-8 .wpgb-card-layer-link { pointer-events: none !important; cursor: auto !important; z-index: 0 !important; } .wso-onepager #Wrapper .wpgb-card-8 .wso-absolute-link { z-index: 99; } .wso-onepager #Wrapper .wso-img-box .image_wrapper a:before { content: none; } .wso-onepager #Wrapper .wso-img-box .image_wrapper:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5)); z-index: 1; pointer-events: none; } .wso-onepager #Wrapper .wso-img-box:hover .image_wrapper:before { background-color: var(--overlay-dark); transition: all .5s ease-in-out !important; } .wso-onepager #Wrapper .wso-partner-logo-benco { max-width: 100% !Important; max-height: 8.5rem !important; margin-bottom: 0 !important; } .wso-onepager #Wrapper .wso-partner-logo-gilles { max-width: 100% !Important; max-height: 5.5rem !important; margin-bottom: 0 !important; } .wso-onepager #Footer .wso-footer-service .wso-content a:hover { text-decoration: none; } @media only screen and (max-width: 767px) { .wso-onepager #Wrapper .wpgb-grid-62 .wpgb-page-dots { display: none !important; } .wso-onepager #Wrapper .wso-important-infos.wso-section-breaker:not(.wso-align-right) .wso-hero-img:before { top: -3.5rem !important; height: calc(100% + 3.5rem) !important; } .wso-onepager #Wrapper .wso-section-code#form { padding-top: var(--padding-standard) !important; } .wso-onepager #Wrapper .wso-section-slider:not(.wso-no-margin-bottom) .wpgb-grid-19 { margin-bottom: 0 !important; } #Wrapper .wso-schnittbild-new .wso-iframe-half-half { height: 25rem !important; } #Wrapper .wso-schnittbild-new .wso-iframe-half-half .mcb-wrap-inner, #Wrapper .wso-schnittbild-new .wso-iframe-half-half .column, #Wrapper .wso-schnittbild-new .wso-iframe-half-half .column_attr { height: 100% !important; } #Wrapper .wso-schnittbild-new .wso-iframe-half-half .wst-iframe { height: 100% !important; min-height: auto !Important; } #Wrapper .wso-heater-models-table div { font-size: 0.9rem !important; } #Wrapper .wso-heater-models-table div span:first-child { display: block !important; width: 100% !important; } } /*--- TABELLE ---*/ /* @media only screen and (max-width: 767px) { #Wrapper #Content .wso-section-text .wso-table-scrollable { overflow-x: auto; -webkit-overflow-scrolling: touch; } #Wrapper #Content .wso-section-text .wso-table-scrollable .tg { border-collapse: separate; border-spacing: 0; min-width: 700px; } #Wrapper #Content .wso-section-text .wso-table-scrollable .tg thead tr th:first-child, #Wrapper #Content .wso-section-text .wso-table-scrollable table td:first-child { background-color:var(--light-gray) !important; } #Wrapper #Content .wso-section-text .wso-table-scrollable > table > tbody > tr:nth-child(odd) > td:nth-child(1) { background-color: white !important; } #Wrapper #Content .wso-section-text .wso-table-scrollable .tg thead tr th:first-child, #Wrapper #Content .wso-section-text .wso-table-scrollable table td:first-child { position: sticky; left: 0; z-index: 1; } #Wrapper #Content .wso-section-text .wso-table-scrollable .tg thead th { position: sticky; top: 0; z-index: 0; } }*/ /* CARD SKIN 2 NEW */ .wpgb-grid-35 { margin: 0 1%; } .wpgb-card-24 .wpgb-block-4 { line-height: 0 !important; overflow: hidden; } .wpgb-card-24 .wpgb-card-body { background: transparent !important; } .wpgb-card-24 .wpgb-block-4 .wso-card-top { position: absolute; bottom: 0; color: var(--white); padding:1.5rem 1.5rem 1.5rem 2rem !important; z-index: 10; }/* .wpgb-card-24 .wpgb-block-4 .wso-card-top:before { content: ''; display: block; height: 100%; width: 1px; background-color: white !important; left: 2rem; position: absolute; top: 1.75rem !important; }*/ .wpgb-card-24 .wpgb-block-3:before { content: ''; display: block; height: calc(100% + 3rem); width: 1px; background-color: black !important; left: 0; position: absolute; top:0 !important; } .wpgb-card-24 .wpgb-block-4 img { aspect-ratio: 392 / 372; -o-object-fit: cover; object-fit: cover; width: 100%; transition: all ease var(--transition-normal); -webkit-transition: all ease var(--transition-normal); -moz-transition: all ease var(--transition-normal); -ms-transition: all ease var(--transition-normal); -o-transition: all ease var(--transition-normal); } .wpgb-card-24:hover .wpgb-block-4 img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .wpgb-card-24 .wpgb-block-4:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 33.93%, rgba(0, 0, 0, 0.6) 67.83%); z-index: 3; } #Wrapper .wso-section-grid .wpgb-card-24 .wpgb-block-1 { position: static; } #Wrapper .wso-section-grid .wpgb-card-24 .wpgb-block-3 { position: relative; padding: 1.25rem 0 0 2rem !important; } #Wrapper .wso-section-grid .wpgb-card-24 .wpgb-block-1 a.button { margin-left: 0 !important; position: static; margin-bottom: 3rem !important; padding-left: 2rem !important; } #Wrapper .wso-section-grid .wpgb-card-24 .wpgb-block-1 a.button:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 50; } @media only screen and (max-width:767px) { #Wrapper .wso-section-grid .wpgb-card-24 .wpgb-block-3 a.button { margin-bottom: 1rem !important; } .wpgb-card-24 .wpgb-block-4 .wso-card-top { padding: 1.5rem 1.5rem 0.5rem 4rem !important; } } .single-product #Wrapper .wso-jobprofile-intro .button.wso-product-tab { padding: 1rem 1.25rem !important; border: 1px solid var(--dark-gray) !important; margin-right: 0 !important; margin-bottom: 1rem !important; margin-top: 0.5rem !important; } .single-product #Wrapper .wso-jobprofile-intro .button.wso-product-tab:hover { background-color: var(--dark-gray) !important; color: white !important; } .single-product #Wrapper .wso-jobprofile-intro .button.wso-product-tab span.button_label:after { content: none !important; } /*SCHULUNG*/ #Wrapper #wpforms-form-93336 p.wso-h2 { font-size: 0.85rem !important; line-height: 98.2% !important; font-weight: 500 !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; color: #DF030F !important; margin-bottom: 0rem !important; } #Wrapper #wpforms-form-93336 .wpforms-field-payment-checkbox label { padding-left: 2rem !important; } #Wrapper #wpforms-form-93336 .wpforms-field-payment-checkbox input[type="checkbox"] ~ label:before { content: ''; display: inline-block; position: relative; height: 1.1rem; width: 1.1rem; border: 1px solid var(--gray); vertical-align: middle; margin-right: .5rem; border-radius: 50%; margin-top: 0; margin-left: -1.5rem; flex-grow: 0; margin-left: -2rem; margin-right: .95rem !important; position: relative; } #Wrapper #wpforms-form-93336 .wpforms-field-payment-checkbox ul li { position: relative; display: block !important; float: left; width: 100%; } #Wrapper #wpforms-form-93336 .wpforms-field-payment-checkbox ul li::before { left: 0; top: 1.1rem !important; position: absolute; height: 1rem; width: 1.1rem; transform: translate(0, -50%); vertical-align: middle; margin-right: 0; margin-left: 0; opacity: 0; } #Wrapper #wpforms-form-93336 .wpforms-field-payment-checkbox ul li.wpforms-selected::before { opacity: 1; } #Wrapper #wpforms-form-93336 .wpforms-field { padding: 0.375rem 0 !important; } #Wrapper #wpforms-form-93336 .wpforms-field.wso-form-schulungsinhalt { margin-bottom: 2rem; } #Wrapper #wpforms-form-93336 .wso-form-info-text p { color: #DF030F !important; margin-bottom: 0rem !important; font-size: 0.85rem !important; line-height: 98.2% !important; font-weight: 500 !important; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; } #Wrapper #wpforms-form-93336 .wso-form-info-text p::before { content: ''; position: relative; display: inline-block; width: 1em; height: 1em; margin-right: 0.5rem; background-image: url('/wp-content/uploads/2022/03/wso-info-icon.svg'); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } #Wrapper #wpforms-form-93336 #wpforms-93336-field_49 { -moz-column-count: 3 !important; column-count: 3 !important; } #Wrapper #wpforms-form-93336 #wpforms-93336-field_51-container { margin-top: 2rem; } @media only screen and (max-width: 1023px) { #Wrapper #wpforms-form-93336 #wpforms-93336-field_49 { -moz-column-count: 2 !important; column-count: 2 !important; } #Wrapper #wpforms-form-93336 .wpforms-field-payment-checkbox ul li::before { margin-left: 0 !Important } } @media only screen and (max-width: 767px) { #Wrapper #wpforms-form-93336 #wpforms-93336-field_49 { -moz-column-count: 1 !important; column-count: 1 !important; } #Wrapper #wpforms-form-93336 .wpforms-field-payment-checkbox ul li::before { margin-left: 0 !Important } }