/* 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 */ @import url('fonts/font.css'); /* ============================================ Variables ============================================ */ :root { --content-width: 70rem; --mobile-top-bar-height: 6rem; --orange: #E95D0B; --color-originy: var(--color-green); --color-experience: var(--color-brown); --color-green: #a3a686; --color-brown: #917962; --color-grey: #757575; --color-dark-grey: #282828; --color-black: #000; --color-white: #fff; --text-img-spacing: 7%; --overlay-light: rgba(255, 255, 255, 0.1); --overlay-dark: rgba(0, 0, 0, 0.10); --img-border: .5rem solid white; --menu-gap: 1.5rem; --megamenu-width: 86%; --burger-menu-transition: 300ms; --font-light: 'Inter Light', sans-serif; --font-regular: 'Inter Medium', sans-serif; --font-bold: 'Inter Bold', sans-serif; --button-transition: all .2s ease-in-out; } /* ============================================ Global ============================================ */ html { font-size: 1vw; } .header_placeholder { display: none !important; height: 0 !important; } .wso-hide { display: none; } a.wso-absolute-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } strong, b { font-family: var(--font-bold) !important; font-weight: normal; } body.error404, body.under-construction, body.template-blank, body { padding-left: 4.5rem !important; padding-right: 4.5rem !important; } #Wrapper .wso-padding-top-big { padding-top: 6rem !important; } #Wrapper .wso-padding-bottom-big { padding-bottom: 6rem !important; } #Wrapper .wso-padding-top-no { padding-top: 0rem !important; } #Wrapper .wso-padding-bottom-no { padding-bottom: 0rem !important; } div#Content { margin-top: var(--mobile-top-bar-height) !important; } /* ================= Transitions ================= */ .ui-tabs .ui-tabs-nav li a { 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 .3s ease-in-out !important; } .image_frame .image_wrapper img, .image_frame .image_wrapper .mask:after, .image_frame .image_wrapper .image_links { transition: all .5s 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-content { padding: 0 3.5rem; } .fancybox-slide--html .fancybox-close-small { background: transparent; height: 6.2rem; padding: 0; width: 4rem; } .fancybox-button:hover svg path { color: var(--orange); } /* ================= 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; } } /* ================= Lazy load ================= */ img[data-lazy-src*="http"] { transition: all 0.3s ease-in-out; } img[data-lazy-src*="http"]:not(.lazyloaded) { opacity: 0 !important; } /* ============================================ Fonts & Headings ============================================ */ a[href*="mailto:"] { text-transform: none !important; } body, .wpgb-card p, .gm-style p { font-size: 0.92rem !important; line-height: 1.6em !important; } .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 h1, #Wrapper .wso-h1, #Wrapper h2, #Wrapper .wso-h2, #Top_bar .mfn-megamenu-title, #Top_bar .wso-megamenu-text { font-size: 2.7rem !important; line-height: 1.2em !important; margin-bottom: 3rem; text-transform: uppercase; letter-spacing: 0.2em; font-family: var(--font-light); } */ #Wrapper h1, #Wrapper .wso-h1, #Wrapper h2, #Wrapper .wso-h2, #Top_bar .mfn-megamenu-title, #Top_bar .wso-megamenu-text { font-size: 2.6rem !important; line-height: 1.2em !important; margin-bottom: 3rem; text-transform: uppercase; letter-spacing: 0.12em; font-family: var(--font-light); } h2 {} #Wrapper h1::first-line, #Wrapper .wso-h1::first-line, #Wrapper h2::first-line, #Wrapper .wso-h2::first-line, #Top_bar .mfn-megamenu-title::first-line, #Top_bar .wso-megamenu-text::first-line { font-family: var(--font-bold); } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .wpgb-card-2 h2, #Wrapper .wpgb-card-2 .wso-h2 { font-size: 3.4rem !important; line-height: 1.1em !important; text-transform: uppercase; margin-bottom: 2rem; letter-spacing: 0.1em; font-family: var(--font-bold); } #Wrapper #Content .wso-section-intro h2::first-line, #Wrapper #Content .wso-section-intro h1::first-line { font-family: var(--font-light) !important; } #Wrapper h3, #Wrapper .wso-h3 { font-size: 1.2rem !important; line-height: 1.3em !important; margin-bottom: 2.5rem !important; text-transform: uppercase; letter-spacing: 0.2em; font-family: var(--font-bold); } #Wrapper .wso-h3 a:hover { text-decoration: none !important; } .accordion .title, #Wrapper h4, #Wrapper .wso-h4, .wso-highlight-button p, .ui-tabs .ui-tabs-nav li a, #Footer .widget_nav_menu ul li a, .wp-grid-builder .wpgb-card.wpgb-no-result>div { font-size: 1.2rem !important; line-height: 1.2em !important; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 0.2em; font-family: var(--font-bold); } h4, .ui-tabs .ui-tabs-nav li a { color: var(--orange); } .wso-h4 { color: var(--orange) !important; } #Wrapper .dark .wso-h4 { color: white !important; } #Wrapper h5, #Wrapper .wso-h5 { font-size: 0.9rem; line-height: 1.1em; margin-bottom: 2rem; text-transform: uppercase; letter-spacing: 0.12em; font-family: var(--font-bold); font-weight: normal; } #Wrapper p+h5 { margin-top: 2.5rem; } #Wrapper .wso-h6, #Wrapper h6 { font-size: 0.9rem !important; font-family: var(--font-regular); color: var(--orange); text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 1rem; } .wso-wrap-content-above .column_column { margin: 0 0.5% !important; } .column_column ul li { margin-bottom: 0 !important; } #Wrapper .section.full-width:not(.wso-section-slider) .column_attr h1, #Wrapper .section.full-width:not(.wso-section-slider) .column_attr h2, #Wrapper .section.full-width:not(.wso-section-slider) .column_attr h3, #Wrapper .section.full-width:not(.wso-section-slider) .column_attr h4, #Wrapper .section.full-width:not(.wso-section-slider) .column_attr h5, #Wrapper .section.full-width:not(.wso-section-slider) .column_attr h6, #Wrapper .section.full-width:not(.wso-section-slider) .column_attr p { max-width: var(--content-width); margin-left: auto; margin-right: auto; } /* ================= Heading after ================= */ #Wrapper .section.wso-align-center>.section_wrapper>.mcb-wrap>.mcb-wrap-inner>.column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box)>.column_attr h1::after, #Wrapper .section.wso-align-center>.section_wrapper>.mcb-wrap>.mcb-wrap-inner>.column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) h1::after, #Wrapper .column.wso-align-center .column_attr h1::after, #Wrapper .section.wso-align-center>.section_wrapper>.mcb-wrap>.mcb-wrap-inner>.column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box)>.column_attr h2::after, #Wrapper .section.wso-align-center>.section_wrapper>.mcb-wrap>.mcb-wrap-inner>.column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) h2::after, #Wrapper .column.wso-align-center .column_attr h2::after, #Wrapper h1[style*="center;"]::after, #Wrapper h2[style*="center;"]::after, #Wrapper .wpgb-card-1 .wpgb-card-body h3::after, #Wrapper .wpgb-card-1 .wpgb-card-body .wso-h3::after, #Wrapper .wpgb-card-2 h2::after, #Wrapper .wpgb-card-2 .wso-h2::after, #Wrapper .wpgb-card-6 .wso-h2::after { margin-left: auto; } #Wrapper .section.wso-align-right>.section_wrapper>.mcb-wrap>.mcb-wrap-inner>.column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box)>.column_attr h1::after, #Wrapper .section.wso-align-right>.section_wrapper>.mcb-wrap>.mcb-wrap-inner>.column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) h1::after, #Wrapper .column.wso-align-right .column_attr h1::after, #Wrapper .section.wso-align-right>.section_wrapper>.mcb-wrap>.mcb-wrap-inner>.column:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box)>.column_attr h2::after, #Wrapper .section.wso-align-right>.section_wrapper>.mcb-wrap>.mcb-wrap-inner>.column_visual:not(.wso-highlight-button):not(.wso-column-grid):not(.wso-img-box) h2::after, #Wrapper .column.wso-align-right .column_attr h2::after, #Wrapper h1[style*="right;"]::after, #Wrapper h2[style*="right;"]::after { margin-left: auto; margin-right: 0; } #Wrapper .dark h1::after, #Wrapper .dark h2::after, #Wrapper .dark .wso-h2::after { border-color: white; } /* ================= 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; } .wso-section-text-img .column_column ul, .wso-section-text .column_column ul { list-style: none; margin-left: 1.5rem; } .column_column ul li { position: relative; } .wso-section-text-img .column_column ul li::before, .wso-section-text .column_column ul li::before { content: '' !important; position: absolute; left: -1rem; width: 0.15em !important; height: 0.15em; background: black; top: 0.75rem; } /* ============================================ Header ============================================ */ /* ================= Top Bar ================= */ div#Top_bar, #Top_bar.is-sticky { transition: all .3s ease-in-out !important; top: 0 !important; position: fixed !important; z-index: 205; } #Top_bar .container, #Top_bar.is-sticky .container { padding: 0 4.7rem; } #Top_bar .wso-burger-menu, #Top_bar.is-sticky .wso-burger-menu { transition: all .3s ease-in-out !important; } #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; } } .header-split #Header .top_bar_left .menu_right { width: 40%; display: flex; justify-content: flex-end; height: 100% !important; } /* ================= Logo ================= */ #Top_bar .logo { position: absolute; top: 50%; left: 1rem; transform: translate(0, -50%); margin: 0 !important; z-index: 205; } #Wrapper #Top_bar #logo, #Wrapper #Top_bar.is-sticky #logo { padding: 0 !important; height: auto !important; margin: 0 !important; } #Top_bar #logo img, body:is(.originy.wso-configurator, .experience.wso-configurator) #logo img { width: 9.4rem; max-height: 100% !important; } /* ================= Menu ================= */ #Top_bar .column { width: 100%; margin: 0; } #Top_bar .menu>li>a:hover span:not(.description) { color: var(--orange) !important; transition: all .2s ease-in-out !important; } #Top_bar .menu>li>a span:not(.description) { transition: all .2s ease-in-out !important; } #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-weight: 500; letter-spacing: .1em; text-transform: uppercase; padding: 2.4rem 0 !important; } .header-transparent #Top_bar:not(.is-sticky) .menu>li>a:not(:hover), .header-transparent #Top_bar:not(.is-sticky) .menu>li>a:hover { color: white; z-index: 1; } #Top_bar .menu>li>a span:not(.description), #Top_bar .menu>li.wso-menu-cta-buttons a span:not(.description) { padding: 0 1.7rem !important; } .wso-menu-contact strong { margin-right: 0.4rem; } #Top_bar .menu>li.wso-menu-contact:not(:last-child)>a span { border-right: 1px solid rgb(0 0 0 / 12%) !important; } .wso-menu-socialmedia img { margin-right: 0.7rem } .wso-menu-socialmedia a { display: inline-block !important; } .wso-menu-socialmedia { padding-left: 0.2rem !important; } .wso-social-icons a:hover img, .wso-menu-socialmedia a:hover img, #Footer .wp-block-image:hover img { transform: scale(1.1); } .wso-social-icons a img, .wso-menu-socialmedia a img, #Footer .wp-block-image img { max-height: 1rem !important; transition: all .3s ease-in-out !important; } /* Top_bar: Social-Media-Icons vertikal fix links (Position des alten Lang-Switches). Das wso-menu-socialmedia
  • wird vom Plugin gs_sim gerendert und enthält 4 -Tags (Pinterest, Instagram, Facebook, LinkedIn). Wir positionieren das
  • fix mittig und stapeln die -Kinder vertikal. #Wrapper-Praefix sorgt fuer Spezifitaet > Sticky-Regel #Top_bar.is-sticky .menu>li>a. */ @media only screen and (min-width: 768px) { #Wrapper #Top_bar .menu>li.wso-menu-socialmedia { position: fixed; left: 1.2rem; top: 52vh; transform: translateY(-50%); width: 1.6rem; padding: 0 !important; margin: 0 !important; z-index: 205; float: none; display: flex; flex-direction: column; align-items: center; row-gap: 1.2rem; gap: 1.2rem; } #Wrapper #Top_bar .menu>li.wso-menu-socialmedia>a, #Wrapper #Top_bar.is-sticky .menu>li.wso-menu-socialmedia>a { display: flex !important; align-items: center; justify-content: center; padding: 0 !important; margin: 0 !important; height: 1.6rem !important; min-height: 1.6rem !important; line-height: 1 !important; width: 100%; } #Wrapper #Top_bar .menu>li.wso-menu-socialmedia>a::after, #Wrapper #Top_bar.is-sticky .menu>li.wso-menu-socialmedia>a::after { display: none !important; content: none !important; } #Wrapper #Top_bar .menu>li.wso-menu-socialmedia>a img { margin: 0 !important; display: block; max-height: 1rem !important; } } /*Bookmark*/ .wst-bookmark-counter .dashicons-star-filled:before { content: "" !important; position: absolute; right: 0rem; background: url('/wp-content/uploads/2021/08/vector-2.svg') center center !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; height: 100%; width: 100%; top: 0; } .wst-bookmark-counter .dashicons-star-filled { opacity: 1 !important; } #Wrapper #Top_bar .wst-bookmark-counter { position: relative; width: 1.7rem !important; height: 2rem !important; display: inline-block !important; display: block !important; margin: 0 auto; opacity: 1 !important; } #Wrapper #Top_bar span#wst-bookmark-counter-merkliste { position: absolute; right: -0.5rem; top: 0; background: black; line-height: 1rem !important; width: 1rem !important; height: 1rem; left: auto !important; text-align: center; border-radius: 50%; z-index: 2 !important; color: white !important; font-size: 0.7em !important; letter-spacing: 0; opacity: 1; font-family: var(--font-regular); } #Wrapper #Top_bar .wso-menu-bookmark span>span:not(.wst-bookmark-counter) { position: absolute; display: block !important; width: 5rem !important; left: -0rem; line-height: 3em !important; font-size: 0.65rem; font-family: var(--font-bold); opacity: 0; transition: all .4s ease-in-out !important; color: black !important; font-weight: normal; } #Wrapper #Top_bar .wso-menu-bookmark:hover span>span:not(.wst-bookmark-counter) { opacity: 1; transition: all .4s ease-in-out !important; } .wso-menu-bookmark { vertical-align: middle; z-index: 999999999999 !important; margin-right: 0.5rem !important; right: 0; } span.dashicons.dashicons-star-filled { position: static !important; } span.dashicons.dashicons-star-filled { pointer-events: none; } .wso-skin-bookmark { position: absolute; top: 0.7rem; right: 1rem; z-index: 101; float: right; } .wso-skin-bookmark a .button-text, .wso-skin-bookmark a .dashicons, .wso-skin-bookmark-button a .dashicons { display: none; } .wso-skin-bookmark a:after, .wso-skin-bookmark a:before { content: ''; width: 1.8rem; height: 1.8rem; display: block; background-image: url(/wp-content/uploads/2021/09/vector.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } .wso-skin-bookmark a:after, .wso-skin-bookmark-buttton a:after { background-image: url('/wp-content/uploads/2021/09/vector-1.svg') !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: .5s; width: 2rem; height: 2rem; opacity: 0; } .wso-skin-bookmark-button a.active:after { background-image: url('/wp-content/uploads/2021/09/vector-1.svg') !important; } .wso-skin-bookmark a.active:after { transform: translate(-50%, -50%); transition: .5s cubic-bezier(0.34, 1.56, 0.64, 1); opacity: 1; } .wso-skin-bookmark-button a.active:after { transform: translate(-50%, 0%) scale(1); transition: .5s cubic-bezier(0.34, 1.56, 0.64, 1); } /*CTA*/ #Top_bar .menu>li.wso-menu-cta>a span::after, #Top_bar .menu>li.wso-menu-cta-buttons .wso-menu-cta:not(.wso-dealer)>a span::after { content: ""; position: absolute; right: 0rem; background: url('/wp-content/uploads/2021/08/arrow-3.svg') center center !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; height: 100%; width: 1.3rem; top: 50%; transform: translateY(-50%); } #Top_bar .menu>li.wso-menu-cta>a:hover span::after, #Top_bar .menu>li.wso-menu-cta-buttons .wso-menu-cta>a:hover span::after { right: -0.2rem; } /*Submenu*/ #Top_bar .menu>li.menu-item-has-children>ul { display: block !important; top: calc(100% + 0); 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 .5s ease 0s, transform .5s ease 0s, max-height 0s linear .5s, padding 0s linear .5s !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; pointer-events: all !important; transform: translate(-50%, 0); transition: opacity .5s ease 0s, transform .5s ease 0s, max-height 0s linear 0s, padding 0s linear 0s !important; overflow: visible !important; padding: 1rem; } #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 .5s ease 0s, top .5s ease 0s !important; transform: translate(-50%, -50%) rotate(45deg); opacity: 0 !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: .4s !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; } /*Langswitch - Top_bar Dropdown (ab 768px = iPad+Desktop). Unter 768px wandert das Menü in #Side_slide und wird dort separat behandelt (CTA-Switch). */ #Top_bar .menu li.current-lang span { font-family: var(--font-bold) !important; } @media only screen and (min-width: 768px) { #Wrapper #Top_bar .menu>li.pll-parent-menu-item { position: static !important; left: auto; top: auto; width: auto !important; } #Wrapper #Top_bar .menu>li.pll-parent-menu-item>a { display: block; } #Wrapper #Top_bar .menu>li.pll-parent-menu-item>a span:not(.description) { padding-right: 1.8rem !important; padding-left: 0 !important; position: relative; } #Wrapper #Top_bar .menu>li.pll-parent-menu-item>a span:not(.description)::after { content: ''; position: absolute; right: 0.4rem; top: 50%; width: 0.7rem; height: 0.7rem; background-image: url('/wp-content/uploads/2025/09/select-arrow-down-hafro.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; transform: translateY(-50%); transition: transform .2s ease-in-out; opacity: .6; } #Wrapper #Top_bar .menu>li.pll-parent-menu-item:hover>a span:not(.description)::after, #Wrapper #Top_bar .menu>li.pll-parent-menu-item.hover>a span:not(.description)::after { transform: translateY(-50%) rotate(180deg); } /* Generischer Theme-Diamond auf beim Language-Switcher abschalten — wir nutzen stattdessen ul.sub-menu::before, damit der Indikator mittig auf der Dropdown-Box sitzt. */ #Wrapper #Top_bar .menu>li.pll-parent-menu-item>a::after { display: none !important; } /* Submenu deterministisch via :hover statt mfnMenu-Fade */ #Wrapper #Top_bar .menu>li.pll-parent-menu-item>ul.sub-menu { display: none !important; position: absolute; left: 0; right: auto; top: 100%; bottom: auto; transform: none; width: auto; min-width: 4rem; height: auto; max-height: none !important; background-color: #fff; background-image: none; border: 1px solid #000; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); opacity: 1; padding: 0.4rem 0 !important; margin: 0 !important; pointer-events: auto; z-index: 210; } #Wrapper #Top_bar .menu>li.pll-parent-menu-item:hover>ul.sub-menu, #Wrapper #Top_bar .menu>li.pll-parent-menu-item.hover>ul.sub-menu { display: block !important; } #Wrapper #Top_bar .menu>li.pll-parent-menu-item>ul.sub-menu::after { content: none !important; display: none !important; background: transparent !important; } /* Diamond-Indikator mittig auf der Sub-Menu-Box, weiß mit 1px schwarzem Border nur auf den oberen V-Kanten (border-top + border-left nach 45°-Rotation). */ #Wrapper #Top_bar .menu>li.pll-parent-menu-item>ul.sub-menu::before { content: '' !important; display: block !important; position: absolute; left: 50%; top: 0; width: 0.8rem; height: 0.8rem; background-color: #fff; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 0; border-bottom: 0; transform: translate(-50%, -50%) rotate(45deg); pointer-events: none; z-index: 1; } #Wrapper #Top_bar .menu>li.pll-parent-menu-item>ul.sub-menu>li { display: block !important; width: 100%; text-align: left; opacity: 1; padding: 0; border: 0 !important; } #Wrapper #Top_bar .menu>li.pll-parent-menu-item>ul.sub-menu>li.current-lang { display: none !important; } #Wrapper #Top_bar .menu>li.pll-parent-menu-item>ul.sub-menu>li>a { padding: 0.5rem 1.4rem !important; font-size: .8rem; line-height: 1em; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #000; display: block; text-align: left; background: transparent !important; border: 0 !important; transition: color .2s ease-in-out, background-color .2s ease-in-out; } #Wrapper #Top_bar .menu>li.pll-parent-menu-item>ul.sub-menu>li>a:hover, #Wrapper #Top_bar .menu>li.pll-parent-menu-item>ul.sub-menu>li.hover>a { color: var(--orange) !important; background-color: transparent !important; } /* Dark-Theme-Variante */ body:is(.manufaktur, .originy, .experience) #Wrapper #Top_bar .menu>li.pll-parent-menu-item>ul.sub-menu { background-color: var(--color-black); border: 1px solid #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); } /* SVG-Dropdown-Pfeil im Dark-Theme weiß einfärben */ body:is(.manufaktur, .originy, .experience) #Wrapper #Top_bar .menu>li.pll-parent-menu-item>a span:not(.description)::after { filter: brightness(0) invert(1); } body:is(.manufaktur, .originy, .experience) #Wrapper #Top_bar .menu>li.pll-parent-menu-item>ul.sub-menu>li>a:hover, body:is(.manufaktur, .originy, .experience) #Wrapper #Top_bar .menu>li.pll-parent-menu-item>ul.sub-menu>li.hover>a { background-color: rgba(255, 255, 255, 0.06) !important; } body:is(.manufaktur, .originy, .experience) #Wrapper #Top_bar .menu>li.pll-parent-menu-item>ul.sub-menu::before { background-color: var(--color-black); border-top-color: #fff; border-left-color: #fff; } } /* ================= Megamenu ================= */ #Top_bar .mfn-megamenu-parent::after { content: ""; pointer-events: none; position: absolute; height: 0; top: -100%; left: -100%; right: -100%; background-color: white; opacity: 0; transition: height 0s ease .7s, opacity .7s 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 .7s 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 { transform: translate(0, 0); padding: 3rem 6rem !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; -webkit-box-shadow: none; } #Top_bar .menu>li ul li a { border: none; padding: .5rem; /* width:fit-content; */ /* margin: 0 auto; */ } #Top_bar .menu>li.menu-item-has-children:not(.pll-parent-menu-item) ul li a { width:fit-content; margin: 0 auto; } #Top_bar .menu>li ul li a:hover { color: var(--orange); background-color: transparent; } #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); } #Wrapper #Top_bar.is-sticky { opacity: 1; box-shadow: none !important; } /* ================= Burgermenu ================= */ body:not(.header-simple) #Top_bar #menu { /* display: flex !important; */ /* justify-content: space-between; */ } .header-split #Header .top_bar_left .menu_left { text-align: left; z-index: 205; position: relative; } #Top_bar .wso-burger-menu { float: right !important; width: 2.6rem; height: 2.6rem; margin-left: 0rem !important; padding: 2.4rem 0 !important; right: 0 !important; } #Top_bar.is-sticky .wso-burger-menu { padding: 1.3rem 0 !important; } #Wrapper #Top_bar.is-sticky .wso-menu-bookmark span>span:not(.wst-bookmark-counter) { line-height: 1.6rem !important; } #Top_bar .wso-burger-menu>span { position: absolute; margin-top: .55rem; width: 2rem; height: 1.6rem; cursor: pointer; background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-size: 100% 2px; background-position: 0 0, 0 50%, 0 100%; transition: opacity var(--burger-menu-transition); } #Top_bar.is-sticky .wso-burger-menu>span { color: var(--color-2) !important; } .wso-burger-menu-active #Top_bar .wso-burger-menu>span { background-image: none; } #Top_bar .wso-burger-menu>span::after, #Top_bar .wso-burger-menu>span::before { content: ''; border-style: solid; border-width: 0; width: 100%; height: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(0); transition: border-top-width var(--burger-menu-transition), transform var(--burger-menu-transition); } #Top_bar.is-sticky .wso-burger-menu>span::after, #Top_bar.is-sticky .wso-burger-menu>span::before { border-color: var(--color-2) !important; } #Top_bar .menu>li>a, #Top_bar #menu ul li.submenu .menu-toggle { right: 0.1rem; } .wso-burger-menu-active #Top_bar .wso-burger-menu>span::before { border-top-width: 2px; transform: translateY(-50%) rotate(-45deg); z-index: 999; } .wso-burger-menu-active #Top_bar .wso-burger-menu>span::after { border-top-width: 2px; transform: translateY(-50%) rotate(45deg); z-index: 999; } #Top_bar .menu>li.menu-item-has-children.wso-burger-menu>ul { left: 0 !important; width: 100% !important; overflow-y: auto !important; } .wso-burger-menu-active #Top_bar .menu>li.menu-item-has-children.wso-burger-menu>ul { max-height: calc(100vh - 0rem) !important; min-height: calc(100vh - 7.5rem); background: black; } #Top_bar .menu>li.menu-item-has-children>ul { box-shadow: none !important; } #Top_bar .menu>li.wso-burger-menu ul { background-color: transparent; } #Top_bar .menu>li.wso-burger-menu ul * { color: white !important } #Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-2 { width: 100% !important; } #Top_bar .menu .wso-burger-menu li ul { display: block !important; position: relative; left: 0; } #Top_bar .menu .wso-burger-menu li.menu-item-has-children>ul>li.wso-no-link > a { pointer-events: none; cursor: pointer !important; } #Top_bar .menu .wso-burger-menu li.menu-item-has-children>ul>li.menu-item-has-children { margin-bottom: 1.5rem; } #Top_bar .menu .wso-burger-menu li.menu-item-has-children>a { color: var(--orange); } #Top_bar .wso-burger-menu .wso-megamenu-img { padding-left: 0 !important; padding-right: 4rem !important; } #Top_bar .wso-megamenu-text { margin-bottom: 3rem; padding-right: 4rem !important; } .wso-burger-menu-active #Top_bar .mfn-megamenu-parent:not(.wso-burger-menu)::after, .wso-burger-menu-active #Wrapper #Top_bar .menu>li.menu-item-has-children>a::after, .wso-burger-menu-active #Top_bar .menu>li:not(.wso-burger-menu).menu-item-has-children>ul { display: none !important; } .wso-burger-menu-img { position: absolute !important; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100%; left: 0 !important; z-index: -1; } .wso-burger-menu-img img { -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; font-family: 'object-fit: cover; object-position: center;'; width: 100% !important; height: 100% !important; } .wso-burger-menu-img::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgb(0 0 0 / 75%); z-index: 2; visibility: visible; height: 100%; width: 100%; pointer-events: none; } .wso-burger-menu-items>ul:first-child>li { font-size: 2rem; font-family: var(--font-bold); font-weight: normal !important; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 2rem; /* display: block; */ width: 100% !important; } .wso-burger-menu-items>ul:first-child>li>ul>li { font-size: 0.9rem; width: auto !important; display: inline-block; } .wso-burger-menu-items>ul:first-child>li>ul { will-change: max-height; max-height: 0 !important; opacity: 0 !important; /* float: left; */ width: 100% !important; transition: all .75s ease !important; } .wso-burger-menu-items>ul:first-child>li.menu-item-has-children:hover>ul { max-height: 3rem !important; opacity: 1 !important; transition: all .75s ease .15s !important; } #Wrapper .wso-burger-menu-items ul li a:hover span, #Top_bar .menu .wso-burger-menu li.menu-item-has-children>ul>li.wso-no-link:hover > a span { color: var(--orange) !important; transition: all .2s ease-in-out !important; } #Wrapper .wso-burger-menu-items li a span { transition: all .2s ease-in-out !important; } #Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-3 { width: 100% !important; } .wso-burger-menu-active #Top_bar .mfn-megamenu-parent.wso-burger-menu>ul.sub-menu.mfn-megamenu:before { content: ""; display: block; margin: -3rem auto 1.5rem; top: 0; width: 1px; height: 6.5rem; background-color: white !important; transition: all .5s ease-in-out !important; z-index: 2; } .wso-burger-menu-active #Top_bar .mfn-megamenu-parent.wso-burger-menu>ul.sub-menu.mfn-megamenu:after { content: ""; top: 52vh; height: 22rem; width: 100%; background: url('/wp-content/uploads/2021/08/group-1.svg') center left !important; left: 4.5rem !important; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; pointer-events: none; opacity: 0.1; z-index: 1; } /*CTA*/ #Top_bar .wso-burger-menu-cta { position: fixed !important; bottom: 3rem; z-index: 99999; } #Top_bar .wso-burger-menu-cta ul { width: 100%; float: none !important; left: 0 !important; box-shadow: none !important; } #Top_bar .wso-burger-menu-cta ul li { box-shadow: none !important; } .wso-highlight-cta-menu a { position: absolute !important; bottom: 0rem; right: 3rem; width: auto !important; margin: 0; padding: 0; box-sizing: border-box; margin: 0rem .05rem 0 !important; padding: 1.4rem 3rem 1.4rem 1.5rem !important; display: inline-block; border-radius: 0 !important; color: white !important; background-color: var(--orange) !important; border: 1px solid var(--orange) !important; box-shadow: none !important; transition: all .2s ease-in-out !important; font-weight: normal !important; } .wso-highlight-cta-menu a { text-transform: uppercase; } #Side_slide .wso-highlight-cta-menu a, #Wrapper .wso-highlight-cta-menu a { font-family: var(--font-regular); font-size: 0.9rem !important; line-height: 1.4em !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; margin-bottom: 0 !important; transition: all .2s ease-in-out !important; } #Side_slide .wso-highlight-cta-menu a::after, #Wrapper .wso-highlight-cta-menu a::after { content: ""; top: 0; height: 100%; width: 1.2rem !important; background: url('/wp-content/uploads/2021/08/arrow.svg') center center !important; right: 1.2rem; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; z-index: 2; left: auto; } #Side_slide .wso-highlight-cta-menu a:hover, #Wrapper .wso-highlight-cta-menu a:hover { transition: all .2s ease-in-out !important; background-color: white !important; border-color: white !important; padding-right: 3.3rem !important; } #Side_slide .wso-highlight-cta-menu:hover a span, #Wrapper .wso-highlight-cta-menu:hover a span { color: var(--orange) !important; transition: all .2s ease-in-out !important; } #Side_slide .wso-highlight-cta-menu:hover a::after, #Wrapper .wso-highlight-cta-menu:hover a::after { background: url('/wp-content/uploads/2021/08/arrow-3.svg') center center !important; background-size: contain !important; background-repeat: no-repeat !important; } .wso-adress-menu span { font-size: 0.8rem; letter-spacing: 0.1em; padding: 0 1.5rem; line-height: 0.8em !important; } .wso-adress-menu span:not(:last-of-type) { border-right: 1px solid; } /*Mobil*/ #Side_slide #menu .wso-burger-menu { border: none !important; } #Side_slide .wso-burger-menu>.sub-menu, #Side_slide #menu .wso-burger-menu ul.mfn-megamenu>li>ul>li>.menu-toggle { display: block !important; } #Side_slide #menu .wso-burger-menu ul.mfn-megamenu>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; } /* ================= Sticky ================= */ #Top_bar.is-sticky { height: auto !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) !important; } #Wrapper #Top_bar.is-sticky #logo img { width: 5.5rem !important; } #Top_bar.is-sticky .menu>li>a { padding: 1.3rem 0 !important; } /* ============================================ Side Slide ============================================ */ body.mobile-side-slide.wsi-sidebar-open { left: 00vw !important; } body.mobile-side-slide { left: 0vw !important; } body.mobile-side-slide #Side_slide { left: 0vw !important; display: none; transition: all .5s ease-in-out !important; } body.mobile-side-slide.wsi-sidebar-open #Side_slide { display: block; } #Side_slide { background-color: var(--color-4); border-color: var(--color-4); } #Side_slide .close-wrapper a.close { width: auto !important; height: auto !important; margin: .7rem !important; } #Side_slide .close-wrapper a.close i { font-size: 1.7rem !important; line-height: 1.5em !important; } #Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.action_button), #Side_slide #menu ul li.submenu .menu-toggle { color: white; } #Side_slide #menu ul li { border-color: rgba(255, 255, 255, 0.2) !important; } #Side_slide #menu ul li a { margin: 0 !important; padding: 1rem !important; font-size: 1.3rem !important; line-height: 1em !important; } #Side_slide #menu>ul>li>a, #Side_slide #menu .wso-burger-menu ul.mfn-megamenu>li>ul>li>a { font-weight: 500; } #Side_slide #menu ul li ul { background-color: var(--color-5); } #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(--orange); 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; } /* ============================================ Footer ============================================ */ #Footer { border-top: 1px solid; margin-top: 3rem; padding-top: 2rem; } #Footer * { text-align: center; } #Footer aside#custom_html-5 { margin-top: -6rem; } #Footer { background-color: white; } #Footer .widgets_wrapper { padding: 0rem 0 11rem; } #Footer .widgets_wrapper .widget { padding: .5rem 0; } #Footer i { font-size: 1.5rem; } #Footer aside .wso-h3 { margin-top: 1.4rem; } #Footer aside>h4 { font-size: 1.5rem !important; font-weight: 400 !important; color: black !important; } #Footer aside>h4::after { border-color: black; } #Footer h4 { color: black !important; } @media only screen and (min-width: 768px) { #Footer .column.one-second { padding: 0 3rem; box-sizing: border-box; } div.wso-menu-search { display: none; } } #Footer .menu { background-color: transparent; list-style: none; padding: 0; } #Footer .menu { margin-bottom: 0 !important; } #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: 1; color: var(--orange); } #Footer .wso-footer-img { width: 100%; max-width: 18rem; padding: 0 3rem; background-color: white !important; margin-bottom: 3rem; height: 6rem; object-fit: contain; } aside#nav_menu-5, aside#nav_menu-3, aside#nav_menu-8 { display: inline-block; width: 100%; position: absolute; left: 0; bottom: -10.5rem; border: 1px solid black; border-width: 1px 0 1px !important; padding: 2.4rem 0 !important; } #Footer #nav_menu-5 li, #Footer #nav_menu-3 li, #Footer #nav_menu-8 li { display: inline-block !important; margin: 0 !important; padding: .5rem 2.5rem !important; float: none !important; margin-bottom: 0 !important; opacity: 1; } #Footer #nav_menu-5 li:first-child, #Footer #nav_menu-3 li:first-child, #Footer #nav_menu-8 li:first-child { padding-left: 0 !important; } #Footer #nav_menu-5 li:last-child, #Footer #nav_menu-3 li:last-child, #Footer #nav_menu-8 li:last-child { padding-right: 0 !important; } #Footer #nav_menu-5 ul#menu-footer-menu-1, #Footer #nav_menu-3 ul#menu-footer-menu-1, #Footer #nav_menu-8 ul#menu-footer-menu-1 { display: flex; flex-direction: unset; justify-content: center !important; align-items: center; margin-bottom: 0 !important; } #Footer .widget_nav_menu#nav_menu-5 ul li a, #Footer .widget_nav_menu#nav_menu-3 ul li a, #Footer .widget_nav_menu#nav_menu-8 ul li a { font-size: 0.9rem !important; font-family: var(--font-regular); margin-bottom: 0; padding-top: 0; } #Wrapper #Footer .container { max-width: 100% !important; } #custom_html-5 p.wso-h5 { width: 75%; margin: 0 auto; font-family: var(--font-regular); line-height: 1.6em; } #custom_html-5 .wso-footer-cta, #custom_html-5 p:not(.wso-h5) { display: flex; flex-direction: unset; justify-content: center !important; align-items: center; } #custom_html-5 p:not(.wso-h5) a { padding: 0.4rem 2rem; margin: 1.5rem 0; } #custom_html-5 p:not(.wso-h5) a:first-of-type { border-right: 1px solid; } #Footer .wso-footer-cta .wso-cta-item a, #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button:not(.wso-image-box-cta-button), #Wrapper #Content .section.wso-section-tabs .wso-section-text-img a.button, #Wrapper #Content .section.wso-accordion-sec .wso-section-cross-selling-product .wrap a.button.wso-cross-selling-product-button { position: relative; color: var(--orange) !important; font-family: var(--font-regular); padding: 0 !important; padding-right: 2rem !important; margin-right: 1rem !important; text-transform: uppercase !important; font-size: 0.9rem !important; letter-spacing: 0.1em !important; letter-spacing: 0.2em !important; text-decoration: none !important; margin: 0 2rem !important; display: flex; align-items: center; } #Footer .wso-footer-cta .wso-cta-item a::after, #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button:not(.wso-image-box-cta-button)::after, #Wrapper #Content .section.wso-section-tabs .wso-section-text-img.wso-tab-originy a.button:after, #Wrapper #Content .section.wso-section-tabs .wso-section-text-img.wso-tab-experience a.button:after, .originy #Wrapper #Content .section.wso-section-tabs .wso-section-text-img a.button:after, .experience #Wrapper #Content .section.wso-section-tabs .wso-section-text-img a.button:after { content: ""; position: absolute; right: 0rem; background: url(/wp-content/uploads/2021/08/arrow-3.svg) center center !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; height: 100% !important; width: 1.3rem !important; top: 0; left: auto; } #Footer .wso-footer-cta .wso-cta-item a:hover::after, #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below a.button:not(.wso-image-box-cta-button):hover::after { right: -0.2rem; } .wso-social-icons { margin-top: 2.8rem; } .wso-social-icons img { height: 1rem; padding: 0 0.7rem; } #Wrapper #Footer a.button { border-color: var(--orange) !important; color: var(--orange) !important; padding: 1.5rem 3.5rem 1.5rem 2rem !important; /* width: 11rem; */ min-width: 11rem !important; margin-top: 0 !important; } #Footer a.button:not(:nth-child(2)):hover span { color: var(--orange) !important; } #Wrapper #Footer a.button:hover { /* width: 12rem; */ color: var(--orange) !important; } #Wrapper #Footer a.button:nth-child(2) { background: var(--orange) !important; color: white !important; } #Wrapper #Footer a.button:nth-child(2):before { background: url(/wp-content/uploads/2021/08/arrow.svg) center center !important; background-repeat: no-repeat !important; background-size: contain !important; } #Wrapper #Footer a.button:before { background: url(/wp-content/uploads/2021/08/arrow-3.svg) center center !important; background-repeat: no-repeat !important; background-size: contain !important; right: 2rem !important; z-index: 2 !important; } #Footer a.button:after { content: none !important; } #Footer .one-fourth:first-of-type { width: 17%; padding-left: 11%; } #Footer .one-fourth:last-of-type { width: 22%; padding-right: 4%; } #Footer .one-second { width: 40%; } #Footer ul li { margin-bottom: 0 !important; } #Footer .widget_nav_menu ul li a { font-size: 1.2rem !important; margin-bottom: 0rem; } #Footer .widget_nav_menu ul li.wso-no-link.wso-footer-manufaktur-heading, #Footer .widget_nav_menu ul li.wso-footer-manufaktur-heading { margin-top: 2rem !important; } #Footer .widget_nav_menu ul li.wso-no-link a, #Footer .widget_nav_menu ul li:is(.wso-footer-manufaktur-heading, .wso-footer-classic-heading) a { font-size: 0.8rem !important; margin-bottom: 0.65rem; /* pointer-events: none; */ color: var(--orange); transition: var(--button-transition); } #Footer .widget_nav_menu ul li:is(.wso-footer-manufaktur-heading, .wso-footer-classic-heading) a:hover { text-decoration: underline !important; } #Footer .wso-footer-cta .wso-cta-item a { margin-inline: 1rem !important; } #Footer aside#nav_menu-4 { margin-top: 2.9rem; } #Footer aside#block-2 { margin-top: 3.4rem !important; } #custom_html-5 p:not(.wso-h5) a strong { padding-right: 1rem; } #Footer .one-fourth:last-of-type .widget_text { margin-top: 2.5rem; } #Footer .wp-block-image { margin-bottom: 0; } @media only screen and (max-width: 1023px) { #custom_html-5 .wso-footer-cta { column-gap: 1rem; } #Footer .wso-footer-cta .wso-cta-item a::after { position: relative !important; height: 1rem !important; } } /* ================= Footer Copy ================= */ #Footer .footer_copy { background-color: white; } #Footer .footer_copy * { opacity: 0.8; color: black !important; letter-spacing: 0.1em; font-size: 0.8rem } #Footer .footer_copy .one { margin-bottom: 0; padding: 1rem 0; } .footer-copy-center #Footer .footer_copy .copyright { margin: 0; float: left; width: 100%; } /* ============================================ Buttons ============================================ */ .wpgb-facet button.wpgb-button, .wso-finder-button a.wst-fancybox-btn, #Wrapper #Content .wso-job-sec .wso-job-grid+a.button, #Wrapper a.button, #Wrapper .jig-loadMoreButton, #Wrapper .gform_wrapper button[type="submit"], #Wrapper input[type="submit"] { font-size: 0.8rem !important; line-height: 1.4em !important; font-weight: 400 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; margin: 1rem .05rem 0 !important; padding: 1.5rem 1.8rem 1.5rem !important; display: inline-block; border-radius: 0 !important; color: black !important; border: 1px solid black !important; background-color: transparent !important; box-shadow: none !important; transition: all .2s ease-in-out !important; font-family: var(--font-regular); min-width: 14rem; } .wso-finder-button a.wst-fancybox-btn, #Wrapper input.wpcf7-form-control.wpcf7-submit { margin-top: 1rem !important; /*padding: 1rem 1.5rem !important;*/ } .wso-finder-button a.wst-fancybox-btn, #Wrapper input.wpcf7-form-control.wpcf7-submit { font-family: var(--font-regular); font-weight: normal !important; padding-right: 3.5rem !important; } #Wrapper .wso-sec-merchant-search .wpgb-layout a.button, #Wrapper .wso-sec-surfaces a.button, #Wrapper .section .tg-wso-jobs a.button, #Wrapper .wso-section-text.wso-align-center a.button, #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code):not(.wso-section-img-boxes-content-below) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button { padding: 0.1rem 0 !important; border: 0px solid black !important; color: black !important; border-radius: 0; overflow: visible; text-transform: none !important; font-size: 0.9rem !important; min-width: auto !important; } #Wrapper .wso-sec-merchant-search .wpgb-layout a.button:after, #Wrapper .wso-sec-surfaces a.button:after, #Wrapper .section .tg-wso-jobs a.button::after, #Wrapper .wso-section-text.wso-align-center a.button:after, #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code):not(.wso-section-img-boxes-content-below) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button::after, #Wrapper .section.wso-section-img-boxes-content-below .wrap a.button.wso-image-box-cta-button:after { height: 2px !important; bottom: 0; top: auto; background: black !important; border-radius: 0 !important; width: 100% !important; } #Wrapper .wso-sec-merchant-search .wpgb-layout a.button:after span, #Wrapper .wso-sec-surfaces a.button:after span, #Wrapper .section .tg-wso-jobs a.button span, #Wrapper .wso-section-text.wso-align-center a.button span, body:not(.single-product) #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code):not(.wso-section-img-boxes-content-below) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button { color: black !important; text-transform: none !important; transition: all .2s ease-in-out !important; } #Wrapper .wso-sec-merchant-search .wpgb-layout a.button:hover span, #Wrapper .wso-sec-surfaces a.button:hover span, #Wrapper .section .tg-wso-jobs a.button:hover span, #Wrapper .wso-section-text.wso-align-center a.button:hover span, #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button:hover span { color: var(--orange) !important; transition: all .2s ease-in-out !important; } #Wrapper .wso-sec-merchant-search .wpgb-layout a.button::before, #Wrapper .wso-sec-surfaces a.button::before, #Wrapper .section .tg-wso-jobs a.button::before, #Wrapper .wso-section-text.wso-align-center a.button::before, .wso-sortenfinder-fancybox .subtitle::before, #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button::before { content: none !important; } #Wrapper .wso-sec-merchant-search .wpgb-layout a.button:hover::after, #Wrapper .wso-sec-surfaces a.button:hover::after, #Wrapper .section .tg-wso-jobs a.button:hover::after, #Wrapper #Content .wso-section-breaker a.button:hover::after, #Wrapper #Content .wso-section-slider a.button:hover::after, #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code):not(.wso-section-img-boxes-content-below) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button:hover::after /*body:not(.single-product) #Wrapper .section:not(.wso-cta-section)not(.wso-value-chain):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-job-cta):not(.wso-section-grid):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-job-intro):not(.wso-section-overview-filter) .wrap:not(.wso-headline-box) a.button:hover::before*/ { z-index: 2; transform: scaleX(1); } #Wrapper .wso-sec-merchant-search .wpgb-layout a.button::before, #Wrapper .wso-sec-surfaces a.button::before, #Wrapper #Content .dark.wso-section-breaker a.button::before, #Wrapper #Content .wso-section-slider a.button::before, #Wrapper #Content .dark.wso-section-slider a.button::before, #Content #Wrapper .dark.section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button::before { content: none; } .wso-finder-button a.wst-fancybox-btn { position: relative; } #Wrapper #Content .wso-job-sec .wso-job-grid+a.button:hover span, #Wrapper #Content .wso-section-slider a.button, #Wrapper .dark.wso-section-text.wso-align-center a.button, #Wrapper #Content .dark.section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code) .wrap:not(.wso-headline-box) a.button, #Wrapper .dark.section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code) a.button:hover span { color: white !important; } #Wrapper .dark a.button, #Wrapper .drak .jig-loadMoreButton, .dark input[type="submit"] { color: white !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; background-color: transparent !important; } #Wrapper a.button .button_label { padding: 0 !important; font-family: var(--font-regular); font-weight: normal !important; letter-spacing: 0.05em !important; /* letter-spacing: 0.2em !important; */ z-index: 2 !important; transition: all .2s ease-in-out !important; } /*.wso-finder-button a.wst-fancybox-btn::before, #Wrapper #Content .wso-job-sec .wso-job-grid + a.button::before, .dark a.button:hover::before, .dark a.tp-button:hover::before, .dark a.action_button:hover::before, .dark button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.wpgb-next-button):not(.wpgb-prev-button):hover::before, .dark input[type="submit"]:hover::before, .dark input[type="reset"]:hover::before, .dark input[type="button"]:hover::before, .dark #jig1 .jig-loadMoreButton:hover::before, a.tp-button::before, a.action_button::before, button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.next):not(.wpgb-next-button):not(.wpgb-prev-button)::before, input[type="submit"]::before, input[type="reset"]::before, input[type="button"]::before, .jig-loadMoreButton::before,*/ #Footer a.button::before { content: ""; top: 0; height: 100%; width: 1.2rem; background: url('/wp-content/uploads/2021/08/arrow-2.svg') center center !important; right: 1.2rem !important; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; } input[type="submit"], input[type="reset"], input[type="button"] { background: url('/wp-content/uploads/2021/08/arrow-2.svg') 90% center !important; background-size: 1.2rem !important; background-repeat: no-repeat !important; } /*.wso-finder-button a.wst-fancybox-btn:hover::before, #Wrapper #Content .wso-job-sec .wso-job-grid + a.button:hover::before, #Wrapper #Content .wso-orange-button::before, a.tp-button:hover::before, a.action_button:hover::before, button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.wpgb-next-button):not(.wpgb-prev-button):not(.wpgb-prev-button):hover::before, input[type="submit"]:hover::before, input[type="reset"]:hover::before, input[type="button"]:hover::before, #jig1 .jig-loadMoreButton:hover::before, .dark a.button::before, .dark a.tp-button::before, .dark a.action_button::before, .dark button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.wpgb-next-button):not(.wpgb-prev-button)::before, .dark input[type="submit"]::before, .dark input[type="reset"]::before, .dark input[type="button"]::before, .dark .jig-loadMoreButton::before,*/ #Footer a.button:hover::before { content: ""; top: 0; height: 100%; width: 1.2rem; background: url('/wp-content/uploads/2021/08/arrow.svg') center center !important; right: 1.2rem; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; z-index: 2; } .wpgb-load-more::before, .jig-loadMoreButton::before { transform: rotate(90deg); } #Wrapper #Content .wso-job-sec .wso-job-grid+a.button::before { top: 0 !important; } /*Justified Image Grid Button*/ #Wrapper .jig-loadMoreButton { position: relative; max-width: 100% !important; display: inline-block; background: transparent !important; font-size: 0.9rem !important; line-height: 1.4em !important; font-weight: 400 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; margin: 1rem .05rem 0 !important; padding: 1.5rem 1.8rem 1.5rem !important; display: inline-block; border-radius: 0 !important; color: black !important; border: 1px solid black !important; box-shadow: none !important; transition: all .2s ease-in-out !important; font-family: var(--font-regular) !important; } #Wrapper .jig-loadMoreButton:hover { border-color: var(--orange) !important; } #Wrapper .jig-loadMoreButton span { font-family: var(--font-regular) !important; transition: all .2s ease-in-out !important; } .jig-loadMoreButton-inner { position: relative; z-index: 1; font-family: "KievitPro-Medium", Arial, Tahoma, sans-serif !important; font-weight: normal !important; } /*Button Hover*/ #Wrapper #Content .wso-job-sec .wso-job-grid+a.button::after, #Wrapper .jig-loadMoreButton::after { content: ""; position: absolute; left: 0; top: 0; height: 100% !important; width: 100%; transition: all .3s; background: rgba(0, 0, 0, .0); opacity: 0; } #Wrapper #Content .wso-job-sec .wso-job-grid+a.button:hover::after, #Wrapper .jig-loadMoreButton:hover::after, #Top_bar .menu>li.wso-menu-cta:hover>a span::after { opacity: 1; } .wso-finder-button a.wst-fancybox-btn:hover { text-decoration: none !important; } #Wrapper a.button:hover span, a.tp-button:hover span, a.action_button:hover span, button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.wpgb-next-button):not(.wpgb-prev-button):hover span, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, #jig1 .jig-loadMoreButton:hover span, button:hover { color: #ffffff !important; letter-spacing: 0.15rem !important; } button::after { display: none; } input[type="submit"]:hover, #Wrapper button:not(.wpgb-next-button):not(.wpgb-prev-button):not(.gform-theme-button):not(.gform_button):hover { background-color: var(--orange) !important; } #Wrapper .jig-loadMoreButton:hover, #Content .dark a.button:hover span, #Footer .dark a.button:hover, #Content .dark a.button:hover, #Content .dark a.tp-button:hover, #Content .dark a.action_button:hover, #Content .dark button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.wpgb-next-button):not(.wpgb-next-button):not(.wpgb-prev-button):hover, #Content .dark input[type="submit"]:hover, #Content .dark input[type="reset"]:hover, #Content .dark input[type="button"]:hover { color: white !important; } a.button .button_label { padding: 0 !important; } #Wrapper a.button:hover, a.tp-button:hover, a.action_button:hover, button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.wpgb-next-button):not(.wpgb-prev-button):hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, #jig1 .jig-loadMoreButton:hover span, button:hover { color: #ffffff !important; border-color: var(--orange) !important; } button::after { display: none; } #Wrapper .wso-sec-surfaces a.button:hover::after, input[type="submit"]:hover, #Wrapper button:not(.wpgb-next-button):not(.wpgb-prev-button):not(.gform-theme-button):not(.gform_button):hover { background-color: var(--orange) !important; transition: all .2s ease-in-out !important; } #Content .dark a.button:hover, #Content .dark a.tp-button:hover, #Content .dark a.action_button:hover, #Content .dark button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.wpgb-next-button):not(.wpgb-prev-button):hover, #Content .dark input[type="submit"]:hover, #Content .dark input[type="reset"]:hover, #Content .dark input[type="button"]:hover { color: var(--orange) !important; } a.button .button_label { padding: 0 !important; } a.button::after, a.tp-button::after, a.action_button::after, button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.wpgb-next-button):not(.wpgb-prev-button)::after, input[type="submit"]::after, input[type="reset"]::after, input[type="button"]::after, #jig1 .jig-loadMoreButton::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0rem !important; background: rgba(0, 0, 0, .05); z-index: 0; opacity: 1 !important; } #jig1 .jig-loadMoreButton::after { z-index: -1; } #Wrapper .wso-sec-surfaces a.button::after, .dark a.button::after, .dark a.tp-button::after, .dark a.action_button::after, .dark button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.wpgb-next-button):not(.wpgb-prev-button)::after, .dark input[type="submit"]::after, .dark input[type="reset"]::after, .dark input[type="button"]::after { background: #ffffff !important; transition: all .2s ease-in-out !important; } #Wrapper .jig-loadMoreButton:hover::after, a.button:hover::after, a.tp-button:hover::after, a.action_button:hover::after, button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.wpgb-next-button):not(.wpgb-prev-button):hover::after, input[type="submit"]:hover::after, input[type="reset"]:hover::after, input[type="button"]:hover::after, .jig-loadMoreButton:hover::after { width: 100% !important; background: var(--orange); transition: all .2s ease-in-out !important; } #jig1 .jig-loadMoreButton::after { z-index: -1; } .dark a.button::after, .dark a.tp-button::after, .dark a.action_button::after, .dark button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.wpgb-next-button):not(.wpgb-next-button):not(.wpgb-prev-button)::after, .dark input[type="submit"]::after, .dark input[type="reset"]::after, .dark input[type="button"]::after, #Wrapper .dark.section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code):not(.wso-section-img-boxes-content-below) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button::after { background: #ffffff !important; } a.button:hover::after, a.tp-button:hover::after, a.action_button:hover::after, button:not(.gm-ui-hover-effect):not(.gm-control-active):not(.fancybox-button):not(.fancybox-close-small):not(.wpgb-next-button):not(.wpgb-prev-button):hover::after, input[type="submit"]:hover::after, input[type="reset"]:hover::after, input[type="button"]:hover::after, #jig1 .jig-loadMoreButton:hover::after { width: 100% !important; background: var(--orange) !important; transition: all .2s ease-in-out !important; z-index: -1; } /* ================= Video Button ================= */ #Wrapper .wso-video-button { position: relative; display: inline-block; height: 5rem; width: 5rem; margin: 0 auto 1.5rem !important; font-size: 3rem !important; color: var(--color-2) !important; border: 2px solid var(--color-2); border-radius: 50%; } #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: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); } .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; } /* ============================================ Accordion ============================================ */ .accordion .question { border: none; border-bottom: 1px solid rgb(44 44 44 / 22%) !important; } .accordion .question:first-child { border-top: 1px solid var(--color-2) !important; } .accordion .question.active:after { display: none !important; } .accordion .question .title, .accordion .question .answer { box-shadow: none !important; } .accordion .question .title { font-size: 1.3rem; line-height: 1.3em; color: var(--color-2); padding: 4rem 3rem 1.7rem 0 !important; margin-bottom: 0 !important; } .accordion .question .title i { width: auto !important; height: auto !important; top: auto !important; bottom: 1.5rem !important; left: auto !important; right: 0; font-size: 2rem !important; color: var(--color-2) !important; } .accordion .question.active .title i { color: black !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 .column_accordion { margin-bottom: 0 !important; } /* ============================================ Tabs ============================================ */ #Wrapper .ui-tabs { border-radius: 0 !important; } #Wrapper .ui-tabs .ui-tabs-nav { position: relative; display: flex; border: none; align-items: flex-start; justify-content: center; flex-direction: row !important; flex-wrap: nowrap; /* width: fit-content; */ align-content: flex-start; } #Wrapper .ui-tabs .ui-tabs-nav li a { margin-bottom: 0 !important; padding: 1rem 2rem !important; background: transparent; border: 0px solid transparent !important; color: var(--color-2); border-bottom-color: var(--orange) !important; border: 0 !important; box-shadow: none; } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a { border: 1px solid var(--orange) !important; border-bottom-color: transparent !important; background: var(--orange); color: white; } #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: 0px solid var(--orange); } #Wrapper .ui-tabs-nav::after { left: auto; right: -100rem; } } #Wrapper .ui-tabs .ui-tabs-panel { padding: 4rem 0 0rem !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 { display: block; transform: rotate(-180deg); } /* ============================================ Justified Image Grid ============================================ */ .justified-image-grid { text-align: center; } /* ================= Galerie ================= */ @media only screen and (min-width: 768px) { .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-viewport { height: auto !important; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card { top: auto !important; left: auto !important; position: relative !important; transform: none !important; overflow: hidden !important; float: left; border: 3rem solid transparent !important; border-width: 1rem 3rem 1rem !important; } } @media only screen and (min-width: 1240px) { .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card { width: 50% !important; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(4n + 3), .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(4n + 2) { height: 38rem !important; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(4n + 2) { float: right !important; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(4n + 1) { height: 21rem !important; width: 40% !important; margin-left: 10%; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(4n + 5) { width: 30% !important; margin-left: 20%; height: 33rem !important; float: left; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(4n + 6) { width: 26% !important; height: 18rem !important; margin-right: 24%; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(4n + 4) { height: 29rem !important; width: 38% !important; margin-right: 12%; float: right; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(7) { float: right; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(8) { margin-right: 0 } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(9) { margin-top: -2rem; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(4n + 7) { float: right; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(4n + 8) { margin-right: 0; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card:nth-child(4n + 9) { float: left; clear: both; } #Wrapper .wso-cobbles-layout-4 .wpgb-card:nth-child(8n + 5) { width: 32% !important; height: 24rem !important; /* float: none; */ margin-right: 18%; } } /* ============================================ 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 { font-size: 0.95rem !important; line-height: 1.85em !important; padding: .7rem 1rem !important; color: black !important; background-color: transparent !important; border-color: black !important; transition: all .3s 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(--color-2) !important; } ::-webkit-input-placeholder { color: var(--color-2) !important; } ::-moz-placeholder { opacity: 1 !important; color: var(--color-2) !important; } :-ms-input-placeholder { color: var(--color-2) !important; } :-moz-placeholder { color: var(--color-2) !important; } span.wpcf7-form-control-wrap { margin-bottom: .5rem !important; } .wpcf7-acceptance, .wpcf7-checkbox, .wpcf7-radio { display: block; text-align: left; } /* ================= Checkboxes ================= */ #Wrapper span.wpcf7-list-item { margin: 0; } #Wrapper span.wpcf7-list-item label { font-weight: 400; } #Wrapper span.wpcf7-list-item { margin: 0 1em 0 0 !important; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]) { display: none !important; } #BorlabsCookieBox>div:not(._brlbs-block-content) { left: 0; } #Wrapper input[type="checkbox"]:not([id*="borlabs"])+span { display: block; position: relative; padding-left: 1.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: 1.5em; } #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; width: 1em; height: 1em; border: 1px solid var(--orange); border-radius: 100%; position: relative; top: .22em; margin-left: -1.5rem; margin-top: 0 !important; margin-right: .45em; vertical-align: top; opacity: .6; transition: all .12s, border-color .08s; margin-top: 4px; } #Wrapper input[type="checkbox"]:not([id*="borlabs"]):checked+span:before { width: .5em; margin-right: .95em; top: 0; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); } /* ================= 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(--orange); 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(--orange); box-shadow: inset 0 0 0 4px #f9f7f5; } #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; } /* Label animation */ input.select2-search__field { font-family: var(--font-light); text-transform: uppercase; } #Wrapper .wpcf7 .column { position: relative; display: inline-block; margin-bottom: 2rem !important; } form label, .wpcf7 .column:not(.wso-input-radio):not(.wso-input-checkbox):not(.wso-input-number):not(.wso-input-datepicker):not(.wso-privacy-notice) label { font-size: .9rem !important; font-weight: normal !important; position: absolute !important; top: 0.9rem !important; left: 0.5rem; pointer-events: none; z-index: 1; margin: 0 !important; padding: .1rem .5rem !important; } .wpcf7 .column > p { display: contents; } form .has-value:not(.wso-input-radio):not(.wso-input-checkbox):not(.wso-input-number):not(.wso-input-datepicker):not(.wso-privacy-notice) label, .wpcf7 .column.has-value:not(.wso-input-radio):not(.wso-input-checkbox):not(.wso-input-number):not(.wso-input-datepicker):not(.wso-privacy-notice) label { top: 2.65rem !important; padding: .1rem .5rem !important; background-color: white; font-size: .8rem !important; left: 0.5rem; font-weight: normal !important; color: var(--orange); letter-spacing: .15em !important; font-family: var(--font-bold) !important; } .light-gold .wpcf7 .column.has-value:not(.wso-input-radio):not(.wso-input-checkbox):not(.wso-input-number):not(.wso-input-datepicker):not(.wso-privacy-notice) label { background-color: var(--orange) !important; } form dic.has-value:not(.wso-input-radio):not(.wso-input-checkbox):not(.wso-input-number):not(.wso-input-datepicker):not(.wso-privacy-notice) label, .wso-contact-form-map .column.has-value:not(.wso-input-radio):not(.wso-input-checkbox):not(.wso-input-number):not(.wso-input-datepicker):not(.wso-privacy-notice) label { background: white !important; } .wpcf7 .column.wso-input-textarea.has-value:not(.wso-input-radio):not(.wso-input-checkbox):not(.wso-input-number):not(.wso-input-datepicker):not(.wso-privacy-notice) label { top: -.65rem !important; } .wpcf7 .wso-input-checkbox>label, .wpcf7 .wso-input-radio>label { margin-right: 1.5rem; margin-left: 1rem; font-weight: 400 !important; } .wpcf7 .wso-input-checkbox .wpcf7-list-item label, .wpcf7 .wso-input-radio .wpcf7-list-item label { margin-bottom: 0 !important; } .wpcf7 .wso-input-datepicker>label, .wpcf7 .wso-input-number>label { padding-top: 1.25rem; float: left; } #Wrapper .wpcf7 .wso-input-datepicker>span, #Wrapper .wpcf7 .wso-input-number>span { margin-left: auto; margin-right: 0; float: right; display: block; min-width: 100%; max-width: 100%; } #Wrapper .wpcf7 .wso-input-datepicker>span { min-width: 100%; max-width: 100%; } #Wrapper .wpcf7 .wso-input-number>label, #Wrapper .wpcf7 .wso-input-datepicker>label { position: absolute; left: 1rem; top: 0; z-index: 9; pointer-events: none; font-weight: 400 !important; } .wpcf7 .column>label { text-transform: uppercase; line-height: 1em !important; letter-spacing: .05em !important; transition: all .5s ease; } .wpcf7 select { background: url('/wp-content/uploads/2021/09/rectangle-127.svg') 98% center no-repeat !important; } .wso-cf7-select label { right: 2rem; display: inline; width: auto; text-align: right; } .wso-cf7-select label { right: 2rem; display: inline; width: auto; text-align: right; font-family: var(--font-regular); color: var(--orange); } .wpcf7 .ajax-loader { display: block; } .wpcf7-not-valid-tip { position: absolute; } .wpcf7-response-output { width: 100%; font-family: var(--font-bold); text-transform: uppercase; color: white; background: var(--orange); padding: 1rem !important; } #Formular .section_wrapper:after { content: ''; display: block; height: 1px; width: 100%; background: var(--orange); visibility: visible; } /*Select*/ .select2-container--default .select2-selection--multiple { background: url(/wp-content/uploads/2021/09/rectangle-127.svg) 99% 1.3rem no-repeat !important; } .select2-container--default .select2-selection--multiple { border: 1px solid black !important; border-radius: 0 !important; text-align: left !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #eee; border: 1px solid transparent !important; border-radius: 0px !important; font-family: var(--font-regular); margin-right: .8rem; margin-top: 0.8rem; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 0.1em; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { max-width: 77%; text-align: left; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: black !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--orange) !important; color: white; font-weight: normal !important; } .wpcf7-select2-post-image__title { font-weight: normal !important; text-transform: uppercase; font-family: var(--font-regular); margin-top: 0.7rem; } .wpcf7-select2-post-image__thumbnail>img { border-radius: 50% !important; height: 3rem !important; width: 3rem !important; } .select2-dropdown { border-radius: 0 !important; border-color: black; } /* ============================================ 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(--orange) !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: 999; will-change: transform; transition: transform .5s ease-in-out; transform: translate(0, 0); transform: translate3d(0, 0, 0); } #wso-sidebar-parent.wso-active { transform: translate(-100%, 0); transform: translate3d(-100%, 0, 0); will-change: transform; transition: transform .5s 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: 998; opacity: 0; cursor: crosshair; pointer-events: none; transition: top 0s linear .36s, opacity .35s ease; } #wso-sidebar-parent.wso-active+#wso-sidebar-body-overlay { pointer-events: all; opacity: 1; top: 0; transition: top 0s linear, opacity .6s 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: -60px; top: 50%; transform: translateY(-50%) !important; list-style: none; margin: 0; } #wso-sidebar-toggles li { width: 60px; height: 60px; line-height: 60px; margin: 10px 0; background-color: #f0f0f0; cursor: pointer; background-position: center center; background-repeat: no-repeat; } #wso-sidebar-parent.wso-active li.wso-active, #wso-sidebar-toggles li:hover { background-color: #e7e7e7; } /* ================= Close Button ================= */ #wso-sidebar-close { position: absolute; right: 0; top: 0; height: 70px; width: 80px; z-index: 9; cursor: pointer; transition: all .3s 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>.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>.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; } .section.mcb-section:not(.wso-section-slider) { padding: 3rem 0 !important; } .column, .columns { margin: 0 1% 1rem; } .column_image img { width: 100%; } .wso-wrap-content .column { margin-bottom: 0rem !important; } /* ================= Section Multi Column ================= */ .wso-section-multi-column .wrap .section { clear: both; } /* ================= 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: 22% 0 4% !important; overflow: hidden; } .wso-section-hero:after { content: ""; bottom: -5rem; height: 24rem; width: 100%; background: url(/wp-content/uploads/2021/08/group-1.svg) center left !important; left: 4rem !important; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; pointer-events: none; opacity: 0.2; z-index: 1; } .wso-section-hero .wrap:not(.wso-hero-img) { z-index: 2; } .wso-section-hero .section_wrapper { position: static; } .wso-section-hero .column.one { margin: 0; width: 100%; } .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: 100%; } .dark .wso-hero-img::after { background-color: var(--overlay-dark); } .wso-section-intro .wso-hero-img::after { background-color: var(--overlay-dark); } .wso-section-intro { margin-bottom: 3rem !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; } /* ================= Section Intro ================= */ #Wrapper .wso-section-intro { padding: 18% 0 7rem !important; max-height: 30vh; min-height: 30vh; overflow: hidden; } .wso-section-intro a.wso-scroll-down { position: absolute; bottom: 3rem; height: 3rem; width: 100%; text-align: center; left: 0; z-index: 2; } .wso-section-intro a.wso-scroll-down img { height: 2.5rem !important; } .wso-section-intro .wrap:not(.wso-hero-img) img { max-height: 8rem; width: 28rem; } #Wrapper .wso-intro-no-image * { color: black; } .wso-section-intro .wrap:not(.wso-hero-img) .mcb-wrap-inner { max-width: 80%; margin: 0 auto; } .wso-section-intro .wrap:not(.wso-hero-img) .mcb-wrap-inner p { max-width: 60%; margin: 0 auto; } .wso-section-intro p.wso-event-date { font-size: 3.5rem; letter-spacing: 0.1em; line-height: 1em; } #Wrapper .wso-section-intro.wso-intro-no-image { padding: 14% 0 9rem !important; max-height: 100% !important; min-height: auto !important; } /* ================= 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: 0 .25% 1rem; } #Wrapper .wso-img-box .image_frame { position: relative; height: 29rem !important; } #Wrapper .wso-img-box.one-fourth { width: 24.5%; } .wso-img-box .image_frame { position: absolute; top: 0; } .wso-img-box .image_frame, .wso-img-box .image_wrapper, .wso-img-box .image_wrapper a { height: 100%; width: 100%; } .wso-img-box .image_wrapper:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; pointer-events: none; background: transparent; transition: all .5s ease-in-out !important; } .wso-img-box .wp-caption-text:before { content: ""; display: block; margin: 0 auto 1rem; top: 0; width: 1px; height: 3.5rem; background-color: white; transition: all .5s ease-in-out !important; } .wso-img-box:hover .wp-caption-text:before { height: 4.5rem; transition: all .5s ease-in-out !important; } .wso-img-box:hover .image_wrapper:before { background: rgb(0 0 0 / 68%); transition: all .5s ease-in-out !important; } .wso-img-box:hover .wp-caption-text p:not(.wso-h3) { /*width: 75%;*/ width: 100%; margin-left: auto; margin-right: auto; } .column_image .wp-caption-text { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; background: transparent; border-radius: 0; color: white; z-index: 2; padding: 0rem 10% 3rem !important; pointer-events: none; line-height: 1.5rem; } .column_image .wp-caption-text a.button span { color: white !important; } #Wrapper .column_image .wp-caption-text a.button { margin-top: 2rem !important; } #Wrapper .column_image .wp-caption-text a.button { z-index: 2 !important; pointer-events: all; } .wp-caption-text img { max-height: 4.2rem; max-width: 11rem !important; -o-object-fit: contain; object-fit: contain; margin-top: 0rem; transition: all .5s ease-in-out !important; } .wso-img-box:hover .wso-image_boxes_logo { height: 8rem; transition: all .5s ease-in-out !important; } .wso-img-box .wso-image_boxes_logo { /* height: 0; */ transition: all .5s ease-in-out !important; } .wso-img-box .wso-image_boxes_logo.wso-always-show-image-box-logo img { opacity: 1; height: 100% !important; } .wso-img-box.one-second .wso-image_boxes_logo.wso-always-show-image-box-logo img { max-width: 19rem !important; max-height: 5rem !important; } .wso-img-box:hover .wp-caption-text a, .wso-img-box:hover .wp-caption-text img, .wso-img-box:hover .wp-caption-text p:not(.wso-h3) { opacity: 1 !important; height: auto !important; transition: all .5s ease-in-out !important; } .wso-img-box:hover .wp-caption-text .wso-h3 { opacity: 0 !important; height: 0; display: none; transition: all .5s ease-in-out !important; } .wp-caption-text .wso-h3 { height: 8rem; margin-bottom: 0 !important; margin-top: -1.45rem; } .wp-caption-text img { height: 0 !important; transition: all .5s ease-in-out !important; } .wp-caption-text a, .wp-caption-text img, .wp-caption-text p:not(.wso-h3) { opacity: 0; transition: all .5s ease-in-out !important; } .wso-img-box:nth-child(2):hover .wso-image_boxes_logo img { max-height: 5rem !important; } .wso-img-box:nth-child(1):hover .wso-image_boxes_logo img { max-height: 4.1rem; } .wso-img-box:nth-child(3):hover .wso-image_boxes_logo img { max-height: 4.1rem; max-width: 12rem !important; } .wso-img-box:nth-child(4):hover .wso-image_boxes_logo img { max-height: 4.1rem; max-width: 13rem !important; } @media only screen and (max-width: 767px) { #Wrapper .wso-img-box { margin-inline: 0 !important; } } /* ================= Showrooms ================= */ .wso-section-breaker { margin: 3rem 0; } #Wrapper .wso-img-box.one-second { margin: 0 !important; width: 50%; height: 45rem !important; } #Wrapper .wso-showroom.wso-product-showroom .wso-img-box .image_frame { height: 100% !important; } #Wrapper .wso-showroom .wp-caption-text .wso-h3 { font-size: 3.4rem !important; line-height: 1.2em !important; height: auto !important; display: block; margin-top: 4rem; opacity: 1 !important; margin-bottom: 1rem !important; margin-top: 1rem !important; } #Wrapper .wso-showroom .wp-caption-text .wso-h3::first-line { font-family: var(--font-light); } #Wrapper .wso-showroom .wp-caption-text .wso-h4 { font-size: 0.8rem !important; line-height: 1.8em !important; margin-bottom: 4rem; text-transform: uppercase; letter-spacing: 0.2em; font-family: var(--font-regular) !important; min-height: 3.5rem !important; font-weight: normal; } .wso-showroom .wso-img-box .wp-caption-text:before { height: 6rem; opacity: 0; transition: all .4s ease-in-out !important; } .wso-showroom .wso-img-box:hover .wp-caption-text:before { height: 7rem; transition: all .4s ease-in-out !important; opacity: 1 !important; } #Wrapper .wso-showroom .wp-caption-text strong { font-family: var(--font-regular) !important; font-weight: normal; margin-bottom: 2rem !important; } #Wrapper .wso-showroom .wp-caption-text .wso-h4:before { content: "" !important; display: block; background: url('/wp-content/uploads/2021/08/frame-3.svg') center center !important; height: 1.6rem; background-size: 1.1rem !important; background-repeat: no-repeat !important; width: 100%; margin: 1.2rem 0 .5rem; top: 0; } #Wrapper .wso-showroom .wso-img-box a.button::after { display: none; } #Wrapper .wso-showroom .wso-img-box a.button span { color: var(--orange) !important; text-transform: uppercase; padding-right: 2rem !important; letter-spacing: 0.2em !important; } #Wrapper #Content .wso-showroom .wso-img-box a.button { padding: 0 !important; } #Wrapper .wso-showroom .wso-img-box a.button span:after { content: ""; position: absolute; right: 0rem; background: url(/wp-content/uploads/2021/08/arrow-3.svg) center center !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; height: 100%; width: 1.2rem; } #Wrapper .wso-showroom:not(.wso-no-deco) .wso-wrap-image-boxes:after { content: ""; position: absolute; background: url(/wp-content/uploads/2021/08/1.svg) center center !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; height: 15rem; width: 100%; visibility: visible; pointer-events: none; left: 0.5rem; top: 30%; } #Wrapper .wso-section-image-boxes:not(.full-width) .wso-img-box.one-second { height: 35rem !important; } #Wrapper .wso-section-image-boxes:not(.full-width) .wp-caption-text { padding: 0 !important; } #Wrapper .wso-section-image-boxes:not(.full-width):not(.wso-section-img-boxes-content-below) .wp-caption-text .wso-h3 { font-size: 3.3rem !important; position: absolute; top: 45%; transform: translate(0, -50%); width: 100%; } #Wrapper .wso-section-image-boxes:not(.full-width) .wso-wrap-image-boxes:after { height: 11rem !important; top: 33%; } /* Two Image Boxes */ .wso-section-img-boxes-content-below .section_wrapper { --content-width: 91.5% !important; } .wso-section-img-boxes-content-below .wso-wrap-image-boxes .mcb-wrap-inner { display: flex; -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .wso-section-img-boxes-content-below .wso-wrap-image-boxes .wso-img-box { margin-inline: 0 !important; } .wso-section-img-boxes-content-below .wso-wrap-image-boxes .wso-img-box.one-third { width: 33.33%; } #Wrapper .wso-section-img-boxes-content-below .wso-img-box .wp-caption-text .wso-title { top: 18% !important; position: absolute; transform: translate(0, -50%); width: 100%; opacity: 1 !important; height: auto !important; display: block; transition: all .5s ease-in-out !important; } #Wrapper .wso-section-img-boxes-content-below .wso-img-box:hover .wp-caption-text .wso-title { top: 21% !important; } #Wrapper .wso-section-img-boxes-content-below .wso-img-box:hover .wp-caption-text:has(.wso-image_boxes_logo) .wso-title { opacity: 0 !important; height: 0; display: none; transition: all .5s ease-in-out !important; } .wso-section-img-boxes-content-below .wp-caption-text-below { position: relative; padding: 1.5rem; padding-left: 0; } #Wrapper .wso-section-img-boxes-content-below .wso-img-box .wp-caption-text-below p { color: var(--color-black) !important; line-height: 1.66em; } #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button:not(.wso-image-box-cta-button) { margin: 0 !important; border: 0 !important; padding: 0 !important; width: auto; display: flex; align-items: center; } #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button:hover span { letter-spacing: 0.05em !important; } #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button:not(.wso-image-box-cta-button)::after, #Wrapper #Content .section.wso-section-tabs .wso-section-text-img.wso-tab-originy a.button:after, #Wrapper #Content .section.wso-section-tabs .wso-section-text-img.wso-tab-experience a.button:after, .originy #Wrapper #Content .section.wso-section-tabs .wso-section-text-img a.button:after, .experience #Wrapper #Content .section.wso-section-tabs .wso-section-text-img a.button:after { position: relative; display: inline-block; height: 1rem !important; margin-left: 0.5rem; } #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button:not(.wso-image-box-cta-button):hover::after { margin-left: 0.7rem; } #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below:not(.full-width) .wso-wrap-image-boxes { display: flex; } #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below:not(.full-width) .wso-img-box { height: 100% !important; } #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box .image_frame { height: 35rem !important; position: relative; aspect-ratio: 1 / 0.8; height: auto !important; } #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box.one-third .image_frame { aspect-ratio: 26.5 / 32.5; } #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button.wso-image-box-cta-button { padding: 0 !important; font-family: var(--font-regular); font-weight: normal !important; letter-spacing: 0.05em !important; z-index: 2 !important; transition: all .2s ease-in-out !important; text-transform: none !important; font-size: 0.9rem !important; border: 0 !important; margin-bottom: 1rem !important; color: var(--color-black) !important; min-width: auto; } #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button.wso-image-box-cta-button:hover { background: transparent !important; color: var(--color-white) !important; letter-spacing: 0.15rem !important; } #Wrapper #Content .section.wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button.wso-image-box-cta-button:hover .button_label { letter-spacing: 0.15rem !important; /* color: var(--color-white) !important; */ } @media only screen and (max-width: 1499px) { #Wrapper .wso-section-img-boxes-content-below .wso-img-box .wp-caption-text .wso-title { top: 23% !important; } #Wrapper .wso-section-img-boxes-content-below .wso-img-box:hover .wp-caption-text .wso-title { top: 25% !important; } } @media only screen and (max-width: 1239px) { #Wrapper .wso-section-img-boxes-content-below .wso-img-box .wp-caption-text .wso-title { top: 27% !important; } #Wrapper .wso-section-img-boxes-content-below .wso-img-box:hover .wp-caption-text .wso-title { top: 30% !important; } } @media only screen and (max-width: 1023px) { #Wrapper .wso-section-img-boxes-content-below .wso-img-box .wp-caption-text .wso-title { top: 32% !important; } #Wrapper .wso-section-img-boxes-content-below .wso-img-box:hover .wp-caption-text .wso-title { top: 38% !important; } } @media only screen and (max-width: 767px) { .wso-section-img-boxes-content-below .section_wrapper { --content-width: 85% !important; } .wso-section-img-boxes-content-below .wso-wrap-image-boxes .mcb-wrap-inner { flex-direction: column; } body:is(.manufaktur, .originy, .experience) #Wrapper #Footer aside#custom_html-5 { background: transparent !important; } #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box.one-third .image_frame { aspect-ratio: 1 / 0.8; } } /* ================= Page Colors ================= */ html:has(.manufaktur, .originy, .experience), body:is(.manufaktur, .originy, .experience), body:is(.manufaktur, .originy, .experience) #Top_bar, body:is(.manufaktur, .originy, .experience) #Wrapper, body:is(.manufaktur, .originy, .experience) #Content, body:is(.manufaktur, .originy, .experience) #Footer, body:is(.manufaktur, .originy, .experience) .footer_copy, body:is(.manufaktur, .originy, .experience) #wso-cta-overlay.wso-active, body:is(.manufaktur, .originy, .experience) #Top_bar .mfn-megamenu-parent::after { background: var(--color-black) !important; } body:is(.manufaktur, .originy, .experience) div#wso-cta-group:not(.wso-active) a#wso-cta-toggle:after { background: url(/wp-content/uploads/2025/12/info-icon-black.svg) no-repeat; } body:is(.manufaktur, .originy, .experience) ::-moz-selection { background: var(--orange); } body:is(.manufaktur, .originy, .experience) ::selection { background: var(--orange); } body:is(.manufaktur, .originy, .experience) #Wrapper .ui-tabs .ui-tabs-nav li a { border-color: var(--color-black) !important; } body:is(.manufaktur, .originy, .experience) #Top_bar .menu>li.menu-item-has-children.pll-parent-menu-item>ul::after, body:is(.manufaktur, .originy, .experience) #Wrapper #Top_bar span#wst-bookmark-counter-merkliste, body:is(.manufaktur, .originy, .experience) #Wrapper .section.wso-section-img-boxes-content-below .wrap a.button.wso-image-box-cta-button:after { background-color: #fff !important; } #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button.wso-image-box-cta-button:hover:after, body:is(.manufaktur, .originy, .experience) #Wrapper .section.wso-section-img-boxes-content-below .wrap a.button.wso-image-box-cta-button:hover:after{ background: var(--orange) !important; } body:is(.manufaktur, .originy, .experience) p, body:is(.manufaktur, .originy, .experience) h1, body:is(.manufaktur, .originy, .experience) h2, body:is(.manufaktur, .originy, .experience) #Wrapper h3, body:is(.manufaktur, .originy, .experience) #Wrapper .wso-h3, body:is(.manufaktur, .originy, .experience) h5, body:is(.manufaktur, .originy, .experience) h6, body:is(.manufaktur, .originy, .experience) #Top_bar .menu>li>a, body:is(.manufaktur, .originy, .experience) #Top_bar .menu>li.menu-item-has-children.pll-parent-menu-item>ul>li>a, body:is(.manufaktur, .originy, .experience) #Top_bar #menu ul li.submenu .menu-toggle, body:is(.manufaktur, .originy, .experience) #wso-cta-menu a, body:is(.manufaktur, .originy, .experience) #Wrapper .wso-section-img-boxes-content-below .wso-img-box .wp-caption-text-below p, body:is(.manufaktur, .originy, .experience) #Wrapper .ui-tabs .ui-tabs-nav li a, body:is(.manufaktur, .originy, .experience) #Wrapper .wso-sec-merchant-search .wpgb-layout a.button, body:is(.manufaktur, .originy, .experience) #Wrapper .wso-sec-surfaces a.button, body:is(.manufaktur, .originy, .experience) #Wrapper .section .tg-wso-jobs a.button, body:is(.manufaktur, .originy, .experience) #Wrapper .wso-section-text.wso-align-center a.button, body:is(.manufaktur, .originy, .experience) #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code):not(.wso-section-img-boxes-content-below) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button, body:is(.manufaktur, .originy, .experience) .accordion .question .title, body:is(.manufaktur, .originy, .experience) .accordion .question.active .title i, body:is(.manufaktur, .originy, .experience) #Footer a:not(:hover), body:is(.manufaktur, .originy, .experience) #Footer .footer_copy *, body:is(.manufaktur, .originy, .experience) #Footer a:hover, body:is(.manufaktur, .originy, .experience) #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button.wso-image-box-cta-button, body:is(.manufaktur, .originy, .experience) .eagle-arrow-color::before, body:is(.manufaktur, .originy, .experience) .wso-sec-icon-tabs .ui-tabs-nav li div.wso-trigger .wso-title, body:is(.manufaktur, .originy, .experience) #Wrapper #Top_bar .wso-menu-bookmark span>span:not(.wst-bookmark-counter) { color: var(--color-white) !important; } body:is(.manufaktur, .originy, .experience) .eagle-arrow-color::before { color: #fff !important; } body:is(.manufaktur, .originy, .experience) #Wrapper #Top_bar span#wst-bookmark-counter-merkliste { color: var(--color-black) !important; } body:is(.manufaktur, .originy, .experience) #Footer .wso-footer-cta .wso-cta-item a, body:is(.manufaktur, .originy, .experience) #Footer .widget_nav_menu ul li a:hover, .manufaktur #Wrapper .wso-h6, .manufaktur #Wrapper h6, .manufaktur #Footer .widget_nav_menu ul li.wso-no-link a, .manufaktur #Footer .widget_nav_menu ul li:is(.wso-footer-manufaktur-heading, .wso-footer-classic-heading) a { color: var(--orange) !important; } body:is(.manufaktur, .originy, .experience) .accordion .question { border-color: #434343 !important; } body:is(.manufaktur, .originy, .experience) #Footer .wso-footer-img, body:is(.manufaktur, .originy, .experience) #Top_bar #logo img, body:is(.originy.wso-configurator, .experience.wso-configurator) #logo img, body:is(.manufaktur, .originy, .experience) #Top_bar a.responsive-menu-toggle i, body:is(.manufaktur, .originy, .experience) .wst-bookmark-counter .dashicons-star-filled:before, body:is(.manufaktur, .originy, .experience) .wso-menu-search a img, body:is(.manufaktur, .originy, .experience) .wso-social-icons a img, body:is(.manufaktur, .originy, .experience) .wso-menu-socialmedia a img, body:is(.manufaktur, .originy, .experience) .wp-block-image img { -webkit-filter: invert(1); filter: invert(1); } body:is(.manufaktur, .originy, .experience) aside#nav_menu-5, body:is(.manufaktur, .originy, .experience) aside#nav_menu-3, body:is(.manufaktur, .originy, .experience) aside#nav_menu-8, body:is(.manufaktur, .originy, .experience) #Footer { border-color: #fff !important; } body:is(.manufaktur, .originy, .experience) #Footer .widgets_wrapper { /* padding-top: 0; */ } /* originy */ .originy h4, .originy #Top_bar .menu>li.wso-menu-cta>a span, .originy #Top_bar .menu>li>a:hover span:not(.description), .originy #Top_bar .menu .wso-burger-menu li.menu-item-has-children>ul>li.wso-no-link:hover > a span, .originy #Wrapper .wso-burger-menu-items ul li a:hover span, body.originy #Footer .wso-footer-cta .wso-cta-item a, .originy #Wrapper #Footer a.button, .originy #Footer a.button:not(:nth-child(2)):hover span, body.originy #Footer .widget_nav_menu ul li a:hover, .originy #Wrapper .wso-highlight-button:hover p, .originy #Wrapper .wso-sec-merchant-search .wpgb-layout a.button:hover span, .originy #Wrapper .wso-sec-surfaces a.button:hover span, .originy #Wrapper .section .tg-wso-jobs a.button:hover span, .originy #Wrapper .wso-section-text.wso-align-center a.button:hover span, .originy #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button:hover span, .originy #Footer .widget_nav_menu ul li:is(.wso-footer-manufaktur-heading, .wso-footer-classic-heading) a, .originy #Wrapper .wso-h6, .originy #Wrapper h6, #Wrapper .wso-section-image-boxes .wso-img-box.wso-img-box-originy a.button:not(.wso-image-box-cta-button), #Wrapper #Content .section.wso-section-image-boxes .wso-img-box.wso-img-box-originy a.button:not(.wso-image-box-cta-button):hover .button_label, #Wrapper #Content .section.wso-section-tabs .wso-section-text-img.wso-tab-originy a.button, #Wrapper #Content .section.wso-section-tabs .wso-section-text-img.wso-tab-originy a.button:hover span, #Wrapper #Content .section.wso-section-tabs .wso-section-text-img.wso-tab-originy h4, .originy .wso-sec-cta-icons a, .originy #Wrapper .wso-highlight-cta-menu:hover a span, .originy #Wrapper #Content .section.wso-section-tabs .wso-section-text-img a.button, .originy #Top_bar .menu>li.wso-menu-cta-buttons .wso-menu-cta>a span, .originy #Wrapper #wso-cta-menu .wso-menu-cta a, .originy #Side_slide #menu ul li.wso-no-link.hover > a { color: var(--color-originy) !important; } body:is(.manufaktur, .originy, .experience) #Wrapper #Content .section.wso-section-tabs .wso-section-text-img a.button { margin-left: 0 !important; } .originy ::selection, .originy #Wrapper #Top_bar .wso-dealer-logged-in span:hover, .originy #Wrapper #Top_bar .wso-dealer-logged-in span, .originy #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a, .originy #Wrapper .wso-highlight-button:not(:hover), .originy #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code):not(.wso-section-img-boxes-content-below) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button::after, .manufaktur #Wrapper .ui-tabs .ui-tabs-nav li:nth-child(1).ui-state-active a, .originy .wso-highlight-cta-menu a, .originy div#wso-cta-group.wso-active a#wso-cta-toggle:after, .originy #Side_slide.light #menu ul li.wso-dealer-logged-in, .originy #Wrapper #Top_bar .wso-dealer span { background-color: var(--color-originy) !important; } body:is(.originy, .experience) #Wrapper #Top_bar .wso-dealer a:hover:after { display: none; } .originy #Wrapper .ui-tabs .ui-tabs-nav li a, .originy #Wrapper .wso-highlight-button:not(:hover), .originy #Wrapper #Footer a.button, .manufaktur #Wrapper .ui-tabs .ui-tabs-nav li:nth-child(1).ui-state-active a, .originy .wso-highlight-cta-menu a { border-color: var(--color-originy) !important; } .originy #Top_bar .menu>li.wso-menu-cta>a span::after, .originy #Top_bar .menu>li.wso-menu-cta-buttons .wso-menu-cta>a span::after, .originy #Wrapper #Footer a.button:before, .originy #Footer .wso-footer-cta .wso-cta-item a::after, .originy #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button:not(.wso-image-box-cta-button)::after, .originy #Wrapper .wso-highlight-button:hover p::after, #Wrapper .wso-section-image-boxes .wso-img-box.wso-img-box-originy a.button:not(.wso-image-box-cta-button)::after, #Wrapper #Content .section.wso-section-tabs .wso-section-text-img.wso-tab-originy a.button:after, .originy #Wrapper #Content .section.wso-section-tabs .wso-section-text-img a.button:after, .originy #Wrapper .wso-highlight-cta-menu:hover a:after, .originy #Wrapper #wso-cta-group #wso-cta-menu .wso-menu-cta::after { background: url(/wp-content/uploads/2025/09/arrow-green.svg) center center no-repeat !important; background-size: contain !important; } .originy .wso-section-hero:after, .experience .wso-section-hero:after { background: url(/wp-content/uploads/2025/09/leave-originy.svg) center left !important; background-size: contain !important; background-repeat: no-repeat !important; opacity: 0.8; bottom: 0; height: 20rem; } .originy .wso-sec-cta-icons a:before { background: url(/wp-content/uploads/2025/10/originy-parkett.svg) center center !important; background-repeat: no-repeat !important; } .originy .wso-sec-cta-icons a:after { background: url(/wp-content/uploads/2025/10/arrow-green-big.svg) center center !important; background-repeat: no-repeat !important; background-size: 3rem !important; } .originy .wso-sec-cta-icons a:nth-child(2):before { background: url(/wp-content/uploads/2025/10/originy-live.svg) center center !important; background-repeat: no-repeat !important; } .originy .wso-sec-cta-icons a:nth-child(3):before { background: url(/wp-content/uploads/2025/10/originy-muster.svg) center center !important; background-repeat: no-repeat !important; } .originy div#wso-cta-group a#wso-cta-toggle:after { background: url(/wp-content/uploads/2025/12/info-icon-green-bg-black.svg) no-repeat !important; background-position: center !important; } /* experience */ .experience h4, .experience #Top_bar .menu>li.wso-menu-cta>a span, .experience #Top_bar .menu>li>a:hover span:not(.description), .experience #Top_bar .menu .wso-burger-menu li.menu-item-has-children>ul>li.wso-no-link:hover > a span, .experience #Wrapper .wso-burger-menu-items ul li a:hover span, body.experience #Footer .wso-footer-cta .wso-cta-item a, .experience #Wrapper #Footer a.button, .experience #Footer a.button:not(:nth-child(2)):hover span, body.experience #Footer .widget_nav_menu ul li a:hover, .experience #Wrapper .wso-highlight-button:hover p, .experience #Wrapper .wso-sec-merchant-search .wpgb-layout a.button:hover span, .experience #Wrapper .wso-sec-surfaces a.button:hover span, .experience #Wrapper .section .tg-wso-jobs a.button:hover span, .experience #Wrapper .wso-section-text.wso-align-center a.button:hover span, .experience #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button:hover span, .experience #Footer .widget_nav_menu ul li:is(.wso-footer-manufaktur-heading, .wso-footer-classic-heading) a, .experience #Wrapper .wso-h6, .experience #Wrapper h6, #Wrapper .wso-section-image-boxes .wso-img-box.wso-img-box-experience a.button:not(.wso-image-box-cta-button), #Wrapper #Content .section.wso-section-image-boxes .wso-img-box.wso-img-box-experience a.button:not(.wso-image-box-cta-button):hover .button_label, #Wrapper #Content .section.wso-section-tabs .wso-section-text-img.wso-tab-experience a.button, #Wrapper #Content .section.wso-section-tabs .wso-section-text-img.wso-tab-experience a.button:hover span, #Wrapper #Content .section.wso-section-tabs .wso-section-text-img.wso-tab-experience h4, .experience .wso-sec-cta-icons a, .experience #Wrapper .wso-highlight-cta-menu:hover a span, .experience #Wrapper #Content .section.wso-section-tabs .wso-section-text-img a.button, .experience #Top_bar .menu>li.wso-menu-cta-buttons .wso-menu-cta>a span, .experience #Wrapper #wso-cta-menu .wso-menu-cta a, .experience #Side_slide #menu ul li.wso-no-link.hover > a { color: var(--color-experience) !important; } .experience ::selection, .experience #Wrapper #Top_bar .wso-dealer-logged-in span:hover, .experience #Wrapper #Top_bar .wso-dealer-logged-in span, .experience #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a, .experience #Wrapper .wso-highlight-button:not(:hover), .experience #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code):not(.wso-section-img-boxes-content-below) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button::after, .manufaktur #Wrapper .ui-tabs .ui-tabs-nav li:nth-child(2).ui-state-active a, .experience .wso-highlight-cta-menu a, .experience div#wso-cta-group.wso-active a#wso-cta-toggle:after, .experience #Side_slide.light #menu ul li.wso-dealer-logged-in, .experience #Wrapper #Top_bar .wso-dealer span { background-color: var(--color-experience) !important; } .experience #Wrapper .ui-tabs .ui-tabs-nav li a, .experience #Wrapper .wso-highlight-button:not(:hover), .experience #Wrapper #Footer a.button, .manufaktur #Wrapper .ui-tabs .ui-tabs-nav li:nth-child(2).ui-state-active a, .experience .wso-highlight-cta-menu a { border-color: var(--color-experience) !important; } .experience #Top_bar .menu>li.wso-menu-cta>a span::after, .experience #Top_bar .menu>li.wso-menu-cta-buttons .wso-menu-cta>a span::after, .experience #Wrapper #Footer a.button:before, .experience #Footer .wso-footer-cta .wso-cta-item a::after, .experience #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button:not(.wso-image-box-cta-button)::after, .experience #Wrapper .wso-highlight-button:hover p::after, #Wrapper .wso-section-image-boxes .wso-img-box.wso-img-box-experience a.button:not(.wso-image-box-cta-button)::after, #Wrapper #Content .section.wso-section-tabs .wso-section-text-img.wso-tab-experience a.button:after, .experience #Wrapper #Content .section.wso-section-tabs .wso-section-text-img a.button:after, .experience #Wrapper .wso-highlight-cta-menu:hover a:after, .experience #Wrapper #wso-cta-group #wso-cta-menu .wso-menu-cta::after { background: url(/wp-content/uploads/2025/09/arrow-brown.svg) center center no-repeat !important; background-size: contain !important; } .experience .wso-section-hero:after { background: url(/wp-content/uploads/2025/09/leave-experience.svg) center left !important; background-repeat: no-repeat !important; bottom: -2rem; background-size: contain !important; } .experience .wso-sec-cta-icons a:before { background: url(/wp-content/uploads/2025/10/experience-parkett.svg) center center !important; background-repeat: no-repeat !important; } .experience .wso-sec-cta-icons a:after { background: url(/wp-content/uploads/2025/10/arrow-brown-big.svg) center center !important; background-repeat: no-repeat !important; background-size: 3rem !important; } .experience .wso-sec-cta-icons a:nth-child(2):before { background: url(/wp-content/uploads/2025/10/experience-live.svg) center center !important; background-repeat: no-repeat !important; } .experience .wso-sec-cta-icons a:nth-child(3):before { background: url(/wp-content/uploads/2025/10/experience-muster.svg) center center !important; background-repeat: no-repeat !important; } .experience div#wso-cta-group a#wso-cta-toggle:after { background: url(/wp-content/uploads/2025/12/info-icon-brown-bg-black.svg) no-repeat !important; background-position: center !important; } /* ================= Icon Tabs ================= */ #Wrapper .wso-sec-icon-tabs .section_wrapper { --content-width: 57rem; } #Wrapper .wso-sec-icon-tabs .ui-tabs-nav { /* column-gap: 13%; */ } .wso-sec-icon-tabs .ui-tabs-nav li { max-width: 25%; } .wso-sec-icon-tabs .ui-tabs-nav li div.wso-trigger { display: flex !important; flex-direction: column; align-items: center; row-gap: 1rem; justify-content: flex-start; margin-bottom: 0; } .wso-sec-icon-tabs .ui-tabs-nav li div.wso-trigger:hover { cursor: pointer; } .wso-sec-icon-tabs .ui-tabs-nav li div.wso-trigger img { transition: all .2s ease-in-out !important; width: 5rem; height: 5rem !important; object-fit: contain; } .wso-sec-icon-tabs .ui-tabs-nav li div.wso-trigger:hover img { scale: 1.1; } .wso-sec-icon-tabs .ui-tabs-nav li div.wso-trigger .wso-title { font-size: 1.1rem !important; line-height: 100%; font-family: var(--font-light); letter-spacing: 0.07em; width: fit-content; padding: 0 3rem !important; white-space: normal; text-align: center; } body:is(.manufaktur, .originy, .experience) #Wrapper .wso-sec-icon-tabs .ui-tabs-nav li div.wso-trigger:after { background: url(/wp-content/uploads/2025/09/arrow-down-white-hafro.svg) no-repeat !important; margin-block: 0; background-size: contain !important; } .wso-sec-icon-tabs .wso-data { margin-top: 3rem !important; } #Wrapper .wso-sec-icon-tabs .ui-tabs .wso-data p { text-align: center; width: 85%; margin: 0 auto; } #Wrapper .wso-sec-icon-tabs .ui-widget-content { overflow: visible; } @media only screen and (max-width: 767px) { #Wrapper .wso-sec-icon-tabs .section_wrapper { --content-width: 90%; } .wso-sec-icon-tabs .ui-tabs-nav li { max-width: 45%; /* padding-inline: 1%; */ margin-inline: 2%; } .wso-sec-icon-tabs .ui-tabs-nav li div.wso-trigger img { width: 3.5rem; height: 3.5rem !important; } .wso-sec-icon-tabs .ui-tabs-nav li div.wso-trigger .wso-title { hyphens: auto; padding-inline: 0.1rem !important; min-height: 2.5rem; } .wso-sec-icon-tabs .wso-data { /* margin-top: 1.5rem !important; */ } } /* ================= Highlight Button ================= */ #Wrapper .wso-section-slider .wso-highlight-button { bottom: 0rem; } #Wrapper .wso-highlight-button { position: absolute; bottom: 0rem; right: -6.5rem; width: auto !important; min-width: 15rem; margin: 0; padding: 0; box-sizing: border-box; margin: 0rem .05rem 0 !important; padding: 1.4rem 3rem 1.4rem 1.5rem !important; display: inline-block; border-radius: 0 !important; color: white !important; background-color: var(--orange) !important; border: 1px solid var(--orange) !important; box-shadow: none !important; transition: all .2s ease-in-out !important; font-weight: normal !important; } #Wrapper .wso-highlight-button:hover { transition: all .2s ease-in-out !important; background-color: white !important; border-color: white !important; padding-right: 3.3rem !important; } #Wrapper .wso-highlight-button:hover p { color: var(--orange); transition: all .2s ease-in-out !important; } #Wrapper .wso-highlight-button:hover p::after { background: url('/wp-content/uploads/2021/08/arrow-3.svg') center center !important; background-size: contain !important; background-repeat: no-repeat !important; } #Wrapper .wso-highlight-button p { font-family: var(--font-regular); font-size: 0.9rem !important; line-height: 1.4em !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; margin-bottom: 0 !important; transition: all .2s ease-in-out !important; } #Wrapper .wso-highlight-button p::after { content: ""; top: 0; height: 100%; width: 1.2rem; background: url('/wp-content/uploads/2021/08/arrow.svg') center center !important; right: 1.2rem; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; z-index: 2; } #Wrapper .wso-highlight-button p br { display: none; } /* ============================================ Section Text ============================================ */ #Wrapper .wso-section-text .wso-wrap-content-above { height: auto !important; } .wso-section-intro+.wso-section-text .column_column, .wso-wrap-content .one.column_column, .wso-section-text.wso-align-center .one.column_column { padding: 0 16rem; } .wso-section-intro+.wso-section-text * { text-align: center !important; } .wso-wrap-content:not(.wso-wrap-button-content) { padding-bottom: 3rem; } .wso-wrap-content .mcb-wrap-inner { max-width: var(--content-width) !important; margin: 0 auto; } .wso-wrap-button-content { padding-top: 5rem; } /* ============================================ Section Text Img ============================================ */ .wso-img-info { font-size: 0.8rem; line-height: 1.1em; text-transform: uppercase; letter-spacing: 0.15em; font-family: var(--font-regular); text-transform: uppercase; color: var(--orange); position: absolute; right: -4rem; bottom: 2.1rem; transform: rotate(-90deg); } .wso-section-text-img:not(.wso-section-text-2-img) .wso-img-info { bottom: 2.6rem; } .wso-section-text-img .mcb-wrap:last-child .column_image { position: relative; } .wso-section-text-img .column_column { padding: 3.5rem 0 3rem; } .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-tabs .section.mcb-section:not(.wso-section-slider) { padding-top: 0px !important; padding-bottom: 1rem !important; } .wso-section-text:not(.wso-zitat) .wrap:not(.one):first-child, .wso-section-text-img .wrap:first-child { padding-right: var(--text-img-spacing); height: auto !important; } .wso-section-text-img .wrap:last-child { position: absolute; right: 0; height: 100%; } .wso-two-columns .wrap.one-second { padding-right: var(--text-img-spacing); } .wso-section-text .wrap:not(:nth-child(1)):last-child, .wso-section-text-img .wrap.wso-float-right { padding-left: var(--text-img-spacing); padding-right: 0; } .wso-section-job-facts .wrap:nth-child(3) { padding-left: var(--text-img-spacing) !important; } .wso-section-job-facts .wrap:last-child { padding-left: 0 !important; height: auto !important; } .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 .wrap.wso-float-right+.wrap.mcb-wrap:last-child .column_image:first-child { float: none; } .wso-section-text-img .wrap.wso-float-right+.wrap.mcb-wrap:last-child .column_image:nth-child(2) { right: 0; left: auto; } /* .wso-section-text-img .wrap.wso-float-right + .wrap.mcb-wrap:last-child .column_image:first-child .wso-img-info { position: absolute; right: auto; left: -3rem; bottom: 1.3rem; } */ .wso-section-text-img .wrap.wso-float-right+.wrap.mcb-wrap:last-child .column_image:first-child .wso-img-info { position: absolute; right: auto; left: -6rem; top: 3.9rem; width: 9rem; text-align: right; bottom: auto; } .wso-section-text .one-fourth { padding-right: var(--text-img-spacing) !important; padding-left: 0px !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: 75%; height: 76% !important; } .wso-section-text-2-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) { position: absolute; left: 0; bottom: 2%; width: 55%; height: 70% !important; z-index: 2; margin: 0; } .wso-section-text-2-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) .image_frame {} } /* ================= 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: right; width: 80%; height: 55% !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: 65%; height: 60% !important; z-index: 2; } .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(3) { position: absolute; left: 0; bottom: 10%; width: 50%; height: 35% !important; z-index: 3; } .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) .image_frame {} .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(3) .image_frame {} } /* ================= 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: black; padding: 5% 7%; } .wso-section-text-img-fullwidth .wrap.wso-float-right:first-child { background-color: black; } /* ============================================ WP Grid Builder ============================================ */ .wp-grid-builder .wpgb-card [class*="wpgb-block-"] { white-space: inherit !important; } .wpgb-facet button.wpgb-button { outline: none; min-width: 14rem !important; margin-top: 3rem !important; } 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 { transform: scale(1) !important; transition: all .5s ease-in-out !important; } body:not([data-browser-name="IE"]) .wpgb-card-3:hover .wpgb-card-media-thumbnail { transform: scale(1.1) !important; } /* ================= Navigation & Facets ================= */ .wpgb-facet>fieldset:last-child { margin-bottom: 3rem !important; } /*Arrows*/ .wp-grid-builder .wpgb-prev-button, .wp-grid-builder .wpgb-next-button { min-width: auto !important; min-height: auto !important; width: 4rem !important; height: 1.5rem !important; margin: 0 !important; background-image: url(/wp-content/uploads/2021/08/arrow-4.svg) !important; background-repeat: no-repeat !important; -webkit-background-size: 3rem !important; -moz-background-size: 3rem !important; -o-background-size: 3rem !important; background-position: center !important; transition: all .2s ease-in-out !important; } .wp-grid-builder .wpgb-next-button { transform: scaleX(-1); } .wp-grid-builder .wpgb-prev-button:hover, .wp-grid-builder .wpgb-next-button:hover { -webkit-background-size: 3.5rem !important; -moz-background-size: 3.5rem !important; -o-background-size: 3.5rem !important; transition: all .2s ease-in-out !important; background-size: contain !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: 0rem !important; } .wp-grid-builder .wpgb-area-right { right: 0rem !important; } .wp-grid-builder .wpgb-area-left { left: 0rem !important; } .wp-grid-builder .wpgb-area-right { right: 0rem !important; } .dark .wp-grid-builder .wpgb-prev-button, .dark .wp-grid-builder .wpgb-next-button { border-width: 2px; border-color: white !important; } .wp-grid-builder .wpgb-area-left, .wp-grid-builder .wpgb-area-right { justify-content: flex-end !important; bottom: -9rem !important; } .wso-wrap-button-content { z-index: 0; } .wp-grid-builder .wpgb-area-left { left: 2.5rem !important; } .wp-grid-builder .wpgb-area-right { right: 2.5rem !important; } /*Slider Bullets*/ .wp-grid-builder .wpgb-page-dots { margin-top: 2rem !important; } .wp-grid-builder .wpgb-page-dots li { width: .5rem !important; height: .5rem !important; padding: 0 !important; margin: 0 .3rem !important; outline: none !important; } .wp-grid-builder .wpgb-page-dots .wpgb-dot:after { box-sizing: border-box; background-color: white !important; border: 1px solid var(--orange) !important; } .wp-grid-builder .wpgb-page-dots .wpgb-dot[aria-selected="true"]:after { background-color: var(--orange) !important; } .dark .wp-grid-builder .wpgb-page-dots .wpgb-dot:after { border: 1px solid white !important; } .dark .wp-grid-builder .wpgb-page-dots .wpgb-dot[aria-selected="true"]:after { background-color: var(--orange) !important; border: 1px solid var(--orange) !important; } /*Filter Radio*/ .wpgb-facet .wpgb-hierarchical-list { text-align: center; } .wpgb-radio-facet .wpgb-radio-label:hover { color: var(--orange) !important; } @media only screen and (min-width: 768px) { .wpgb-radio-facet .wpgb-hierarchical-list li { display: inline-block !important; margin: 0 1.5rem 0.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-family: var(--font-regular); letter-spacing: .2em !important; text-transform: uppercase !important; color: black !important; padding: 0 !important; } .wpgb-radio-facet .wpgb-radio .wpgb-radio-label::after { content: " "; display: block; margin-top: .3rem; border-bottom: 1px solid transparent; } .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] .wpgb-radio-label { color: var(--orange) !important; } .wpgb-radio-facet .wpgb-radio[aria-pressed="true"] .wpgb-radio-label::after { border-bottom: 1px solid var(--orange); } /*Pagination*/ .wpgb-pagination-facet { margin-top: 2rem; } .wpgb-facet .wpgb-pagination li { height: auto !important; min-width: 0 !important; margin: .2rem !important; font-size: 1.1rem !important; line-height: 2em !important; font-weight: 500 !important; outline: none !important; } .wpgb-facet .wpgb-pagination li a, .wpgb-facet .wpgb-pagination li a:hover { padding: 0 .2rem !important; margin-left: 0.5rem; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; outline: none !important; } .wpgb-facet .wpgb-pagination li a[aria-current] { color: black !important; font-family: var(--font-bold); border-bottom: 1px solid; } /*Loading Spinner*/ #Wrapper .wpgb-loader .wpgb-loader-6 * { color: var(--orange) !important; background: var(--orange) !important; } /* Range */ .wpgb-range-facet { margin-top: 1rem !important; } .wpgb-facet .wpgb-range-facet .wpgb-range-slider { height: 3px !important; } .wpgb-facet .wpgb-range-facet .wpgb-range-slider .wpgb-range-progress { background: var(--color-black) !important; } .wpgb-facet .wpgb-range-facet .wpgb-range-slider .wpgb-range-thumb { border-color: var(--color-black) !important; } .wpgb-facet .wpgb-range-facet .wpgb-range-slider .wpgb-range-thumb:focus { border-color: var(--orange) !important; outline-color: var(--orange) !important; } .wpgb-facet .wpgb-range-facet .wpgb-range-values { font-family: var(--font-regular) !important; } #Wrapper #Content .wpgb-facet .wpgb-range-facet .wpgb-range-clear { border-radius: 0 !important; font-size: 0.8rem !important; letter-spacing: 0 !important; background: transparent !important; padding-inline: 0 !important; text-decoration: underline !important; font-family: var(--font-regular) !important; } #Wrapper #Content .wpgb-facet .wpgb-range-facet .wpgb-range-clear:hover { color: var(--orange) !important; background-color: transparent !important; } /* ================= Grid Slider ================= */ .wso-section-slider { background-color: white; padding-bottom: 3rem; } .wso-section-slider .wpgb-grid-19 { overflow: hidden; } .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: calc(100vh - 6rem); max-height: 70rem; } .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-card-content:after { content: ""; bottom: -4.2rem; height: 24rem; width: 100%; background: url('/wp-content/uploads/2021/08/group-1.svg') center left !important; left: 4.5rem !important; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; pointer-events: none; opacity: 0.2; z-index: 1; } #Wrapper .wso-section-slider .wso-highlight-button { bottom: -.5rem; right: -7.5rem; } .wp-grid-builder .wpgb-card-2 .wpgb-block-1>p { width: 54%; } .wp-grid-builder .wpgb-card-2 .wpgb-block-1 .wso-h2 { margin-bottom: 3rem !important; } .wpgb-card-2 .wpgb-block-1 { position: absolute !important; bottom: 4rem !important; left: 50% !important; width: 75% !important; transform: translate(-50%, 0%) !important; text-align: left !important; z-index: 2 !important; display: inline-block !important; } .wpgb-card-2 .wso-slider-skin-img::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; 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; } .wpgb-grid-19 .wpgb-area-bottom-1 { position: absolute; bottom: 4rem; width: auto; z-index: 3; margin: 0 !important; left: 50% !important; transform: translateX(-50%) !important; } .wpgb-card-2[aria-hidden="false"] .wpgb-block-1 .button, .wpgb-card-2[aria-hidden="false"] .wpgb-block-1 p.wso-h2 { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /*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, 0px, 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, 0px, 0px); } } /* ================= Grid Skin 1 ================= */ .wpgb-card-1 .wpgb-card-wrapper { margin-left: 3rem !important; margin-right: 6rem !important; } #Wrapper .wpgb-grid-27.wp-grid-builder .wpgb-carousel { width: 137% !important; overflow: visible; } .wpgb-card-1 .wpgb-card-body { text-align: left !important; padding: 2.5rem 0rem 3rem !important; } .wpgb-card-1 .wpgb-card-body * { text-align: left !important; color: black !important; } #Wrapper .wpgb-card-1 .wpgb-card-body .button { margin-top: 2rem !important; } #Wrapper .wpgb-card-1 .wpgb-card-body h3, #Wrapper .wpgb-card-1 .wpgb-card-body .wso-h3 { position: relative; color: black !important; margin-bottom: 1.8rem; font-size: 1.8rem !important; letter-spacing: 0 !important; text-transform: none; font-family: var(--font-regular); font-weight: normal !important; } .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; } .wpgb-card-1 .wso-news-skin-event-date-highlight { position: absolute; right: 0; width: 3.5rem; background: var(--orange) !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: 200 !important; } .wso-news-skin-event-date-highlight-d::after { content: " "; width: 1.8rem; display: block; margin: .2rem auto; border-bottom: 1px solid; } @media only screen and (min-width: 768px) { .wp-grid-builder .wpgb-card-1:nth-child(1n) .wpgb-card-media { min-height: 26rem !important; min-height: 26rem !important; } .wp-grid-builder .wpgb-card-1:nth-child(3n) .wpgb-card-media { max-height: 23rem; min-height: 23rem !important; } .wp-grid-builder .wpgb-card-1:nth-child(2n) .wpgb-card-media { max-height: 20rem; min-height: 20rem !important; } } .single-post #Wrapper #Content h1:first-line { font-family: var(--font-bold) !important; } /* ================= Grid Skin 2 ================= */ .wpgb-card-3 .wpgb-card-media-content { z-index: 1; } .wpgb-card-3 .wpgb-card-media-content-bottom { padding: 1.5rem 7% 0 !important; } .wpgb-card-3:hover .wpgb-card-media-content-bottom:after { margin-bottom: 0 !important; margin-top: 1.5rem; } .wpgb-card-3 .wpgb-card-media-content-bottom:after { content: ""; display: block; margin: -0.5rem auto -1rem; bottom: 0; width: 1px; height: 6rem; background-color: white; transition: all .5s ease-in-out !important; } .wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-2 { overflow: hidden; } .wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-2 .button, .wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-2 p:not(.wso-h3):not(.wso-h4):not(.wso-h5) { transition: all .8s ease-in-out !important; } #Wrapper .wpgb-card-3:not([data-nothumb]):not(:hover) p:not(.wso-h3):not(.wso-h4):not(.wso-h5) { opacity: 0; } #Wrapper #Content .wpgb-card-3:not([data-nothumb]):not(:hover) .wpgb-card-media-content-bottom .wpgb-block-2 .button span, #Wrapper #Content .wpgb-card-3:not([data-nothumb]):not(:hover) .wpgb-card-media-content-bottom .wpgb-block-2 .button { max-height: 0; margin: 0 !important; opacity: 0; } #Wrapper .wpgb-card-3:hover .wpgb-card-media-content-bottom .wpgb-block-2 .button { opacity: 1; } .wpgb-card-3:not([data-nothumb]):not(:hover) .wpgb-card-media-content-bottom .wpgb-block-2 p:not(.wso-h3):not(.wso-h4):not(.wso-h5) { max-height: 0; margin-bottom: 0 !important; } .wpgb-card-3:not([data-nothumb]):hover .wpgb-card-media-content-bottom .wpgb-block-2 p:not(.wso-h3):not(.wso-h4):not(.wso-h5) { max-height: 7rem; margin-bottom: 0 !important; } #Wrapper .wpgb-card-3.wpgb-card:nth-child(8n + 5):not([data-nothumb]) .wpgb-card-media-thumbnail:before, .wpgb-card-3 .wpgb-card-media-thumbnail::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3)); z-index: 1; pointer-events: none; transition: all .5s ease-in-out !important; } .wpgb-card-3: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 { color: white !important; } .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card[data-nothumb] .wpgb-card-inner .wpgb-card-media { background: rgb(0 0 0 / 3%); } .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card[data-nothumb] .wpgb-card-inner * { color: black; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card[data-nothumb] .wpgb-card-inner .wso-h5 { color: var(--orange) !important; margin-bottom: 3rem; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card[data-nothumb] .wpgb-card-inner p.wso-h3 { text-transform: none !important; font-size: 1.7rem !important; line-height: 1.2em !important; letter-spacing: 0.1em !important; font-family: var(--font-regular) !important; margin-bottom: 2rem !important; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3 .wpgb-card-inner p.wso-h3 { margin-bottom: 1rem !important; } .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card[data-nothumb] .wpgb-card-media-content-bottom:after { content: none !important; } .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card[data-nothumb] .wpgb-card-media-content-bottom { transform: translate(-50%, -50%) !important; padding: 2rem !important; top: 50%; left: 50%; min-height: 14.5rem; } #Wrapper .wp-grid-builder .wpgb-card-3 p.wso-news-skin-event-date.wso-h4 { font-size: 2.5rem !important; font-family: var(--font-light); letter-spacing: 0.1em; margin-bottom: 3rem; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card[data-nothumb] .wpgb-card-inner p:not(.wso-news-skin-event-date) { max-width: 100% !important; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3 .wpgb-card-inner p:not(.wso-news-skin-event-date) { max-width: 19rem !important; margin-left: auto !important; margin-right: auto !important; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3 p.wso-h5 { font-family: var(--font-regular); font-weight: normal !important; margin-bottom: 1rem; } #Wrapper #Content .wp-grid-builder .wpgb-metro .wpgb-card-3 .wpgb-card-inner p.wso-h5 { font-size: 0.8rem !important; letter-spacing: 0.2em !important; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card:not([data-nothumb]):before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; pointer-events: none; background: transparent; transition: all .5s ease-in-out !important; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card:not([data-nothumb]):hover:before { background: rgb(0 0 0 / 68%); transition: all .5s ease-in-out !important; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card:not([data-nothumb]):hover .wpgb-card-media-content-bottom .wpgb-block-2 .button span { color: white !important; } #Wrapper #Content .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card:not([data-nothumb]):hover .wpgb-card-media-content-bottom .wpgb-block-2 .button:after { background: white !important; } #Wrapper #Content .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card:not([data-nothumb]):hover .wpgb-card-media-content-bottom .wpgb-block-2 .button:hover:after { background: var(--orange) !important; } #Wrapper .wso-cobbles-layout-4 .wpgb-card:nth-child(8n + 5) .wpgb-card-inner p.wso-news-skin-event-date, #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card[data-nothumb] .wpgb-card-inner p.wso-news-skin-event-date { color: black !important; font-size: 2rem !important; margin-bottom: 1rem; } #Wrapper .wso-cobbles-layout-4 .wpgb-card:nth-child(8n + 5) .wpgb-card-inner p.wso-news-skin-event-date { color: white !important; } .wpgb-card-3[data-nothumb] p:not(.wso-h3):not(.wso-h4):not(.wso-h5):not(.wso-news-skin-event-date) { display: none !important; } /* ================= Grid Cobbles ================= */ @media only screen and (min-width: 1230px) { 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: 3rem solid transparent !important; border-width: 1rem 3rem 1rem !important; } } /* ================= Grid Cobbles 4 ================= */ @media only screen and (min-width: 1230px) { .wso-cobbles-layout-4 .wpgb-card { width: 50% !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(1) .wpgb-card-media-content-bottom:after { height: 11rem !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 1) { height: 42rem !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 2) { height: 28rem !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 3) { width: 42% !important; margin-right: 8% !important; height: 35rem !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 4) { width: 34% !important; margin-left: 16%; height: 34rem !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 3), .wso-cobbles-layout-4 .wpgb-card:nth-child(8n + 5) { float: right; } #Wrapper .wso-cobbles-layout-4 .wpgb-card:nth-child(8n + 5) { width: 32% !important; height: 24rem !important; /* float: none; */ margin-right: 18%; } .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 + 1) { width: 50% !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(1) { margin-top: 6rem; } } #Wrapper .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 1) p.wso-h3 { text-transform: none !important; font-weight: normal; font-family: var(--font-regular) !important; font-size: 1.6rem !important; letter-spacing: 0.1em !important; } /* ================= Grid Team ================= */ .wpgb-card-5 .wpgb-card-body { padding: 2rem 0rem 0 !important; text-align: left !important; } #Wrapper .wpgb-card-5 .wpgb-block-5 .wso-h4:nth-child(2) { font-weight: 200 !important; } .wpgb-card-5 .wso-team-link { display: block !important; } #Wrapper .wpgb-card-5 .button { margin-top: 2rem !important; } #Wrapper .wp-grid-builder .wpgb-card-5 .wpgb-card-content .wso-h4 { margin-bottom: 0.5rem !important; color: black !important; font-size: 0.9rem !important; } #Wrapper .wp-grid-builder .wpgb-card-5 .wpgb-card-content p { text-transform: uppercase; letter-spacing: 0.25em; } #Wrapper .wp-grid-builder .wpgb-card-5 .wpgb-card-content a { letter-spacing: 0 !important; color: var(--orange); } /* ================= 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 { position: absolute !important; top: 0; left: 50%; z-index: 4; width: 9rem; border-radius: 50%; transform: translate(-50%, -50%) !important; } .wpgb-card-6 .wpgb-card-body { background-color: var(--orange) !important; padding: 6rem 4rem 4rem !important; } .wpgb-card-6 p:not(.wso-h2) { color: white !important; } .wso-testimonial-name span { display: block; } /* ================= 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; } } .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; } /* ============================================ Responsiv ============================================ */ @media only screen and (max-width: 1499px) and (min-width: 1240px) { html { font-size: 1.15vw !important; } } @media only screen and (max-width: 1239px) and (min-width: 1024px) { html { font-size: 1.35vw !important; } .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: 93% !important; } #Wrapper #Content .wso-section-slider .wso-highlight-button { right: 0 !important; } .wpgb-card-2 .wpgb-block-1 { width: 93% !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 3) { height: 28rem !important; } .wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 4) { height: 28rem !important; } } @media only screen and (max-width: 1239px) and (min-width: 768px) { .wp-grid-builder .wpgb-card-11 .wpgb-card-media { width: 33% !important; } #Wrapper .wso-section-breaker .wrap:not(.wso-hero-img) .column_column { max-width: 60% !important; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { html { font-size: 1.6vw !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; } #Side_slide #menu ul li.submenu .menu-toggle { top: 0.2rem !important; } } @media only screen and (max-width: 1499px) { .popup { width: 70% !important; max-width: 70% !important; } #Top_bar .menu>li>a span:not(.description), #Top_bar .menu>li.wso-menu-cta-buttons a span:not(.description){ padding: 0 0.5rem !important; } #Footer .column.one-second { padding: 0 1rem; } #Footer .one-fourth:last-of-type { padding-right: 0%; } #Footer #nav_menu-3 li, #Footer #nav_menu-8 li { padding: .5rem 1rem !important; } #Footer .one-fourth:first-of-type { padding-left: 10%; } .wso-highlight-cta-menu a { position: relative !important; display: inline !important; right: 0 !important; } #Top_bar .wso-burger-menu-cta { bottom: 4rem; } #Wrapper #Top_bar .wso-burger-menu-cta .sub-menu { display: flex !important; width: 100% !important; justify-content: center !important; align-items: center; } #Wrapper #Top_bar .wso-menu-bookmark span>span:not(.wst-bookmark-counter) { left: -1.2rem; } #Wrapper .wso-highlight-button { right: 0 !important; } #Wrapper .wpgb-area-top-2 .wpgb-prev-button { left: -5rem !important; } #Wrapper .wpgb-area-top-2 .wpgb-next-button { right: -5rem !important; } .single-wso_product #Wrapper #Content h1 { /* width: 70% !important; */ } #Wrapper .wso-sec-bookmarks .wso-section-hero { max-height: 100% !important; min-height: 100% !important; padding-bottom: 0 !important; } } @media only screen and (max-width: 1490px) { body, .wpgb-card p, .gm-style p { font-size: 1rem !important; } #Wrapper .wso-section-slider .wso-highlight-button { right: -5.5rem !important; } #Footer .one-fourth:first-of-type { width: 23%; padding-left: 0; } #Footer .one-second { width: 45%; } #Footer #nav_menu-3 li, #Footer #nav_menu-8 li { padding: .5rem 1rem !important; } #Footer ul#menu-footer-menu { margin-bottom: 0 !important; } #Top_bar .menu>li>a span:not(.description) { padding: 0 0.7rem; } #Top_bar .menu>li.wso-menu-cta>a span { padding-right: 1.7rem; } .wso-img-box:hover .wso-image_boxes_logo { height: 6rem; } .header-split #Header .top_bar_left .logo { width: 22% !important; position: absolute; left: 38%; } .header-split #Header .top_bar_left .menu_left { width: 40% !important; } .wso-burger-menu-active #Top_bar .mfn-megamenu-parent.wso-burger-menu>ul.sub-menu.mfn-megamenu:after { top: auto; bottom: -2rem; height: 28rem; left: 2rem !important; } .wso-adress-menu span, .wso-burger-menu-items>ul:first-child>li>ul>li { font-size: 1rem; } #Wrapper .wso-section-intro { min-height: 17vh; } #Wrapper .wpgb-card-7 .wso-h3 { font-size: 1rem !important; } .wso-search-box { padding: 0 1.3rem 3rem !important; } .wso-sticky-anchor .wrap.one-fourth { width: 33% !important; } #Wrapper .wso-sec-merchant-search .wso-facetwp-filter { width: 100% !important; } div#wso-list-results-scroll-anchor { width: 67% !important; } .wp-grid-builder.wpgb-grid-27 { padding-top: 0 !important; } #Wrapper .wpgb-card.wpgb-card-10 .wpgb-card-media-content-bottom { top: 0; transform: translate(-50%, -50%) !important; padding: 2rem !important; top: 50%; left: 50%; height: auto; bottom: auto; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-10 .wpgb-card-inner p:not(.wso-news-skin-event-date) { max-width: 100% !important; } } @media only screen and (max-width: 1239px) { #Top_bar .container { padding: 0 4.7rem; } #Wrapper #Content .wp-grid-builder .wpgb-metro .wpgb-card-10 .wpgb-card-inner p.wso-h3 { font-size: 1.3rem !important; } .wso-section-intro+.wso-section-text .column_column, .wso-wrap-content .one.column_column, .wso-section-text.wso-align-center .one.column_column { padding: 0 6rem; } #Wrapper #Content .wso-cta-bewerbung a.button:before { background-size: contain !important; } .wso-cta-bewerbung a.button { width: 50% !important; } #Wrapper .wso-section-intro.wso-intro-no-image { max-height: 100% !important; min-height: auto !important; margin-bottom: 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 { height: calc(90vh - 6rem); } .wso-burger-menu-active #Top_bar .mfn-megamenu-parent.wso-burger-menu>ul.sub-menu.mfn-megamenu:before { margin: -3rem auto 1.5rem; } #Wrapper .wso-section-intro { padding: 23% 0 7rem !important; min-height: auto; } #Footer #nav_menu-3 li, #Footer #nav_menu-8 li { padding: .5rem 1.3rem !important; } #Footer .column.one-second { padding: 0 0rem; } .wso-menu-tel { display: none !important; } .wso-menu-tel span { padding-left: 0 !important; } .wso-menu-cta.wso-dealer { /* display: none !important; */ } .header-split #Header .top_bar_left .menu_right { text-align: right; } .wso-menu-bookmark { margin-right: 3rem !important; } #Wrapper #Top_bar .wso-menu-bookmark span>span:not(.wst-bookmark-counter) { left: -1.2rem; } #Wrapper #Top_bar .wso-burger-menu, #Wrapper #Top_bar .menu>li:not(.wso-menu-search):not(.wso-menu-socialmedia)>a { padding: 2rem 0 !important; } #Wrapper .wso-img-box.one-fourth { width: 49.5%; margin-bottom: 0.5%; } #Wrapper #Top_bar { position: fixed !important; top: 0 !important; height: var(--mobile-top-bar-height) !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: 8.5rem !important; } .header-split #Header .top_bar_left .logo { width: 30% !important; position: absolute; left: 35%; } #Wrapper #Top_bar a.responsive-menu-toggle { position: absolute; top: 58% !important; right: 1.4rem; transform: translate(0, -50%); margin: 0 !important; width: auto !important; height: auto !important; color: white; } #Wrapper #Top_bar.is-sticky a.responsive-menu-toggle { color: var(--orange); } #Top_bar a.responsive-menu-toggle i { font-size: 2rem !important; } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .wpgb-card-2 h2, #Wrapper .wpgb-card-2 .wso-h2 { font-size: 2.6rem !important; line-height: 1.2em !important; } #Wrapper .wpgb-card-2 .wso-h2 { font-size: 4.2rem !important; } #Wrapper .wso-highlight-button { right: 1rem; } #Top_bar .menu>li.wso-burger-menu ul * { text-align: center; } #Top_bar .menu .wso-burger-menu li:hover ul { max-height: 100% !important; } #Wrapper #Top_bar .wso-burger-menu-cta .sub-menu { display: flex !important; flex-direction: column-reverse; } .wso-highlight-cta-menu { display: inherit; margin-bottom: 2rem; } #Top_bar .wso-burger-menu-cta { bottom: 9.5rem; } .wso-burger-menu-cta { z-index: 2; } .wpgb-card-1 .wpgb-card-wrapper { margin-right: 3rem !important; } #Wrapper #Content .wso-search-box .wso-h2 { font-size: 1.8rem !important; } #Wrapper .wso-showroom .wp-caption-text .wso-h3 { font-size: 3rem !important; } .wso-img-box .image_wrapper:before { background: rgb(0 0 0 / 33%); } #Wrapper .wso-showroom .wso-wrap-image-boxes:after { opacity: 0.4; } #Wrapper .wpgb-area-top-2 .wpgb-prev-button { left: -3rem !important; } #Wrapper .wpgb-area-top-2 .wpgb-next-button { right: -3rem !important; } .wp-grid-builder:not(.wpgb-grid-39) .wpgb-area-top-2 { top: auto !important; bottom: -9rem; } #Wrapper .wso-section-image-boxes:not(.full-width):not(.wso-section-img-boxes-content-below) .wp-caption-text .wso-h3 { font-size: 3rem !important; } #Wrapper .wso-cta-bewerbung .button:before, #Wrapper .wso-sec-cta-icons a:before { background-size: contain !important; } #Wrapper .wpgb-grid-34 .wpgb-card-1 .wpgb-card-wrapper { margin-left: 3rem !important; } .wpgb-card-1 .wpgb-card-body { padding-bottom: 2rem !important; } .wpgb-card-1 .wpgb-card-body * { max-width: 100% !important; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card { float: none; display: inline-block; border-width: 1rem 1.8rem 1rem !important; width: 50% !important; height: 20rem !important; } .single-wso_reference #Wrapper .wso-section-intro+.wso-section-text .column_column p:not(.wso-h2) { padding: 0 6rem !important; } #Wrapper .wso-sec-bookmarks .wso-section-hero { padding-top: 13% !important; margin-bottom: 0 !important; } #Footer .widget_nav_menu ul li a { margin-bottom: 1rem; } .wso-download p.wso-h5 { width: 40% !important; } #Wrapper .wso-sec-merchant-search .wpgb-facet.wpgb-facet-10 { /*top: -0.7rem !important;*/ } #Wrapper .wso-sec-merchant-search .wso-search-box .column_attr { display: inline-block !important; flex: 100% !important; width: 100% !important; } #Wrapper .wso-sec-merchant-search .wso-search-box .wpgb-facet { flex: 100% !important; width: 45% !important; display: inline-block; } #Wrapper .wso-sec-merchant-search .wso-search-box { padding: 2rem 0 1rem !important; } .single-wso_product #Wrapper #Content h1 { font-size: 2.5rem !important; hyphens: auto; } } @media only screen and (max-width: 1023px) { :root { --content-width: 90%; } .popup { width: 90% !important; max-width: 90% !important; } .single-wso_label .wso-surface p.wso-h5 { top: 51% !important; } #Wrapper .wso-cf7-select label { top: -0.5rem !important; background: white; width: auto !important; display: inline-block; left: auto !important; bottom: -0.5rem; top: auto !important; left: 1rem !important; right: auto; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { max-width: 100% !important; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { white-space: break-spaces; width: 95% !important; } .wso-menu-bookmark { margin-right: 2rem !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 0.7rem !important; } .wso-menu-search { width: auto !important; right: 0.5rem !important; top: 50vh; } #Wrapper #Top_bar .menu>li.wso-menu-socialmedia { top: 50vh; } .pll-parent-menu-item { position: fixed !important; left: 0; top: 52vh; width: auto !important; } .wso-section-hero:after { height: 20rem; left: 0rem !important; } .single-wso_label #Wrapper .wso-surface p.wso-h5 { max-width: none !important; } .wso-section-intro+.wso-section-text .column_column, .wso-wrap-content .one.column_column, .wso-section-text.wso-align-center .one.column_column { padding: 0 8rem; } .wso-section-intro .wrap:not(.wso-hero-img) .mcb-wrap-inner p { max-width: 100%; } .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: 70rem; } .wso-section-text-img-fullwidth .wrap:first-child { padding: 5% 4%; } .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: 0rem !important; } .wp-grid-builder .wpgb-area-right { right: 0rem !important; } div#wso-list-results-scroll-anchor { padding-left: 2.5rem; } .wso-sticky-anchor .wrap.one-fourth { width: 35% !important; } div#wso-list-results-scroll-anchor { width: 65% !important; } #custom_html-5 p:not(.wso-h5) a { padding: 0.4rem 1rem; } #Footer .wso-footer-cta .wso-cta-item a { margin: 0 0rem !important; flex-direction: column; padding: 0 !important; } #Footer .widget_nav_menu ul li a { font-size: 1.1rem !important; } #Wrapper #Footer a.button { padding-left: 0.5rem !important; padding-right: 0.5rem !important; width: 12rem !important; min-width: 12rem !important; } #Footer .one-fourth:last-of-type { width: 26%; } #Wrapper #Footer a.button:before { content: none !important; } .wso-sec-cta-icons .column_attr { padding: 0 !important; } #Wrapper .wso-img-box.one-second { height: 40rem !important; } .wpgb-card-2 .wpgb-block-1 { width: 93% !important; } #Wrapper .wso-section-slider .wso-highlight-button { right: 0 !important; } .wpgb-card-3 .wpgb-card-media-content-bottom:after { height: 4rem; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card:not([data-nothumb]):before { background: rgb(0 0 0 / 20%); } #Wrapper .wp-grid-builder .wpgb-card-3 p.wso-news-skin-event-date.wso-h4 { font-size: 1.5rem !important; } .wso-surfaces-cta { padding: 8% 2% 3% !important; } .wso-surface p.wso-h5 { max-width: none !important; } .wso-surface-content { width: 25rem !important; } .wso-surface { height: 20rem !important; } .wso-section-text-2-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) { width: 75% !important; } .wso-section-text-img p br { display: none; } .wso-reference-surfaces { width: 35% !important; } #Wrapper .wso-product-details .column_column { width: 50% !important; padding: 0 2rem !important; } .single-wso_product #Wrapper #Content h1 { font-size: 2rem !important; } } @media only screen and (min-width: 768px) { div#wso-cta-overlay, div#wso-cta-group { display: none; } } @media screen and (orientation : portrait) and (max-width: 1238px) and (min-width: 767px) { .wso-burger-menu-active #Top_bar .mfn-megamenu-parent.wso-burger-menu>ul.sub-menu.mfn-megamenu:before { height: 9.5rem; } #Top_bar .menu>li>ul.mfn-megamenu>li.wso-burger-menu-items { height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #Top_bar .menu>li>ul.mfn-megamenu>li.wso-burger-menu-items>ul { position: absolute; top: 47%; left: 50%; transform: translate(-50%, -50%); } } @media screen and (orientation : landscape) and (max-width: 767px) { :root { --mobile-top-bar-height: 5.5rem !important; } #Side_slide .wso-menu-search { top: 1.2rem !important; right: 4rem !important; } #wso-cta-group { top: 1rem !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 { height: 27rem !important; min-height: 27rem; } .wpgb-grid-19 .wpgb-area-bottom-1 { top: 25% !important; } div#Side_slide { top: 5.5rem; border-bottom: 0; height: calc(100% - 5rem) !important; } .wsi-sidebar-open div#Side_slide { width: 100vw; } } @media only screen and (max-width: 767px) { :root { --mobile-top-bar-height: 7.5rem; --content-width: 85%; } #Wrapper #Top_bar.is-sticky { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) !important; } #Wrapper .wso-product-details .column_column { padding: 0 0 2rem; } body, .wpgb-card p, .gm-style p { font-size: 1.1rem !important; line-height: 1.65em !important; } .popup { width: 90% !important; max-width: 90% !important; max-height: 93vh !important; } #Wrapper .popup .wso-section-text-img-fullwidth .column_column { padding: 3rem 2rem 2rem; } #Wrapper .popup .wso-section-text-img-fullwidth .wrap.wso-float-right:before { height: 4rem !important; } .wpgb-facet button.wpgb-button, .wso-finder-button a.wst-fancybox-btn, #Wrapper #Content .wso-job-sec .wso-job-grid+a.button, #Wrapper a.button, #Wrapper .jig-loadMoreButton, #Wrapper .gform_wrapper button[type="submit"], #Wrapper input[type="submit"] { font-size: 1rem !important; padding: 1.5rem 1rem 1.5rem !important; } .wso-menu-search { top: 2.2rem !important; right: 4rem !important; transform: none !important; } .wso-finder-button a.wst-fancybox-btn, #Wrapper input.wpcf7-form-control.wpcf7-submit { float: left; } body.error404, body.under-construction, body.template-blank, body { padding-left: 0 !important; padding-right: 0 !important; } .wso-section-intro+.wso-section-text .column_column, .wso-wrap-content .one.column_column, .wso-section-text.wso-align-center .one.column_column { padding: 0 0rem; } #Wrapper #Top_bar { background-color: white !important; z-index: 99999; } #Wrapper #Top_bar #logo img, #Wrapper #Top_bar.is-sticky #logo img { width: 7.8rem !important; } #Wrapper #Top_bar a.responsive-menu-toggle { color: var(--orange); } #Wrapper .section_wrapper, #Wrapper .container, #Wrapper .four.columns .widget-area { padding-left: 0 !important; padding-right: 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; } #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(--orange) !important; background-color: var(--orange); color: white; } .originy #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a { border: 1px solid var(--color-originy) !important; } .experience #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a { border: 1px solid var(--color-experience) !important; } #Wrapper .wso-section-hero { padding: 43vh 0 6vh !important; } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2 { margin-bottom: 1rem; } .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-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; } #Wrapper .wp-grid-builder .wpgb-prev-button, #Wrapper .wp-grid-builder .wpgb-next-button { width: 3rem !important; height: 1.5rem !important; background-size: contain !important; } .wso-grid-slider .wpgb-area-left { left: 1rem !important; } .wso-grid-slider .wpgb-area-right { right: 1rem !important; } #Wrapper .wpgb-area-top-2 .wpgb-prev-button { left: 0rem !important; } #Wrapper .wpgb-area-top-2 .wpgb-next-button { right: 0rem !important; } .wso-grid-slider .wpgb-area-left, .wso-grid-slider .wpgb-area-right { top: auto !important; bottom: -3.8rem !important; } .single-wso_product .wso-wrap-button-content { padding-top: 5rem !important; } .wso-wrap-button-content { padding-top: 0rem !important; } .wso-section-text-2-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) { width: 75% !important; margin-top: -10rem !important; left: 0rem; } #Wrapper .wso-section-text-img { padding-bottom: 2rem !important; } .wso-section-text-2-img.wso-section-text-img .mcb-wrap:last-child .column_image:first-child { float: right; width: 85% !important; } #Wrapper .wso-section-image-boxes:not(.full-width):not(.wso-section-img-boxes-content-below) .wp-caption-text .wso-h3, #Wrapper .wso-showroom .wp-caption-text .wso-h3, #Wrapper h1, #Wrapper .wso-h1, #Wrapper h2, #Wrapper .wso-h2, #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .wpgb-card-2 h2, #Wrapper .wpgb-card-2 .wso-h2 { font-size: 2.1rem !important; line-height: 1.2em !important; } #Wrapper .wso-highlight-button { position: relative; margin: 3rem auto 0 !important; text-align: center; right: auto !important; left: 50% !important; transform: translate(-50%, 0%) !important; } .wp-grid-builder .wpgb-card-2 .wpgb-block-1 .wso-h2 { margin-bottom: 1rem !important; } .wpgb-grid-19 .wpgb-area-bottom-1 { position: absolute; transform: rotate(90deg) translate(-50%, 0%) !important; transform-origin: 0% 100%; bottom: auto; top: 50%; left: auto !important; right: -3rem; } .section.mcb-section:not(.wso-section-slider) { padding: 2rem 0 !important; } #Wrapper .wso-section-image-boxes:not(.wso-showroom) .wso-img-box { height: 8.5rem !important; } .wso-section-image-boxes:not(.wso-showroom):not(.wso-section-img-boxes-content-below) .wso-img-box:hover .wp-caption-text:before { height: 0rem; margin: 0 auto; } .wso-section-image-boxes:not(.wso-showroom) .wso-img-box .wp-caption-text:before { height: 2.5rem; } .wso-section-image-boxes:not(.wso-showroom) .wp-caption-text p br { display: none; } #Wrapper .wso-section-image-boxes:not(.wso-showroom) .wso-img-box { margin-bottom: 0.8rem !important; } #Wrapper .wso-section-image-boxes:not(.wso-showroom):not(.wso-section-img-boxes-content-below) .wso-img-box .image_frame { height: 100% !important; } .wso-section-intro p.wso-event-date { font-size: 2.5rem !important; } .wso-section-image-boxes:not(.wso-showroom) .wp-caption-text a, .wso-section-image-boxes:not(.wso-showroom) .wp-caption-text p:not(.wso-h3), #Wrapper .wso-section-image-boxes:not(.wso-showroom) .column_image .wp-caption-text a.button { display: none; } .wso-section-image-boxes:not(.wso-showroom) .wp-caption-text .wso-h3 { height: auto; margin-top: -1rem; } .wso-section-image-boxes:not(.wso-showroom) .column_image .wp-caption-text { padding: 0 2rem !important; } .wso-section-image-boxes:not(.wso-showroom) .wso-img-box:hover .wso-image_boxes_logo { height: 100% !important; top: 0 !important; } .wso-section-image-boxes:not(.wso-showroom):not(.wso-section-img-boxes-content-below) .wso-img-box:hover .wso-image_boxes_logo img { position: absolute; left: 50%; top: 50% !important; transform: translate(-50%, -50%) !important; } .wso-section-text-img .column_column { padding: 0rem 0; } .wso-section-text-img p img { max-width: 3.5rem !important; } #Wrapper .wso-padding-top-big { padding-top: 3rem !important; } #Wrapper .wso-padding-bottom-big { padding-bottom: 3rem !important; } /*Surface*/ #Content .wso-wrap-code .wso-surfaces { display: block !important; } #Wrapper .wso-surface:hover, #Wrapper .wso-surface { width: 33.3% !important; min-width: 33.3%; display: inline-block; float: left; height: 11rem !important; } #Wrapper .wso-sec-surfaces a.button, #Wrapper .wso-surface .wso-surface-content p:not(.wso-h3) { display: none !important; } .wso-surface-content { width: 100% !important; opacity: 1 !important; } .wso-surface-content * { color: white !important; } .wso-surface p.wso-h5 { display: none !important; } #Wrapper .wso-surface-content p.wso-h3 { font-size: 0.8rem !important; margin-bottom: 0 !important; } .wso-surface>a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; } #Wrapper .wso-surface-content p.wso-h3:before { content: ""; display: block !important; margin: 0 auto 1rem !important; top: 0 !important; width: 1px; height: 1.2rem !important; background-color: white; } .wso-surface:before { opacity: 0 !important; } .wso-surface:hover .wso-surface-img img { transform: scale(1.1); transition: all .3s ease-in-out !important; } .wso-surface .wso-surface-img img { transition: all .3s ease-in-out !important; } .wso-reference-cta, .wso-surfaces-cta { display: inline-block; width: 33% !important; font-size: 1rem !important; line-height: 1.2em !important; padding-top: 10% !important; } #Wrapper .wso-reference-cta a:after, #Wrapper .wso-surfaces-cta a:after { margin-top: 1rem; background-size: contain !important; height: 1rem !important; } .wso-surface-content img { height: 1.6rem !important; } .section_wrapper .column { margin-bottom: 0; } /*showrooms*/ #Wrapper .wso-showroom .wso-img-box.one-second { height: 25rem !important; } #Wrapper .wso-showroom .wso-img-box:not(:hover) .wp-caption-text .wso-h4 { height: 0 !important; min-height: 0 !important; margin: 0 !important; opacity: 0 !important; } .wso-showroom .wso-img-box:hover .wp-caption-text p:not(.wso-h3):not(.wso-h4), #Wrapper .wso-showroom .wso-img-box:hover p.wso-h3 { display: none !important } #Wrapper .wso-showroom .column_image .wp-caption-text a.button { margin-top: 0rem !important; } #Wrapper .wso-showroom .wp-caption-text .wso-h4 { font-size: 0.9rem !important; margin-bottom: 2rem !important; } #Wrapper #Content .wso-showroom .wso-img-box a.button { font-size: 1rem !important; } #Wrapper #Content .wso-showroom .wso-img-box .wp-caption-text { z-index: 99; } .wso-showroom .wso-img-box:not(:hover) .image_wrapper:before { background: rgb(0 0 0 / 10%); } #Wrapper .wso-showroom .wp-caption-text .wso-h3 { margin-top: 2rem !important; } #Wrapper .wso-showroom .wso-img-box a.button span { font-weight: normal !important; letter-spacing: 0.2em !important; } .wso-wrap-content:not(.wso-wrap-button-content) { padding-bottom: 1rem; } #Wrapper .wso-showroom .wso-wrap-image-boxes:after { opacity: 0.7; height: 10.5rem; top: 39%; } /**/ #Wrapper .wp-grid-builder .wpgb-card-1 .wpgb-card-media { max-height: 18rem !important; min-height: 18rem !important; } .wpgb-card-1 .wpgb-card-body * { text-align: center !important; } .wp-grid-builder.wpgb-enabled .wpgb-card-1 { max-width: 100% !important; } #Wrapper .wpgb-card-1 .wpgb-card-body h3, #Wrapper .wpgb-card-1 .wpgb-card-body .wso-h3 { font-size: 1.5rem !important; } .wpgb-card-1 .wpgb-card-body * { max-width: 100% !important; } #Wrapper .wpgb-grid-27.wp-grid-builder .wpgb-carousel { width: 80% !important; overflow: visible; margin-left: auto; margin-right: auto; } .wpgb-card-1 .wpgb-card-wrapper { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .wpgb-grid-27:after { content: none !important; } #Wrapper .wso-reference-tax { font-size: 0.7rem !important; left: -0.5rem !important; } .dark .wso-hero-img::after { content: none !important; } .wpgb-card-2 .wpgb-card-content:after, .wso-section-hero:after { height: 16rem; left: 0rem !important; z-index: 1; bottom: -2rem !important; } .originy .wso-section-hero:after, .experience .wso-section-hero:after { height: 18rem !important; } .wpgb-card-2 .wpgb-card-content:after { bottom: -1rem !important; } .wso-section-hero .wrap:not(.wso-hero-img) { z-index: 2; } #Wrapper #Content .wso-highlight-button { width: 100% !important; padding: 1.7rem 2rem 1.7rem 2rem !important; } #Wrapper .wso-highlight-button p { font-size: 1rem !important; width: auto !important; display: inline-block; } #Wrapper .wso-highlight-button p::after { display: inline-block; position: relative; height: 1rem; right: -0.5rem; width: 1.5rem; top: 0.1rem !important; } .wso-wrap-content .mcb-wrap-inner { max-width: 100% !important; } .wso-cobbles-layout-4 { margin-right: 7%; margin-left: 7%; padding-bottom: 3rem; } #Wrapper .wp-grid-builder .wpgb-card-3 p.wso-news-skin-event-date.wso-h4 { font-size: 2rem !important; margin-bottom: 1.5rem; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card:not([data-nothumb]):hover:before, .wpgb-card-3 .wpgb-card-media-content-bottom:after, #Wrapper .wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-2 .button, #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3 .wpgb-card-inner p:not(.wso-news-skin-event-date):not(.wso-h3):not(.wso-h4):not(.wso-h5) { display: none !important; } #Wrapper .wp-grid-builder .wpgb-card.wpgb-card-3 .wpgb-card-media-content-bottom { top: 0; transform: translate(-50%, -50%) !important; padding: 2rem !important; top: 50%; left: 50%; height: auto; bottom: auto; } .wpgb-grid-34 { margin-left: 7% !important; margin-right: 7% !important; } #Wrapper .wpgb-grid-34 .wpgb-card-1 .wpgb-card-wrapper { margin-left: 1rem !important; } /*FOOTER*/ aside#nav_menu-5 { display: none !important; } aside#nav_menu-3, aside#nav_menu-8 { position: relative; bottom: 0; } aside#nav_menu-3 .menu, aside#nav_menu-8 .menu { display: flex; flex-direction: column; align-items: center; } #Footer #nav_menu-3 li, #Footer #nav_menu-8 li { padding: 1rem 0 !important; } #Footer #nav_menu-3 li a, #Footer #nav_menu-8 li a { padding: 0 !important; } aside#custom_html-6 .textwidget { display: flex; flex-direction: column; align-items: center; } #Wrapper #Footer a.button { width: 100% !important; min-width: auto; flex: 1; order: 2; } #Footer .wso-social-icons { flex: 1; order: 1 !important; margin: 2rem 0rem !important; } #custom_html-5 p:not(.wso-h5) { display: block; } #custom_html-5 p:not(.wso-h5) a:first-of-type { border: 0 !important; margin-bottom: 0 !important; } #custom_html-5 p:not(.wso-h5) a { display: block; padding: 0 !important; font-size: 1.2rem !important; margin: 1rem; } #custom_html-5 p:not(.wso-h5) br { display: none; } #Footer .one-fourth:last-of-type .widget_text { margin-top: 0 !important; padding-top: 0 !important; } .wso-cta-item { width: 50%; padding: 0 9% !important; text-align: center; } .wso-cta-item span { font-size: 1.2rem !important; } #Footer .wso-footer-cta .wso-cta-item a::after { display: block; position: relative; height: 1.5rem !important; margin-top: 1rem; margin: 1rem auto 0 !important; background: url(/wp-content/uploads/2021/08/arrow-1.svg) center center !important; background-size: contain !important; background-repeat: no-repeat !important; width: auto; width: 1.6rem !important; } #custom_html-5 .wso-footer-cta { width: 80%; margin: 3rem auto 0; column-gap: 0; } #Footer .wso-social-icons img { height: 1.5rem; max-height: 1.5rem !important; } #Footer { margin-left: 7%; margin-right: 7%; margin-top: 7rem; } #Footer aside#nav_menu-4 { margin-top: 0; } #Wrapper #Footer .container { display: flex; flex-direction: column; align-items: center; } #Footer .column.one-second { flex: 1; order: 1 !important; } #Footer .column.one-fourth { flex: 1; order: 2 !important; } #Footer .wso-footer-img { width: 100%; max-width: 9rem; padding: 0 1rem; background-color: white !important; margin-bottom: 4rem; height: 4.5rem; } #Footer .widgets_wrapper { padding-bottom: 0 !important; } #Footer .footer_copy * { font-size: 0.9rem; } #Footer .widget_nav_menu ul li a { margin-bottom: 1rem; } #Wrapper .wso-sec-surfaces a.button, #Wrapper .section .tg-wso-jobs a.button, #Wrapper .wso-section-text.wso-align-center a.button, #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button, #Wrapper .wso-section-image-boxes.wso-section-img-boxes-content-below .wso-img-box a.button:not(.wso-image-box-cta-button), #Wrapper #Content .section.wso-section-tabs .wso-section-text-img a.button, #Wrapper #Content .section.wso-accordion-sec .wso-section-cross-selling-product .wrap a.button.wso-cross-selling-product-button { font-size: 1rem !important; } #Side_slide .pll-parent-menu-item { display: none !important; } div#Side_slide { top: 7.5rem; border-bottom: 0; } #Side_slide .wso-adress-menu, #Side_slide .wso-menu-contact, #Side_slide .wso-menu-socialmedia, #Side_slide .wso-menu-bookmark, #Side_slide .wso-menu-cta, #Side_slide .pll-parent-menu-item, #Side_slide .close-wrapper { display: none; } .wso-menu-search { z-index: 99999999; } div#Top_bar { z-index: 9999; } #Side_slide * { border: 0 !important; } .header-split #Header .top_bar_left .logo { width: 50% !important; position: absolute; left: 25%; } .wso-section-job-facts .wrap { margin-bottom: 2rem !important; } /*Products*/ #Wrapper .wso-section-intro { padding-bottom: 14vh !important; padding-top: 14rem !important; min-height: 25vh; } .wso-sticky-anchor .wrap.one-fourth { width: 86% !important; margin-left: 7%; margin-right: 7% !important; margin-bottom: 2rem; } .wpgb-facet button.wpgb-apply, .wpgb-facet button.wpgb-reset { display: block; width: 100%; } #Wrapper .wpgb-facet .wpgb-search-facet input[type="search"], #Wrapper #Content .wpgb-select-placeholder>.wpgb-select-value, #Wrapper #Content select.wpgb-sort.wpgb-select, #Wrapper #Content .wpgb-select-placeholder input[type="text"] { font-size: 1rem !important; } div#wso-list-results-scroll-anchor { padding-left: 0 !important; } div#wso-list-results-scroll-anchor { width: 100% !important; } div#wso-list-results-scroll-anchor .column .column_attr { margin-left: 7% !important; margin-right: 7% !important; } #Wrapper .wpgb-card-7 .wso-h3 { max-width: 100% !important; } .wpgb-grid-29 .wpgb-area-bottom-1 { justify-content: center !important; } #Wrapper #Content .wrap .wso-parkett-finder { margin-top: 3rem !important; z-index: 2; text-align: center; float: none; width: 100%; } .page-id-2936 .wso-parkett-finder { display: none !important } #Wrapper .wso-cta-bewerbung .button:before, #Wrapper .wso-sec-cta-icons a:before { background-size: contain !important; } .wso-sec-cta-icons .column_attr { padding: 0 !important; flex-direction: column !important; } #Wrapper .wso-cta-bewerbung .button span, .wso-sec-cta-icons a { width: 100% !important; min-width: 100% !important; } .wso-sec-cta-icons a:not(:last-of-type) { margin-bottom: 3rem !important; } .single-wso_product #Wrapper #Content h1 { font-size: 2.2rem !important; hyphens: auto !important; } #Wrapper #Content .wso-section-text-img:first-of-type { padding-top: 4rem !important; } .wso-product-properties { flex-direction: column !important; font-size: 1rem !important; } #Wrapper .wso-product-properties p { font-size: 1.2rem !important; margin-bottom: 1rem !important; } .wso-product-properties { margin-top: 2rem !important; margin-bottom: 2rem !important; } #Wrapper .wso-product-details .column_column { padding: 0; margin-bottom: 2rem !important; } #Wrapper .accordion .question .answer .section+.section, #Wrapper .ui-tabs .ui-tabs-panel .section+.section { padding-top: 3rem !important; } .wso-img-info { display: none; } #Wrapper .wso-download { display: block; height: 100% !important; padding-bottom: 1.5rem !important; margin-bottom: 1.5rem !important; } .wso-download-button, .wso-download p { width: 100% !important; float: none !important; } #Wrapper h5, #Wrapper .wso-h5 { font-size: 1rem !important; margin-bottom: 1rem !important; } .wso-download-button { margin-top: 1rem; } #Wrapper .wso-wrap-button-content { width: 75% !important; left: 12.5%; z-index: 2; } .accordion .question .title { padding: 2rem 3rem 1.7rem 0 !important; } .wso-download a { font-size: 1rem !important; } .wso-wrap-button-content a.button { z-index: 9; } #Wrapper .wso-showroom.wso-section-image-boxes:not(.full-width) .wso-img-box.one-second { height: 22rem !important; } #Wrapper .wso-showroom.wso-section-image-boxes:not(.full-width) .wso-img-box.one-second .wso-h3 { margin-top: 1rem !important; } .wso-showroom:not(.full-width) .wso-img-box .image_wrapper:before { content: none !important; } .wso-showroom:not(.full-width) .wso-img-box:hover .wp-caption-text:before { content: none !important; } .wp-grid-builder .wpgb-card-11 .wpgb-card-media { max-height: 17rem !important; } #Wrapper .wpgb-card-11 .wpgb-card-content.wpgb-scheme-dark .wpgb-card-body { margin: 2rem 0 1rem !important; } .wpgb-card-11 .wpgb-card-content.wpgb-scheme-dark .wpgb-card-body * { max-width: 100% !important; } #Wrapper #Content button.wpgb-button.wpgb-reset { margin-top: 1rem !important; font-size: 1rem !important; } .single-wso_reference #Wrapper .wso-section-intro+.wso-section-text .column_column p:not(.wso-h2) { padding: 0 0rem !important; } .single-wso_reference #Wrapper #Content .wso-section-intro+.wso-section-text .column_column h2 { font-family: var(--font-bold) !important; } .wso-section-image-gallery .wst-wpgb-wrapper .wpgb-card { width: 100% !important; border: 0 !important; margin-bottom: 0rem !important; } #Wrapper #Content .wso-section-image-gallery .section_wrapper, body.single-wso_reference #Wrapper #Content .wso-section-image-gallery .section_wrapper, body.single-wso_jobs #Wrapper #Content .wso-section-image-gallery .section_wrapper { max-width: var(--content-width) !important; } #Wrapper .wso-sec-bookmarks .wso-section-intro .section_wrapper.mcb-section-inner, #Wrapper .wso-sec-bookmarks .wso-section-intro .wrap:not(.wso-hero-img) .mcb-wrap-inner { max-width: 100% !important; margin: 0 auto; } #Wrapper #Content .wso-sec-bookmarks .button { margin-top: 1rem !important; } /*bookmarks*/ #Wrapper .wso-sec-bookmarks .wso-section-hero { max-height: 100% !important; min-height: 100% !important; padding-bottom: 0 !important; } .wso-bookmark-element { flex-direction: column; } .wso-bookmark-wrap-one { /* height: 17rem !important; */ width: 100% !important; margin-bottom: 2rem; } [lang="en-GB"] #Wrapper .wso-bookmark-content p strong, [lang="en-GB"] #Wrapper .single-wso_product .wso-section-text-img:not(.wso-section-cross-selling-product):first-of-type p strong { width: 9rem !important; } .wso-bookmark-wrap-two { margin: 0% !important; width: 100% !important; } .wso-bookmerk-overview .wso-skin-bookmark:not(.wso-skin-bookmark-delete) { right: 3rem !important; } .wso-bookmerk-overview .wso-skin-bookmark.wso-skin-bookmark-delete { right: 0rem !important; } .wso-bookmark-content p { font-size: 1rem !important; } #Wrapper #Content .wpgb-card-11 a.button.button_size_2.button_js { margin-top: 1rem !important; } #Wrapper #Content .accordion .question .answer .section { padding-top: 0rem !important; } .wpgb-card-1 .wpgb-card-body { padding-bottom: 4rem !important; } .wso-cta-bewerbung a.button { width: 50% !important; } #Wrapper .wso-section-text-img.wso-cta-bewerbung .wrap:first-child { padding-right: 0rem !important; } #Wrapper .wso-section-text-img.wso-cta-bewerbung .column_column { padding-bottom: 2rem !important; } .wpgb-card-5 .wpgb-card-body { padding-bottom: 2rem !important; } #Wrapper .wso-h6, #Wrapper h6, #Wrapper .wp-grid-builder .wpgb-card-5 .wpgb-card-content .wso-h4 { font-size: 1rem !important; } #Wrapper .wp-grid-builder .wpgb-card-5 .wpgb-card-content a, .wp-grid-builder .wpgb-card-5 * { font-size: 1rem !important; } .wpgb-grid-35 .wpgb-area-top-2 { bottom: -3.7rem; } .wpgb-grid-37 .wpgb-area-bottom-1 { justify-content: center; margin-top: 2rem; } .wpgb-grid-30 .wpgb-area-top-2 { bottom: -4rem; } #Wrapper #Content .wp-grid-builder .wpgb-card-8 .wpgb-card-content .wso-h3 { font-size: 1.2rem !important; } #Wrapper #Content .wp-grid-builder .wpgb-card-8 .wpgb-card-content .button { font-size: 1.2rem !important; } #Wrapper .wp-grid-builder .wpgb-card-8 .wpgb-card-content .button { margin-bottom: 1rem !important; } .wpgb-grid-33 .wpgb-area-top-1 { display: block !important; } #Wrapper .ui-tabs .ui-tabs-nav { flex-direction: column; flex-wrap: wrap; row-gap: 0rem; } .wso-sec-icon-tabs .ui-tabs-nav { row-gap: 2rem !important; } #Wrapper .ui-tabs .ui-tabs-panel { padding-top: 0 !important; } #Side_slide .wso-menu-search { display: none; } .wso-menu-search { padding: 1rem; } #Wrapper .wpgb-card-11 .wpgb-card-content.wpgb-scheme-dark .wpgb-card-body { margin: 1.5rem 0% 0 !important; } .wso-sec-reference p strong { display: block; } #Wrapper #Content .wso-product-details .column_column { width: 100% !important; padding: 0rem !important; } form label, .wpcf7 .column:not(.wso-input-radio):not(.wso-input-checkbox):not(.wso-input-number):not(.wso-input-datepicker):not(.wso-privacy-notice) label { top: 0.7rem !important; } /* page color */ body:is(.manufaktur, .originy, .experience) #Wrapper #Top_bar { background: var(--color-black) !important; } } @media only screen and (max-width: 599px) { .wso-highlight-button p { font-size: .5rem !important; } .wso-label-fact-icons .column_attr div { padding: 0 1rem !important; } #Wrapper .wso-highlight-button p strong::after { width: 3rem !important; margin: .5rem auto; } .wpgb-card-2 .wpgb-block-1 { bottom: 5.5rem !important; } #Wrapper .wso-section-slider .wso-highlight-button { bottom: 0 !important; } } #Side_slide .wso-burger-menu-items>ul:first-child>li.menu-item-has-children>ul span { font-weight: normal; font-family: var(--font-regular); } #Side_slide #menu .wso-highlight-cta-menu a { font-size: 1rem !important; padding: 2.2rem 2rem 2.2rem 2rem !important; display: block !important; text-align: center; margin: 4rem 7% 2rem !important; } div#Side_slide { border-bottom: 0; height: calc(100% - 5rem) !important; } .wsi-sidebar-open div#Side_slide { width: 100vw; } #Side_slide #menu>ul>li>a, #Side_slide #menu .wso-burger-menu ul.mfn-megamenu>li>ul>li>a { text-align: center; } #Side_slide .wso-burger-menu-items>ul:first-child>li { margin-bottom: 1rem; } #Side_slide #menu ul li a { font-size: 1.55rem !important; } #Side_slide .wso-burger-menu>ul.sub-menu.mfn-megamenu:before { content: ""; display: block; margin: 0rem auto 2.5rem; top: 0; width: 1px; height: 4.5rem; background-color: white !important; transition: all .5s ease-in-out !important; z-index: 2; } #Side_slide .wso-burger-menu-img::after { background-color: rgb(0 0 0 / 80%); } #Side_slide .wso-burger-menu-img:before { content: ""; bottom: 0rem; height: 16rem; width: 100%; background: url(/wp-content/uploads/2021/08/group-1.svg) center left !important; left: 0rem !important; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; pointer-events: none; opacity: 0.7; z-index: 1; } div#Side_slide { height: calc(100% - 7rem); overflow: scroll; } #Side_slide .wso-burger-menu-img { top: 0rem; } #Side_slide #menu { margin-bottom: 0 !important; } #Side_slide .wso-burger-menu>.sub-menu, #Side_slide #menu .wso-burger-menu ul.mfn-megamenu>li>ul>li>.menu-toggle { display: inline-block !important; } #Side_slide .wso-burger-menu-items>ul:first-child>li.menu-item-has-children:hover>ul { max-height: 100% !important; text-align: center; font-size: 1rem !important; } #Side_slide .wso-burger-menu-items>ul:first-child>li.menu-item-has-children:hover>ul span { font-size: 1.3rem !important; } #Side_slide .wso-burger-menu-items>ul:first-child>li>ul>li { display: block; } #Side_slide .wso-burger-menu-img { height: 100vh !important; } #Side_slide .wso-highlight-cta-menu { margin-bottom: 0 !important; } #Side_slide .wso-highlight-cta-menu:hover a { background-color: white !important; } #Side_slide #menu ul li.submenu .menu-toggle { right: -2rem; top: 0.5rem !important; opacity: 1; font-weight: 400 !important; font-family: var(--font-light); font-size: 2.5rem; } #Side_slide #menu ul li.submenu .menu-toggle:before { content: ""; position: absolute; left: -340%; top: 50%; width: 100vw; height: 100%; transform: translate(-50%,-50%); } #Side_slide #menu ul.mfn-megamenu>li:not(.wso-burger-menu-cta)>ul:first-child>li:not(.wso-burger-menu-cta) { width: 70% !important; margin: 0 auto 1rem; } #Side_slide #menu ul li.hover>.menu-toggle:after { content: '+'; } #Side_slide #menu ul li.hover>.menu-toggle { transform: rotate(45deg); transition: all .2s ease-in-out !important; } #Side_slide #menu ul li>.menu-toggle { transform: rotate(0deg); transition: all .2s ease-in-out !important; } #Side_slide .wso-burger-menu-items>ul:first-child>li.menu-item-has-children:hover>ul { margin-bottom: 3rem !important; } #Side_slide #menu ul li>a:hover, #Side_slide #menu ul li.current-menu-item>a, #Side_slide #menu ul li.wso-no-link.hover > a { color: var(--orange); } #Side_slide #menu ul li.wso-no-link>a:hover { background: transparent; } #Side_slide #menu ul li.wso-no-link>a { pointer-events: none; } .originy #Side_slide #menu ul li>a:hover, .originy #Side_slide #menu ul li.current-menu-item>a { background: var(--color-originy); color: var(--color-white); } .experience #Side_slide #menu ul li>a:hover, .experience #Side_slide #menu ul li.current-menu-item>a { background: var(--color-experience); color: var(--color-white); } /* ============================================ CTA group ============================================ */ .wso-fixed-nav { display: none !important; } #wso-cta-group { position: absolute; right: 0 !important; top: 2.4rem; z-index: 9999999 !important; height: 100%; width: 100%; pointer-events: none !important; } #wso-cta-toggle { display: inline-block; width: 3.7rem; height: 3.7rem; left: 1rem; position: fixed; pointer-events: all !important; } 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/10/group-636.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; transition: all .25s ease-out; background-position: center !important; } div#wso-cta-group.wso-active a#wso-cta-toggle:after { transform: none !important; background: url(/wp-content/uploads/2021/10/group-2.svg) no-repeat center !important; background-size: 2rem !important; background-color: var(--orange) !important; width: 3.7rem; height: 3.7rem; border-radius: 50%; } .wso-active #wso-cta-menu { position: fixed; left: 0 !important; list-style: none !important; margin: 0 !important; top: 10rem; width: 100%; display: block; height: calc(100% - 7rem); overflow: scroll !important; max-height: 100%; float: left; padding: 0 !important; pointer-events: all !important; } #wso-cta-group .wso-booking-bar { bottom: 0; top: auto; position: fixed; z-index: 9999; pointer-events: all; } #wso-cta-group button#wso-request { border-bottom: 1px solid rgb(69 66 64 / 15%) !important; } #wso-cta-group:not(.wso-active) .wso-booking-bar { display: none !important; } #wso-cta-group:not(.wso-active) #wso-cta-menu { pointer-events: none !important; } #menu-item-mobile-menu .wso-booking-bar-action:before { content: ""; position: absolute; width: 100%; height: 115%; left: 0; top: 50%; background: #fff; z-index: -1; transform: translateY(-50%); } .wso-megamenu-active #menu-item-mobile-menu .wso-booking-bar-action { display: flex !important; z-index: 9999; } #Wrapper #wso-cta-group .wso-booking-bar .column.one-fourth.wso-request-buttons, #Wrapper #wso-cta-group .wso-booking-bar .wso-booking-bar-action { width: 32% !important; margin: 0px 4% !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: left; } #wso-cta-group #wso-cta-menu li:not(:last-child):after { content: ''; display: block; position: relative; height: 2px !important; width: 74% !important; bottom: -1.4rem; left: auto; background: white; margin: 0 auto; } #wso-cta-group #wso-cta-menu li:not(:last-child):after { display: none; } #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; height: 3rem; /* background: var(--dark-beige); */ /* margin: 0 1rem; */ } ul#wso-cta-menu span { display: inline-block !important; position: absolute; vertical-align: middle !important; width: 21rem !important; padding: 0rem 0; text-align: left; float: left !important; text-transform: uppercase !important; line-height: 1.35em; font-size: 1.3rem; letter-spacing: .1em; font-family: var(--font-regular) !important; padding-left: 4rem; top: 50%; transform: translateY(-50%); left: 0; } #wso-cta-overlay { position: fixed; z-index: 9999999; top: 0; left: 0; right: 0; bottom: 0; /* width: 100%; */ height: 100% !important; opacity: 0; transition: opacity .5s ease, height 0s ease .5s; pointer-events: none !important; } #wso-cta-overlay.wso-active { opacity: 1; transition: opacity .5s ease, height 0s ease 0s; background: var(--dark-beige); height: 100% !important; top: 6rem; background: white; } #wso-cta-overlay.wso-active:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; /* background-color: #ffffff8c; */ } .mfn-megamenu-3 .wso-burger-menu-items .submenu:not(:hover) ul.sub-menu, .mfn-megamenu-3 .wso-burger-menu-items .submenu:not(:hover) ul.sub-menu li { height: 0 !important; pointer-events: none !important; opacity: 0 !important; } .wso-mega-menu-button:after { content: ''; display: inline-block; position: relative; background: url(/wp-content/uploads/2021/10/group-1.svg) no-repeat center; height: 2.5em; width: 3em; background-size: contain !important; vertical-align: middle !important; margin-right: 1em !important; transition: all .2s ease-in-out; cursor: pointer !important; z-index: 9999999999 !important; } .wso-megamenu-active .wso-mega-menu-button:after, .wso-megamenu-active .dark .wso-mega-menu-button:after { background: url(/wp-content/uploads/2021/10/group.svg) no-repeat center; background-size: contain !important; } #wso-cta-menu a { display: block !important; white-space: normal; line-height: 1.1em !important; margin: 0 auto; z-index: 3; font-size: 1rem !important; text-align: center; font-weight: normal !important; height: auto !important; font-size: 1.65rem !important; padding: 0 3.2rem; text-decoration: none !important; font-family: var(--font-regular); } .menu-mobile-cta-menu-container { padding: 0 7% !important; } #wso-cta-menu.wso-active a { pointer-events: all !important; } #wso-cta-menu li a:before { content: ''; display: inline-block; position: absolute; left: 3.8rem; height: 1.9rem; width: 2.05rem; float: left !important; margin-right: 0rem !important; /* vertical-align: middle !important; */ background-repeat: no-repeat; background-position: center left !important; } #wso-cta-menu li { float: left !important; padding: 0.9rem 0 !important; font-family: adobe-garamond-pro, serif; } .wsi-sidebar-open #Top_bar a.responsive-menu-toggle i { background: url(/wp-content/uploads/2021/10/group.svg) no-repeat center; background-size: contain !important; transition: all .3s ease-in-out; } #Top_bar a.responsive-menu-toggle i { transition: all .3s ease-in-out; } #Top_bar a.responsive-menu-toggle i { background-image: url("/wp-content/uploads/2021/10/group-1.svg"); background-size: contain !important; background-repeat: no-repeat; } #Top_bar a.responsive-menu-toggle i:before { content: "" !important; } #Top_bar a.responsive-menu-toggle i { font-size: 1.8rem !important; } .wso-active #wso-cta-menu:after { content: ""; top: 0rem; height: 20rem; width: 100%; background: url(/wp-content/uploads/2021/10/vector-1.svg) center right !important; right: 0rem !important; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; pointer-events: none; opacity: 0.02; z-index: 1; } #Wrapper .wso-highlight-cta-menu a { padding: 1.7rem 3rem 1.7rem 2rem !important; margin-top: 3rem !important; z-index: 9; } #Wrapper .wpgb-grid-34 .wpgb-area-top-1, #Wrapper .wpgb-facet.wpgb-facet-18 { width: 100% !important; max-width: 100% !important; flex: 100%; margin: 0 !important; } .wpgb-facet.wpgb-facet-22 *, .wpgb-facet.wpgb-facet-21 * { text-align: center; } #wso-cta-menu .wso-menu-contact { display: block !important; height: auto !important; } #wso-cta-menu .wso-menu-contact a { font-size: 1.2rem !important; font-family: var(--font-light); } #wso-cta-menu .wso-highlight-cta-menu a:hover { background: black !important; } #wso-cta-menu .wso-highlight-cta-menu:hover a::after { background: url('/wp-content/uploads/2021/08/arrow.svg') center center !important; background-repeat: no-repeat !important; } #Wrapper #wso-cta-group #wso-cta-menu .wso-menu-cta::after { display: block; position: relative; height: 1.2rem !important; margin-top: 1rem !important; margin: 1rem auto 0 !important; background: url(/wp-content/uploads/2021/08/arrow-1.svg) center center !important; background-size: contain !important; background-repeat: no-repeat !important; width: auto; bottom: auto !important; } #Wrapper #wso-cta-menu .wso-menu-cta a { text-transform: uppercase !important; letter-spacing: 0.1em !important; color: var(--orange) !important; } #Wrapper #wso-cta-group .wso-menu-cta { margin-bottom: 2.5rem !important; } #wso-cta-menu .wso-highlight-cta-menu a { font-size: 1rem !important; } #wso-cta-menu .wso-menu-cta:first-of-type { display: block !important; } #wso-cta-group.wso-active #wso-cta-menu { text-align: center; } #wso-cta-group.wso-active #wso-cta-menu .lang-item { float: none !important; display: inline-block; width: auto !important; padding-top: 2rem !important; vertical-align: middle; } #wso-cta-group.wso-active #wso-cta-menu .lang-item a { font-size: 1.15rem !important; padding: 0 0.9rem; font-family: var(--font-light); } #wso-cta-group.wso-active #wso-cta-menu .lang-item.current-lang a { font-family: var(--font-bold); } /* ============================================ Surface ============================================ */ .wso-surface { position: relative; height: 17rem; padding: 0rem; width: 20%; min-width: 5%; transition: all .5s ease-in-out !important; overflow: hidden; } .wso-surface-img { position: absolute; top: 0; left: 0; height: 100%; pointer-events: none; overflow: hidden; width: 100%; } .wso-surface-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-surface p.wso-h5 { position: absolute; z-index: 2; color: white; transform: translate(-50%, 0%) rotate(-90deg); margin-bottom: 0 !important; top: 55%; left: 2rem; letter-spacing: 0.25em !important; font-size: 1.1rem !important; font-family: var(--font-regular) !important; text-align: right !important; width: 18rem; } .wso-surface-content * { color: white !important; } .wso-surface-content p.wso-h3 { margin-bottom: 1rem !important; } #Wrapper .wso-sec-surfaces a.button span { text-transform: none !important; font-size: 0.85rem !important; } #Wrapper .wso-sec-surfaces a.button { margin-top: 0.5rem !important; } .wso-surface-content img { height: 2rem !important; margin-bottom: 0.5rem; -webkit-filter: invert(1000000); filter: invert(100000) brightness(10000); width: auto; } .wso-surface-content { position: absolute; top: 50% !important; left: 50%; transform: translate(-50%, -50%); z-index: 2; opacity: 0; width: 30rem; } .wso-surface:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgb(0 0 0 / 70%); z-index: 1; opacity: 1; transition: all .2s ease-in-out !important; } .wso-surface:not(:hover):before { background-color: rgb(0 0 0 / 20%); } .wso-surface:hover .wso-surface-content, .wso-surface:hover:before { opacity: 1; transition: all 2s ease-in-out !important; } .wso-surface p.wso-h5 { opacity: 1; transition: all .5s ease-in-out !important; } .wso-surface:hover p.wso-h5 { opacity: 0; transition: all .5s ease-in-out !important; } .wso-surface:hover { min-width: 52%; transition: all 1s ease-in-out !important; } #Content .wso-wrap-code .wso-surfaces { display: flex; flex-direction: unset; justify-content: left !important; align-items: left; } .wso-surface-content p { pointer-events: none !important; } .single-wso_product .wso-section-text-img p, .wso-sec-reference p, .wso-two-columns-price-availability p { margin-bottom: 0.5rem !important; } .single-wso_product .wso-section-text-img.wso-product-intro .wso-h4:has(+ .wso-price-availability) { margin-top: 3rem; } .single-wso_product .wso-section-text-img.wso-product-intro .wso-price-availability .wso-title strong { min-width: 17rem !important; } .wp-grid-builder.wpgb-grid-27 { padding-top: 3rem; } .wso-section-cross-selling-product .wso-cross-selling-product-title { hyphens: auto; } .wso-reference-cta, .wso-surfaces-cta { width: 16.6%; min-width: 16.6%; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.2em; font-family: var(--font-regular); padding: 5% 4% 3%; } .wso-reference-cta a, .wso-surfaces-cta a { color: var(--orange) !important; text-transform: uppercase; text-decoration: none !important; } .wso-reference-cta a:after, .wso-surfaces-cta a:after { content: "" !important; display: block; margin: 2rem auto 0; background: url('/wp-content/uploads/2021/08/arrow-1.svg') center center !important; height: 2rem; margin-right: 0; background-repeat: no-repeat !important; transition: all .2s ease-in-out !important; } .wso-reference-cta a:hover:after, .wso-surfaces-cta a:hover:after { margin-right: -1.5rem !important; transition: all .2s ease-in-out !important; } @media only screen and (max-width: 1239px) { .single-wso_product .wso-section-text-img.wso-product-intro .wso-price-availability { display: flex; flex-direction: column; } .single-wso_product .wso-section-text-img.wso-product-intro .wso-price-availability:not(:first-of-type) { margin-top: 1rem; } .single-wso_product .wso-section-text-img.wso-product-intro .wso-price-availability .wso-title strong { min-width: fit-content !important; } } /* ============================================ Reference ============================================ */ .wpgb-grid-34 .wpgb-card-1 .wpgb-card-wrapper { margin-left: 5rem !important; margin-right: 0rem !important; } .wpgb-area-top-1 .wpgb-facet>fieldset:last-child { margin-bottom: 3.5rem !important; } .wso-reference-cta { width: 50% !important; text-align: center; display: inline-block; margin-bottom: 2rem; padding-top: 0 !important; vertical-align: top; } .wso-reference-surfaces { width: 18%; display: inline-block; text-align: center; font-family: var(--font-regular); } #Wrapper .wso-sec-reference h2::first-line { font-family: var(--font-light) !important; } #Wrapper .wso-sec-reference h2 { font-family: var(--font-bold) !important; } .wso-reference-surfaces img { height: 2rem !important; width: auto; margin: 0.5rem 0; } .wso-sec-reference p strong { font-family: var(--font-regular) !important; font-weight: normal; text-transform: uppercase; width: 9rem !important; display: inline-block; letter-spacing: 0.1em; } .wso-reference-cta a:after { margin-top: 1rem; } .wso-sec-reference p a { opacity: 0.5; } .wso-sec-reference.wso-section-text-img .column_column { padding: 0 !important; } .single-wso_reference .wso-section-intro+.wso-section-text .column_column { padding: 0 0rem !important; } .single-wso_reference .wso-section-intro+.wso-section-text .column_column p:not(.wso-h2) { padding: 0 16rem !important; } .single-wso_reference #Wrapper #Content .wso-section-intro+.wso-section-text .column_column p.wso-h2:first-line, .single-wso_reference #Wrapper #Content .wso-section-intro+.wso-section-text .column_column p.wso-h2 { margin-bottom: 0 !important; font-family: var(--font-light) !important; } #Wrapper .wso-reference-tax { font-size: 0.75rem; line-height: 1.1em; text-transform: uppercase; letter-spacing: 0.12em; font-family: var(--font-regular); text-transform: uppercase; color: var(--orange); position: absolute; transform: rotate(-90deg) translate(-100%, 0%); text-align: right; transform-origin: 0% 100%; bottom: 0; left: -1rem; } .wp-grid-builder .wpgb-card-1 .wpgb-card-media, .wp-grid-builder .wpgb-card-1 .wpgb-card-media-content-top { overflow: visible !important; } .wpgb-grid-27:after { content: ""; position: absolute; height: 100%; width: 6rem; top: 0; right: 0; z-index: 2; background: rgb(255 255 255 / 60%); } .wpgb-card-1:hover .wpgb-card-media .wpgb-card-media-thumbnail::after { opacity: 1; transition: all .2s ease-in-out !important; } .wpgb-card-1 .wpgb-card-media .wpgb-card-media-thumbnail::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgb(0 0 0 / 32%); z-index: 8; visibility: visible; height: 100%; width: 100%; opacity: 0; transition: all .2s ease-in-out !important; } .wpgb-card-9:hover .wpgb-card-media .wpgb-card-media-thumbnail, .wpgb-card-7:hover .wpgb-card-media .wpgb-card-media-thumbnail { transform: scale(1.1) !important; transition: all .3s ease-in-out !important; } /* ============================================ Products ============================================ */ .single-wso_label .wso-showroom .wso-wrap-content { display: none; } .single-wso_label .wpgb-facet.wpgb-facet-9 { /*opacity: 0.4 !important;*/ /*pointer-events: none;*/ } .single-wso_label .wso-surface { position: relative; height: 27rem; } .single-wso_label .wso-surface p.wso-h5 { top: 35%; } /*FILTER*/ .wso-section-intro a.wso-scroll-down img { height: 2.5rem !important; } div#wso-list-results-scroll-anchor { padding-left: 4.5rem; } #Wrapper .wpgb-card-7 .wso-h3 { margin-bottom: 0 !important; margin-top: 1.3rem !important; text-align: left !important; color: black !important; font-size: 0.9rem !important; margin-left: 0 !important; } .wpgb-card-7 .wso-container-price { text-align: left; letter-spacing: 0.08rem; font-size: 0.8rem !important; margin: 0 !important; margin-top: 0.2rem !important; } .wpgb-card-7 .wso-container-price .wso-title { display: none; } .wpgb-card-7 .wso-container-price span { margin-right: 0.3rem !important; } .wpgb-card-7 .wso-container-price span:empty { display: none; } .wpgb-card-7 .wso-container-price .wso-title + span { /* letter-spacing: 0 !important; */ } .wso-search-box { border: 1px solid black; padding: 0 2.8rem 3rem; min-height: 30rem; } .wso-search-box:before { content: ""; display: block; margin: 0 auto 1rem; top: 0; width: 1px; height: 3.5rem; background-color: black; transition: all .5s ease-in-out !important; } #Wrapper .wso-search-box .wso-h2 { text-align: center; font-size: 2.1rem !important; } .wpgb-facet { padding: 0 0.5rem } .wpgb-facet>fieldset:last-child { margin-bottom: 1.8rem !important; } .wpgb-geolocation-input .wpgb-input, #Wrapper .wpgb-select-placeholder>.wpgb-select-value, #Wrapper select.wpgb-sort.wpgb-select, #Wrapper .wpgb-select-placeholder input[type="text"] { padding: 0 !important; text-transform: uppercase; font-family: var(--font-regular); font-size: 0.8rem !important; letter-spacing: 0.1em; } #Wrapper h4.wpgb-facet-title { font-size: 0.8rem !important; margin-bottom: 0 !important; font-family: var(--font-light); color: black; } /* Product and merchant filter boxes: hide WPGB facet titles. Titles stay set in WPGB admin for Polylang (Gridbuilder). Dropdown/search placeholders already show the same labels. */ #Wrapper .wso-search-box h4.wpgb-facet-title { display: none; } /* Pagination facet title: hide globally (grids 29/34/37). Title stays set in WPGB admin; the numbered controls are enough. */ #Wrapper .wpgb-facet-8 h4.wpgb-facet-title { display: none; } /* Referenzen filters: radio (18) and mobile select (21). Choice labels already name the filter; keep WPGB titles for Polylang. */ #Wrapper .wpgb-facet-18 h4.wpgb-facet-title, #Wrapper .wpgb-facet-21 h4.wpgb-facet-title { display: none; } #Wrapper .wpgb-select .wpgb-select-controls button.wpgb-select-clear:hover { background: transparent !important; } #Wrapper .wpgb-select .wpgb-select-controls button.wpgb-select-clear:before { content: ""; position: absolute; top: 0; height: 100%; width: 0.7rem; background: url(/wp-content/uploads/2021/09/group-5.svg) center center !important; background-size: 0.6rem !important; background-repeat: no-repeat !important; right: 0 !important; } .wpgb-select-placeholder { margin: 0 !important; text-transform: uppercase !important; } .wpgb-geolocation-input .wpgb-input, select.wpgb-sort.wpgb-select, .wpgb-facet .wpgb-input, .wpgb-facet .wpgb-select, .wpgb-facet .wpgb-button:not(button), .wpgb-facet .wpgb-radio .wpgb-radio-control, .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control, .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control:before { border: 0px !important; border-bottom: 1px solid black !important; border-radius: 0 !important; } .wpgb-facet select.wpgb-select+.wpgb-select-controls .wpgb-select-separator, .wpgb-select .wpgb-select-controls .wpgb-select-separator { display: none; } .wpgb-facet select.wpgb-select+.wpgb-select-controls button:before, #Wrapper .wpgb-select .wpgb-select-controls button:before { content: ""; position: absolute; height: 100%; top: 0; width: 1rem; background: url('/wp-content/uploads/2021/09/rectangle-127.svg') center center !important; background-size: 0.9rem !important; background-repeat: no-repeat !important; right: 0 !important; } .wpgb-facet select.wpgb-select+.wpgb-select-controls svg, .wpgb-select button svg { opacity: 0; } #Wrapper #Content button.wpgb-select-toggle:hover { background-color: transparent !important; } select.wpgb-sort.wpgb-select { padding: 0 !important; } #Wrapper button.wpgb-button.wpgb-reset { border: 0px !important; padding: 0 !important; padding-left: 1.7rem !important; text-transform: none !important; letter-spacing: 0.05 !important; color: var(--orange) !important; font-size: 0.85rem !important; text-align: left; } #Wrapper button.wpgb-button.wpgb-reset:hover { background: transparent !important; } #Wrapper button.wpgb-button.wpgb-reset:before { content: ""; position: absolute; left: 0 !important; width: 0.8rem; height: 100%; background: url(/wp-content/uploads/2021/09/group-6.svg) center left !important; background-size: contain !important; background-repeat: no-repeat !important; } #Wrapper #Content .wso-parkett-finder { margin-top: -3rem !important; z-index: 2; text-align: center; } .wpgb-grid-29 .wpgb-layout { padding-bottom: 4rem; } /* Dropdown */ .wpgb-select-dropdown { border-radius: 0 !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .wpgb-select-dropdown ul li.wpgb-focused { background-color: var(--orange) !important; color: white !important; } .wpgb-select-dropdown ul li[aria-selected="true"] { background-color: var(--orange) !important; color: white !important; } .wpgb-select-dropdown ul li { padding: .75em !important; line-height: 1.4em !important; font-size: .9rem !important; } /*sticky*/ .wso-sticky-anchor .wrap.one-fourth { position: static !important; width: 27%; } .wso-sticky.stick { position: fixed !important; } .wso-sticky.stick-absolute { position: absolute !important; top: auto !important; } div#wso-list-results-scroll-anchor { float: right; width: 73%; } .wso-label-fact-icons .column_attr { display: flex; flex-direction: unset; justify-content: center !important; align-items: center; } .wso-label-fact-icons { margin-bottom: 0 !important; } .wso-label-fact-icons .wso-trigger { margin-bottom: 3rem; } .wso-label-fact-icons .column_attr div { padding: 0 2rem; line-height: 1.1em; font-family: var(--font-regular); position: relative; transition: all .2s ease-in-out !important; pointer-events: all; cursor: pointer; } .wso-label-fact-icons .column_attr div:hover { transition: all .2s ease-in-out !important; } .wso-label-fact-icons .column_attr div:after, .wso-sec-icon-tabs .ui-tabs-nav li div.wso-trigger:after { content: ""; display: block; background: url(/wp-content/uploads/2021/09/rectangle-133.svg) center center !important; background-size: contain !important; background-repeat: no-repeat !important; transition: all .2s ease-in-out !important; margin: 1rem auto; height: 1rem; width: 1.5rem; } .originy .wso-label-fact-icons .column_attr div:after { background: url(/wp-content/uploads/2025/09/arrow-down-white-hafro.svg) center center !important; color: transparent !important; } .wso-label-fact-icons .column_attr div:before { content: ""; display: block; background: url(/wp-content/uploads/2021/09/group-657.svg) center center !important; background-size: 3rem !important; background-repeat: no-repeat !important; transition: all .2s ease-in-out !important; margin: -1rem auto 0.5rem; height: 3.5rem; width: 3.5rem; } #Wrapper .wso-label-fact-icons .column_attr div:hover:before { background-size: 3.4rem !important; transition: all .2s ease-in-out !important; } .wso-label-fact-icons .column_attr div p { height: 2rem; } .wso-label-fact-icons .column_attr div.active:after, .wso-sec-icon-tabs .ui-tabs-nav li div.wso-trigger.active:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .wso-label-fact-icons .column_attr div:nth-child(2):before { background: url(/wp-content/uploads/2021/09/group-656.svg) center center !important; background-size: 3rem !important; background-repeat: no-repeat !important; } .wso-label-fact-icons .column_attr div:nth-child(3):before { background: url(/wp-content/uploads/2021/09/group-655.svg) center center !important; background-size: 3rem !important; background-repeat: no-repeat !important; } .wso-label-fact-icons .column_attr div:nth-child(4):before { background: url(/wp-content/uploads/2021/09/group-654.svg) center center !important; background-size: 3rem !important; background-repeat: no-repeat !important; } .wso-section-intro * { color: white; } div#wso-list-results-scroll-anchor .column_attr .wst-wpgb-wrapper { min-height: 41.8rem !important; } /*DETAIL*/ .single-wso_label #Wrapper #Content h1::first-line { font-family: var(--font-light) !important; } .single-wso_label #Wrapper #Content h1 { font-family: var(--font-bold) !important; } .single-wso_product #Wrapper #Content h1 { font-family: var(--font-light) !important; /* width: 80%; */ } .single-wso_product #Wrapper #Content h1::first-line { font-family: var(--font-bold) !important; } #Wrapper .wso-section-text-img:first-of-type { padding-top: 8rem !important; } .wso-section-text-img .wso-skin-bookmark a:after, .wso-section-text-img .wso-skin-bookmark a:before { width: 2.4rem; height: 2.4rem; } .wso-section-text-img .wso-skin-bookmark { top: 1.1rem; right: 1.3rem; } .wso-product-properties { font-family: var(--font-regular); line-height: 1em; display: flex; flex-direction: unset; margin-bottom: 3rem; margin-top: 4rem !important; } #Wrapper #Content .section.wso-accordion-sec .wso-section-cross-selling-product .wrap a.button.wso-cross-selling-product-button { margin-inline: 0 !important; margin-top: 1rem !important; padding-right: 0 !important; color: var(--color-black) !important; } #Wrapper #Content .section.wso-accordion-sec .wso-section-cross-selling-product .wrap a.button.wso-cross-selling-product-button:hover { color: var(--orange) !important; } #Wrapper #Content .section.wso-accordion-sec .wso-section-cross-selling-product .wrap a.button.wso-cross-selling-product-button:hover:after { background: var(--orange) !important; } .wso-product-properties p { padding-right: 3rem !important; font-size: 0.9rem; } .wso-bookmark-content p strong, .single-wso_product .wso-section-text-img:first-of-type p strong, .single-wso_product .wso-title strong { font-family: var(--font-regular) !important; font-weight: normal; text-transform: uppercase; display: inline-block; letter-spacing: 0.1em; } .wso-bookmark-content p strong, .single-wso_product .wso-section-text-img:not(.wso-section-cross-selling-product):first-of-type p strong { width: 6rem !important; } [lang="en-GB"] .wso-bookmark-content p strong, [lang="en-GB"] .single-wso_product .wso-section-text-img:not(.wso-section-cross-selling-product):first-of-type p strong { width: 8rem !important; } .wso-bookmark-content .wso-container-price { margin-top: 1rem; letter-spacing: 0.08rem; } .wso-bookmark-content .wso-container-price .wso-title + span { margin-right: 0.3rem; letter-spacing: 0; } html[lang="en-GB"] .single-wso_product .wso-section-text-img:first-of-type p strong { width: 9rem !important; } @media only screen and (max-width: 767px) { html[lang="en-GB"] .single-wso_product .wso-section-text-img:first-of-type p strong { width: 10rem !important; } .wpgb-card-7 .wso-container-price { font-size: 0.95rem !important; line-height: 1.2rem !important; margin-top: 0.5rem !important; } } #Wrapper .wso-product-details .column_column { width: 25%; padding: 0 2rem; margin: 0 !important; text-align: center; } #Wrapper .wso-product-details .column_column p { margin-bottom: 0 !important; line-height: 1.4em; } #Wrapper .wso-product-details .column_column h5, #Wrapper .wso-product-details .column_column .wso-h5 { margin-bottom: 1.5rem !important; color: var(--orange); font-family: var(--font-regular); font-weight: normal; letter-spacing: 0.15em; } #Wrapper .wso-product-details .column_column img { max-height: 3.5rem; width: auto; margin-bottom: 2.5rem; } #Wrapper .wso-product-details .column_column:first-child { padding-left: 0 !important; } #Wrapper .wso-product-details .column_column:last-child { padding-right: 0 !important; } #Wrapper .wso-cta-bewerbung .button:hover span, #Wrapper .wso-cta-bewerbung .button span, .wso-sec-cta-icons a { text-transform: uppercase; font-family: var(--font-regular) !important; color: var(--orange); font-size: 1.18rem; line-height: 1.6rem; letter-spacing: 0.27rem !important; width: 33%; min-width: 33%; max-width: 33% !important; text-decoration: none !important; font-weight: normal !important; } .wso-sec-cta-icons .column { width: 100% !important; padding: 0 !important; margin: 0 !important; } .wso-sec-cta-icons .column_attr { align-items: start; padding: 0 2rem; } .wso-cta-bewerbung .button span:after, .wso-sec-cta-icons a:after { content: "" !important; display: block; margin: 2rem auto 0; background: url('/wp-content/uploads/2021/08/arrow-1.svg') center center !important; height: 2rem; margin-right: 0; background-repeat: no-repeat !important; transition: all .2s ease-in-out !important; } .wso-cta-bewerbung .button:hover span:after, .wso-sec-cta-icons a:hover:after { margin-right: -1.5rem !important; transition: all .2s ease-in-out !important; } .wso-cta-bewerbung .button:before, .wso-sec-cta-icons a:before { content: "" !important; display: block; margin: 0rem auto 1.8rem; background: url('/wp-content/uploads/2021/09/xmlid-1.svg') center center !important; height: 3rem; margin-right: 0; background-size: 2.7rem !important; background-repeat: no-repeat !important; transition: all .5s ease-in-out !important; } .wso-sec-cta-icons a:nth-child(2):before { background: url('/wp-content/uploads/2021/09/frame-4.svg') center center !important; background-repeat: no-repeat !important; transition: all .5s ease-in-out !important; } .wso-cta-bewerbung .button:before, .wso-sec-cta-icons a:nth-child(3):before { background: url('/wp-content/uploads/2021/09/frame-5.svg') center center !important; background-repeat: no-repeat !important; transition: all .5s ease-in-out !important; } .wso-cta-bewerbung .button:hover:before, .wso-sec-cta-icons a:hover:before { transform: scale(1.1); transition: all .5s ease-in-out !important; } .single-wso_product .wso-wrap-button-content { padding-top: 4rem; } #Wrapper .wpgb-area-top-2 { justify-content: space-between !important; } .wpgb-area-top-2 { position: absolute; top: 40%; width: 100%; z-index: 4; justify-content: space-between; left: 0 !important; margin: 0 !important; } .wpgb-area-top-2 .wpgb-prev-button { left: -10rem !important; } .wpgb-area-top-2 .wpgb-next-button { right: -10rem !important; } .single-wso_product .wso-section-cross-selling-product .wso-h2:not(:has(+ .wso-cross-selling-product-desc)), .single-wso_product .wso-section-cross-selling-product .wso-h2 + .wso-cross-selling-product-desc { margin-bottom: 2rem !important; } .single-wso_product .wso-section-cross-selling-product p.wso-cross-selling-product-info, .single-wso_product .wso-section-cross-selling-product .wso-container-price, .wso-two-columns-price-availability .wso-price-availability { /* display: flex; */ /* flex-direction: row; */ /* align-content: center; */ /* align-items: center; */ /* column-gap: 0rem; */ } .single-wso_product .wso-section-cross-selling-product .wso-container-price { /* column-gap: 0; */ } .single-wso_product #Wrapper .wso-section-cross-selling-product p span, .wso-two-columns-price-availability .wso-price-availability .wso-title { margin-bottom: 0 !important; } .wso-two-columns-price-availability .wso-h4 { margin-bottom: 2rem !important; } .wso-two-columns-price-availability .wso-wrap-product-price-info .wso-price-availability .wso-title { min-width: 63%; } .wso-two-columns-price-availability .wso-wrap-product-price-info { padding-right: 0 !important } @media only screen and (max-width: 1239px) { .wso-two-columns-price-availability .wso-wrap-product-price-info .wso-price-availability { display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; column-gap: 2rem; margin-bottom: 1rem !important; } } @media only screen and (max-width: 767px) { .single-wso_product .wso-section-cross-selling-product { margin-bottom: 2rem; } .single-wso_product .wso-section-cross-selling-product .wso-h2 { margin-bottom: 1rem !important; } .single-wso_product #Wrapper .wso-section-cross-selling-product p span.wso-title { min-width: 5rem; } .wso-two-columns-price-availability .wso-wrap-product-price-info { margin-bottom: 3rem; } .wso-two-columns-price-availability .wso-price-availability .wso-title { font-size: 1rem; } } /* ============================================ Sorting ============================================ */ .wpgb-card-13 .wso-sorting-image { margin-bottom: 1.3rem !important; aspect-ratio: 1 / 1; } .wpgb-card-13 .wso-sorting-image img { object-fit: cover; height: 100% !important; } #Wrapper .wpgb-card-13 * { text-align: left; } #Wrapper .wpgb-card-13 .wso-h3 { margin-bottom: 0.55rem !important; } @media only screen and (max-width: 767px) { .wpgb-grid-39 .wpgb-area-top-2 { position: relative; margin-bottom: 1.5rem !important; } } /*Kontakt*/ #Wrapper .wso-section-multi-column .wso-section-text .column { padding: 0 1rem !important; } /*QOUTE*/ .wso-border-bottom:after { content: "" !important; position: absolute; height: 1px; background: var(--orange); bottom: 0rem; width: var(--content-width) !important; left: 50%; transform: translate(-50%, 0%); box-sizing: border-box; } .wso-border-top::before { content: "" !important; position: absolute; height: 1px; background: var(--orange); top: 0rem; width: var(--content-width) !important; left: 50%; transform: translate(-50%, 0%); box-sizing: border-box; } .wso-autor-img { width: 6rem; height: 6rem; border-radius: 50%; margin: 0 auto 2rem; position: relative; } .wso-autor-img:after { content: ""; position: absolute; right: -1rem; background: url(/wp-content/uploads/2020/04/quote.svg) top center !important; background-size: contain !important; background-repeat: no-repeat !important; height: 100%; width: 3.3rem; top: -0.7rem; } .wso-autor-img img { border-radius: 50%; -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-section-quote p.wso-h4 { text-transform: none !important; letter-spacing: .01em !important; font-size: 2rem !important; font-weight: normal !important; font-family: var(--font-regular); margin-bottom: 3rem !important; color: black !important; } #Wrapper .wso-section-quote p { text-transform: uppercase; letter-spacing: 0.25em; margin-bottom: 0 !important; font-size: 0.85rem !important; } /* ============================================ Jobs ============================================ */ /*Detail*/ .single-wso_jobs #Wrapper .wso-section-intro+.wso-section-text-img h2, .single-wso_jobs #Wrapper .wso-section-intro+.wso-section-text-img h1 { font-family: var(--font-bold); } .single-wso_jobs #Wrapper .wso-section-intro+.wso-section-text-img h2:first-line, .single-wso_jobs #Wrapper .wso-section-intro+.wso-section-text-img h1:first-line { font-family: var(--font-light); } .single-wso_jobs #Wrapper .wso-section-intro+.wso-section-text-img a.button span { position: relative; color: var(--orange) !important; font-family: var(--font-regular); padding-right: 2rem !important; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 0.1em !important; text-decoration: none !important; transition: all .5s ease-in-out !important; } .single-wso_jobs #Wrapper .wso-section-intro+.wso-section-text-img a.button span::after { content: ""; position: absolute; right: 0rem; background: url('/wp-content/uploads/2021/08/arrow-3.svg') center center !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; height: 100%; width: 1.3rem; top: 0; } .single-wso_jobs #Wrapper .wso-section-intro+.wso-section-text-img a.button:hover span::after { right: -0.2rem; } .single-wso_jobs #Wrapper .wso-section-intro+.wso-section-text-img a.button:after { content: none !important; } .single-wso_jobs .wso-section-image-gallery * { text-align: center; } .single-wso_reference #Wrapper .wso-section-image-gallery .section_wrapper, .single-wso_jobs #Wrapper .wso-section-image-gallery .section_wrapper { max-width: 100% !important; } .wso-cta-bewerbung a.button { width: 30%; } .wso-cta-bewerbung a.button:after { content: none !important; } #Wrapper #Content .wso-cta-bewerbung a.button:before { content: "" !important; display: block !important; } .wso-section-text-img.wso-cta-bewerbung .wrap:first-child { padding-right: 5rem !important; } .wso-section-text-img.wso-cta-bewerbung .column_column { padding-top: 1rem !important; padding-bottom: 7rem !important; } .single-wso_jobs #Wrapper .wso-section-image-gallery { padding-bottom: 5rem !important; } /*Form*/ .dnd-upload-status .dnd-upload-details .name { color: var(--orange); } .dnd-upload-status .dnd-upload-details .dnd-progress-bar span { background: var(--orange); border-radius: 0 !important; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar { border-radius: 0; } .dnd-upload-status .dnd-upload-image { width: 3.5rem; height: 3.5rem; } .codedropz-upload-handler { border-radius: 0; border: 1.5px dashed #000000; } .dnd-upload-status .dnd-upload-details .name em { font-style: normal; font-weight: normal; } /*Skin*/ .wp-grid-builder .wpgb-metro .wpgb-card-10 .wpgb-card-inner .wpgb-card-media { background: rgb(0 0 0 / 3%) !important; transition: all .3s ease; } .wp-grid-builder .wpgb-metro .wpgb-card-10:hover .wpgb-card-inner .wpgb-card-media { background: rgb(0 0 0 / 10%) !important; transition: all .3s ease; } .wp-grid-builder .wpgb-metro .wpgb-card-10 .wpgb-card-inner * { color: black; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-3.wpgb-card[data-nothumb] .wpgb-card-inner .wso-h5, #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-10 .wpgb-card-inner .wso-h5 { color: var(--orange) !important; margin-bottom: 3rem; font-size: 0.8rem !important; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-10 .wpgb-card-inner p.wso-h3 { text-transform: none !important; font-size: 1.7rem !important; line-height: 1.2em !important; letter-spacing: 0.1em !important; font-family: var(--font-regular) !important; margin-bottom: 2rem !important; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-10 .wpgb-card-inner p.wso-h3 { margin-bottom: 1rem !important; } .wp-grid-builder .wpgb-metro .wpgb-card-10 .wpgb-card-media-content-bottom:after { content: none !important; } .wp-grid-builder .wpgb-metro .wpgb-card-10 .wpgb-card-media-content-bottom { transform: translate(-50%, -0%) !important; padding: 2rem !important; top: 50%; left: 50%; height: 100%; } #Wrapper .wp-grid-builder .wpgb-card-10 p.wso-news-skin-event-date.wso-h4 { font-size: 4.5rem !important; font-family: var(--font-light); letter-spacing: 0.1em; margin-bottom: 3rem; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-10 .wpgb-card-inner p:not(.wso-news-skin-event-date) { max-width: 100% !important; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-10 .wpgb-card-inner p:not(.wso-news-skin-event-date) { max-width: 19rem !important; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-10 p.wso-h5 { font-family: var(--font-regular); font-weight: normal !important; margin-bottom: 1rem; } /* ============================================ Downloads ============================================ */ .wso-download p.wso-h5 { color: var(--orange) !important; width: 55%; margin-bottom: 0 !important; } .wso-download * { text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 0 !important; } .wso-download p { width: 15%; } .wso-download-button, .wso-download p { display: inline-block; } .wso-download-button { float: right; } .wso-download a { position: relative; color: var(--orange) !important; font-family: var(--font-regular); padding-right: 2rem; margin-right: 0.5rem !important; text-transform: uppercase; text-decoration: none !important; margin: 0; } .wso-download a::after { content: ""; position: absolute; right: 0rem; background: url(/wp-content/uploads/2021/08/arrow-3.svg) center center !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; height: 100%; width: 1.3rem; top: 0; } .wso-download a:hover::after { right: -0.2rem; } .wso-download:not(:last-of-type) { padding-bottom: 3rem; margin-bottom: 3rem !important; border-bottom: 1px solid rgb(44 44 44 / 10%) !important; } .wp-grid-builder .wpgb-card-8 .wpgb-card-content * { text-align: left !important; } #Wrapper .wp-grid-builder .wpgb-card-8 .wpgb-card-content .wso-h3 { margin-bottom: 0 !important; color: black !important; font-size: 0.9rem !important; margin-top: 2rem !important; } #Wrapper .wp-grid-builder .wpgb-card-8 .wpgb-card-content .button { margin-top: 0 !important; } #Wrapper .wp-grid-builder .wpgb-card-8 .wpgb-card-content .button:hover span { letter-spacing: 0.1em !important; } #Wrapper #Content .wp-grid-builder .wpgb-card-8 .wpgb-card-content .button { position: relative; color: var(--orange) !important; font-family: var(--font-regular); padding-right: 2rem !important; margin-right: 1rem !important; text-transform: uppercase !important; font-size: 0.9rem; letter-spacing: 0.1em !important; text-decoration: none !important; margin: 0 2rem; } #Wrapper #Content .wp-grid-builder .wpgb-card-8 .wpgb-card-content .button::after { content: ""; position: absolute; right: 0rem !important; left: auto !important; background: url(/wp-content/uploads/2021/08/arrow-3.svg) center center !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 2; transition: all .2s ease-in-out !important; height: 100% !important; width: 1.3rem !important; top: 0 !important; } #Wrapper #Content .wp-grid-builder .wpgb-card-8 .wpgb-card-content .button:hover::after { right: -0.2rem !important; } /*MEMBER LOGIN */ .password-reset-header:first-line { font-weight: 700; font-family: var(--font-bold); } #Wrapper a.button.wso-login, #Wrapper a.button.wso-logout { margin: 0; padding: 0; box-sizing: border-box; margin: 0rem .05rem 0 !important; padding: 1.5rem 3rem 1.5rem 1.5rem !important; display: inline-block; border-radius: 0 !important; color: white !important; background-color: var(--orange) !important; border: 1px solid var(--orange) !important; box-shadow: none !important; transition: all .2s ease-in-out !important; font-weight: normal !important; } #Wrapper a.button.wso-login::after, #Wrapper a.button.wso-logout::after { content: ""; top: 0; height: 100%; width: 1.2rem !important; background: url('/wp-content/uploads/2021/08/arrow.svg') center center !important; right: 1.2rem !important; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; z-index: 2; left: auto !important; } #Wrapper a.button.wso-login:hover, #Wrapper a.button.wso-logout:hover { background-color: black !important; border: 1px solid black !important; transition: all .2s ease-in-out !important; } #Wrapper .wso-member-login h1:not(.wso-h3), #Wrapper .wso-member-login h2:not(.wso-h3) { font-size: 2.5rem !important; line-height: 1.1em !important; text-transform: uppercase; margin-bottom: 0rem; letter-spacing: 0.15em; } #Wrapper .wso-member-login h2, #Wrapper .wso-member-login h2:first-line { font-family: var(--font-light) !important; font-weight: 300 !important; margin-bottom: 1.5rem !important; } .wso-member-login p.message.register { display: none !important; } .wso-member-login .wso-wrap-code * { text-align: left; } .wso-member-login .login-error { border: 0 !important; background: var(--orange); color: white; text-transform: uppercase; font-family: var(--font-regular); } .register-info { border: 0 !important; background: var(--orange); color: white; text-align: center !important; font-family: var(--font-regular); font-weight: normal !important; position: absolute; z-index: 9999; height: 100%; width: 100%; font-size: 1.4rem; line-height: 1.4em; text-transform: uppercase; padding: 50% 20% !important; } .wso-member-login .button { width: auto !important; min-width: auto !important; } div#register { position: relative; } @media only screen and (max-width: 1023px) { #Wrapper .wso-member-login .wso-wrap-code .column_attr>div { width: 100% !important; margin-bottom: 6rem; } } #Wrapper #Content .wso-member-login input[type="submit"] { padding-right: 3.5rem !important; } #Wrapper #Content .wso-member-login input[type="submit"] { width: auto !important; min-width: auto; } .wso-member-login input#wp-submit:hover { background-color: var(--orange) !important; border-color: var(--orange) !important; color: white !important; background-image: url(/wp-content/uploads/2021/08/arrow.svg) !important; } .wso-member-login .wso-wrap-code .column_attr>div { width: 48% !important; display: inline-block; vertical-align: text-top; padding: 0 4%; } .wso-member-login .wso-wrap-code .column_attr input:not(#wp-submit):not(#datenschutz) { width: 100%; } .wso-member-login .wso-wrap-code .column_attr form>div { width: 100% !important; position: relative; } form label:not(.wso-input-radio):not(.wso-input-checkbox):not(.wso-input-number):not(.wso-input-datepicker):not(.wso-privacy-notice), form .has-value:not(.wso-input-radio):not(.wso-input-checkbox):not(.wso-input-number):not(.wso-input-datepicker):not(.wso-privacy-notice) label { transition: all .5s ease; text-transform: uppercase; } form label { top: 0.8rem !important; } .wpcf7-form-control-wrap *, .datenschutz * { pointer-events: all !important; } #Wrapper #Content .wpcf7-form-control-wrap label, #Wrapper #Content .datenschutz label { position: relative !important; top: 0 !important; left: 0 !important; padding: 0 !important; text-transform: none; } p.login-remember label { position: relative !important; top: 0 !important; pointer-events: all; text-transform: none !important; } p.login-remember { display: none; } /* Merchant Area */ .dashboard-header { margin-bottom: 7rem; } .dashboard-header * { text-align: center !important; } .dashboard-sidebar { width: 20%; } .dashboard-sidebar ul { list-style: none; margin: 0; } .dashboard-sidebar li { padding: 1.2rem 0; display: flex; align-items: center; justify-content: space-between; } .dashboard-sidebar li a { font-size: 0.9rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: 0.18rem; text-transform: uppercase; font-family: var(--font-bold) !important; text-decoration: none; width: 100% !important; } .dashboard-sidebar li:first-child { padding-top: 0; } .dashboard-sidebar li.active a, .dashboard-sidebar li:hover a { color: var(--orange); } .dashboard-sidebar li:not(:first-child):before { content: ""; position: absolute; height: 1px; width: 100%; background: var(--color-black); top: 0; } .dashboard-sidebar li:after, .dashboard-sidebar li:hover:after { content: ""; position: relative; top: 0; right: 0; width: 1rem; height: 1rem; background: url(/wp-content/uploads/2025/08/arrow-right-orange.svg); display: block; background-repeat: no-repeat; background-size: contain; opacity: 0; transition: var(--button-transition); } .dashboard-sidebar li.active:after, .dashboard-sidebar li:hover:after { opacity: 1; } #Wrapper .dashboard-grid h3 { color: var(--orange); font-size: 1.05rem !important; line-height: 1.2em !important; letter-spacing: 0.2em !important; margin-bottom: 1.5rem !important; } /* Dashboard */ .dashboard-grid .dashboard-two-columns { display: flex; -moz-column-gap: 2rem; column-gap: 2rem; width: 100%; } .wso-dashboard img { aspect-ratio: 8.15 / 10.3; width: 9rem; -o-object-fit: cover; object-fit: cover; } .wso-office-service-heading:has(+ .wso-office-service-content){ margin-top: 3rem !important; } /* Conditions */ #Wrapper .dashboard-grid.wso-conditions h3 { margin-bottom: 1.6rem !important; } #Wrapper .dashboard-grid.wso-conditions .wso-merchant-payment-conditions { margin-bottom: 5rem; } #Wrapper .dashboard-grid.wso-conditions a, .wso-documents .dashboard-filter select { font-size: 0.9rem; font-style: normal; font-weight: 500; line-height: 1.4rem; letter-spacing: 0.081rem; font-family: var(--font-regular); border-bottom: 2px solid; text-decoration: none; } #Wrapper .dashboard-grid.wso-conditions a { transition: var(--button-transition) !important; padding-block: 0.3rem; } .dashboard-grid.wso-conditions .dashboard-column div { margin-bottom: 3rem; } /* Documents */ .dashboard-grid.wso-documents, .dashboard-grid.wso-downloads { padding-right: 0; } .dashboard-grid.wso-documents .pagination-controls { display: flex !important; align-items: center; column-gap: 0.5rem; } .dashboard-grid.wso-documents .pagination-controls button { font-size: 0; background: transparent !important; padding: 0; margin: 0; width: 1.5rem; height: 1.5rem; } #Wrapper .dashboard-grid.wso-documents .pagination-controls button:after { content: "<" !important; position: absolute !important; display: flex !important; visibility: visible !important; opacity: 1 !important; color: var(--color-black) !important; font-size: 1rem !important; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100% !important; height: 100%; align-items: center; justify-content: center; } #Wrapper .dashboard-grid.wso-documents .pagination-controls button#next-page:after { content: ">" !important; } #Wrapper .dashboard-grid.wso-documents .pagination-controls button:hover:after { color: var(--color-white) !important; z-index: 0; } .wso-documents .dashboard-column, .wso-downloads .dashboard-column { width: 100%; } .wso-documents .dashboard-filter { display: flex; gap: 2.5rem; margin-bottom: 4rem; } .wso-documents .dashboard-filter select { border: 0; border-bottom: 1px solid; padding-inline: 0 !important; text-transform: uppercase; letter-spacing: 0.16rem; background: url(/wp-content/uploads/2025/09/select-arrow-down-hafro.svg) no-repeat; background-position: right; padding-block: 0 !important; max-width: 15rem; } .wso-documents .dashboard-filter select option { font-family: var(--font-light); text-transform: none !important; } .wso-documents .dashboard-filter select option:hover, .wso-documents .dashboard-filter select option[aria-selected="true"] { background: var(--orange) !important; } .style-simple .dashboard-grid table th, .style-simple .dashboard-grid table td { border: 0; width: 20%; color: var(--color-black); } .style-simple .dashboard-grid table th:first-child, .style-simple .dashboard-grid table td:first-child { padding-left: 0; } .style-simple .wso-downloads table thead th { padding-top: 0; } .dashboard-grid table td a { color: var(--orange); font-family: var(--font-regular); line-height: 1.4rem; border-bottom: 2px solid; letter-spacing: 0.081rem; transition: var(--button-transition); } .dashboard-grid table td a:hover { text-decoration: none; background: var(--orange); color: var(--color-white); padding-inline: 0.3rem; padding: 0.3rem; } /* Terms */ #Wrapper .wso-member-login .wso-wrap-code .column_attr>div.wso-popup-member-agb { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: var(--color-white); text-align: center !important; z-index: 999999999 !important; padding: 6rem 5rem 5rem 5rem !important; width: 40% !important; } .wso-popup-active body #Wrapper .wso-popup-member-agb-overlay { background: rgba(0, 0, 0, 0.60); position: fixed; z-index: 2; inset: 0; width: 200vw !important; left: 50%; transform: translateX(-50%); padding: 0 !important; margin: 0 !important; } .wso-popup-active #Top_bar, .wso-popup-active #wso-cta-group { z-index: 1 !important; } .wso-popup-member-agb:before { content: ""; background: #A6A6A6; width: 1px; height: 4rem; pointer-events: none; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); } .wso-member-login .wso-wrap-code .wso-popup-member-agb .column_attr, .wso-member-login .wso-wrap-code .wso-popup-member-agb .column_attr * { text-align: center !important; } .wso-member-login .wso-wrap-code .wso-popup-member-agb .column_attr { padding: 0 15%; } .wso-member-login .wso-wrap-code .wso-popup-member-agb h4 { margin-bottom: 3rem !important; } .wso-member-login .wso-wrap-code .wso-popup-member-agb p a { text-decoration: underline; } .wso-member-login .wso-wrap-code .wso-popup-member-agb p a:hover { color: var(--orange); } #Wrapper #Content .wso-member-login.wso-section-code .wso-wrap-code .wso-popup-member-agb a.button:after { background: var(--orange) !important; } #Wrapper .wso-popup-member-agb h2, #Wrapper .wso-popup-member-agb h2:first-line { color: var(--orange); font-size: 1.2rem !important; font-weight: 700; font-family: var(--font-bold); } #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code).wso-popup-member-agb .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button { font-size: 1.1rem !important; color: var(--orange) !important; /* border-bottom: 2px solid var(--orange) !important; */ } /*#Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code):not(.wso-section-img-boxes-content-below) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button::after,*/ #Wrapper .section:not(.wso-section-code):not(.wso-cta-section):not(.wso-section-google-map):not(.wso-accordion-sec):not(.wso-section-text-img-fullwidth):not(.wso-section-filter):not(.wso-section-intro):not(.wso-section-image-gallery):not(.wso-section-news-slider):not(.wso-section-code):not(.wso-section-img-boxes-content-below) .wrap:not(.wso-headline-box):not(.wso-wrap-content) a.button:hover::after { background: var(--orange) !important; } .dashboard-grid.wso-terms { flex-direction: column; } .wso-terms .notice-success p { color: #5f9a26; font-family: var(--font-regular); background: #e8f4dd; padding: 1rem; border-radius: .5rem; } .wso-terms label { position: relative !important; display: block !important; padding: 0 !important; left: 0; text-transform: none !important; top: 0 !important; display: flex !important; align-items: center; -moz-column-gap: 0.7rem; column-gap: 0.7rem; } .wso-terms label:before { content: ""; position: relative; width: 1.4rem; height: 1.4rem; display: inline-block; border: 1px solid; } .wso-terms input[type="checkbox"]:checked+label:before { border-color: var(--orange); } .wso-terms input[type="checkbox"]:checked+label::after { content: ""; position: absolute; left: 0.28rem; top: 0.4rem; width: 0.9rem; height: 0.7rem; background: url(/wp-content/uploads/2025/09/checked-icon-hafro.svg) no-repeat; background-size: contain; } .wso-terms input[type="checkbox"]:checked+label+button { pointer-events: none; color: var(--color-grey) !important; border-color: var(--color-grey); opacity: .5; } #Wrapper .wso-terms button { background-color: transparent !important; color: var(--color-black); font-family: var(--font-regular); padding-inline: 0; padding-block: 0.3rem !important; letter-spacing: 0.1em; border-bottom: 2px solid; line-height: 1rem; padding-bottom: 0.3rem; transition: var(--button-transition) !important; display: block; margin-top: 1.5rem; } #Wrapper .wso-member-login .wso-terms button:hover, #Wrapper .dashboard-grid.wso-conditions a:hover { background-color: var(--color-black) !important; color: var(--color-white) !important; padding-inline: 0.5rem; border-bottom: 2px solid var(--color-black) !important; } /* Downloads */ .style-simple .dashboard-grid.wso-downloads table td:first-child { width: 35%; } .style-simple .dashboard-grid.wso-downloads table td:last-child { width: 22%; } @media only screen and (min-width: 768px) { .wso-member-login .section_wrapper { --content-width: 83rem; } .dashboard-content { display: flex; } .dashboard-grid { width: 85% !important; padding: 0 8%; display: flex; -moz-column-gap: 5.55rem; column-gap: 5.55rem; } /* Dashboard */ .dashboard-grid.wso-dashboard { padding-right: 0%; } .dashboard-grid .wso-dashboard-service { width: 70%; } .dashboard-grid .wso-dashboard-service .dashboard-two-column:first-child { width: 33%; } } @media only screen and (min-width: 1240px) { .wso-dashboard .dashboard-column, .dashboard-grid .dashboard-two-column { width: 50%; } .dashboard-grid { width: 75% !important; padding: 0 11%; } } @media only screen and (max-width: 1490px) { .wso-member-login .wso-wrap-code .wso-popup-member-agb .column_attr { padding: 0 10%; } } @media only screen and (max-width: 1239px) { .dashboard-grid.wso-dashboard { gap: 2rem; flex-direction: column; } .dashboard-grid .dashboard-two-columns { -moz-column-gap: 3rem; column-gap: 3rem; } .style-simple .dashboard-grid.wso-downloads table { /* width: 100%; */ /* table-layout: auto; */ } .style-simple .dashboard-grid.wso-downloads table th:first-child, .style-simple .dashboard-grid.wso-downloads table td:first-child { width: 35%; } .style-simple .dashboard-grid.wso-downloads table th, .style-simple .dashboard-grid.wso-downloads table td { width: 12%; } .style-simple .dashboard-grid.wso-downloads table th:last-child, .style-simple .dashboard-grid.wso-downloads table td:last-child { width: 26%; text-align: right; } .wso-member-login .wso-wrap-code .wso-popup-member-agb .column_attr { padding: 0; } } @media only screen and (max-width: 1023px) { #Wrapper .wso-member-login .wso-wrap-code .column_attr>div.wso-popup-member-agb { width: 50% !important; } } .wso-table-scroll-info { display: none; } @media only screen and (max-width: 767px) { .dashboard-sidebar { width: 100%; margin-bottom: 5rem; } .wso-dashboard-data { margin-bottom: 2rem; } .wso-table { overflow-x: scroll; } #Wrapper .wso-member-login h1, #Wrapper .wso-member-login h1:first-line { font-family: var(--font-bold); } .wso-table-scroll-info { display: block; font-family: var(--font-light); text-align: left; padding-left: 0; line-height: 1.5em; -webkit-animation: slide-right 3.5s cubic-bezier(.25, .46, .45, .94) infinite both; animation: slide-right 3.5s cubic-bezier(.25, .46, .45, .94) infinite both; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-bottom: 1rem; } .dashboard-content table { width: 48rem; } .wso-documents .dashboard-filter { flex-direction: column; gap: 0; margin-bottom: 3rem; } .wso-documents .dashboard-filter select { align-self: center; } .style-simple .dashboard-grid.wso-downloads table th:nth-child(2), .style-simple .dashboard-grid.wso-downloads table td:nth-child(2) { width: 10%; } .style-simple .dashboard-grid.wso-downloads table td:last-child { width: 28%; } #Wrapper .wso-popup-member-agb { padding: 3rem 2rem !important; } .wso-dashboard img { aspect-ratio: 8.15 / 11.3; width: 10rem; } .dashboard-grid .dashboard-two-columns:last-child { -moz-column-gap: 2rem; column-gap: 2rem; } #Wrapper .wso-member-login .wso-wrap-code .column_attr>div.wso-popup-member-agb { width: 90% !important; padding: 6rem 0rem 4rem 0rem !important; } .wso-terms input[type="checkbox"]:checked+label::after { top: 0.55rem; } } @-webkit-keyframes slide-right { 100% { transform: translateX(0); } 00% { transform: translateX(50px); } } @keyframes slide-right { 100% { transform: translateX(0); } 0% { transform: translateX(50px); } } /* ========================================================================== POP-UP ========================================================================== */ html.wso-popup-active, html.wso-popup-active body, html.wso-megamenu-active { overflow: hidden !important; } #wso-popup-trigger, #wso-popup-trigger .section_wrapper { position: static !important; } #wso-popup-trigger .wso-popup-wrap { position: absolute; top: 75vh; right: 5vw; width: 130px !important; } .wso-popup .column_image { position: absolute !important; } @media only screen and (max-width: 959px) { .popup { overflow-Y: scroll !important; } } @media only screen and (max-width: 767px) { #wso-popup-trigger .wso-popup-wrap { top: 72vh !important; width: 70px !important; } .wso-popup .column_image { position: relative !important; height: 40vh !important; margin-bottom: 3rem; } .wso-popup .mcb-wrap:last-child { padding-left: 2rem !important; padding-right: 2rem !important; margin: 3rem 0 !important; } .popup { max-height: 80vh !important; } } .wso-option_hide { display: none !important; } .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgb(0 0 0 / 80%); transition: opacity 500ms; visibility: hidden; opacity: 0; overflow: auto !important; z-index: 999999; } .overlay.wso-active { visibility: visible; opacity: 1; } .popup { position: absolute !important; top: 50% !important; bottom: auto !important; box-sizing: border-box; right: auto; left: 50%; margin-right: 0 !important; margin-left: 0 !important; width: 55%; max-width: 55%; position: relative; transition: all .5s ease-in-out; background-color: var(--light-gray); z-index: 0; /* overflow-X: hidden; */ /* overflow-Y: scroll; */ z-index: 99999999 !important; transform: translate(-50%, -50%) !important; max-height: 80vh !important; } .popup .close:not(.button) { width: auto; position: absolute; top: 0; right: 0.5rem !important; transition: all 200ms; text-decoration: none; color: var(--dark-gray) !important; z-index: 99; padding: 0.5rem 0.55rem !important; text-align: right; float: right; line-height: 0rem; background: var(--beige); padding-bottom: .5rem; opacity: 1; } #wso-popup-main-container { z-index: 999999999 !important; } #wso-popup-main-container .popup .close:not(.button), .wso-exit-intent-layer .close:not(.button) { font-size: 4rem !important; font-weight: 100 !important; cursor: pointer; } #Wrapper .popup .section { padding: 0 !important; } #Wrapper .popup .wso-section-text-img-fullwidth .wrap.wso-float-right:first-child { background: white !important; padding: 0 !important; } #Wrapper .popup .wso-section-text-img-fullwidth .wrap.wso-float-right:before { content: ""; display: block; margin: 0 auto; top: 0; width: 1px; height: 6rem; background-color: rgb(0 0 0 / 23%); transition: all .5s ease-in-out !important; visibility: visible; } #Wrapper .popup .wso-section-text-img-fullwidth .column_column { padding: 3rem 3rem 4rem; } #Wrapper .popup .wso-section-text-img-fullwidth .column_column .button { margin-top: 3rem !important; letter-spacing: 0.25em !important; } #Wrapper .popup .wso-section-text-img-fullwidth .column_column .button:after { content: none !important; } #Wrapper .popup .wso-section-text-img-fullwidth .column_column .button span { letter-spacing: 0.2em !important; } #Wrapper .popup .wso-section-text-img-fullwidth .column_column .button { padding: 1.4rem 3rem 1.4rem 1.5rem !important; display: inline-block; border-radius: 0 !important; color: white !important; background-color: var(--orange) !important; border: 1px solid var(--orange) !important; box-shadow: none !important; transition: all .2s ease-in-out !important; font-weight: normal !important; } #Wrapper .popup .wso-section-text-img-fullwidth p.wso-h3 { margin-bottom: 2rem !important; } .wso-popup-no-img .wrap.mcb-wrap.one-second.valign-top.wso-float-right { width: 100% !important; } #Wrapper .popup .wso-section-text-img-fullwidth .column_column .button span::after { content: "" !important; top: 0; height: 100%; width: 1.2rem; background: url('/wp-content/uploads/2021/08/arrow.svg') center center !important; right: 1.2rem; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; z-index: 2; } #Wrapper .popup .wso-section-text-img-fullwidth .column_column .button:hover { transition: all .2s ease-in-out !important; background-color: black !important; border-color: black !important; padding-right: 3.4rem !important; } #Wrapper .popup .wso-section-text-img-fullwidth .column_column .button:hover span { transition: all .2s ease-in-out !important; } .wso-popup-no-img.wso-section-text-img .wrap:last-child { position: relative; } /* ============== Bookmarks =================*/ .wso-intro-no-image.wso-section-hero:after { content: none; } #Wrapper .wso-sec-bookmarks .wso-section-hero { padding-top: 2% !important; padding-bottom: 0 !important; } #Wrapper .wso-sec-bookmarks .wso-section-hero img { height: 2.7rem; margin-bottom: 1rem; } .wst-bookmark-share span.dashicons { display: none; } #Wrapper .wso-sec-bookmarks .button span::after { content: "" !important; top: 0; height: 100%; width: 1.2rem; background: url('/wp-content/uploads/2021/08/arrow.svg') center center !important; right: 1.2rem; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; z-index: 2; } #Wrapper .wso-sec-bookmarks .button:after { content: none !important; } #Wrapper .wso-sec-bookmarks .button:hover { transition: all .2s ease-in-out !important; background-color: black !important; border-color: black !important; padding-right: 3.4rem !important; } #Wrapper .wso-sec-bookmarks .button:hover span { transition: all .2s ease-in-out !important; } #Wrapper .wso-sec-bookmarks .button span { color: white !important; } #Wrapper .wso-sec-bookmarks .button { padding: 1.4rem 3rem 1.4rem 1.5rem !important; display: inline-block; border-radius: 0 !important; color: white !important; background-color: var(--orange) !important; border: 1px solid var(--orange) !important; box-shadow: none !important; transition: all .2s ease-in-out !important; font-weight: normal !important; margin: 2.5rem 0.8rem 0 !important; } .wso-bookmark-element { display: flex; flex: inherit; padding: 4rem 0rem; border-bottom: 1px solid; } .wso-bookmark-element .wso-bookmark-wrap-one-inner { aspect-ratio: 1 / 1; position: relative; } .wso-bookmark-element .wso-bookmark-wrap-one-inner img { height: auto !important; } .wso-bookmark-wrap-one { width: 36%; position: relative; } .wso-bookmark-wrap-one-inner { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .wso-bookmerk-overview p.wso-h2::first-line { font-family: var(--font-light) !important; } .wso-bookmerk-overview p.wso-h2 { font-family: var(--font-bold) !important; } .wso-bookmark-wrap-one-inner 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-bookmark-wrap-two .button { text-align: center; } .wso-bookmark-wrap-two { width: 55%; margin: 0 9%; position: relative !important; } #Wrapper .wso-bookmark-wrap-two p.wso-h2 { margin-bottom: 1.5rem !important; width: 70%; line-height: 1.2em !important; } .wso-bookmark-content p { font-size: 0.85rem; margin-bottom: 0.1rem; } #Wrapper .wso-bookmark-wrap-two .button { margin-top: 2rem !important; } #Wrapper .wso-bookmerk-overview .wso-skin-bookmark a.wso-bookmark-delete:after { content: none !important; } #Wrapper .wso-bookmerk-overview .wso-skin-bookmark a.wso-bookmark-delete:before { background-image: url(/wp-content/uploads/2021/09/group-8.svg) !important; opacity: 1 !important; } #Wrapper .wso-bookmerk-overview .wso-skin-bookmark a.wso-bookmark-delete { top: 0 !important; } #Wrapper .wso-bookmerk-overview .wso-skin-bookmark a:not(.wso-bookmark-delete):before { content: none !important; } #Wrapper .wso-bookmerk-overview .wso-skin-bookmark a:after { background-image: url(/wp-content/uploads/2021/09/group-659.svg) !important; opacity: 1 !important; } .wso-bookmerk-overview .wso-skin-bookmark { position: absolute; top: 0.7rem !important; } .wso-bookmerk-overview .wso-skin-bookmark:not(.wso-skin-bookmark-delete) { pointer-events: none !important; right: -3rem; } .wso-bookmerk-overview .wso-skin-bookmark.wso-skin-bookmark-delete { top: 0rem !important; right: -6.5rem; } .wso-skin-bookmark a:after, .wso-skin-bookmark a:before { height: 1.5rem !important; width: 2rem !important; } /* .wso-bookmark-element:last-of-type { border-bottom: 0 !important; } */ /* ============== Search =================*/ .wpgb-card-11 .wpgb-card-content.wpgb-scheme-dark .wpgb-card-body { margin: 0 9% !important; position: relative !important; background: transparent; } #Wrapper .wp-grid-builder .wpgb-card-11 .wpgb-block-3 { margin-bottom: 1rem !important; } #Wrapper .wpgb-card-11 a.button.button_size_2.button_js { text-align: center !important; background: transparent !important; margin-top: 2rem !important; } #Wrapper .wpgb-card-11 a.button:hover span { z-index: 1 !important; } .wpgb-card-11 .wso-h3 { margin-bottom: 1rem !important; } .wpgb-card-11 .wpgb-card-content.wpgb-scheme-dark .wpgb-card-body * { text-align: left; color: black; } .wso-menu-search { position: fixed !important; right: 1.2rem; top: 52vh; transform: translateY(-50%); } #Wrapper #Top_bar .wso-menu-search span, #Wrapper #Top_bar .wso-menu-search a { padding: 0 0.25rem !important; line-height: 1em !important; } .wso-menu-search a:hover img { transform: scale(1.1); transition: all .3s ease-in-out !important; } .wso-menu-search a img { transition: all .3s ease-in-out !important; } h1#wso_mobile_filter_trigger { text-align: center; margin-bottom: 2rem; } .wpgb-facet .wpgb-search-facet input[type="search"] { padding: 0 !important; text-transform: uppercase; font-family: var(--font-regular); font-size: 0.8rem !important; letter-spacing: 0.1em; border: 0 !important; width: 81% !important; } .wpgb-search-facet svg.wpgb-input-icon { right: 0 !important; left: auto; } .wpgb-facet .wpgb-search-facet:before { content: ""; position: absolute; height: 100%; top: 0; width: 1rem; background: url(/wp-content/uploads/2021/10/vector-6.svg) center center !important; background-size: 0.9rem !important; background-repeat: no-repeat !important; right: 0 !important; } .wpgb-search-facet svg.wpgb-input-icon { display: none !important; } .wpgb-search-facet button.wpgb-clear-button:before { content: ""; position: absolute; top: 0; height: 100%; width: 0.7rem; background: url(/wp-content/uploads/2021/09/group-5.svg) center center !important; background-size: 0.6rem !important; background-repeat: no-repeat !important; right: 0 !important; } .wpgb-facet .wpgb-search-facet .wpgb-clear-button svg { opacity: 0 !important; } #Wrapper .wpgb-facet .wpgb-search-facet .wpgb-clear-button:hover, .wpgb-facet .wpgb-search-facet .wpgb-clear-button { right: 11%; background-color: transparent !important; } .wpgb-facet .wpgb-search-facet { border-bottom: 1px solid; } /*Fix - GoLive*/ .lang-item, .pll-parent-menu-item { /*display: none !important;*/ } /* ============== Search merchants =================*/ .wpgb-map-loaded div { color: white !important; font-size: 0.9rem !important; font-weight: 300 !important; } .wso-sec-merchant-search .wso-facetwp-filter { width: 100% !important; z-index: 999; } .wso-sec-merchant-search .wso-search-box { width: 100% !important; border: 0; background: whitesmoke; padding: 3.5rem 3rem !important; min-height: auto !important; } #Wrapper .wso-sec-merchant-search { padding-top: 0 !important; } #Wrapper .wso-sec-merchant-search .wso-search-box .column_attr { display: flex; flex-direction: unset; align-items: center; flex: 20% !important; } #Wrapper .wso-sec-merchant-search .wso-search-box .wpgb-facet { flex: 25% !important; margin: 0 1%; } #Wrapper .wso-sec-merchant-search h1#wso_mobile_filter_trigger { margin: 0 !important; font-family: var(--font-light) !important; font-size: 2rem !important; line-height: 1em !important; letter-spacing: 0.1em; margin-top: 0.5rem !important; margin-right: 2rem !important; } #Wrapper .wso-sec-merchant-search .wpgb-facet>fieldset:last-child { margin-bottom: 0rem !important; } #Wrapper .wso-sec-merchant-search .wso-search-box:before { content: none !important; } #Wrapper .wpgb-facet-25 fieldset { margin-bottom: 0 !important; } #Wrapper .wso-sec-merchant-search button.wpgb-button.wpgb-reset { margin-top: 0 !important; min-width: auto !important; } #Wrapper .wso-sec-merchant-search div#wso-list-results-scroll-anchor { padding: 5rem 0 6rem !important; width: 100% !important; max-width: var(--content-width); float: none; margin: 0 auto; z-index: 0; top: 7rem !important; } #Wrapper .wso-sec-merchant-search .wso-sticky.stick { width: calc(100% - 9rem) !important; position: fixed !important; } #Wrapper .wso-sec-merchant-search .wpgb-facet.wpgb-facet-10 { margin-right: 0; flex: 22% !important; } #Wrapper .wso-sec-merchant-search .wso-sticky.stick { top: 5.2rem !important; } .wpgb-geolocation-input svg.wpgb-input-icon { display: none; } .wpgb-facet .wpgb-locate-button { width: 21px !important; } .wpgb-facet .wpgb-locate-button { color: black !important; } .wpgb-facet .wpgb-locate-button svg { height: 16px !important; } #Wrapper .wpgb-geolocation-input button.wpgb-locate-button:hover { background-color: transparent !important; color: var(--orange) !important; } /*Skin*/ .wp-grid-builder .wpgb-metro .wpgb-card-12 .wpgb-card-inner .wpgb-card-media { transition: all .3s ease; background: transparent !important; } #Wrapper .wp-grid-builder .wpgb-card-12 .wpgb-card-media-content, #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-12:hover .wpgb-card-inner .wpgb-card-media { background: transparent !important; } .wp-grid-builder .wpgb-metro .wpgb-card-12:hover .wpgb-card-inner .wpgb-card-media { background: rgb(0 0 0 / 10%) !important; transition: all .3s ease; } .wp-grid-builder .wpgb-metro .wpgb-card-12 .wpgb-card-inner * { color: black; } article.wpgb-card.wpgb-card-12 { min-height: 29rem; } .wp-grid-builder .wpgb-metro .wpgb-card-12 .wpgb-card-media-content-bottom { transform: translate(-50%, -0%) !important; padding: 2rem 4rem !important; top: 50%; left: 50%; height: 100%; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-12 .wpgb-card-inner p { max-width: 100% !important; } article.wpgb-card.wpgb-card-12 { border: 1px solid; } .wpgb-card-12 p a { display: block; font-family: var(--font-regular) !important; } .wpgb-card-12 p { margin-bottom: 1rem !important; } #Wrapper .wso-sec-merchant-search .wp-grid-builder .wpgb-card .wpgb-card-wrapper:before { content: ""; display: block; margin: 0 auto 0rem; top: 0; width: 1px; height: 3.5rem; background-color: black; transition: all .5s ease-in-out !important; } .wpgb-facet.wpgb-facet-25 { padding: 0; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-12 .wpgb-card-inner p>a { letter-spacing: 0.15em; font-size: 0.85rem; } .wp-grid-builder .wpgb-card-12 .wpgb-card-media-content>div { padding: 2rem 3rem; } .wpgb-grid-38 .wpgb-facet button.wpgb-button { margin-top: 6rem !important; } .wso-sec-merchant-search div#wso-list-results-scroll-anchor .column_attr .wst-wpgb-wrapper { min-height: auto !important; } #Wrapper .wso-sec-merchant-search .wpgb-layout a.button { margin-top: 1rem !important; } #Wrapper .wso-sec-merchant-search .wpgb-layout a.button span { color: var(--orange); } #Wrapper .wso-sec-merchant-search .wpgb-layout a.button:after { background: var(--orange) !important; } @media only screen and (max-width: 1210px) { #Wrapper .wso-sec-merchant-search .wp-grid-builder .wpgb-card .wpgb-card-wrapper:before { height: 2.5rem; } } @media only screen and (max-width: 1024px) { article.wpgb-card.wpgb-card-12 { min-height: auto !important; } } @media only screen and (max-width: 767px) { #Wrapper .wso-sec-merchant-search div#wso-list-results-scroll-anchor { max-width: 100% !important; } #Wrapper .wso-sec-merchant-search .wpgb-layout a.button { font-size: 1rem !important; } #Wrapper .wp-grid-builder .wpgb-metro .wpgb-card-12 .wpgb-card-inner p>a { font-size: 1rem !important; } .wpgb-map-facet { height: 50vh; } #Wrapper .wso-sec-merchant-search h1#wso_mobile_filter_trigger { margin: 0 0 1rem !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; } .wpgb-facet .wpgb-geolocation-facet input[type="search"] { font-size: 1rem !important; } #Wrapper .wso-sec-merchant-search .wso-search-box .wpgb-facet { width: 100% !important; margin: 0 !important; padding: 0px 8%; } #Wrapper #Content .wso-sec-merchant-search button.wpgb-button.wpgb-reset { margin-top: 2rem !important; } #Wrapper .wso-sec-merchant-search div#wso-list-results-scroll-anchor { padding-top: 3rem !important; padding-bottom: 2rem !important; } article.wpgb-card.wpgb-card-12 { height: 30rem !important; top: auto !important; position: relative !important; margin-bottom: 2rem !important; } article.wpgb-card.wpgb-card-12 .wpgb-card-inner { height: calc(100% - 2.5rem); } .wpgb-card-12 .wpgb-card-media-content-top { top: 50% !important; transform: translateY(-50%) !important; } #Wrapper .wpgb-card-12 p.wso-h3 { margin-bottom: 1rem !important; } .wpgb-grid-38 .wpgb-viewport { height: auto !important; } .wpgb-grid-38 .wpgb-facet button.wpgb-button { margin-top: 2rem !important; } } /*Login */ .logged-in #Top_bar .wso-menu-cta:first-of-type { /* display: none !important; */ } body:not(.logged-in) .wso-dealer-logged-in { display: none !important; } #Wrapper .wso-member-button-mobile { z-index: 999 !important; } #Wrapper .wso-member-button-mobile .wso-dealer { margin-right: 1rem !important; height: 100% !important; display: flex; align-content: center; align-items: center; } #Wrapper .wso-member-button-mobile:empty { margin: 0 !important; } #Wrapper .wso-member-button-mobile .wso-dealer a { padding: 0 !important; border: 0 !important; min-width: unset !important; letter-spacing: 0 !important; margin: 0 !important; } #Wrapper .wso-member-button-mobile .wso-dealer a span { letter-spacing: 0 !important; } #Wrapper .wso-member-button-mobile .wso-dealer a .button_label { float:right; } #Wrapper #Top_bar .wso-dealer-logged-in span:hover, #Wrapper #Top_bar .wso-dealer-logged-in span, #Wrapper #Top_bar .wso-dealer span { background: var(--orange); color: white !important; line-height: 1.2em !important; padding: 1rem !important; width: 10rem; word-break: break-word; text-align: center; display: block; text-transform: none; } #Wrapper #Top_bar .wso-dealer-logged-in a strong { display: block; } #Wrapper #Top_bar .wso-dealer-logged-in a { padding: 0 !important; bottom: -0.55rem; } #Side_slide.light #menu ul li.wso-dealer-logged-in { background: var(--orange); } #Side_slide.light #menu ul li.wso-dealer-logged-in span { font-size: 1.3rem; } .middle-center.show-cookie-box:before { background-color: black; content: ""; height: 100%; left: 0; opacity: .5; position: fixed; top: 0; width: 100%; } @media only screen and (max-width: 1239px) { #Wrapper #Top_bar .wso-dealer-logged-in span:hover, #Wrapper #Top_bar .wso-dealer-logged-in span, #Wrapper #Top_bar .wso-dealer span { width: 6rem; } } /* ============== CTA Menu Buttons =================*/ #Top_bar .menu>li.wso-menu-cta>a span, #Top_bar .menu>li.wso-menu-cta-buttons .wso-menu-cta>a span { position: relative; color: var(--orange) !important; font-family: var(--font-regular); padding-right: 2rem !important; margin-right: 1rem !important; line-height: 1.5em !important; } .wso-menu-cta-buttons { display: flex !important; flex-direction: row; align-items: stretch; width: 100%; z-index: 205 !important; justify-content: flex-end; column-gap: 1rem; } #Wrapper #Top_bar .wso-menu-cta-buttons a { padding: 0 !important; border: 0 !important; min-width: unset; font-size: 0.9rem !important; padding: 3rem 0 !important; margin: 0 !important; display: flex; align-items: flex-end; } #Wrapper #Top_bar.is-sticky .wso-menu-cta-buttons a { padding: 1.3rem 0 !important; display: flex; align-items: center; } #Wrapper #Top_bar #menu .menu { height: 7.3rem !important; transition: var(--button-transition); } #Wrapper #Top_bar.is-sticky #menu .menu { height: 5.3rem !important; } #Wrapper #Top_bar .wso-menu-cta-buttons .wso-menu-cta { display: flex; height: 100%; align-items: center; } #Wrapper #Top_bar .wso-menu-cta-buttons .wso-dealer a { padding-block: 0.5rem !important; align-self: center; line-height: 1em !important; } .wso-menu-cta-buttons a.button:hover::after { display: none; } #Wrapper .wso-menu-cta-buttons a.button:hover span { letter-spacing: 0.05em !important; } #Side_slide .wso-menu-cta.wso-dealer { display: block !important; text-align: center; width: 100%; } #Side_slide #menu .wso-menu-cta.wso-dealer a { background: var(--orange) !important; font-size: 1.2rem !important; } .originy #Side_slide #menu .wso-menu-cta.wso-dealer a { background: var(--color-originy) !important; } .experience #Side_slide #menu .wso-menu-cta.wso-dealer a { background: var(--color-experience) !important; } /* floating mobile */ .wso-burger-menu-active .wso-menu-cta-buttons-mobile-floating { display: none; } .wso-menu-cta-buttons-mobile-floating { position: fixed; bottom: 1.5rem; left: 0; width: 100%; z-index: 999; display: flex; justify-content: center; transition: var(--button-transition); } .wso-menu-cta-buttons-mobile-floating.wso-hide-floating-button { opacity: 0; pointer-events: none; } .wso-menu-cta-buttons-mobile-floating .wso-menu-cta { display: contents !important; } #Wrapper .wso-menu-cta-buttons-mobile-floating .wso-menu-cta a.button { background-color: var(--color-white) !important; border-color: var(--orange) !important; color: var(--orange) !important; min-width: 78% !important; margin: 0 !important; border-width: 2px !important; text-align: center; font-size: 1.1rem !important; /* padding: 1.5rem 2rem 1.5rem 0.5rem !important; */ display: flex; flex-direction: row; justify-content: center; column-gap: 1rem; } #Wrapper .wso-menu-cta-buttons-mobile-floating .wso-menu-cta a.button:after { content: ""; top: 0; height: 100%; width: 1.2rem !important; background: url(/wp-content/uploads/2025/10/arrow-mobile-orange.svg) center center; right: 0; background-size: contain !important; position: relative; background-repeat: no-repeat !important; z-index: 2; left: auto; display: inline-block; top: 50%; transform: translateY(-50%); } .originy #Wrapper .wso-menu-cta-buttons-mobile-floating .wso-menu-cta a.button:after { background: url(/wp-content/uploads/2025/10/arrow-mobile-green.svg) center center !important; background-repeat: no-repeat !important; } .experience #Wrapper .wso-menu-cta-buttons-mobile-floating .wso-menu-cta a.button:after { background: url(/wp-content/uploads/2025/10/arrow-mobile-brown.svg) center center !important; background-repeat: no-repeat !important; } #Wrapper .wso-menu-cta-buttons-mobile-floating .wso-menu-cta a.button:hover span { color: var(--orange) !important; } .originy #Wrapper .wso-menu-cta-buttons-mobile-floating .wso-menu-cta a.button, .originy #Wrapper .wso-menu-cta-buttons-mobile-floating .wso-menu-cta a.button:hover span { color: var(--color-originy) !important; border-color: var(--color-originy) !important; } .experience #Wrapper .wso-menu-cta-buttons-mobile-floating .wso-menu-cta a.button, .experience #Wrapper .wso-menu-cta-buttons-mobile-floating .wso-menu-cta a.button:hover span { color: var(--color-experience) !important; border-color: var(--color-experience) !important; } body:is(.originy, .experience) #Wrapper .wso-menu-cta-buttons-mobile-floating .wso-menu-cta a.button { background-color: var(--color-black) !important; } @media only screen and (min-width: 768px) { .wso-menu-cta-buttons-mobile-floating { display: none; } } @media only screen and (max-width: 1499px) { #Wrapper #Top_bar .wso-dealer-logged-in span:hover, #Wrapper #Top_bar .wso-dealer-logged-in span, #Wrapper #Top_bar .wso-dealer span { /* margin-right: 1.5rem !important; */ } .logged-in #Wrapper #Top_bar .wso-menu-cta-buttons div:not(.wso-dealer) a, .logged-in #Wrapper #Top_bar .wso-menu-cta-buttons div:not(.wso-dealer) a span { max-width: 11rem; hyphens: auto; } } @media only screen and (max-width: 1239px) { #Wrapper #Top_bar #menu .menu, #Wrapper #Top_bar.is-sticky #menu .menu { height: 6rem !important; } .wso-menu-cta-buttons { column-gap: 1rem; margin-right: 1rem !important; } #Top_bar .menu>li.wso-menu-cta-buttons .wso-menu-cta:not(.wso-dealer)>a span::after { display: none; } #Top_bar .menu>li.wso-menu-cta-buttons .wso-menu-cta>a span { line-height: 1em !important; text-align: center !important; margin: 0 !important; padding: 0rem !important; display: block; /* padding-right: 1rem !important; */ } #Wrapper #Top_bar .wso-dealer-logged-in { display: none !important } #Wrapper #Top_bar .wso-menu-cta-buttons a { padding: 2rem 0 !important; } .logged-in #Wrapper #Top_bar .wso-menu-cta-buttons div:not(.wso-dealer) a, .logged-in #Wrapper #Top_bar .wso-menu-cta-buttons a.wso-dealer { width: 9rem; } #Wrapper .wso-member-button-mobile .wso-dealer a, #Wrapper .wso-member-button-mobile .wso-dealer a .button_label, #Wrapper #Top_bar .wso-dealer-logged-in span:hover, #Wrapper #Top_bar .wso-dealer-logged-in span { max-width: 8rem; float: none; } } @media only screen and (max-width: 1023px) { .wso-menu-cta-buttons { /* column-gap: 0rem; */ } .wso-menu-cta-buttons:has(.wso-menu-cta:nth-of-type(2)) .wso-menu-cta:not(.wso-dealer) { max-width: 7rem; } .wso-menu-cta-buttons:not(:has(.wso-menu-cta:nth-of-type(2))) .wso-menu-cta { max-width: unset; } } /* ============================ Configurator - Gravity Forms =============================== */ /* global */ body:is(.originy.wso-configurator, .experience.wso-configurator) #Top_bar, body:is(.originy.wso-configurator, .experience.wso-configurator) #wso-cta-group, body:is(.originy.wso-configurator, .experience.wso-configurator) .wso-menu-search, body:is(.originy.wso-configurator, .experience.wso-configurator) #Footer, .wso-configurator-gform + .section-page-footer { display: none !important; } body:is(.originy.wso-configurator, .experience.wso-configurator) #Content .logo { display: flex; justify-content: center; } body:is(.originy.wso-configurator, .experience.wso-configurator) #Content .logo a { display: block; width: fit-content; } #Wrapper .section.wso-section-logo-configurator { position: absolute; width: 100%; top: 0; left: 0; padding: 1rem 0 !important; } body.wso-configurator #Content { /* margin-top: 0 !important; */ --mobile-top-bar-height: 7.5rem !important; } .wso-empty { border: 2px solid var(--color-white); border-radius: 1.5rem; width: fit-content; padding-inline: 1rem; margin: 2rem auto 0; } .wso-config-close-button { font-size: 0; background: url(/wp-content/uploads/2025/11/close-icon-white-hafro.svg) no-repeat; width: 2rem; height: 2rem; position: absolute; top: -10rem; right: 0.5rem; z-index: 999999 !important; background-size: contain; } .wso-configurator-gform .section_wrapper, .wso-configurator-gform .wrap { height: 100%; } .gf_progressbar_wrapper { position: absolute !important; left: 0 !important; top: -11rem !important; z-index: 9 !important; } .gform_heading { display: none !important; } .gform_wrapper .gform-body { text-align: center; margin-top: auto; margin-bottom: auto; } .gform_wrapper .gfield_label.gfield_label_before_complex { /* display: block; */ /* position: relative !important; */ /* height: auto !important; */ /* margin-bottom: 2rem !important; */ } .gform_wrapper .gfield_label.gfield_label_before_complex, .gform_wrapper .gfield_label.gfield_label_before_complex span { /* font-size: 1.2rem !important; */ /* line-height: 1.2em !important; */ /* margin-bottom: 1rem; */ /* text-transform: uppercase !important; */ /* letter-spacing: 0.2em !important; */ /* font-family: var(--font-bold); */ /* color: var(--color-white); */ } .gform_wrapper .wso-p-big { font-size: 1.2rem; } .gform-page-footer { flex-direction: column-reverse !important; margin-top: 3rem !important; } .gform_page:is(.wso-config-form, .wso-config-selected-overview) .gform-page-footer { margin-top: 1rem !important; justify-content: flex-start !important; display: flex !important; align-items: flex-start; /* align-content: flex-start; */ margin-left: unset; margin-right: unset; } .gform-page-footer .button { font-size: 0.8rem !important; font-family: var(--font-regular) !important; border: 0 !important; border-radius: 0 !important; align-self: center; } .gform-page-footer .button:focus { border: none !important; outline: none !important; } button[type="button"].gform_next_button, #Wrapper .wso-config-form button[type="submit"], #Wrapper #Content .wso-configurator-end-page a.button, #Wrapper .form_saved_message .gform_footer button[name="gform_send_resume_link_button"] { background: var(--orange) !important; padding: 1.5rem 1rem !important; letter-spacing: 0.16rem !important; text-transform: uppercase !important; background-image: url(/wp-content/uploads/2025/11/arrow-white-hafro.svg) !important; background-repeat: no-repeat !important; background-position: 72% center !important; color: var(--color-white) !important; transition: box-shadow 0.3s ease; } button[type="button"].gform_next_button:disabled { cursor: not-allowed !important; } button[type="button"].gform_next_button:disabled:hover { box-shadow: none !important; } .wso-config-selected-overview button[type="button"].gform_next_button { background-position: 85% center !important; padding-right: 2.3rem !important; } .gform_page:not(.wso-hide-button) button[type="button"].gform_next_button:hover, #Wrapper .wso-config-form button[type="submit"]:hover, #Wrapper #Content .wso-configurator-end-page a.button:hover { box-shadow: 0 0px 20px rgb(255 255 255 / 50%) !important; } button[type="button"].gform_next_button:before { content: ""; position: relative; right: 0; top: 0; background: url(/wp-content/uploads/2025/11/arrow-white-hafro.svg); } button[type="button"].gform_previous_button { color: var(--color-white) !important; text-decoration: underline !important; line-height: 2.5rem !important; letter-spacing: 0.064rem !important; font-size: 1rem !important; /* GF-Theme-Framework setzt fuer .gform-theme-button--secondary #fff bzw. #F5F5F5 im Hover */ background: transparent !important; box-shadow: none !important; } .gform_wrapper .gform_page:has(.gfield--type-radio, .gfield--type-image_choice) .gchoice { background: transparent !important; border: 2px solid transparent !important; /* width: 47% !important; */ /* display: flex !important; */ inline-size: unset !important; min-inline-size: unset !important; max-inline-size: none !important; /* min-width: 47% !important; */ align-self: center !important; /* aspect-ratio: 1 / 1.6; */ width: 100% !important; align-items: center; justify-content: center; border-radius: 0 !important; position: relative; height: 100% !important; height: auto !important; min-height: fit-content !important; cursor: pointer; /* transition: border 0.3s ease; */ } .gform_wrapper .gchoice:hover { cursor: pointer; } .gform-theme--framework .gfield--type-image_choice.gfield--image-choice-style-square.gfield--image-choice-appearance-card .gchoice::after { display: none; } .gchoice .gfield-image-choice-wrapper-outer { display: flex !important; justify-content: center; flex-direction: column; padding: 2rem !important; gap: 1rem; align-items: center; } .gchoice .gfield-image-choice-wrapper-inner { display: block !important; position: relative !important; overflow: visible !important; width: 100% !important; height: 100% !important; /* clip: unset !important; */ /* bottom: 1.5rem; */ } .gchoice img { object-fit: contain !important; background-position: center !important; width: 100%; height: 100% !important; transition: var(--button-transition); /* aspect-ratio: 1 / 1.1; */ align-self: center; } .wso-config-icon { width: 100% !important; margin: 0 auto; height: 16rem !important; /* aspect-ratio: 10.45 / 12.45 !important; */ overflow: hidden !important; display: flex !important; justify-content: center !important; position: relative; } .gform_wrapper .wso-config-step-images .gchoice:hover .wso-config-icon img, .gform_wrapper .wso-config-step-images .gchoice:has(input:checked) .wso-config-icon img { width: 92%; height: 94% !important; overflow: hidden; } .wso-config-price { color: var(--color-grey) !important; } .gform_wrapper a { color: var(--color-white); transition: var(--button-transition); } #Wrapper .gform_wrapper input[type="radio"] { position: relative; opacity: 1; } .gform_wrapper label, .gfield_label { color: var(--color-white) !important; /* overflow: visible !important; */ width: 100% !important; height: 100% !important; font-size: 1rem !important; /* clip: unset !important; */ position: absolute !important; /* position: relative !important; */ top: 0 !important; left: 0 !important; text-align: center !important; padding: 0 !important; text-transform: none !important; letter-spacing: 0.016rem !important; } .gform_wrapper .wso-config-rooms .gchoice:focus-visible, .gform_wrapper .wso-config-rooms .gchoice:hover, .gform_wrapper .wso-config-rooms .gchoice:has(input:checked), .gform_wrapper .wso-config-radio-experience-choice .gchoice:focus-visible, .gform_wrapper .wso-config-radio-experience-choice .gchoice:hover, .gform_wrapper .wso-config-radio-experience-choice .gchoice:has(input:checked), .gform_wrapper .wso-config-step-images .gchoice:focus-visible .wso-config-icon, .gform_wrapper .wso-config-step-images .gchoice:hover .wso-config-icon, .gform_wrapper .wso-config-step-images .gchoice:has(input:checked) .wso-config-icon, .gform_wrapper .gchoice .gfield-image-choice-wrapper-outer:focus-within, .gform_wrapper .gchoice .gfield-image-choice-wrapper-outer:focus, .gform_wrapper .wso-config-radio-slider .gchoice:focus .wso-config-icon, .gform_wrapper .wso-config-radio-slider .gchoice:hover .wso-config-icon, .gform_wrapper .wso-config-radio-slider .gchoice:has(input:checked) .wso-config-icon { border-color: var(--orange) !important; border-width: 2px !important; outline: none !important; } .gform_wrapper .wso-config-radio-slider .gchoice:focus + label .wso-config-icon, .gform_wrapper .wso-config-radio-slider .gchoice:hover + label .wso-config-icon, .gform_wrapper .wso-config-radio-slider .gchoice:has(input:checked) + label .wso-config-icon { border-width: 2px; /* transform: scale(1.05); */ } .gform_wrapper .gfield_radio { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; column-gap: 5% !important; row-gap: 2rem !important; justify-content: center; } .gform_wrapper .wso-config-info-text, .wso-config-selected-overview .wso-config-price-suffix { color: var(--color-grey) !important; margin-top: 1rem !important; bottom: 0 !important; position: relative; text-transform: none !important; letter-spacing: 0 !important; font-family: var(--font-light); font-size: 0.92rem !important; line-height: 1.6em !important; } .gform_wrapper .wso-config-start-page .wso-config-info-text, .wso-config-selected-overview .wso-config-price-suffix { margin-top: 3rem !important; } .gform_wrapper .validation_message { color: var(--orange) !important; font-size: 1rem !important; width: 100%; position: absolute; bottom: -2rem; } .gform-icon--circle-error { color: var(--color-white) !important; border-color: var(--color-white) !important; display: flex !important; justify-content:center; } .gform-theme--framework .gform_validation_errors .gform-icon::before { left: 0.1rem; position: relative; } #Wrapper .gform_wrapper .gform_submission_error { font-size: 1.1rem !important; color: var(--color-white) !important; margin: 0; flex-direction: row; width: fit-content !important; } .gform_validation_errors { border: 1px solid var(--color-white) !important; width: fit-content !important; margin: 0 auto 2rem !important; outline: none !important; } .gform_wrapper .gchoice .wso-config-name { margin-top: 1rem; margin-bottom: 0.5rem; font-size: 1.1rem; } .gform_wrapper .gchoice .wso-config-name br { display: block !important; } .gform_wrapper .gchoice .wso-config-price { color: var(--color-grey) !important; font-size: 1rem; } .gform_wrapper .gchoice input[type="radio"] { display: none; } /* Between Steps */ .gform_wrapper .wso-config-overview-step .wso-p-big, .wso-configurator-end-page p { font-size: 1.6rem; font-family: var(--font-regular); line-height: 2.3rem; width: 90% !important; margin: 0 auto; margin-top: 3rem; } .wso-configurator .gform_wrapper .wso-hide-button button[type="button"].gform_previous_button { display: none !important; } .wso-configurator .gform_wrapper .wso-hide-button button[type="button"].gform_next_button { color: var(--color-white) !important; text-decoration: underline !important; line-height: 2.5rem !important; letter-spacing: 0.064rem !important; font-size: 1rem !important; background: transparent !important; padding: 0 !important; text-transform: none !important; } .wso-configurator .gform_wrapper .wso-hide-buttons .gform-page-footer { opacity: 0; } .wso-configurator .gform_wrapper .wso-hide-buttons .gform-page-footer :is(input, button) { visibility: hidden; } .gform_wrapper .gform-page-footer { position: relative !important; margin-left: auto; margin-right: auto; padding: 0 3rem; } .gform_wrapper .gform-loader { width: 1rem !important; height: 1rem !important; } /* GF haengt den Loader per appendChild in den Button und setzt dort ueber .gform-has-spinner position:relative + color:transparent. Ohne das Zuruecksetzen landet der Spinner mittig im Button statt rechts daneben im .gform-page-footer. */ .gform_wrapper .gform-has-spinner { position: static !important; -webkit-text-fill-color: currentColor !important; } @media only screen and (min-width: 768px) { .gform_wrapper .gform-loader { position: absolute !important; /* neutralisiert inset:0 + margin:auto aus dem GF-Theme-Framework */ inset: auto 0 auto auto !important; top: 1.5rem !important; margin: 0 !important; } .wso-configurator .gform_wrapper .wso-hide-button .gform-loader { inset: auto auto auto 50% !important; top: -1rem !important; translate: -50% 0; } .wso-configurator .gform_wrapper .wso-config-selected-overview .gform-loader { inset: auto auto auto 50% !important; top: -1.5rem !important; translate: -50% 0; } .gform_page:is(.wso-config-selected-overview) .gform-page-footer { margin-top: 2rem !important; } .gform_page:is(.wso-config-form) .gform-page-footer { margin-left: auto !important; margin-right: auto !important; } .gform_page:is(.wso-config-form) .gform-page-footer .gform-loader { top: 2.5rem !important; } } @media only screen and (min-width: 1240px) { .wso-configurator .gform_wrapper .wso-config-selected-overview .gform-loader { inset: auto auto auto 25rem !important; top: 3rem !important; } .gform_page:is(.wso-config-selected-overview) .gform-page-footer { margin-top: 0 !important; } } /* Line Colors */ .originy.wso-configurator .wso-config-logo-experience, .originy .gfield .wso-config-info-icon .wso-config-icon-experience, .experience.wso-configurator .wso-config-logo-originy, .experience .gfield .wso-config-info-icon .wso-config-icon-originy { display: none !important; } .originy.wso-configurator .gform-body .wso-lines-color, .originy.wso-configurator .wso-popup .wso-h4, .originy.wso-configurator .gform_wrapper .gform_page .wso-config-table-price .wso-title.wso-table-heading, .originy.wso-configurator .gform_wrapper .gfield--type-checkbox a:hover, .originy.wso-configurator .gform_page:not(.wso-hide-button) button[type="button"].gform_previous_button:hover, .originy.wso-configurator .gform_page.wso-hide-button button[type="button"].gform_next_button:hover, .originy.wso-configurator #Wrapper .form_saved_message .resume_form_link_wrapper a:hover, .originy.wso-configurator .form_saved_message_sent .wso-form-saved-message-sent-button a:hover { color: var(--color-originy) !important; } .originy.wso-configurator .gform_wrapper .gform-loader { border-block-end-color: var(--color-originy); border-inline-start-color: var(--color-originy); } .originy.wso-configurator .gform_page:not(.wso-hide-button) button[type="button"].gform_next_button:hover, .originy.wso-configurator #Wrapper .wso-config-form button[type="submit"]:hover, .originy.wso-configurator #Wrapper #Content .wso-configurator-end-page a.button:hover { box-shadow: 0 0px 20px 0 var(--color-originy) !important } .originy.wso-configurator button[type="button"].gform_next_button, .originy.wso-configurator #Wrapper .form_saved_message .gform_footer button[name="gform_send_resume_link_button"], .originy.wso-configurator #Wrapper .wso-config-form button[type="submit"], .originy.wso-configurator .wso-color-slider p.wso-active, .originy.wso-configurator .wso-color-slider p:hover, .originy.wso-configurator #Wrapper #Content .wso-configurator-end-page a.button, .originy.wso-configurator .wso-slider-progress-indicator /*, .originy.wso-configurator .gform-theme--framework .gf_progressbar .percentbar_blue*/{ background-color: var(--color-originy) !important; } .originy.wso-configurator #gform_page_1_8 button[type="button"].gform_next_button, .originy.wso-configurator #gform_page_1_9 button[type="button"].gform_next_button, .originy.wso-configurator #gform_page_1_10 button[type="button"].gform_next_button, .experience.wso-configurator #gform_page_3_8 button[type="button"].gform_next_button, .experience.wso-configurator #gform_page_3_9 button[type="button"].gform_next_button, .experience.wso-configurator #gform_page_3_10 button[type="button"].gform_next_button { pointer-events: none; } .originy.wso-configurator .gform_wrapper .wso-config-rooms .gchoice:focus-visible, .originy.wso-configurator .gform_wrapper .wso-config-rooms .gchoice:hover, .originy.wso-configurator .gform_wrapper .wso-config-rooms .gchoice:has(input:checked), .originy.wso-configurator .gform_wrapper .wso-config-radio-experience-choice .gchoice:focus-visible, .originy.wso-configurator .gform_wrapper .wso-config-radio-experience-choice .gchoice:hover, .originy.wso-configurator .gform_wrapper .wso-config-radio-experience-choice .gchoice:has(input:checked), .originy.wso-configurator .gform_wrapper .wso-config-step-images .gchoice:focus-visible .wso-config-icon, .originy.wso-configurator .gform_wrapper .wso-config-step-images .gchoice:hover .wso-config-icon, .originy.wso-configurator .gform_wrapper .wso-config-step-images .gchoice:has(input:checked) .wso-config-icon, .originy.wso-configurator .gform_wrapper .gchoice .gfield-image-choice-wrapper-outer:focus-within, .originy.wso-configurator .gform_wrapper .gchoice .gfield-image-choice-wrapper-outer:focus, .originy.wso-configurator .gform_wrapper .wso-config-radio-slider .gchoice:focus .wso-config-icon, .originy.wso-configurator .gform_wrapper .wso-config-radio-slider .gchoice:hover .wso-config-icon, .originy.wso-configurator .gform_wrapper .wso-config-radio-slider .gchoice:has(input:checked) .wso-config-icon { border-color: var(--color-originy) !important; outline-color: var(--color-originy) !important; } .experience.wso-configurator .gform-body .wso-lines-color, .experience.wso-configurator .wso-popup .wso-h4, .experience.wso-configurator .gform_wrapper .gform_page .wso-config-table-price .wso-title.wso-table-heading, .experience.wso-configurator .gform_wrapper .gfield--type-checkbox a:hover, .experience.wso-configurator .gform_page:not(.wso-hide-button) button[type="button"].gform_previous_button:hover, .experience.wso-configurator .gform_page.wso-hide-button button[type="button"].gform_next_button:hover, .experience.wso-configurator #Wrapper .form_saved_message .resume_form_link_wrapper a:hover, .experience.wso-configurator .form_saved_message_sent .wso-form-saved-message-sent-button a:hover { color: var(--color-experience) !important; } .experience.wso-configurator .gform_wrapper .gform-loader { border-block-end-color: var(--color-experience); border-inline-start-color: var(--color-experience); } .experience.wso-configurator .gform_page:not(.wso-hide-button) button[type="button"].gform_next_button:hover, .experience.wso-configurator #Wrapper .wso-config-form button[type="submit"]:hover, .experience.wso-configurator #Wrapper #Content .wso-configurator-end-page a.button:hover { box-shadow: 0 0px 20px 0 var(--color-experience) !important } .experience.wso-configurator button[type="button"].gform_next_button, .experience.wso-configurator #Wrapper .form_saved_message .gform_footer button[name="gform_send_resume_link_button"], .experience.wso-configurator #Wrapper .wso-config-form button[type="submit"], .experience.wso-configurator .wso-color-slider p.wso-active, .experience.wso-configurator .wso-color-slider p:hover, .experience.wso-configurator #Wrapper #Content .wso-configurator-end-page a.button, .experience.wso-configurator .wso-slider-progress-indicator /*, .experience.wso-configurator .gform-theme--framework .gf_progressbar .percentbar_blue*/ { background-color: var(--color-experience) !important; } .experience.wso-configurator button[type="button"].gform_next_button { /*pointer-events: none;*/ } .experience.wso-configurator .gform_wrapper .wso-config-rooms .gchoice:focus-visible, .experience.wso-configurator .gform_wrapper .wso-config-rooms .gchoice:hover, .experience.wso-configurator .gform_wrapper .wso-config-rooms .gchoice:has(input:checked), .experience.wso-configurator .gform_wrapper .wso-config-radio-experience-choice .gchoice:focus-visible, .experience.wso-configurator .gform_wrapper .wso-config-radio-experience-choice .gchoice:hover, .experience.wso-configurator .gform_wrapper .wso-config-radio-experience-choice .gchoice:has(input:checked), .experience.wso-configurator .gform_wrapper .wso-config-step-images .gchoice:focus-visible .wso-config-icon, .experience.wso-configurator .gform_wrapper .wso-config-step-images .gchoice:hover .wso-config-icon, .experience.wso-configurator .gform_wrapper .wso-config-step-images .gchoice:has(input:checked) .wso-config-icon, .experience.wso-configurator .gform_wrapper .gchoice .gfield-image-choice-wrapper-outer:focus-within, .experience.wso-configurator .gform_wrapper .gchoice .gfield-image-choice-wrapper-outer:focus, .experience.wso-configurator .gform_wrapper .wso-config-radio-slider .gchoice:focus .wso-config-icon, .experience.wso-configurator .gform_wrapper .wso-config-radio-slider .gchoice:hover .wso-config-icon, .experience.wso-configurator .gform_wrapper .wso-config-radio-slider .gchoice:has(input:checked) .wso-config-icon { border-color: var(--color-experience) !important; outline-color: var(--color-experience) !important; } /* Progressbar */ .gform-theme--framework .gf_progressbar { background: transparent !important; } .gf_progressbar_title { display: none !important; } .gf_progressbar { position: relative !important; width: 4.5rem !important; height: 4.5rem !important; border-radius: 50% !important; border: 4px solid var(--color-grey) !important; background: transparent !important; } .gf_progressbar_wrapper:has(.percentbar_7, .percentbar_38, .percentbar_84, .percentbar_92, .percentbar_100) { opacity: 0; translate: var(--button-transition); } .gf_progressbar_percentage { position: absolute !important; top: 50% !important; left: 50% !important; width: 4.5rem !important; height: 4.5rem !important; border-radius: 50% !important; background: transparent !important; /* border: 5px solid var(--color-originy) !important; */ transform: translate(-50%,-50%) !important; transition: var(--button-transition) !important; background: conic-gradient(var(--color-originy) 0% 9.3%, transparent 9.3%) !important; } .gf_progressbar_percentage.percentbar_23 { background: conic-gradient(var(--color-originy) 0% 18.6%, transparent 18.6%) !important; } .gf_progressbar_percentage.percentbar_30 { background: conic-gradient(var(--color-originy) 0% 27.9%, transparent 27.9%) !important; } .gf_progressbar_percentage.percentbar_35 { background: conic-gradient(var(--color-originy) 0% 37.2%, transparent 37.2%) !important; } .gf_progressbar_percentage.percentbar_46 { background: conic-gradient(var(--color-originy) 0% 46.5%, transparent 46.5%) !important; } .gf_progressbar_percentage.percentbar_53 { background: conic-gradient(var(--color-originy) 0% 55.8%, transparent 55.8%) !important; } .gf_progressbar_percentage.percentbar_61 { background: conic-gradient(var(--color-originy) 0% 65.1%, transparent 65.1%) !important; } .gf_progressbar_percentage.percentbar_69 { background: conic-gradient(var(--color-originy) 0% 74.5%, transparent 75.5%) !important; } .gf_progressbar_percentage.percentbar_76 { background: conic-gradient(var(--color-originy) 0% 84%, transparent 84%) !important; } .experience.wso-configurator .gf_progressbar_percentage { background: conic-gradient(var(--color-experience) 0% 9.3%, transparent 9.3%) !important; } .experience.wso-configurator .gf_progressbar_percentage.percentbar_23 { background: conic-gradient(var(--color-experience) 0% 18.6%, transparent 18.6%) !important; } .experience.wso-configurator .gf_progressbar_percentage.percentbar_30 { background: conic-gradient(var(--color-experience) 0% 27.9%, transparent 27.9%) !important; } .experience.wso-configurator .gf_progressbar_percentage.percentbar_35 { background: conic-gradient(var(--color-experience) 0% 37.2%, transparent 37.2%) !important; } .experience.wso-configurator .gf_progressbar_percentage.percentbar_46 { background: conic-gradient(var(--color-experience) 0% 46.5%, transparent 46.5%) !important; } .experience.wso-configurator .gf_progressbar_percentage.percentbar_53 { background: conic-gradient(var(--color-experience) 0% 55.8%, transparent 55.8%) !important; } .experience.wso-configurator .gf_progressbar_percentage.percentbar_61 { background: conic-gradient(var(--color-experience) 0% 65.1%, transparent 65.1%) !important; } .experience.wso-configurator .gf_progressbar_percentage.percentbar_69 { background: conic-gradient(var(--color-experience) 0% 74.5%, transparent 75.5%) !important; } .experience.wso-configurator .gf_progressbar_percentage.percentbar_76 { background: conic-gradient(var(--color-experience) 0% 84%, transparent 84%) !important; } .gf_progressbar_percentage:before { content: ""; position: absolute; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate(-50%,-50%); background: var(--color-black); border-radius: 50%; } .gf_progressbar_percentage:after { content: ""; position: absolute; left: 50%; top: 50%; width: 2rem; height: 2rem; background: url(/wp-content/uploads/2025/11/progress-icon-green.gif) no-repeat; transform: translate(-50%,-50%); background-size: contain !important; } .experience.wso-configurator .gf_progressbar_percentage:after { background: url(/wp-content/uploads/2025/11/progress-icon-brown.gif) no-repeat; } .gf_progressbar_percentage span { position: relative !important; font-size: 1rem; color: #fff !important; top: 2.8rem; left: 6rem; visibility: hidden; } .originy.wso-configurator .gf_progressbar_percentage span:before, .experience.wso-configurator .gf_progressbar_percentage span:before { content: ""; top: -2.7rem; left: -0.2rem; width: 8rem; height: 4rem; background: url(/wp-content/uploads/2024/08/originy-logo-web.svg) no-repeat left bottom; display: block; position: absolute; background-size: contain !important; visibility: visible; } .experience.wso-configurator .gf_progressbar_percentage span:before { background: url(/wp-content/uploads/2021/08/group-3.svg) no-repeat left bottom; width: 10.5rem; top: -3.5rem; left: 0.1rem; } .wso-configurator .gf_progressbar_percentage span:after { content: "\00A0Konfiguriert"; text-transform: uppercase; letter-spacing: 0.144rem; opacity: 0; } html[lang="en-GB"] .wso-configurator .gf_progressbar_percentage span:after { content: "\00A0configured"; } @media only screen and (max-width: 768px) { .gf_progressbar_wrapper:has(.percentbar_9) { opacity: 0; translate: var(--button-transition); } .gf_progressbar_wrapper:has(.percentbar_18) { opacity: 1; translate: var(--button-transition); } .gf_progressbar_percentage.percentbar_18 { background: conic-gradient(var(--color-originy) 0% 10%, transparent 10%) !important; } .gf_progressbar_percentage.percentbar_27 { background: conic-gradient(var(--color-originy) 0% 20%, transparent 20%) !important; } .gf_progressbar_percentage.percentbar_36 { background: conic-gradient(var(--color-originy) 0% 30%, transparent 30%) !important; } .gf_progressbar_percentage.percentbar_45 { background: conic-gradient(var(--color-originy) 0% 40%, transparent 40%) !important; } .gf_progressbar_percentage.percentbar_54 { background: conic-gradient(var(--color-originy) 0% 50%, transparent 50%) !important; } .gf_progressbar_percentage.percentbar_63 { background: conic-gradient(var(--color-originy) 0% 60%, transparent 60%) !important; } .gf_progressbar_percentage.percentbar_72 { background: conic-gradient(var(--color-originy) 0% 70%, transparent 70%) !important; } .gf_progressbar_percentage.percentbar_81 { background: conic-gradient(var(--color-originy) 0% 80%, transparent 80%) !important; } .gf_progressbar_percentage.percentbar_90 { background: conic-gradient(var(--color-originy) 0% 90%, transparent 90%) !important; } } /* Navigation */ .gform_page .wso-prev, .gform_page .wso-next { min-width: 10%; height: 2rem; position: relative; top: -2rem; display: flex; align-items: center; width: 9rem; } .gform_page .wso-prev img, .gform_page .wso-next img { position: absolute; top: 50%; height: 2rem !important; right: 0; transform: translateY(-50%); object-fit: contain; background-size: contain; cursor: pointer; } .gform_page .wso-prev img { transform: translateY(-50%) scaleX(-1); left: 0; right: auto; } /* Slider Navigation mobile */ .wso-slider-container { display: flex !important; justify-content: center !important; margin-top: 1rem !important; } .wso-slider-progress-bar { height: 0.05rem !important; width: 14.65rem !important; background-color: var(--color-grey) !important; position: relative !important; margin: 0 auto !important; } .wso-slider-progress-indicator { background: var(--orange) !important; height: 0.4rem !important; top: 50% !important; transform: translateY(-50%) !important; border-radius: 1.2rem !important; width: 1.5rem !important; position: absolute !important; } @media only screen and (min-width: 768px) { .wso-config-radio-slider { display: flex !important; flex-direction: row !important; align-items: center !important; } .wso-config-radio-slider .ginput_container { max-width: 80%; margin: 0 auto !important; } .gform_page:is(#gform_page_3_9,#gform_page_1_9) .wso-config-radio-slider .ginput_container { max-width: 100%; } #Wrapper .wso-slider-container { display: none !important; opacity: 0; } } /* Popup */ .wso-popup:before { position: absolute; content: ""; background: var(--color-dark-grey); top: 50%; left: 50%; opacity: 0.9; width: 200vw; height: 200vh; z-index: -1; transform: translate(-50%,-50%); } .wso-popup:after { position: absolute; content: ""; background: var(--color-black); top: 50%; left: 50%; width: 100%; height: 100%; z-index: -1; transform: translate(-50%,-50%); } .wso-popup { width: 60% !important; /* max-width: 100%; */ background: var(--color-black) !important; padding: 5rem !important; padding-top: 8rem !important; position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important; z-index: 9999999999 !important; color: var(--color-white) !important; box-sizing: border-box !important; } .wso-popup p { font-size: 1rem; } .wso-popup-pseudo-wrapper { position: absolute !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; } .wso-popup-pseudo-wrapper:after { content: ""; position: absolute; right: 1rem; top: 1rem; background: url(/wp-content/uploads/2025/11/close-icon-white-hafro.svg) no-repeat; width: 1.2rem; height: 1.2rem; background-size: contain; } .wso-popup-pseudo-wrapper:before { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 4rem; background: var(--color-grey); transform: translateX(-50%); } /* Welcome Page */ #Wrapper .gform_wrapper h1:first-line { font-family: var(--font-light); } #Wrapper .gform_wrapper h1 { font-family: var(--font-bold); margin-top: 2rem; margin-bottom: 2rem; } .gform_page_fields:has(.wso-config-start-page) + .gform-page-footer .button { align-self: center !important; } .wso-config-logo { width: 10rem; object-fit: contain; margin-bottom: 2rem; } .wso-config-logo.wso-config-logo-experience { width: 15rem; margin-top: 2rem; margin-bottom: 4rem; } /* Rooms */ .gform_wrapper .gfield.wso-config-rooms { position: relative; } .gform_wrapper .wso-config-rooms .gfield_radio { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; column-gap: 7% !important; row-gap: 1.8rem !important; } .gform_wrapper .gfield.wso-config-rooms .gchoice:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid var(--color-grey) !important; } .gform_wrapper .gfield.wso-config-rooms .gchoice label { position: relative !important; } .wso-config-rooms .gchoice img { width: 5rem !important; max-height: 4rem !important; } .wso-config-rooms .gchoice .gfield-choice-image-wrapper { display: flex; justify-content: center; } /* Experience Choice */ .gform_wrapper .wso-config-radio-experience-choice .gchoice label, .wso-config-radio-experience-choice .gchoice .gfield_label { position: relative !important; } #Wrapper .gform_wrapper .gform_page .wso-config-radio-experience-choice .gfield_radio { align-items: stretch; } #Wrapper .gform_wrapper .gform_page .wso-config-radio-experience-choice .gchoice { max-width: unset !important; padding: 2.2rem; align-self: stretch !important; box-sizing: border-box; transition: var(--button-transition) !important; /* width: 50% !important; */ /* display: flex; */ } .gform_wrapper .gform_page .wso-config-radio-experience-choice .gchoice { border-width: 0px !important; outline: 1px solid var(--color-grey) !important; border-color: var(--color-grey) !important; } .experience.wso-configurator .gform_wrapper .wso-config-radio-experience-choice .gchoice:focus-visible, .experience.wso-configurator .gform_wrapper .wso-config-radio-experience-choice .gchoice:hover, .experience.wso-configurator .gform_wrapper .wso-config-radio-experience-choice .gchoice:has(input:checked) { outline-width: 2px !important; } #Wrapper .gform_wrapper .gform_page .wso-config-radio-experience-choice .gchoice .wso-config-name { /* padding-inline: 10%; */ margin-bottom: 2rem; } /* Step Images */ .gform_wrapper .gfield--type-radio.wso-config-step-images .gchoice { border: 0 !important; } .wso-config-step-images .gchoice .wso-config-icon { transition: var(--button-transition); border: 1px solid var(--color-grey); /* width: 100% !important; */ } .wso-config-step-images .gchoice .wso-config-icon img { object-fit: cover !important; } .wso-config-step-images .gchoice .wso-config-icon.wso-active:hover { border: 1px solid var(--color-grey); } .gfield .gchoice .wso-config-info-icon { position: absolute; right: 1rem; bottom: 1rem; cursor: pointer; transition: var(--button-transition); width: 1.3rem; height: 1.3rem; } #Wrapper .gform_wrapper .gfield .gchoice .wso-config-info-icon img { width: 100% !important; height: 100% !important; object-fit: contain !important; } .gform_wrapper .gfield:not(.wso-config-radio-slider) .gchoice:has(input:checked) .wso-config-info-icon, .gform_wrapper .gfield:not(.wso-config-radio-slider) .gchoice:hover .wso-config-info-icon, .gform_wrapper .gfield.wso-config-radio-slider.wso-config-step-images .gchoice:has(input:checked) .wso-config-info-icon, .gform_wrapper .gfield.wso-config-radio-slider.wso-config-step-images .gchoice:hover .wso-config-info-icon { /* pointer-events: none; */ /* opacity: 0; */ bottom: 1rem; } .gform_wrapper .gfield.wso-config-lines .gchoice .wso-config-info-icon { right: 1rem; /* bottom: 4rem; */ } .gform_wrapper .gfield.wso-config-lines .gchoice:has(input:checked) .wso-config-info-icon, .gform_wrapper .gfield.wso-config-lines .gchoice:hover .wso-config-info-icon { bottom: 1rem; } .wso-config-step-images .gchoice label { display: flex !important; flex-direction: column !important; justify-content: center; height: auto !important; min-height: fit-content !important; position: relative !important; } /* Radio Slider */ .gform_wrapper .wso-config-radio-slider { position: relative; } .gform_wrapper .wso-config-radio-slider .gfield_radio { overflow-x: auto !important; display: flex !important; flex-direction: row !important; gap: 2.5rem !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; padding: 0 !important; scrollbar-width: none !important; flex-wrap: nowrap !important; min-height: 100% !important; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .gform_wrapper .wso-config-radio-slider .gfield_radio.wso-popup-overflow { overflow: unset !important; } .gform_wrapper .gfield--type-radio.wso-config-radio-slider .gchoice { /* flex: 0 0 auto; */ scroll-snap-align: center; /* position: relative; */ /* transition: var(--button-transition); */ width: 12rem !important; display: flex !important; /* flex-direction: column; */ align-self: flex-start !important; /* position: relative; */ /* aspect-ratio: 1 / 1.75; */ /* height: auto !important; */ /* min-height: fit-content !important; */ margin-bottom: 0rem !important; /* flex-grow: 1; */ flex-shrink: 0; /* justify-content: space-between; */ align-content: flex-start; align-items: flex-start; } .gform_wrapper .gfield--type-radio.wso-config-radio-slider .gchoice label { position: relative !important; } .gform_wrapper .wso-config-radio-slider .wso-config-icon { border: 1px solid var(--color-grey); transition: var(--button-transition); } .gform_wrapper .wso-config-radio-slider:not(.wso-config-step-images) .wso-config-icon img { width: 70%; height: 70% !important; } .gform_wrapper .wso-choices-wrapper { width: 100%; } .gfield_radio::-webkit-scrollbar, .wso-color-slider::-webkit-scrollbar { display: none; } /* Colors */ .wso-color-slider { display: flex; column-gap: 1rem; justify-content: center; } .wso-color-slider p { background: var(--color-dark-grey); padding: 0.1rem 1.2rem 0.2rem 1.2rem; border-radius: 0.8rem; margin: 0; word-wrap: normal; white-space: nowrap; transition: var(--button-transition); cursor: pointer; } .wso-color-slider p.wso-active { font-family: var(--font-regular); } /* Load Animation */ .wso-progress-animation-container { position: relative; margin-top: 3rem; } .wso-progress-animation-container:before { content: ""; position: absolute; width: 4rem; height: 4rem; top: 46%; left: 50.5%; transform: translate(-50%,-50%); background: url(/wp-content/uploads/2025/11/progress-icon.svg) no-repeat; background-size: contain; background-position: center; z-index: 9; display: block; } .wso-progress-animation-circle-progress { stroke: var(--color-originy); stroke-dasharray: 474; stroke-dashoffset: 71.1; fill: none; transition: stroke-dashoffset 1s ease; transform: rotate(-90deg); transform-origin: 51% 47%; } .experience.wso-configurator .wso-progress-animation-circle-progress { stroke: var(--color-experience); } @keyframes fillCircle { 0% { stroke-dashoffset: 71.1; } 100% { stroke-dashoffset: 0; } } .wso-progress-animation-circle-progress { animation: fillCircle 7s forwards; } /* Selected Overiew */ .gform_wrapper .wso-config-table-price * { text-align: left; padding-left: 0; padding-block: 0.1rem; } .gform_wrapper .gform_page .wso-config-table-price .wso-title.wso-table-heading { margin-bottom: 0.3rem !important; margin-left: 0; letter-spacing: 0.2em !important; } .gform_wrapper .gform_page .wso-config-table-price p { letter-spacing: 0 !important; margin-left: 0; margin-bottom: 0 !important; } /* Table */ .wso-product-view-table { margin-top: 2rem; } .gform_wrapper td, .gform_wrapper th { color: var(--color-white) !important; text-align: left; vertical-align: text-top; } .gform_wrapper th { width: 8.5rem; /* width: 35%; */ } .wso-config-table-price .wso-product-view-table, .gform_wrapper .wso-config-info-text { display: block !important; } .wso-config-table-price .wso-config-info-icon { display: none; } /* Detail Button */ [lang="en-GB"] .wso-config-selected-overview .gform_next_button { width: 17rem !important; } /* Save Button */ .gform_wrapper .gform_page .gform_save_link { display: none !important; background: transparent !important; color: var(--color-white) !important; font-family: var(--font-light) !important; font-size: 0.9rem !important; transition: var(--button-transition) !important; border: 0 !important; padding: 0 !important; } .gform_wrapper .gform_page .gform_save_link:focus { border: 0 !important; outline: 0 !important; text-decoration: underline !important; } #Wrapper .gform_wrapper .gform_page .gform_save_link:hover { text-decoration: underline !important; background: transparent !important; letter-spacing: 0 !important; } .originy.wso-configurator .gform_wrapper .gform_page .gform_save_link:before, .experience.wso-configurator .gform_wrapper .gform_page .gform_save_link:before { content: "" !important; position: relative; width: 1.4rem; height: 1.4rem; display: inline-block; background: url(/wp-content/uploads/2025/11/configurator-save-icon-green.svg) no-repeat; background-size: contain !important; } .experience.wso-configurator .gform_wrapper .gform_page .gform_save_link:before { background: url(/wp-content/uploads/2025/11/configurator-save-icon-brown.svg) no-repeat; } .gform_wrapper .gform_page:has(.wso-config-table-price) .gform_save_link { display: flex !important; } .gform_wrapper:has(.form_saved_message) { display: flex; flex-direction: column; justify-content: center; padding-bottom: 5rem; } #Wrapper .form_saved_message * { text-align: center !important; margin-left: auto !important; margin-right: auto !important; position: relative !important; border-color: var(--color-grey) !important; } #Wrapper .form_saved_message_sent * { text-align: center; margin: 0 auto; display: block; } #Wrapper .form_saved_message h2/*, #Wrapper .saved_message_success*/ { font-size: 1.2rem !important; line-height: 1.3em !important; margin-bottom: 2.5rem !important; letter-spacing: 0.2em !important; font-family: var(--font-regular) !important; } #Wrapper .saved_message_success { margin-bottom: 1rem !important; } #Wrapper .form_saved_message input[name="gform_resume_email"] { color: var(--color-white) !important; } .form_saved_message .gfield--type-email { margin-block: 2rem; } #Wrapper .form_saved_message .resume_form_link_wrapper a, .form_saved_message_sent .wso-form-saved-message-sent-button a { text-decoration: underline !important; font-size: 0.9rem; line-height: 1.1em; margin-bottom: 2rem; text-transform: uppercase; letter-spacing: 0.12em; font-family: var(--font-bold); font-weight: normal; display: block; } /* Bezugsrahmen fuer den .gform-loader, analog zum .gform-page-footer */ #Wrapper .form_saved_message .gform_footer { position: relative; } #Wrapper .form_saved_message .gform_footer button[name="gform_send_resume_link_button"] { padding-right: 2rem !important; background-position: 80% center !important; } .form_saved_message .gform_body .gform_fields { margin-bottom: 2rem !important; } /* Form */ .gform_wrapper .wso-config-form .gform_fields { display: block; } .gform_wrapper .wso-config-form label, .wso-config-form .gfield_label { position: relative !important; display: inline-block; } .gform_wrapper .wso-config-form input:focus, .gform_wrapper .wso-config-form select:focus { outline: none !important; } #Wrapper .gform_wrapper .wso-config-form input:focus-visible, #Wrapper .gform_wrapper .wso-config-form select:focus-visible { border: 2px solid var(--color-originy) !important; } .experience.wso-configurator #Wrapper .gform_wrapper .wso-config-form input:focus-visible, .experience.wso-configurator #Wrapper .gform_wrapper .wso-config-form select:focus-visible { border: 2px solid var(--color-experience) !important; } .gform_wrapper .wso-config-form .gfield--type-address label { clip-path: inset(50%); } #Wrapper .wso-config-form input:not(.button), #Wrapper .wso-config-form select { color: var(--color-white) !important; border-color: var(--color-grey) !important; text-align: left; border-width: 1px !important; text-transform: none; border-radius: 0 !important; padding: 1rem !important; height: 3rem; line-height: 0.9rem !important; } #Wrapper .wso-config-form input:not(.button)::placeholder, #Wrapper .wso-config-form select::placeholder { text-transform: uppercase !important; } #Wrapper .wso-config-form select { background: url(/wp-content/uploads/2025/09/arrow-down-white-hafro.svg) no-repeat; background-size: 1rem; background-position: 95% 50%; } #Wrapper .wso-config-form select option { background: var(--color-black) !important; color: var(--color-white) !important; } .gform_wrapper /*.wso-config-form*/ .gfield { position: relative; } .gform_wrapper .wso-config-form .validation_message { /* position: relative; */ bottom: -1.3rem; text-align: left; font-size: 0.9rem !important; } .gform_wrapper .wso-config-form .gfield--type-checkbox .validation_message { text-align: center; } .gform_wrapper .wso-config-form .gfield--type-address .validation_message { margin-top: 0; bottom: 0rem; } /* Checkbox */ .gform_wrapper .gfield--type-checkbox label { font-size: 0.9rem !important; } .gform_wrapper .gfield--type-checkbox a { text-decoration: underline; } .gform_wrapper .gfield--type-checkbox .ginput_container_checkbox { padding-left: 1.5rem; } #Wrapper .gform_wrapper .gfield--type-checkbox input[type="checkbox"]:not([id*="borlabs"])+label:before { content: ''; display: inline-block; width: 1rem; height: 1rem; border: 1px solid var(--color-white); border-radius: 0.1rem; position: relative; top: .22em; margin-left: -1.5rem; margin-top: 0 !important; margin-right: .45em; vertical-align: top; opacity: .6; transition: all .12s, border-color .08s; margin-top: 4px; } #Wrapper .gform_wrapper .gfield--type-checkbox input[type="checkbox"]:not([id*="borlabs"]):checked+label:after { content: ''; display: inline-block; width: 1rem; height: 0.7rem; border: 2px solid var(--color-white); border-radius: 0.1rem; position: relative; top: .25rem; margin-left: -0.8rem; margin-top: 0 !important; margin-top: 4px; width: .35em; margin-right: 0.95em; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); left: 0 !important; right: auto; position: absolute; } .gform_wrapper .wso-config-form-text-required-fields p { margin: 0 !important; } /* End Page */ .section.mcb-section:not(.wso-section-slider).wso-configurator-end-page-close-button { position: absolute; top: 3.5rem; right: 4.8rem; width: 2rem; height: 2rem !important; padding: 0 !important; z-index: 9 !important; } #Wrapper .wso-configurator-end-page-close-button * { height: 100% !important; width: 100% !important; padding: 0; } #Wrapper .wso-configurator-end-page-close-button a.button { width: 100%; height: 100%; font-size: 0 !important; padding: 0 !important; margin: 0 !important; min-width: unset; background: transparent !important; border: 0 !important; } #Wrapper .wso-configurator-end-page-close-button a.button:after { display: none; } .wso-configurator-end-page-close-button .button .button_label { font-size: 0; } .wso-configurator-end-page-close-button .button:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/wp-content/uploads/2025/11/close-icon-white-hafro.svg) no-repeat; background-size: contain; z-index: 9999 !important; } #Wrapper #Content .section.wso-configurator-end-page a.button:hover .button_label { color: var(--color-white) !important; } #Wrapper #Content .wso-configurator-end-page a.button { background-image: none !important; display: flex; width: fit-content; justify-content: center; column-gap: 1rem; align-items: center; margin: 2rem auto 0 !important; } #Wrapper #Content .wso-configurator-end-page a.button:after { content: ""; position: relative; right: 0; top: 0; display: block; width: 2rem !important; height: 1rem !important; background: url(/wp-content/uploads/2025/11/arrow-white-hafro.svg) no-repeat !important; background-size: contain !important; } #Wrapper #Content .section.wso-configurator-new-configuration a.button:after { background: var(--color-white) !important; } @media (pointer: coarse) and (hover: none) and (orientation: portrait) { .wso-config-table-price { display: flex !important; flex-direction: row !important; column-gap: 1rem !important; } } @media (pointer: coarse) and (hover: none) and (min-width: 768px) and (max-width: 1023px) { .gform_wrapper .gform_page:is(#gform_page_3_9,#gform_page_1_9) .wso-config-radio-slider .gfield_radio { gap: 1.5rem !important; } } @media (pointer: coarse) and (hover: none) and (orientation: landscape) and (min-width: 1025px) { .wso-product-view-table.wso-is-tablet, .wso-config-info-text.wso-is-tablet, .wso-config-table-price { display: block !important; } .wso-config-table-price .wso-config-info-icon { display: none !important; } } @media (pointer: coarse) and (hover: none) and (max-width: 1024px) { .wso-config-mobile-table-price { width: 56%; } .wso-config-table-price .wso-product-view-table, .wso-config-selected-overview .wso-config-info-text { display: none !important; } .wso-config-info-icon.wso-is-tablet, .wso-popup .wso-product-view-table, .wso-popup .wso-config-info-text { display: block !important; } .wso-config-table-price { display: flex !important; flex-direction: row !important; column-gap: 1rem !important; } } @media (pointer: coarse) and (hover: none) { .gform_wrapper .wso-config-radio-slider .gchoice:checked + label .wso-config-icon, .gform_wrapper .wso-config-radio-slider .gchoice:not(:hover):has(input:checked) + label .wso-config-icon{ border-color: var(--color-originy) !important; border-width: 2px !important; outline: none !important; } .gform_wrapper .wso-config-radio-slider .gchoice:not(:checked) + label .wso-config-icon { border: none !important; } .wso-config-table-price .wso-config-info-icon { display: block; } } @media (pointer: coarse) and (hover: none) and (min-width: 768px) { #Wrapper .wso-configurator-gform { padding-top: 0 !important; } } @media only screen and (min-width: 768px) { #Wrapper .wso-configurator-gform { /* height: 77vh; */ min-height: calc(100vh - 13.5rem); padding: 0 !important; padding-top: 5rem !important; } .gform_wrapper .gform_page { min-height: calc(100vh - 17rem) !important; display: flex; flex-direction: column; justify-content: center; } #Wrapper .wso-configurator-gform .gform_wrapper { min-height: calc(100vh - 13.5rem) !important; } .wso-configurator-gform .section_wrapper { --content-width: 100%; } button[type="button"].gform_next_button { width: 13.2rem !important; background-position: 77% center !important; } .gform_wrapper .wso-config-rooms .gfield_radio .gchoice { width: 28.5% !important; /* aspect-ratio: 1.2 / 1.3; */ } .wso-config-rooms .gchoice .gfield-choice-image-wrapper { height: 5rem !important; } .gform_page:not(#gform_page_1_3, #gform_page_1_6, #gform_page_1_8, #gform_page_1_9, #gform_page_1_10, #gform_page_3_3, #gform_page_3_4, #gform_page_3_6, #gform_page_3_8, #gform_page_3_9, #gform_page_3_10, .wso-config-selected-overview) { max-width: 70% !important; margin: 0 auto !important; } .gform_page:after { content: ""; bottom: -9.2rem; height: 22rem; width: 30rem; background: url(/wp-content/uploads/2021/08/group-1.svg) center left !important; left: 0.5rem !important; background-size: contain !important; position: absolute; background-repeat: no-repeat !important; transition: all .2s ease-in-out !important; pointer-events: none; z-index: -1; opacity: 0.1; } .wso-config-start-page .wso-config-info-text, .wso-config-start-page .wso-p-big { width: 60%; margin: 0 auto; } .gform_wrapper .gfield--type-radio.wso-config-radio-slider .gchoice { /* aspect-ratio: 1 / 1.76; */ overflow: hidden; } .gform_page_fields:has(.wso-config-start-page) + .gform-page-footer button[type="button"].gform_next_button { background-position: 85% center !important; } .gform_wrapper .gform_page:has(.gfield--type-radio, .gfield--type-image_choice) .gchoice { max-width: 12rem !important; } #Wrapper .gform_page.wso-config-form { max-width: 95% !important; } .gform_wrapper .wso-config-form .gfield:is(.gfield--type-text, .gfield--type-email, .gfield--type-phone, .gfield--type-address) { inline-size: 50%; display: inline-block; padding-inline: calc(var(--gf-field-gap-x)/ 2); } .gform_wrapper .wso-config-form .gfield.gfield--type-address { inline-size: 100%; } .gform_wrapper .gfield--type-checkbox { width: 90%; margin: 0 auto; } #Wrapper .gform_wrapper .gfield--type-checkbox input[type="checkbox"]:not([id*="borlabs"]):checked+label:after { margin-left: -0.35rem; } } @media only screen and (min-width: 1024px) { .gform_wrapper .wso-config-rooms .gfield_radio .gchoice { /* aspect-ratio: 1.2 / 1.1; */ } .gform_page_fields:has(.wso-config-start-page) + .gform-page-footer button[type="button"].gform_next_button { background-position: 83% center !important; } button[type="button"].gform_next_button { width: 13.2rem !important; background-position: 72% center !important; } .wso-popup { width: 55% !important; } #Wrapper .gform_wrapper .gfield--type-checkbox input[type="checkbox"]:not([id*="borlabs"]):checked+label:after { margin-left: 1.05rem; } } @media only screen and (min-width: 1240px) { .gform_page:not(#gform_page_1_3, #gform_page_1_6, #gform_page_1_8, #gform_page_1_9, #gform_page_1_10, #gform_page_3_3, #gform_page_3_4, #gform_page_3_6, #gform_page_3_8, #gform_page_3_9, #gform_page_3_10, .wso-config-selected-overview) { max-width: 45% !important; } .gform_page#gform_page_3_3 { max-width: 70% !important; margin: 0 auto; } #Wrapper .gform_page.wso-config-form { max-width: 65% !important; } .gform_page#gform_page_1_3 { /* max-width: 80% !important; */ margin: 0 auto; } .wso-popup { width: 45% !important; } .gform_wrapper .wso-config-rooms .gfield_radio .gchoice { /* aspect-ratio: 1.2 / 1.3; */ } .gchoice .gfield-image-choice-wrapper-outer { padding: 1.5rem !important; } .gform_wrapper .gform_page.wso-config-selected-overview { display: grid; grid-template-areas: "config-table iframe" "suggestion iframe" "config-footer iframe" "config-footer config-share-buttons"; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, auto); grid-template-rows: minmax(0, auto) minmax(2rem, auto) minmax(5rem, 5rem) minmax(3.3rem, 3.3rem); } .gform_wrapper .gform_page.wso-config-selected-overview .wso-config-veeuze-iframe { grid-area: iframe; padding-bottom: 0rem; } .gform_wrapper .gform_page.wso-config-selected-overview .wso-config-veeuze-iframe iframe { height: 100%; } .gform_wrapper .gform_page.wso-config-selected-overview .wso-config-table-price { grid-area: config-table; padding-bottom: 2rem; display: block; } .gform_wrapper .gform_page.wso-config-selected-overview .wso-configurator-suggestion { grid-area: suggestion; text-align: left; } .gform_wrapper .gform_page:has(.wso-config-table-price) .wso-save-button-desktop-container { grid-area: config-share-buttons; padding-top: 0.7rem !important; } .gform_wrapper .gform_page.wso-config-selected-overview .wso-configurator-suggestion, .gform_wrapper .gform_page.wso-config-selected-overview .wso-config-table-price, .gform_wrapper .gform_page.wso-config-selected-overview .gform-page-footer { padding-left: 23%; padding-right: 15%; } .gform_wrapper .gform_page.wso-config-selected-overview .gform_page_footer { grid-area: config-footer; align-content: flex-start; } .gform_wrapper .gform_page.wso-config-selected-overview .gform_page_footer .gform_previous_button, .gform_wrapper .gform_page:has(.wso-config-table-price) .gform_save_link { align-self: flex-start !important; padding-left: 0 !important; } .gform_wrapper .gform_page.wso-config-selected-overview .gform_fields, .gform_wrapper .gform_page.wso-config-selected-overview .gform_page_fields { display: contents; } .gform_wrapper .gform_page.wso-config-selected-overview .gform_fields > div { /* width: 50%; */ } #Wrapper .gform_wrapper .gfield--type-checkbox input[type="checkbox"]:not([id*="borlabs"]):checked+label:after { margin-left: -0.35rem; } } @media only screen and (min-width: 1500px) { .gform_wrapper .wso-config-rooms .gfield_radio .gchoice { /* aspect-ratio: 1.2 / 1.1; */ } .wso-popup { width: 40% !important; } #Wrapper .gform_wrapper .gfield--type-checkbox input[type="checkbox"]:not([id*="borlabs"]):checked+label:after { margin-left: -0.7rem; } #Wrapper .gform_page.wso-config-form { max-width: 55% !important; } .gchoice .gfield-image-choice-wrapper-outer { padding: 1.6rem 2rem !important; } } @media only screen and (max-width: 767px) { .wso-configurator .gform-theme--foundation .gform_fields { --gf-form-gap-y: 1rem !important; } .wso-configurator .wso-configurator-gform:has(.gform_page:not([style*="display:none"]) .wso-config-radio-slider) .section_wrapper, .wso-configurator .wso-configurator-gform .section_wrapper:has(.gform_page:not([style*="display:none"]) .wso-config-radio-experience-choice) { max-width: 100% !important; } .gform_wrapper .wso-config-radio-experience-choice .gfield_radio { overflow-x: auto !important; display: flex !important; flex-direction: row !important; gap: 1.5rem !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; padding: 0 !important; scrollbar-width: none !important; flex-wrap: nowrap !important; min-height: 100% !important; justify-content: flex-start; align-content: flex-start; align-items: flex-start; padding-inline: 2rem !important; } #Wrapper .gform_wrapper .gform_page .wso-config-radio-experience-choice .gchoice { width: 75vw !important; min-width: 75vw !important; padding: 1.5rem 1.7rem; overflow: visible; margin-block: 2px; } #Wrapper .gform_wrapper .gform_page .wso-config-radio-experience-choice .gchoice label { height: auto !important; } #Wrapper .gform_wrapper .gform_page .wso-config-radio-experience-choice .gchoice .wso-config-name { line-height: 1.4rem !important; font-size: 1.1rem; margin-top: 0 !important; } .wso-configurator .wso-configurator-gform:has(.gform_page:not([style*="display:none"]) .wso-config-radio-slider, .gform_page:not([style*="display:none"]) .wso-config-radio-experience-choice) .gfield--type-html:has(.wso-h4) { max-width: var(--content-width); margin: 0 auto; } .wso-configurator .wso-configurator-gform:has(.gform_page:not([style*="display:none"]) .wso-config-radio-slider, .gform_page:not([style*="display:none"]) .wso-config-radio-experience-choice) .gform_validation_errors { width: var(--content-width) !important; } .wso-configurator .wso-configurator-gform:has(.gform_page:not([style*="display:none"]) .wso-config-radio-slider, .gform_page:not([style*="display:none"]) .wso-config-radio-experience-choice) .wso-config-radio-slider .gfield_radio { padding-inline: 25% !important; } .wso-configurator .wso-configurator-gform:has(.gform_page:not([style*="display:none"]) .wso-config-radio-slider, .gform_page:not([style*="display:none"]) .wso-config-radio-experience-choice) .gf_progressbar_wrapper { margin-left: 7.5%; } .wso-configurator .wso-configurator-gform:has(.gform_page:not([style*="display:none"]) .wso-config-radio-slider, .gform_page:not([style*="display:none"]) .wso-config-radio-experience-choice) .wso-config-close-button { margin-right: 7.5%; } .gform_wrapper .gform_page { min-height: calc(100vh - 15rem) !important; display: flex; flex-direction: column; justify-content: center; } #Wrapper .section.wso-section-logo-configurator { padding: 2rem 0 !important; } #Wrapper .gform-page-footer .button { font-size: 1.2rem !important; } button[type="button"].gform_next_button { width: 100% !important; background-position: 67% center !important; padding-block: 1rem !important; } .gform_wrapper .validation_message { bottom: -3rem; } .gform_wrapper .wso-config-form .validation_message { position: relative; bottom: 0rem; font-size: 1rem !important; } .gform_page_fields:has(.wso-config-start-page) + .gform-page-footer button[type="button"].gform_next_button { background-position: 73% center !important; } /*.gform_wrapper .gfield_radio { overflow-x: auto !important; display: grid !important; grid-template-columns: repeat(3, 20rem) !important; grid-template-rows: 1fr !important; flex-direction: row !important; justify-content: center; }*/ .gfield > .wso-h4 { width: 90%; margin: 0 auto; } .gform_wrapper .gfield_radio { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; } #Wrapper .gform_wrapper .gform_page .wso-config-radio-experience-choice .gfield_radio { /* flex-direction: column !important; */ } .gform_wrapper .wso-config-radio-slider .gfield_radio { padding: 0 4rem !important; padding: 0 1rem !important; gap: 1.5rem !important; } .gform_wrapper .wso-config-radio-slider .gchoice.wso-active { /* scale: 1.07; */ /* margin-top: 1rem; */ /* height: auto !important; */ } .gform_wrapper .wso-config-radio-slider .gchoice:not(.wso-active) .wso-config-icon { margin-top: 0.5rem; } .gfield .gchoice .wso-config-info-icon { right: 1.2rem; /* bottom: 7rem; */ width: 1.6rem; height: 1.6rem; } .gform_wrapper .gchoice:has(input:checked) .wso-config-info-icon, .gform_wrapper .gchoice:not(:hover) .wso-config-info-icon { bottom: 1rem; } .gform_wrapper .gfield.wso-config-radio-slider.wso-config-step-images .gchoice:has(input:checked) .wso-config-info-icon { /* bottom: 7rem; */ } .gfield.wso-config-lines .gchoice .wso-config-info-icon { /* bottom: 1rem !important;*/ } .gfield.wso-config-lines .gchoice:has(input:checked) .wso-config-info-icon { /*bottom: 1rem !important;*/ } .wso-config-mobile-table-price { width: 90%; } .gform_wrapper .wso-config-radio-slider .gchoice .wso-choices-wrapper p { transition: var(--button-transition); } .gform_wrapper .gform_page:has(.gfield--type-radio) .wso-config-icon { height: 15rem !important; } .gform_wrapper .gform_page:has(.gfield--type-radio) .wso-config-radio-slider .gchoice.wso-active .wso-config-icon { height: 16rem !important; } .gform_wrapper .wso-config-radio-slider .gchoice label { display: flex; align-items: center; justify-content: flex-start; width: 140px; height: 180px; border: 2px solid transparent; color: #fff; cursor: pointer; transition: border-color 0.2s ease, transform 0.2s ease; background-size: cover; background-position: center; flex-direction: column; } .gform_wrapper .wso-config-rooms .gfield_radio { overflow-x: auto !important; display: grid !important; grid-template-columns: 3fr !important; grid-template-columns: repeat(3, 10.9rem) !important; grid-template-columns: repeat(2, 10.9rem) !important; /* grid-template-rows: 2fr !important; */ flex-direction: row !important; flex-wrap: wrap !important; gap: 1.15rem !important; align-content: space-between; justify-content: center; /* width: 150% !important; */ box-sizing: unset !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; } .gform_wrapper .gform_page:has(.gfield--type-radio, .gfield--type-image_choice) .wso-config-radio-slider .gchoice { width: 13rem !important; max-width: 13rem !important; margin: 0 auto; } .gform_wrapper .gform_page .wso-config-rooms .gchoice { aspect-ratio: 1 / 1.1; } .gform_wrapper .gchoice .wso-config-name { font-size: 1.3rem; margin-bottom: 0.3rem; } .gform_wrapper .gchoice .wso-config-price, .gform_wrapper .wso-config-info-text, .wso-config-selected-overview .wso-config-price-suffix, #Wrapper .gform_wrapper .gform_page .gform_save_link { font-size: 1.1rem !important; } .gform_wrapper .wso-config-table-price { border-collapse: separate; border-spacing: 0 0.5rem; } .gform_wrapper .wso-config-table-price th { hyphens: auto; vertical-align: top; width: 45%; } .gform_wrapper .wso-config-table-price td { vertical-align: top; line-height: 1.3rem; } .gform_wrapper .wso-config-info-text, .wso-config-selected-overview .wso-config-price-suffix { /* font-size: 1rem !important; */ } .wso-config-rooms .gchoice .gfield-choice-image-wrapper { max-height: 5rem; } .wso-config-rooms .gchoice img { width: 5rem !important; } .wso-config-rooms .gchoice label { font-size: 1.1rem !important; } .wso-color-slider { justify-content: flex-start; overflow-x: auto; padding-inline: 10%; padding-bottom: 1rem; } .wso-color-slider p { border-radius: 1rem; } .gform_page .wso-prev, .gform_page .wso-next, .gf_progressbar_percentage span { display: none; } .gf_progressbar_wrapper { top: -8rem !important; } .wso-config-close-button { top: -6.7rem; } .section.mcb-section:not(.wso-section-slider).wso-configurator-end-page-close-button { top: 3rem; right: 2.5rem; } body:is(.originy.wso-configurator, .experience.wso-configurator) #logo img { width: 6.4rem; } .wso-p-big { width: 80%; width: 100%; margin: 0 auto; } .wso-popup { width: 85% !important; padding: 3rem 1.5rem !important; padding-top: 5rem !important; } .wso-popup p { font-size: 1.1rem; } .wso-popup-pseudo-wrapper:before { height: 3.4rem; } .wso-config-selected-overview button[type="button"].gform_next_button { background-position: 80% center !important; } [lang="en-GB"] .wso-config-selected-overview button[type="button"].gform_next_button { width: 100% !important; background-position: 88% center !important; } .gform_wrapper th { max-width: 12rem; } .gform_wrapper .gfield--type-checkbox label { text-align: left !important; } #Wrapper .gform_wrapper .gfield--type-checkbox input[type="checkbox"]:not([id*="borlabs"]):checked+label:after { top: 0.2rem; margin-left: -1.18rem; } #Wrapper .wso-config-form button[type="submit"] { background-position: 65% center !important; width: 100%; padding-right: 2rem !important; padding-block: 1rem !important; margin-top: 0 !important; } .wso-config-form .gfield--type-address .address_zip { /* width: 40%; */ } .wso-config-form .gfield--type-address .address_zip label { height: 1rem !important; } .wso-config-form .gfield--type-address .address_country { /* width: 60%; */ } .gform_wrapper .wso-config-form .gfield--type-checkbox .validation_message, .gform_wrapper .wso-config-form-text-required-fields { text-align: left; } .gform_wrapper .gform-page-footer { margin-top: 5rem !important; position: fixed !important; bottom: 0 !important; width: 100% !important; background: var(--color-black) !important; padding: 2rem !important; left: 50% !important; transform: translateX(-50%) !important; margin-top: 0 !important; padding-block: 1rem !important; } .gform_page:has(.wso-config-start-page) .gform-page-footer { padding-block: 2rem !important; /* padding-inline: 0 !important; */ } .gform_page:is(.wso-config-form, .wso-config-selected-overview) .gform-page-footer, .gform_page:has(.wso-config-rooms, .wso-config-radio-experience-choice) .gform-page-footer { /* padding-inline: 0 !important; */ } .wso-configurator .wso-configurator-gform:has(.gform_page:not([style*="display:none"]) .wso-config-radio-slider) .section_wrapper .gform_page .gform-page-footer { padding-inline: 2rem !important; } .gform_fields { margin-bottom: 10rem !important; } #Wrapper .form_saved_message .gform_footer button[name="gform_send_resume_link_button"] { padding-right: 2.5rem !important; background-position: 85% center !important; padding-block: 1rem !important; } #Wrapper .form_saved_message_sent .saved_message_email { display: inline-block !important; } .wso-configurator-end-page p { font-size: 1.4rem; line-height: 2rem; margin-top: 2rem; } } @media only screen and (max-width: 599px) { .gform_wrapper .wso-config-radio-slider .gchoice:not(.wso-active) .wso-choices-wrapper p { opacity: 0; } } /* Borlabs */ .brlbs-cmpnt-container .brlbs-fixed { z-index: 999999999 !important; } .brlbs-fixed label { position: relative !important; padding: 0 !important; top: 0 !important; } body:is(.wso-configurator, .manufaktur, .originy, .experience) div.brlbs-cmpnt-container p, body:is(.wso-configurator, .manufaktur, .originy, .experience) div.brlbs-cmpnt-container h2, body:is(.wso-configurator, .manufaktur, .originy, .experience) div.brlbs-cmpnt-container h3, body:is(.wso-configurator, .manufaktur, .originy, .experience) div.brlbs-cmpnt-container h4, body:is(.wso-configurator, .manufaktur, .originy, .experience) div.brlbs-cmpnt-container h5, body:is(.wso-configurator, .manufaktur, .originy, .experience) div.brlbs-cmpnt-container h6, body:is(.wso-configurator, .manufaktur, .originy, .experience) #Wrapper #wso-popup-main-container p, body:is(.wso-configurator, .manufaktur, .originy, .experience) #Wrapper #wso-popup-main-container p:is(.wso-h1, .wso-h2, .wso-h3, .wso-h4, .wso-h5, .wso-h6) { color: var(--color-black) !important; } body div.brlbs-cmpnt-container p { font-size: 0.8rem !important; line-height: 1rem; } body div.brlbs-cmpnt-container button:hover, body #BorlabsCookieBox div.brlbs-cmpnt-container button:hover span { letter-spacing: 0 !important; } body #BorlabsCookieBox div.brlbs-cmpnt-container button:hover span { text-decoration: underline !important; } body #BorlabsCookieBox .brlbs-cmpnt-container .brlbs-fixed button.brlbs-cmpnt-link:hover, body #BorlabsCookieBox .brlbs-cmpnt-container .brlbs-fixed button.brlbs-cmpnt-link:hover span, body .brlbs-cmpnt-container .brlbs-fixed .brlbs-cmpnt-dialog-footer button a:hover { color: var(--orange) !important; } .brlbs-cmpnt-card-group-form-control label { margin-left: 0.5rem !important; } @media only screen and (max-width: 1023px) { body div.brlbs-cmpnt-container p { font-size: 1rem !important; line-height: 1.2rem !important; } } @media only screen and (max-width: 767px) { .brlbs-fixed label { font-size: 1.1rem !important; } } /* ReCaptcha */ .grecaptcha-badge { display: none !important; }