/* Theme Name: Betheme Child Theme URI: http://themes.muffingroup.com/betheme Author: Muffin group Author URI: http://muffingroup.com Description: Child Theme for Betheme - Premium WordPress Theme Template: betheme Version: 1.6.1 */ /* ============================================ Variables ============================================ */ :root { --content-width: 71rem; --content-width-large: 84rem; --mobile-top-bar-height: 10rem; --color-1: #3abbed; /*Hellblau*/ --color-2: #808080; /*text*/ --color-3: #0258a6; /*Blau*/ --color-4: #183174; /*Dunkelblau*/ --color-5: rgba(58,187,237,.1); /*hintergrund*/ --color-6: #000; /*menu*/ --color-7: rgba(128,128,128,.20); /*borders*/ --text-img-spacing: 3%; --overlay-light: rgba(255, 255, 255, 0.3); --overlay-dark: rgba(0, 0, 0, 0.20); --img-border: .5rem solid white; --menu-gap: 0; --megamenu-width: 100vw; --burger-menu-transition: 300ms; --base-font-size:1.042rem; --default-spacing:3rem; } /* ============================================ Global ============================================ */ .single-product .variations tr { display: block !important; } .single-product .variations tr th.label { padding: 0 !important; } html { font-size: 1vw; font-family: 'Gilroy', sans-serif !important; } html *:not(img) { font-family:'Gilroy', sans-serif !important; } body { font-size:var(--base-font-size); } #Wrapper .wso-hide { display: none !important; } a.wso-absolute-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } a[href*="tel:"] { white-space:nowrap; } /* ================= Transitions ================= */ .ui-tabs .ui-tabs-nav li a { -webkit-transition: all .1s ease-in-out !important; -o-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important; } .accordion .question .title, .accordion .question .title i, .wso-video-button { -webkit-transition: all .2s ease-in-out !important; -o-transition: all .2s ease-in-out !important; 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, .tg-wso-slider-skin .tg-item-media-content, .tg-wso-slider-skin::before { -webkit-transition: all .3s ease-in-out !important; -o-transition: all .3s ease-in-out !important; transition: all .3s ease-in-out !important; } .image_frame .image_wrapper img, .image_frame .image_wrapper .mask:after, .image_frame .image_wrapper .image_links, .tg-wso-skin-2 .tg-item-media-holder::before { -webkit-transition: all .5s ease-in-out !important; -o-transition: all .5s ease-in-out !important; transition: all .5s ease-in-out !important; } #Wrapper .tg-wso-skin-2 .tg-bottom-holder .tg-element-2 p { -webkit-transition: all .8s ease-in-out !important; -o-transition: all .8s ease-in-out !important; transition: all .8s 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; } /* ================= Object fit ================= */ .tg-item-image, .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; !important'; width: 100% !important; height: 100% !important; } .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;'; } .column_image.wso-img-proportional img { height:auto !important; } .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; } } /* ================= Overlay ================= */ .tg-wso-references .tg-item-media-content::before, .tg-wso-slider-skin .tg-item-content-holder::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--overlay-dark); z-index: 1; } /* ================= Lazy load ================= */ img[data-lazy-src*="http"] { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; 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, .tg-item p, .gm-style p, #ship-to-different-address { font-size: var(--base-font-size) !important; line-height: 1.5em !important; } .column > p, .column_visual > p, .column_attr > p, .column_attr > ul, .column_attr > ol, #Footer p, #Footer ul, #Footer ol, .tg-item p { 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.55rem; line-height: 1.3em; font-weight: 600; margin-bottom: 1rem; } body h1, body .wso-h1, body h2, body .wso-h2 { color:var(--color-4) } body #Wrapper .wso-section-hero h1, body #Wrapper .wso-section-hero h2, body #Wrapper .tg-wso-slider-skin .tg-element-2 h2 { font-size: 5.2rem; line-height: 1.05em; font-weight: 600; text-transform: none; margin-bottom: 1rem; color: #fff; } body h3, body .wso-h3 { font-size: 1.56rem; line-height: 1.2em; font-weight: 600; letter-spacing: 0; text-transform: none; margin-bottom: 1rem; color: inherit; } body h4, body .wso-h4, .wso-highlight-button p, .ui-tabs .ui-tabs-nav li a, #Footer .widget_nav_menu ul li a, #Top_bar .menu .wso-burger-menu li.menu-item-has-children > a, .tg-error-msg { font-size: .9rem !important; line-height: 1.4em !important; font-weight: 500 !important; letter-spacing: .2em !important; text-transform: uppercase !important; margin-bottom: .6rem !important; } h4, wso-h4, .ui-tabs .ui-tabs-nav li a { color: var(--color-1); } #Wrapper h5, #Wrapper wso-h5 { font-size: 1.2rem; line-height: 1.3em; font-weight: 400; margin-bottom: 1rem; } #Wrapper h6, #Wrapper wso-h6 { font-size: 1rem; line-height: 1.3em; font-weight: 400; margin-bottom: 1rem; } #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 h1::after, #Wrapper h2::after, #Top_bar .mfn-megamenu-title::after, #Footer aside > h4::after, .tg-wso-skin-1 .tg-item-content-holder h3::after { content: " "; width: 14rem; display: block; margin: 1rem auto 2rem 0; border-bottom: 1px solid var(--color-2); }*/ #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 .tg-wso-slider-skin .tg-element-2 h2::after, .tg-wso-skin-1 .tg-item-content-holder h3::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 { 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; } /* ============================================ Header ============================================ */ #Header_wrapper { z-index:3000000; } #Top_bar.is-sticky { opacity:1; } #Top_bar .top_bar_right, #Top_bar .top_bar_right_wrapper, #Top_bar .top_bar_right_wrapper #header_cart{ position: static !important; height: 0 !important; width: 0; margin: 0 !important; display: block !important; } #Top_bar .top_bar_right_wrapper #header_cart i { display:none; } #Top_bar .top_bar_right_wrapper #header_cart span{ position:absolute; bottom: 3rem; left: auto; display: block; top: auto; right: calc((100% - var(--content-width)) / 2); width: 1.2rem; height: 1.2rem; line-height: 1.3rem; border-radius: 50%; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); font-weight: 900; font-size: .6rem; background-color: var(--color-4); pointer-events: none; } /* ================= Top Bar ================= */ #Top_bar.loading { display: block; } .header-classic #Header .top_bar_left, .header-transparent #Header .top_bar_left { width: 100%; } @media only screen and (min-width: 1024px) { .header-transparent.ab-hide #Top_bar:not(.is-sticky) { top: 0rem !important; /* position: relative; */ } } /* ================= Logo ================= */ #Top_bar .logo { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); margin: 0 !important; z-index: 1; } #Wrapper #Top_bar #logo, #Wrapper #Top_bar.is-sticky #logo { padding: 2rem !important; height: auto !important; margin: 0 !important; } #Top_bar #logo img { width: 8.8rem; max-height: 100% !important; } /* ================= Menu ================= */ #Top_bar .column { margin:0; width:100%; background-color: #fff; } header .menu_wrapper { width:100%; } #Top_bar .column .top_bar_left { width: var(--content-width) !important; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 2.5rem 0 0 0; } #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: 600; letter-spacing: 0em; padding: 0 0 !important; } #Top_bar .menu > li:not(.wso-top-menu) > a { text-transform: lowercase; } #Top_bar .menu > li.wso-top-menu > a { padding-bottom: .2rem !important; font-weight: 100; } .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) { padding: 0; } #Top_bar .menu > li > form.wso-search-form input[type="text"] { padding: 0 1rem 0 0 !important; border:none; line-height: 3em !important; font-size: .8rem !important; margin: 0; width: 8rem; } #Top_bar .menu > li > form.wso-search-form input[type="submit"] { background-color:transparent !important; background-image:url("/wp-content/uploads/2020/11/element-10.svg"); border: none !important; outline: none !important; background-size:contain; background-position: center right; background-repeat:no-repeat; width: 0.7rem; height: 0.7rem; display:block; position:absolute; top: 45%; right:0; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); margin: 0 !important; padding: 0 !important; } /*CTA*/ #Top_bar .menu > li.wso-menu-cta > a span { position: relative; color: white !important; background-color: var(--color-1) } /*Phone & Email*/ #Top_bar .menu > li.wso-menu-mail > a { text-transform: none; } #Top_bar .menu > li.wso-menu-contact > a span { position: relative; margin-left: .5rem; padding-left: 1.7rem; } #Top_bar .menu > li.wso-menu-contact > a span::before { position: absolute; width: 2rem; height: 100%; left: 0; content:''; background-repeat: no-repeat !important; background-size: auto 1.1rem !important; background-position: left center !important; } /* #Top_bar .menu > 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:%23ccbda8;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"); } #Top_bar .menu > 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:%23ccbda8;%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"); background-size: auto .95rem !important; } .header-transparent #Top_bar:not(.is-sticky) .menu > 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"); } .header-transparent #Top_bar:not(.is-sticky) .menu > 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"); } */ .menu-main li a{ color:#000 !important; } /*menu order*/ .menu-main { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width: 55rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; padding-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .menu-main::after { content:''; -ms-flex-preferred-size:100%; flex-basis:100%; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; } .menu-main li:not(.wso-top-menu) { clear:both; -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; padding-top: 2rem; } /*Styling*/ #Top_bar .menu > li { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; float: none; } #Top_bar .menu > li.wso-zur-website-button:not(.wso-top-menu) a { font-size:.8rem !important; line-height: 1.2em !important; color:var(--color-2) !important; text-transform:none; padding-left: 1rem !important; } #Top_bar .menu > li.wso-zur-website-button a::before{ display:block; width: .75rem; height:.75rem; content:''; position:absolute; top: 50%; left: 0; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); background:url('/wp-content/uploads/2020/11/element-15.svg'); background-size:contain; background-position:center center; background-repeat:no-repeat; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; } #Top_bar .menu > li.wso-zur-website-button a:hover::before { left: -.5rem; } #Top_bar .menu > li.wso-zur-website-button { position:absolute; top:0; right:100%; padding-right:7rem; } #Top_bar .menu > li.wso-menu-search { -webkit-box-flex:0; -ms-flex-positive:0; flex-grow:0; } #Top_bar .menu > li.wso-top-menu > a { font-size:.8rem; line-height: 1.2em; color:var(--color-2) !important; } #Top_bar .menu > li.wso-top-menu{ border-bottom:1px solid var(--color-7); } #Top_bar .menu > li.wso-top-menu form, #Top_bar .menu > li.wso-top-menu form input { height:100% } #Top_bar .menu > li:not(.wso-top-menu) > a { font-size:1.56rem; line-height: 1.875em; color:var(--color-6) !important; width: auto; display: inline-block; } #Top_bar .menu > li:not(.wso-top-menu).wso-menu-cart > a, #Top_bar .menu > li:not(.wso-top-menu).wso-menu-account > a { font-size:0; line-height:0; display:block; padding-top: 0 !important; padding-bottom: 0 !important; -webkit-box-flex:0; -ms-flex-positive:0; flex-grow:0; } #Top_bar .menu > li:not(.wso-top-menu).wso-menu-cart > a span, #Top_bar .menu > li:not(.wso-top-menu).wso-menu-account > a span { background-size:contain; background-position:center; background-repeat:no-repeat; width: 1.8rem; height: 1.8rem; } .wso-menu-cart > a span { background-image:url('/wp-content/uploads/2020/11/element-8.svg'); } .wso-menu-account > a span { background-image:url('/wp-content/uploads/2020/11/element-9.svg'); } #Top_bar .menu > li.wso-menu-cart, #Top_bar .menu > li.wso-menu-account{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } #Top_bar .menu > li.wso-menu-account { padding-right:1.3rem; margin-right:1.3rem; /*TODO: Padding-left Deaktivieren wenn 3. menu punkt dazumkommt*/ padding-left: 20%; } body.wso-corporate-customer #Top_bar .menu > li.wso-menu-cart, body.wso-corporate-customer #Top_bar .menu > li.wso-menu-account { padding-bottom:1rem; } #Top_bar .menu > li.wso-menu-account::after { position:absolute; right:0; display:block; content:''; width: 1px; background-color: var(--color-7); height: 1.8rem; top: 50%; } .menu > .wso-menu-tel a span::before, .menu > .wso-menu-mail a span::before, .menu > .wso-menu-truck a span::before, .menu > .wso-menu-ticket a span::before { content:''; width: .7rem; height: .7rem; display:inline-block; background-size:contain; background-position:center; background-repeat:no-repeat; margin-right: 0.5rem; } .menu > .wso-menu-tel a span::before{ background-image: url('/wp-content/uploads/2020/11/element-14.svg'); } .menu > .wso-menu-mail a span::before{ background-image: url('/wp-content/uploads/2020/11/element-13.svg'); margin-bottom: -0.15rem; } .menu > .wso-menu-truck a span::before{ background-image: url('/wp-content/uploads/2020/11/element-12.svg'); margin-bottom: -0.15rem;; } .menu > .wso-menu-ticket a span::before { background-image: url('/wp-content/uploads/2020/11/element-11.svg'); display:none; } /*Submenu*/ #Top_bar .menu > li.menu-item-has-children > ul { display: block!important; top: calc(100% + var(--menu-gap)); left: 50%; max-height: 0!important; overflow: hidden!important; pointer-events: none!important; opacity: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%,30px); -ms-transform: translate(-50%,30px); transform: translate(-50%,30px); -webkit-transition: opacity .5s ease 0s,transform .5s ease 0s,max-height 0s linear .5s,padding 0s linear .5s!important; -o-transition: opacity .5s ease 0s,transform .5s ease 0s,max-height 0s linear .5s,padding 0s linear .5s!important; -webkit-transition: opacity .5s ease 0s,max-height 0s linear .5s,padding 0s linear .5s,-webkit-transform .5s ease 0s!important; transition: opacity .5s ease 0s,max-height 0s linear .5s,padding 0s linear .5s,-webkit-transform .5s ease 0s!important; -o-transition: opacity .5s ease 0s,max-height 0s linear .5s,padding 0s linear .5s,-o-transform .5s ease 0s!important; transition: opacity .5s ease 0s,transform .5s ease 0s,max-height 0s linear .5s,padding 0s linear .5s!important; transition: opacity .5s ease 0s,transform .5s ease 0s,max-height 0s linear .5s,padding 0s linear .5s,-webkit-transform .5s ease 0s!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; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); -webkit-transition: opacity .5s ease 0s,transform .5s ease 0s,max-height 0s linear 0s,padding 0s linear 0s!important; -o-transition: opacity .5s ease 0s,transform .5s ease 0s,max-height 0s linear 0s,padding 0s linear 0s!important; -webkit-transition: opacity .5s ease 0s,max-height 0s linear 0s,padding 0s linear 0s,-webkit-transform .5s ease 0s!important; transition: opacity .5s ease 0s,max-height 0s linear 0s,padding 0s linear 0s,-webkit-transform .5s ease 0s!important; -o-transition: opacity .5s ease 0s,max-height 0s linear 0s,padding 0s linear 0s,-o-transform .5s ease 0s!important; transition: opacity .5s ease 0s,transform .5s ease 0s,max-height 0s linear 0s,padding 0s linear 0s!important; transition: opacity .5s ease 0s,transform .5s ease 0s,max-height 0s linear 0s,padding 0s linear 0s,-webkit-transform .5s ease 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: 2rem; width: 2rem; max-height: 0!important; background-color: #ffffff; -webkit-transition: opacity .5s ease 0s,top .5s ease 0s !important; -o-transition: opacity .5s ease 0s,top .5s ease 0s !important; transition: opacity .5s ease 0s,top .5s ease 0s !important; -webkit-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); opacity: 0 !important; z-index: 10000; } #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; -webkit-transition-delay: .4s !important; -o-transition-delay: .4s !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; } /* ================= Megamenu ================= */ #Top_bar .mfn-megamenu-parent::after { content: ""; pointer-events: none; position: absolute; height: 0; top: 100%; left: -100%; right: -100%; background-color: var(--overlay-dark); opacity: 0; -webkit-transition: height 0s ease .7s,opacity .7s ease !important; -o-transition: height 0s ease .7s,opacity .7s ease !important; 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; -webkit-transition: height 0s ease 0s,opacity .7s ease !important; -o-transition: height 0s ease 0s,opacity .7s ease !important; 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; -webkit-transform: translate(0,30px); -ms-transform: translate(0,30px); transform: translate(0,30px); border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #Top_bar .mfn-megamenu-parent:not(.wso-burger-menu).hover>ul.sub-menu.mfn-megamenu, .wso-burger-menu-active #Top_bar .mfn-megamenu-parent.wso-burger-menu > ul.sub-menu.mfn-megamenu { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); padding: 3rem 6rem; background: #FFF !important; } #Top_bar .mfn-megamenu-parent:not(.wso-burger-menu)>ul.sub-menu.mfn-megamenu::after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color: var(--color-5); /* opacity: 0; */ z-index: -10; } #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 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1rem; -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; } ul.mfn-megamenu .sub-menu { background-color: transparent !important; } #Top_bar .menu > li ul li a { border: none; padding: .5rem; } #Top_bar .menu > li ul li a:hover { color: var(--color-1); background-color: transparent; } #Top_bar .wso-megamenu-img { padding-left: 3rem !important; -webkit-box-sizing: border-box; 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); } /* ================= Burgermenu ================= */ #Top_bar .wso-burger-menu { float: right !important; width: 2.6rem; height: 2.6rem; margin-left: 1rem !important; padding: 1.2rem 0 !important; } #Top_bar.is-sticky .wso-burger-menu { padding: 1rem 0 !important; } #Top_bar .wso-burger-menu > span { position: absolute; margin-top: .33rem; width: 2.6rem; height: 2rem; cursor: pointer; } #Top_bar .wso-burger-menu > span::after, #Top_bar .wso-burger-menu > span::before { content:''; border-color: white; border-style:solid; width:100%; position:absolute; -webkit-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) border-width var(--burger-menu-transition); -o-transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) border-width var(--burger-menu-transition); transition: var(--burger-menu-transition) height var(--burger-menu-transition), var(--burger-menu-transition) transform 0s, var(--burger-menu-transition) top var(--burger-menu-transition), var(--burger-menu-transition) border-width 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 .wso-burger-menu > span::before { border-width: 1px 0 1px 0; top:0; height: .9rem; } #Top_bar .wso-burger-menu > span::after { border-width: 1px 0 0 0; top: 1.9rem; height: 0px; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span::after, .wso-burger-menu-active #Top_bar .wso-burger-menu > span::before { top:.8rem; height:0rem; border-width: 1px 0 0 0; -webkit-transition: var(--burger-menu-transition) height 0s, var(--burger-menu-transition) transform var(--burger-menu-transition), var(--burger-menu-transition) top 0s, var(--burger-menu-transition) border-width 0s; -o-transition: var(--burger-menu-transition) height 0s, var(--burger-menu-transition) transform var(--burger-menu-transition), var(--burger-menu-transition) top 0s, var(--burger-menu-transition) border-width 0s; transition: var(--burger-menu-transition) height 0s, var(--burger-menu-transition) transform var(--burger-menu-transition), var(--burger-menu-transition) top 0s, var(--burger-menu-transition) border-width 0s; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 999; } .wso-burger-menu-active #Top_bar .wso-burger-menu > span::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: 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 - 9rem) !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.menu-item-has-children { margin-bottom: 1.5rem; } #Top_bar .menu .wso-burger-menu li.menu-item-has-children > a { color: var(--color-1); } #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; } /*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; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) !important; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) !important; } #Top_bar.is-sticky .top_bar_left{ padding-top:1rem !important; padding-bottom: 0rem !important; } #Wrapper #Top_bar.is-sticky #logo img { width: 6rem; } #Top_bar .top_bar_left, #Wrapper #Top_bar #logo img { -webkit-transition:.5s; -o-transition:.5s; transition:.5s; } #Wrapper #Top_bar #logo img { display: none; } #Wrapper #Top_bar #logo img:nth-child(1) { display:block; -webkit-transform: rotateZ(0); -ms-transform: rotate(0); transform: rotateZ(0); } #Top_bar.is-sticky .menu-main li:not(.wso-top-menu) { padding-top:.6rem; } /*#Top_bar.is-sticky .menu > li > a { padding-top: 1rem !important; padding-bottom: 1rem !important; }*/ /* ============================================ Side Slide ============================================ */ body.mobile-side-slide { left: 0 !important; } #Side_slide { background:#fff; width: 100%; top: 10rem; left:0; right:0; -webkit-transform:translate(100%); -ms-transform:translate(100%); transform:translate(100%); -webkit-transition:.5s; -o-transition:.5s; transition:.5s; bottom: 0; height: auto; border-bottom-width: 0 !important; } #Side_slide.wso-open { left:0; right:0; -webkit-transform:translate(0%); -ms-transform:translate(0%); transform:translate(0%) } #body_overlay{ display:none !important; } #Side_slide .extras { display:none; } #Side_slide .close-wrapper{ display:none; } #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 wso-img-box > a { padding: 0rem !important; } #Side_slide #menu ul li a span::before { display:none } #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.wso-top-menu { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; } #Side_slide #menu > ul > li.wso-top-menu a { font-weight:100 !important; } #Side_slide .wso-menu-account, #Side_slide .wso-menu-cart, #Side_slide .wso-zur-website-button{ display:none; } #Side_slide .menu-main li:not(.wso-top-menu){ padding-top:0; } #Side_slide #menu ul li.submenu .menu-toggle:after{ color:#000; } #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(--color-1); width: calc(100% - 2rem); box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 auto !important; } #Side_slide #menu ul li.wso-hide-side-slide { display: none; } /* ================= Popup ================= */ .fancybox-container { z-index: 99999999 !important; } .wso-popup-fixed { position: fixed; bottom: 2rem; right: 2rem; width: 7rem; height: 7rem; text-align: center; vertical-align: middle; background: var(--color-4); border-radius: 100%; color: #fff !important; font-size: .9rem; line-height: 1rem; font-weight: 500; z-index: 999; } .wso-popup-fixed span { left: 50%; top: 40%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; } .wso-popup-fixed:before { content: ""; position: absolute; width: 1.3rem; height: 1.3rem; bottom: 1.5rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url(/wp-content/uploads/2021/04/pfeil-1.svg); background-repeat: no-repeat !important; background-size: contain !important; } .wso-pop-up-box { padding: 0; z-index: 999999999 !important; width: 85%; max-width: var(--content-width); max-height: 90%; height: 90%; overflow: hidden; } .wso-pop-up-box .section.mcb-section:not(.wso-section-slider).wso-section-hero { padding: 20% 0 !important; height: 100% !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .wso-pop-up-box .button { background-color: var(--color-1) !important; top: 2rem; } .wso-pop-up-box .section.mcb-section:not(.wso-section-slider) .section_wrapper { max-width: 80% !important; width: 80% !important; } .wso-pop-up-box h4 { text-transform: none !important; font-size: 2rem !important; line-height: 2.2rem !important; font-weight: 600 !important; width: 50%; } .wso-pop-up-box h2 { text-transform: none !important; font-size: 3.5rem !important; line-height: 4rem; font-weight: 600; width: 60%; } .wso-pop-up-box .wso-highlight-button { background-color: var(--color-1); width: 13.5rem !important; height: 13.5rem !important; border-radius: 100% !important; position: relative; -ms-transform: rotate(-11deg); transform: rotate(-11deg); -webkit-transform: rotate(-11deg); -moz-transform: rotate(-11deg); -o-transform: rotate(-11deg); bottom: -3rem; } .wso-pop-up-box .wso-highlight-button .column_attr { position: absolute; text-align: center; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; padding: 1rem; } .wso-pop-up-box .wso-highlight-button .wso-font-big { font-size: 3rem !important; line-height: 3.8rem !important; font-weight: 600 !important; display: block; } .wso-pop-up-box .wso-highlight-button p, .wso-pop-up-box .wso-highlight-button strong { text-transform: none !important; font-size: 1.2rem !important; line-height: 1.5rem !important; margin: 0 !important; font-weight: 600 !important; letter-spacing: 0 !important; text-align: center; } .wso-pop-up-box .fancybox-close-small { background-color: transparent !important; padding: 0 !important; top: 1.5rem !important; right: 1.5rem !important; opacity: 1; width: 1rem; height: 1rem; } .wso-pop-up-box .fancybox-close-small:hover { background-color: transparent !important; background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .wso-pop-up-box .fancybox-close-small svg { display: none; } .wso-pop-up-box .fancybox-close-small:before { content: ""; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: url(/wp-content/uploads/2021/04/close.svg); background-repeat: no-repeat !important; background-size: contain !important; } .wso-pop-up-box .icon-play { width: 4rem; height: 4rem; left: 50% !important; top: 60%; } .wso-pop-up-box .icon-play:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/wp-content/uploads/2021/04/play-button.svg); background-size: contain !important; background-repeat: no-repeat !important; margin: 0 !important; } @media only screen and (min-width: 1500px) { .fancybox-container .wso-pop-up-box { padding-top: 42% !important; } .wso-pop-up-box h4 { font-size: 2.5rem !important; line-height: 2.6rem !important; } .wso-pop-up-box h2 { font-size: 5rem !important; line-height: 5.5rem; } } @media only screen and (min-width: 1240px) { .wso-pop-up-box { padding-top: 50% !important; } .wso-pop-up-box h2 { font-size: 4rem !important; line-height: 4.5rem; } .wso-pop-up-box h4 { font-size: 2rem !important; line-height: 2.2rem !important; } .wso-pop-up-box .section.mcb-section:not(.wso-section-slider).wso-section-hero { padding: 5.9% 0 !important; } } @media only screen and (max-width: 959px) { .wso-pop-up-box h2 { font-size: 2.5rem !important; line-height: 2.8rem !important; } .wso-pop-up-box h4 { font-size: 1.5rem !important; line-height: 1.8rem !important; } .fancybox-container .wso-pop-up-box .section.mcb-section:not(.wso-section-slider).wso-section-hero { padding: 12% 0 !important; } .wso-pop-up-box .wso-highlight-button { width: 13rem !important; height: 13rem !important; bottom: -4rem; } } @media only screen and (max-width: 767px) { .wso-pop-up-box h2, .wso-pop-up-box h4 { width: 100% !important; } .wso-pop-up-box h2 { font-size: 2.5rem !important; line-height: 2.8rem !important; } .wso-pop-up-box h4 { font-size: 1.5rem !important; line-height: 1.8rem !important; } .wso-pop-up-box .section.mcb-section:not(.wso-section-slider).wso-section-hero { padding: 15% 0 !important; } .wso-pop-up-box .wso-highlight-button { width: 12rem !important; height: 12rem !important; bottom: -15rem; } } @media only screen and (min-width: 768px) { .wso-pop-up-box { padding: 0; z-index: 999999999 !important; width: 73%; max-width: var(--content-width); max-height: 90%; height: 0; padding-top: 60%; overflow: hidden; } .wso-pop-up-box .section.mcb-section:not(.wso-section-slider).wso-section-hero { padding: 8% 0 !important; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .wso-pop-up-box .fancybox-close-small { background-color: transparent !important; padding: 0 !important; top: 1.5rem !important; right: 1.5rem !important; opacity: 1; width: 2.5rem; height: 2.5rem; } } /* ============================================ Footer ============================================ */ footer .widgets_wrapper > .container>.column{ width:100%; margin: 0 !important; } #Footer .widgets_wrapper > .container>.column { color:var(--color-2); } #Footer { background-color: transparent; } #Footer .widgets_wrapper { padding: 3rem 0; } #Footer .widgets_wrapper .widget { padding: .5rem 0; } #Footer i { font-size: 1.5rem; } #Footer aside h3 { margin-top: 1.4rem; } #Footer aside > h4 { font-size: 1.5rem !important; font-weight: 400 !important; } #Footer aside > h4::after { border-color: white; } @media only screen and (min-width: 768px) { #Footer .column.one-second { padding: 0 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; } } #Footer .menu { background-color: transparent; list-style: none; padding: 0; } #Footer .widget_nav_menu ul li a { padding-bottom: .2rem !important; text-decoration: none !important; } #Footer .widget_nav_menu ul li:after { display: none; } #Footer .widget_nav_menu ul li a:hover { opacity: .7; } #Footer .wso-footer-img { width: 65%; max-width: 12rem; margin-bottom: 2rem; } #Wrapper footer .widgets_wrapper .column{ margin-bottom: 2rem; } footer .wso-footer-wrap .section_wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; } footer .wso-footer-wrap .section_wrapper .wrap { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; padding:0 2rem } @media(min-width:1024px){ footer .wso-footer-wrap .section_wrapper .wrap:nth-child(1) { padding-right:0rem; border-right:1px solid var(--color-7); width:20%; -webkit-box-flex:0; -ms-flex-positive:0; flex-grow:0; padding-left:0; } footer .wso-footer-wrap .section_wrapper .wrap:nth-child(2) { padding-left:5.3rem; width:24%; -webkit-box-flex:0; -ms-flex-positive:0; flex-grow:0 } footer .wso-footer-wrap .section_wrapper .wrap:nth-child(4) { width:23%; -webkit-box-flex:0; -ms-flex-positive:0; flex-grow:0; padding-right:0; } } footer .wso-footer-wrap strong { color:var(--color-4); text-transform:uppercase; font-weight:600; letter-spacing:.1em; } footer .column_column ul, footer .column_column ul li{ margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; list-style:none; } footer .column_column ul li::before { content:'- '; } footer .column_column ul li a { color: var(--color-2) !important; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; } footer .column_column ul li a:hover { color: var(--color-1) !important; text-decoration:none; } .wso-footer-payment-wrap .mcb-wrap-inner { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .wso-footer-payment-wrap .mcb-wrap-inner .column_image { width:24%; padding: 0 2% !important; margin-bottom:1rem !important; } /* ================= Footer Copy ================= */ #Footer .footer_copy { background-color: white; } #Footer .footer_copy * { color: var(--color-2) !important; } #Footer .footer_copy .one { margin-bottom: 0; padding: 1rem 0; } .footer-copy-center #Footer .footer_copy .copyright { margin: 0; float: left; width: 100%; margin-bottom: 0rem !important; font-size: .8em; font-weight: 900; } /* ============================================ Buttons ============================================ */ #Wrapper .button[disabled]{ opacity:.5; cursor: not-allowed; } #Wrapper a.button, #Wrapper .jig-loadMoreButton, input[type="submit"], #Wrapper a.button.checkout-button, #Wrapper button.button, #Wrapper .button { font-size: .9rem !important; line-height: 1.4em !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; margin: .4rem .05rem 0 !important; padding: .5rem 1rem !important; display: inline-block; color: white; background-color: var(--color-4) !important; -webkit-box-shadow: none !important; box-shadow: none !important; /* width: 100%; */ /* text-align: center; */ -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 500ms; -o-transition: 500ms; transition: 500ms; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); background-color:var(--color-4) !important; outline: none !important; } @media (min-width:960px) { .wpmc-nav-wrapper{ display:-webkit-box; display:-ms-flexbox; display:flex; } .wpmc-nav-wrapper::after { content:''; position:relative; display:block; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; } .woocommerce .wpmc-nav-wrapper button#wpmc-next{ -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; } #payment button[type="submit"] { position:absolute; right:0; margin-top: 2.7rem !important; z-index: 100; } } #Wrapper a.button.checkout-button{ width:100%; } #Wrapper a.button span::after, #Wrapper .jig-loadMoreButton span::after, input[type="submit"] span::after { content:' >'; } #Wrapper a.button span, #Wrapper .jig-loadMoreButton span, input[type="submit"] span { text-align:center; width:100%; } #Wrapper a.button .button_label { padding: 0; } /*Justified Image Grid Button*/ #Wrapper .jig-loadMoreButton { position: relative; max-width: 100% !important; display: inline-block; border: none !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: white; background: var(--color-1) !important; } .jig-loadMoreButton-inner { position: relative; z-index: 1; } /*Button Hover*/ .button-flat a.button:after, .button-flat a.action_button:after, .button-flat a.tp-button:after, .button-flat button:after, .button-flat input[type="submit"]:after, .button-flat input[type="reset"]:after, .button-flat input[type="button"]:after, #Wrapper .jig-loadMoreButton::after, #Top_bar .menu > li.wso-menu-cta > a span::after, #Wrapper button.button:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background: var(--color-1); opacity: 0; z-index:-1; } #Wrapper .jig-loadMoreButton:hover::after, #Top_bar .menu > li.wso-menu-cta:hover > a span::after, #Wrapper button.button:hover:after { opacity: 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%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; margin-bottom: 0; } #Wrapper .wso-video-button:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #Wrapper .column_image .image_wrapper .wso-video-button:hover { -webkit-transform: translate(-50%,-50%) scale(1.1); -ms-transform: translate(-50%,-50%) scale(1.1); transform: translate(-50%,-50%) scale(1.1); } .wso-video-button i { position: absolute; top: 50%; left: 55%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); 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 var(--color-2) !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 { -webkit-box-shadow: none !important; box-shadow: none !important; } .accordion .question .title { font-size: 1.3rem; line-height: 1.3em; color: var(--color-2); padding: 1.7rem 3rem 1.7rem 0 !important; } .accordion .question .title i { width: auto !important; height: auto !important; top: 50% !important; left: auto !important; right: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); font-size: 1.4rem !important; color: var(--color-2) !important; } .accordion .question.active .title i { color: var(--color-1) !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; } /* ============================================ Tabs ============================================ */ #Wrapper .ui-tabs { border-radius: 0 !important; } #Wrapper .ui-tabs .ui-tabs-nav { position: relative; display: inline-block; border: none; } #Wrapper .ui-tabs .ui-tabs-nav li a { margin-bottom: 0 !important; padding: 1rem 2rem !important; background: transparent; border: 1px solid transparent !important; color: var(--color-2); border-bottom-color: var(--color-1) !important; -webkit-box-shadow: none; box-shadow: none; } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a { border: 1px solid var(--color-1) !important; border-bottom-color: transparent !important; color: var(--color-1); } #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active:after, #Wrapper .ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: none !important; } @media only screen and (min-width: 768px) { .mcb-wrap.one .column.one .ui-tabs { overflow: visible; } #Wrapper .ui-tabs-nav::before, #Wrapper .ui-tabs-nav::after { content: ""; position: absolute; width: 100rem; left: -100rem; bottom: 0; border-bottom: 1px solid var(--color-1); } #Wrapper .ui-tabs-nav::after { left: auto; right: -100rem; } } #Wrapper .ui-tabs .ui-tabs-panel { padding: 4rem 0 3rem !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 { -webkit-transform-origin: 50% 25% !important; -ms-transform-origin: 50% 25% !important; transform-origin: 50% 25% !important; } .accordion .question.active .title > .acc-icon-plus { display: block; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } /* ============================================ Justified Image Grid ============================================ */ .justified-image-grid { text-align: center; } /* ============================================ Contact Form ============================================ */ input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty, .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea { font-size: 0.95rem !important; line-height: 1.85em !important; padding: .7rem 1rem !important; color: var(--color-2) !important; background-color: transparent !important; border-color: var(--color-2) !important; -webkit-transition: all .3s ease-in-out !important; -o-transition: all .3s ease-in-out !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; } .woocommerce form .form-row label, .woocommerce-page form .form-row label { font-weight:100; } .select2-container .select2-selection--single{ font-size: 0.95rem !important; line-height: 1.85em !important; padding: .7rem 1rem !important; color: var(--color-2) !important; background-color: transparent !important; border-color: var(--color-2) !important; -webkit-transition: all .3s ease-in-out !important; -o-transition: all .3s ease-in-out !important; transition: all .3s ease-in-out !important; max-height: unset; height: auto; border-radius: 0; outline: none; border-color: var(--color-2) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ font-size:inherit; line-height:inherit; padding:0 !important; } #select2-calc_shipping_country-container { 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"] { display: none !important; } #Wrapper input[name="cb_newsletter"] ~ span, #Wrapper input[type="checkbox"] + span { display: block; position: relative; padding-left: 1.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:var(--base-font-size); line-height: 1.5em; } #Wrapper input[name="cb_newsletter"] + span ~ span { text-transform:none; font-size: 0.8rem; letter-spacing: 0em; } #Wrapper input[name="cb_newsletter"] + span{ /* display: none !important; */ } .wso-newslettet label.checkbox { line-height:0 !important; font-size:0; display: block !important; } #Wrapper input[type="checkbox"] + span.woocommerce-terms-and-conditions-checkbox-text {display: inline-block;} #Wrapper input[type="checkbox"] + span:last-child { margin-bottom: 0; } /*#Wrapper input[name="cb_newsletter"] + span + span:before,*/ #Wrapper input[type="checkbox"] + span:before { content: ''; display: inline-block; width: 1em; height: 1em; border: 1px solid var(--color-1); border-radius: 100%; position: relative; top: .22em; margin-left: -1.5rem; margin-top: 0 !important; margin-right: .45em; vertical-align: top; opacity: .6; -webkit-transition: all .12s, border-color .08s; -o-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; margin-top: 4px; } #Wrapper input[name="cb_newsletter"]:checked + span + span:before, #Wrapper input[type="checkbox"]:checked + span:before { width: .5em; margin-right: .95em; top: 0; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); 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(--color-1); display: inline-block; width: 1em; height: 1em; position: relative; top: .22em; margin-right: .6em; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } #Wrapper input[type="radio"]:checked + span.wpcf7-list-item-label::before { background-color: var(--color-1); -webkit-box-shadow: inset 0 0 0 4px #f9f7f5; 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 { -webkit-box-shadow: inset 0 0 0 4px #f4f4f4; 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; } /* ============================================ 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; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important; border-radius: 0 !important; } .gm-style .gm-style-iw-t::after { margin-top: -.3rem !important; } div[class^="gm-style-iw"] { padding: 0 !important; overflow: visible !important; } .gm-style-iw > div { overflow-y: auto !important; margin-right: -20px !important; } #Wrapper .gm-style-iw-d { overflow: visible !important; max-height: 900px !important; } div[class^="gm-style-iw"] button { opacity: 1 !important; background-color: rgba(255, 255, 255, 1) !important; border: none !important; padding: 0 !important; top: 5px !important; right: 5px !important; color: black !important; width: 28px !important; height: 28px !important; text-align: center !important; display: block !important; border-radius: 50%; opacity: 1 !important; z-index: 9; } div[class^="gm-style-iw"] button img { display: none !important; } div[class^="gm-style-iw"] button:after { content: '\e963'; font-family: "mfn-icons"; font-style: normal; font-weight: 900; font-size: 14px !important; speak: none; display: inline-block; text-decoration: none!important; width: 100%; color: var(--color-2); text-align: center; font-variant: normal; text-transform: none; opacity: 1 !important; line-height: 28px !important; background: transparent !important; } div[class^="gm-style-iw"] button:hover { background-color: var(--color-1) !important; } div[class^="gm-style-iw"] button:hover:after { color: white; } .gm-style .gm-style-iw-c { background-color: transparent; -webkit-box-shadow: none !important; 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; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important; max-width: 20rem !important; -webkit-box-sizing: border-box; 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; -webkit-transition: transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: -o-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #wso-sidebar-parent.wso-active { -webkit-transform: translate(-100%,0); -ms-transform: translate(-100%,0); transform: translate(-100%,0); -webkit-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); will-change: transform; -webkit-transition: transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: -o-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-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; -webkit-transition: top 0s linear .36s, opacity .35s ease; -o-transition: top 0s linear .36s, opacity .35s ease; transition: top 0s linear .36s, opacity .35s ease; } #wso-sidebar-parent.wso-active + #wso-sidebar-body-overlay { pointer-events: all; opacity: 1; top: 0; -webkit-transition: top 0s linear, opacity .6s ease; -o-transition: top 0s linear, opacity .6s ease; 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%; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; 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; -webkit-transition: all .3s ease !important; -o-transition: all .3s ease !important; transition: all .3s ease !important; } #wso-sidebar-close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); 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 { -webkit-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); } #wso-sidebar-close:after { -webkit-transform: translate(-50%,-50%) rotate(-45deg); -ms-transform: translate(-50%,-50%) rotate(-45deg); 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 { -webkit-transform: translate(-100%,0) translate(-100%,0); -ms-transform: translate(-100%,0) translate(-100%,0); transform: translate(-100%,0) translate(-100%,0); -webkit-transform: translate3d(-100%,0,0) translate3d(15px,0,0); -ms-transform: translate3d(-100%,0,0) translate3d(15px,0,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, .tg-wso-slider-skin .tg-item-media-content, .tg-wso-slider-skin .tg-element-2 { 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: var(--default-spacing) 0 !important; /*content-visibility:auto;*/ } .column, .columns { margin: 0 1% 1rem; } .column_image img { width: 100%; } .wso-wrap-content .column { margin-bottom: 1rem !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 Breaker ================= */ .section.mcb-section:not(.wso-section-slider).wso-section-hero { padding: 11% 0 !important; } .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); opacity: 0; } .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 ================= */ .section.mcb-section:not(.wso-section-slider).wso-section-intro { padding: 8% 0 !important; margin-bottom: var(--default-spacing); } /* ================= 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 ================= */ body .wso-img-box { position: relative; height: auto !important; min-height: 24rem; } .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%; /* position: relative; */ /* z-index: 4; */ } .wso-home-intro-boxes .wso-img-box > a { position:absolute; top:0; left:0; right:0; bottom:0; z-index: 3; } .if-zoom .wso-img-box:hover .image_wrapper img, .if-zoom .wso-img-box.hover .image_wrapper img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wso-img-box .image_wrapper:not(:empty)::after { content:''; background-color:var(--overlay-dark); position:absolute; top:0; left:0; bottom:0; right:0; opacity:0 } .wso-img-box .image_wrapper a:before, .tg-wso-skin-2 .tg-item-media-holder::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: -o-linear-gradient(top,transparent,rgba(0,0,0,.5)); background: -webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.5))); background: linear-gradient(180deg,transparent,rgba(0,0,0,.5)); z-index: 1; pointer-events: none; opacity: 0; } /*.wso-img-box .image_wrapper:hover + .wp-caption-text { filter:blur(1rem); }*/ .column_image .wp-caption-text { position: absolute; top: 50%; left: 0; width: 100%; background: transparent; border-radius: 0; color: white; z-index: 1; padding: 1.5rem 7% !important; pointer-events: none; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); bottom: auto; font-size: 1.56rem; font-weight: 600; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; } .column_image .wp-caption-text h3, .column_image .wp-caption-text .wso-h3 { font-size:2.6rem !important; line-height:.96em !important; } .column_image .wp-caption-text h4, .column_image .wp-caption-text .wso-h4 { font-size:.93rem !important; line-height:.96em !important; letter-spacing: 0 !important; text-transform: none !important; font-weight: 600 !important; } .column_image .wp-caption-text span { display: block; font-size: .75em; } .wso-image-box-circle-button .wp-caption-text::after { content:''; width: 4.5rem; height: 4.5rem; display: block; margin: 0 auto; background-image: url('/wp-content/uploads/2020/11/element-7.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; } /* ================= Highlight Button ================= */ #Wrapper .wso-highlight-button { position: absolute; top: -5rem; right: -9rem; width: 13rem !important; height: 13rem !important; margin: 0; padding: 0; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid var(--color-2); -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } #Wrapper .wso-highlight-button p { position: absolute; top: 50%; width: auto; left: 0; right: 0; padding: 0 1.5rem !important; margin-bottom: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); text-align: center; } #Wrapper .wso-highlight-button p strong { display: block; font-size: 2rem !important; line-height: 1.1em !important; font-weight: 200 !important; text-transform: none !important; letter-spacing: 0; margin-bottom: .7rem !important; } #Wrapper .wso-highlight-button p strong::after { content: " "; width: 7rem; display: block; margin: 1rem auto; border-bottom: 1px solid var(--color-2); } #Wrapper .wso-highlight-button p br { display: none; } #Wrapper .dark .wso-highlight-button, #Wrapper .dark .wso-highlight-button p strong::after { border-color: #ffffff !important; } /* ============================================ Section Text Img ============================================ */ .wso-section-text-img .column { margin-bottom: 0 !important; } @media only screen and (min-width: 768px) { .wso-section-text-img .mcb-wrap:last-child .mcb-wrap-inner, .wso-section-text-img .mcb-wrap:last-child .column_image, .wso-section-text-img .mcb-wrap:last-child .image_frame, .wso-section-text-img .mcb-wrap:last-child .image_wrapper { height: 100% !important; } .wso-section-text-img .mcb-wrap-inner .column_image .image_wrapper, .wso-section-text-img .mcb-wrap-inner .column_image .image_wrapper a:not(.wso-video-button) { position: absolute; top: 0; left: 0; } .wso-section-text-img .mcb-wrap-inner .column_image .image_wrapper { width: 100%; } .wso-section-text-img .wrap:first-child { padding-right: var(--text-img-spacing); height: auto !important; } .wso-section-text-img .wrap:last-child { padding-left: var(--text-img-spacing); } .wso-section-text-img .wrap.wso-float-right { padding-left: var(--text-img-spacing); padding-right: 0; } .wso-section-text-img .wrap.wso-float-right + .wrap { padding-right: var(--text-img-spacing); padding-left: 0; } .wso-section-text-img.wso-layout-2 .wrap { padding-top: 0; padding-bottom: 0; } } /* ================= 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: 85%; height: 65% !important; } .wso-section-text-2-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) { position: absolute; left: 0; bottom: 0; width: 75%; height: 45% !important; z-index: 2; } .wso-section-text-2-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(2) .image_frame { border-top: var(--img-border); border-right: var(--img-border); } } /* ================= Section Text 3 Img ================= */ @media only screen and (min-width: 768px) { .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:first-child { float: 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; right: 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 { border-top: var(--img-border); border-right: var(--img-border); } .wso-section-text-3-img.wso-section-text-img .mcb-wrap:last-child .column_image:nth-child(3) .image_frame { border-top: var(--img-border); border-bottom: var(--img-border); border-left: var(--img-border); } } /* ================= Section Text Img Fullwidth ================= */ #Wrapper .wso-section-text-img-fullwidth, .wso-section-text-img-fullwidth .wrap:last-child { padding: 0 !important; } .wso-section-text-img-fullwidth .wrap:first-child { background-color: var(--color-3); padding: 5% 7%; } .wso-section-text-img-fullwidth .wrap.wso-float-right:first-child { background-color: var(--color-4); } /* ============================================ WP Grid Builder ============================================ */ .wp-grid-builder .wpgb-card [class*="wpgb-block-"] { white-space: inherit !important; } /* ============================================ The Grid ============================================ */ /* ================= Error ================= */ .tg-error-msg { color: var(--color-1) !important; } /* html .tg-error-msg::before { content: 'No post was found.'; position: absolute; left: 0; width: 100%; color: var(--color-1) !important; text-align: center; } html[lang="de-DE"] .tg-error-msg::before, html[lang="de-AT"] .tg-error-msg::before { content: 'Keine Beitr\00e4 ge vorhanden.'; }*/ /* ================= Navigation ================= */ /*Preloader*/ #Wrapper .tg-grid-preloader-inner>div { background: var(--color-1) !important; } /*Arrows*/ .tg-grid-area-left{ margin-left: 1.5rem !important; } .tg-grid-area-right { margin-right: 1.5rem !important; } @media only screen and (min-width: 768px) { .tg-grid-area-bottom2 { position: absolute; top: 50%; width: 100%; z-index: 4; } } .tg-right-arrow .tg-icon-right-arrow, .tg-left-arrow .tg-icon-left-arrow { display: none; } .tg-right-arrow, .tg-left-arrow { position: absolute; width: 2.5rem !important; height: 2.5rem !important; margin: 0; -webkit-transform: translate(0,-50%) rotate(45deg) skew(12deg, 12deg); -ms-transform: translate(0,-50%) rotate(45deg) skew(12deg, 12deg); transform: translate(0,-50%) rotate(45deg) skew(12deg, 12deg); border-color: var(--color-2) !important; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .tg-left-arrow { border-bottom: 1px solid; border-left: 1px solid; } .tg-right-arrow { right: -4rem; border-top: 1px solid; border-right: 1px solid; } .tg-grid-area-bottom2 .tg-left-arrow { left: -4rem; } .tg-grid-area-bottom2 .tg-right-arrow { right: -4rem; } @media only screen and (min-width: 768px) { .tg-grid-area-bottom2 .tg-left-arrow, .tg-grid-area-bottom2 .tg-right-arrow { margin-top: -1rem; } } .dark .tg-right-arrow, .dark .tg-left-arrow { border-width: 2px; border-color: white !important; } /*Slider Bullets*/ .tg-slider-bullets-holder { margin: 0 !important; } .tg-slider-bullets { height: 2.5rem !important; } .tg-slider-bullets li { width: .8rem; height: .8rem; padding-left: .4rem; padding-right: .4rem; margin-top: 0; margin-left: 0 !important; margin-right: 0 !important; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } .tg-slider-bullets li span { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent !important; border: 1px solid var(--color-1) !important; } .tg-slider-bullets li.tg-active-item span { background-color: var(--color-1) !important; } .dark .tg-slider-bullets li span { border: 1px solid white !important; } .dark .tg-slider-bullets li.tg-active-item span { background-color: white !important; } /* ================= Grid Slider ================= */ .wso-section-slider { background-color: var(--color-1); } .wso-section-slider:not(.wso-fullscreen), .wso-section-slider:not(.wso-fullscreen) .Slider .tg-grid-wrapper, .wso-section-slider:not(.wso-fullscreen) .Slider .tg-grid-slider, .wso-section-slider:not(.wso-fullscreen) .Slider .tg-grid-holder, .wso-section-slider:not(.wso-fullscreen) .Slider .tg-item { height: 75vh !important; max-height: 70rem; } .wso-section-slider.wso-fullscreen, .wso-section-slider.wso-fullscreen .Slider .tg-grid-wrapper, .wso-section-slider.wso-fullscreen .Slider .tg-grid-slider, .wso-section-slider.wso-fullscreen .Slider .tg-grid-holder, .wso-section-slider.wso-fullscreen .Slider .tg-item { height: 100vh !important; max-height: 70rem; } .Slider .tg-grid-holder { overflow: hidden; } .Slider .tg-item { width: 100%; overflow: hidden; } .tg-wso-slider-skin .tg-item-inner, .tg-wso-slider-skin .tg-item-content-holder, .tg-wso-slider-skin .tg-element-1, .tg-wso-slider-skin .wso-slider-skin-img { height: 100% !important; } .tg-wso-slider-skin .tg-item-media-content { z-index: 2; margin: 0 auto; } .tg-wso-slider-skin .tg-element-2 { position: absolute !important; top: 50% !important; left: 50% !important; width: 100% !important; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; text-align: center !important; z-index: 1 !important; } .Slider .tg-grid-area-bottom1 { position: absolute; bottom: 1.6rem; width: 100%; z-index: 3; } /*KEN BURNS*/ @media only screen and (min-width: 1240px) { .Slider .tg-wso-slider-skin .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; } .Slider .tg-wso-slider-skin:nth-child(2n+1) .wso-slider-skin-img img { -webkit-animation-name: kenburns-1; animation-name: kenburns-1; } .Slider .tg-wso-slider-skin:nth-child(2n+2) .wso-slider-skin-img img { -webkit-animation-name: kenburns-2; animation-name: kenburns-2; } } @keyframes kenburns-1 { 0% { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } 100% { -webkit-transform: scale3d(1.225, 1.225, 1.225) translate3d(-100px, -70px, 0px); transform: scale3d(1.225, 1.225, 1.225) translate3d(-100px, -70px, 0px); } } @keyframes kenburns-2 { 0% { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } 100% { -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(100px, 70px, 0px); transform: scale3d(1.2, 1.2, 1.2) translate3d(100px, 70px, 0px); } } @-webkit-keyframes kenburns-1 { 0% { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } 100% { -webkit-transform: scale3d(1.225, 1.225, 1.225) translate3d(-100px, -70px, 0px); transform: scale3d(1.225, 1.225, 1.225) translate3d(-100px, -70px, 0px); } } @-webkit-keyframes kenburns-2 { 0% { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } 100% { -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(100px, 70px, 0px); transform: scale3d(1.2, 1.2, 1.2) translate3d(100px, 70px, 0px); } } /* ================= Grid Skin 1 ================= */ .tg-wso-skin-1 .tg-item-content-holder { text-align: center; padding: 2rem 2rem 1rem; } #Wrapper .tg-wso-skin-1 .tg-item-content-holder h3 { position: relative; color: var(--color-1) !important; min-height: 4.8rem; } .tg-wso-skin-1 .tg-item-content-holder h3::after { margin-bottom: 1rem; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -1.2rem; } #Wrapper .tg-wso-skin-1 .wso-news-skin-event-date { margin-bottom: 0 !important; text-align: center; padding: 4rem 1rem 1rem; background: -o-linear-gradient(top,transparent,rgba(0,0,0,.5)); background: -webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.5))); background: linear-gradient(180deg,transparent,rgba(0,0,0,.5)); } .tg-wso-skin-1 .wso-news-skin-event-date-highlight { position: absolute; right: 0; width: 3.5rem; background: var(--color-1) !important; padding: .5rem .7rem !important; font-size: .8rem !important; text-align: center !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; } /* ================= Grid Skin 2 ================= */ .tg-wso-skin-2 .tg-item-media-content { text-align: center; z-index: 1; } .tg-wso-skin-2 .tg-bottom-holder { padding: 1.5rem 7% !important; } .tg-wso-skin-2 .tg-bottom-holder .tg-element-2 { overflow: hidden; } #Wrapper .tg-wso-skin-2:not(:hover) .tg-bottom-holder .tg-element-2 p { max-height: 0; margin-bottom: 0 !important; } #Wrapper .tg-wso-skin-2:hover .tg-bottom-holder .tg-element-2 p { max-height: 7rem; margin-bottom: 0 !important; } .tg-wso-skin-2:hover .tg-item-media-holder::before { background-color: var(--overlay-dark); } .tg-wso-skin-2 .wso-news-skin-event-date-highlight { padding-top: 1rem !important; background: -o-linear-gradient(bottom,transparent,rgba(0,0,0,.5)); background: -webkit-gradient(linear,left bottom, left top,from(transparent),to(rgba(0,0,0,.5))); background: linear-gradient(360deg,transparent,rgba(0,0,0,.5)); } /* ================= Grid Client ================= */ .tg-wso-client .tg-item-media-inner img { width: 60% !important; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain; object-position: center;'; } @media only screen and (min-width: 768px) { .full-width .Logo-Slider .tg-grid-wrapper { margin: 0 7rem; } } .Logo-Grid .tg-grid-holder::before { content: ''; width: 100%; height: 100%; position: absolute; border: 1px solid #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; pointer-events: none; } .Logo-Grid .tg-item-inner { border: 1px solid #f2f2f2; -webkit-box-sizing: border-box; box-sizing: border-box; } /* ============================================ Grid Cobbles ============================================ */ /* ================= Grid Cobbles 1 ================= */ @media only screen and (min-width: 768px) { .wso-cobbles-layout-1 .tg-item:nth-child(6n + 1) { height: auto !important; } .wso-cobbles-layout-1 .tg-item:nth-child(6n + 1) .tg-item-inner { padding-top: calc(90% * 2 + 10px) !important; vertical-align: bottom; } .wso-cobbles-layout-1 .tg-item:nth-child(6n + 4), .wso-cobbles-layout-1 .tg-item:nth-child(6n + 5) { width: calc(66.6% - 2px) !important; } } /* ================= Grid Cobbles 2 ================= */ @media only screen and (min-width: 1240px) { .wso-cobbles-layout-2 .tg-item:nth-child(9n + 4) { height: auto !important; } .wso-cobbles-layout-2 .tg-item:nth-child(9n + 4) .tg-item-inner { padding-top: calc(90% * 2 + 12px) !important; vertical-align: bottom; } .wso-cobbles-layout-2 .tg-item:nth-child(9n + 1), .wso-cobbles-layout-2 .tg-item:nth-child(9n + 9) { width: calc(50% - 6px) !important; } } /* ================= Grid Cobbles 3 ================= */ @media only screen and (min-width: 768px) { .wso-cobbles-layout-3 .tg-item:nth-child(4n + 1), .wso-cobbles-layout-3 .tg-item:nth-child(4n + 4) { width: calc(66.6% - 2px) !important; } } /* ================= Grid Cobbles 4 ================= */ @media only screen and (min-width: 1240px) { .wso-cobbles-layout-4 .tg-item:nth-child(8n + 1), .wso-cobbles-layout-4 .tg-item:nth-child(8n + 7) { height: auto !important; } .wso-cobbles-layout-4 .tg-item:nth-child(8n + 1) .tg-item-inner, .wso-cobbles-layout-4 .tg-item:nth-child(8n + 7) .tg-item-inner { padding-top: calc(90% + 2px) !important; vertical-align: bottom; } .wso-cobbles-layout-4 .tg-item:nth-child(8n + 4), .wso-cobbles-layout-4 .tg-item:nth-child(8n + 1), .wso-cobbles-layout-4 .tg-item:nth-child(8n + 7), .wso-cobbles-layout-4 .tg-item:nth-child(8n + 8) { width: calc(50% - 4px) !important; } } /*====== Suche ======*/ .tg-wso-search-skin .tg-item-content-holder .tg-element-1 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 2rem 0 !important; border-bottom: 1px solid var(--color-7) !important; border-color:var(--color-7) !important; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:transparent !important; } .tg-wso-search-skin:last-child .tg-item-content-holder .tg-element-1 { border-bottom:none !important; } .tg-wso-search-skin .tg-item-content-holder { background-color:transparent !important; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-one{ width:10%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-one .wso-search-wrap-one-inner { width:100%; height:0; padding-top: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; position:relative; background-image:url('/wp-content/uploads/2020/11/favicon.svg'); background-size:75%; background-position:center center; background-repeat:no-repeat; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-one .wso-search-wrap-one-inner img[src=""]{ display:none; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-one .wso-search-wrap-one-inner img{ position:absolute; top:0; left:0; right:0; bottom:0; height:100% !important; width:100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: center;'; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-two { padding-left:2rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; max-width: 90%; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-two a{ max-width:100%; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-two ul { width:100%; margin: 0 0 1rem 0; list-style:none; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-two ul li::before{ content:'#'; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-two ul li { display: inline; margin:0 !important; padding:0 !important; text-transform:lowercase; font-size: .8rem; line-height: 1.2rem; word-break: keep-all; padding: 0; padding-right: 1.5rem; color: var(--color-3) !important; font-weight: 900; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-two span { width:100%; display:block; font-size: 2.6rem; line-height: 1.3em; font-weight: 600; margin-bottom: 0; color:var(--color-4) !important; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-two a.button { color:#fff !important; } .wso-search { padding:2rem 0; } .wso-search .column { margin-bottom: 0; } .wso-search .column_attr{ display:-webkit-box; display:-ms-flexbox; display:flex; } .wso-search .facetwp-facet-textsuche input{ width:100%; text-align:left; border: none; border-bottom: 1px solid var(--color-4); border-color: var(--color-4) !important; padding: 0 0 0 0 !important; margin-bottom:0; font-size: 2.6rem !important; line-height: 1.3em !important; font-weight: 600 !important; color:var(--color-4) !important; } .wso-search .facetwp-facet-textsuche input::-webkit-input-placeholder{ font-size: 2.6rem !important; line-height: 1.3em !important; font-weight: 600 !important; color:var(--color-4) !important; } .wso-search .facetwp-facet-textsuche input::-moz-placeholder{ font-size: 2.6rem !important; line-height: 1.3em !important; font-weight: 600 !important; color:var(--color-4) !important; } .wso-search .facetwp-facet-textsuche input:-ms-input-placeholder{ font-size: 2.6rem !important; line-height: 1.3em !important; font-weight: 600 !important; color:var(--color-4) !important; } .wso-search .facetwp-facet-textsuche input::-ms-input-placeholder{ font-size: 2.6rem !important; line-height: 1.3em !important; font-weight: 600 !important; color:var(--color-4) !important; } .wso-search .facetwp-facet-textsuche input::placeholder{ font-size: 2.6rem !important; line-height: 1.3em !important; font-weight: 600 !important; color:var(--color-4) !important; } .wso-search .facetwp-facet-textsuche .facetwp-search-wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; } .wso-search .facetwp-facet-textsuche .facetwp-search-wrap .facetwp-btn { position:relative; top:auto; left:auto; right:auto; bottom:auto; background-image:url('/wp-content/uploads/2020/11/element-10.svg'); opacity:1; color:#fff !important; width:3rem; background-size:1rem; background-position:center; border-bottom: 1px solid var(--color-4); background-repeat:no-repeat; } .wso-search .facetwp-facet-textsuche .facetwp-search-wrap .facetwp-btn::before { display:none; } .wso-search .facetwp-facet-textsuche { width:80%; margin-bottom:0 !important; } .wso-search .wso-reset-button{ margin:0; width:20%; background-color:var(--color-4); font-size: .9rem !important; line-height: 1.4em !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; padding: .5rem 1rem !important; color: white; } /* MISC */ #Wrapper .facetwp-facet-motiv_filter .fs-option-label::before { content:'#'; display:inline; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{ border-radius:0 !important; } .woocommerce-account .addresses address { padding: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0 !important; background: transparent; border: none; } .woocommerce-account .addresses address::after, .woocommerce-MyAccount-content address:before{ display:none } .woocommerce .shop_table .product-name a{ font-size:inherit; } .wso-sticky.stick { position: fixed !important; } .wso-sticky.stick-absolute { position: absolute !important; top: auto !important; } .wso-sticky-anchor .wrap{ position:static; min-height: 1px; } /*Spinner*/ .ui-spinner { border:none!important; background-color:transparent!important; background-image: none!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap:wrap; flex-wrap:wrap; height:3.5rem; min-width: 5.5rem; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 !important; width: 100%; } .ui-spinner input { -ms-flex-preferred-size:100%; flex-basis:100%; } .ui-spinner .ui-spinner-button { -ms-flex-preferred-size:45%; flex-basis:45%; background-color:#fff; margin-left: 0rem; width: 1.6rem; display: block; position: relative; cursor:pointer; } .ui-spinner .ui-spinner-button .ui-button-text{ display:none } .ui-spinner .ui-spinner-button.ui-spinner-up::before, .ui-spinner .ui-spinner-button::after { content:''; height:1px; background-color:var(--color-6); width:40%; display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .ui-spinner .ui-spinner-button.ui-spinner-up::before{ -webkit-transform:translate(-50%,-50%) rotate(90deg); -ms-transform:translate(-50%,-50%) rotate(90deg); transform:translate(-50%,-50%) rotate(90deg); } .ui-spinner .ui-spinner-button > span { display:none !important } /*alert*/ .single-product .woocommerce-notices-wrapper { position:fixed; max-width: 75%; bottom:0; z-index:3; left:1rem; } /*.single-product .woocommerce-notices-wrapper .alert_wrapper{ display:flex; align-items:center; flex-direction:row-reverse; justify-items: flex-start; text-align: left; }*/ .single-product .woocommerce-notices-wrapper .alert_icon{ display:none; } .woocommerce-notices-wrapper .alert_wrapper a{ margin-left: 3rem; white-space:nowrap; text-decoration:underline; } .woocommerce-error.alert, .woocommerce-info.alert, .woocommerce-message.alert, .alert_warning.alert{ margin: 0 auto 1rem auto !important; padding: 1rem 3.5rem 1rem 2rem !important; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .woocommerce-MyAccount-content .woocommerce-message{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .woocommerce-MyAccount-content .woocommerce-message a.woocommerce-Button.button { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; width:100%; text-align: center; } .style-simple .alert .alert_icon { top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); display: none; } .style-simple .alert.alert_info, .style-simple .alert.alert_info .alert_icon, .style-simple .alert.alert_info a, .style-simple .alert.alert_info a.close i::before, .woocommerce-Message--info:before, .woocommerce-Message--info { color:var(--color-2) !important; } .woocommerce-MyAccount-content .woocommerce-Message{ padding:1rem !important; border-radius:0; background-color:var(--color-5) !important; } .woocommerce-MyAccount-content .woocommerce-Message::before{ display:none; } .style-simple .alert.alert_error, .style-simple .alert.alert_error .alert_icon, .style-simple .alert.alert_error a, .style-simple .alert.alert_error a.close i::before, .style-simple .alert.alert_warning, .style-simple .alert.alert_warning .alert_icon, .style-simple .alert.alert_warning a, .style-simple .alert.alert_warning a.close i::before, .style-simple .alert.alert_success, .style-simple .alert.alert_success .alert_icon, .style-simple .alert.alert_success a, .style-simple .alert.alert_success a.close i::before { color:#fff !important; } .alert a.close{ top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); } .alert_success{ background-color:var(--color-1); } .alert_info, .woocommerce-Message--info, .woocommerce-Message--info:before { background-color:var(--color-5) !important; } .alert_error { background-color:var(--color-6) !important; } .alert_warning { background-color:var(--color-2) !important; } /*wide section*/ .mcb-section:not(.full-width).wso-wide-section .section_wrapper.mcb-section-inner { max-width:var(--content-width-large) !important; } /*intro breaker*/ .section.mcb-section:not(.wso-section-slider).wso-intro-breaker.wso-section-hero { padding: 4rem 0 !important; background-color:var(--color-1); font-weight:900; } /*text*/ .wso-large-text { font-size: 1.56rem; line-height: 1.27em; font-weight:600; } /*spacing*/ .section.mcb-section:not(.wso-section-slider).wso-no-padding-bottom { padding-bottom: 0 !important; } .section.mcb-section:not(.wso-section-slider):nth-last-child(2), .section.mcb-section:not(.wso-section-slider).wso-no-margin-bottom{ margin-bottom:0; } .section.mcb-section:not(.wso-section-slider).wso-no-padding-top { padding-top: 0 !important; } .section.mcb-section:not(.wso-section-slider).wso-no-margin-top{ margin-top:0; } .column.wso-column-no-margin-bottom{ margin-bottom:0 !important; } /*Background*/ .wso-background-light { background-color: var(--color-5); margin-top: var(--default-spacing); margin-bottom:var(--default-spacing); } .wso-background-gradient { background: var(--color-4); background: -o-linear-gradient(left, var(--color-4) 0%, var(--color-1) 100%); background: -webkit-gradient(linear, left top, right top, from(var(--color-4)), to(var(--color-1))); background: linear-gradient(90deg, var(--color-4) 0%, var(--color-1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#183174",endColorstr="#3abbed",GradientType=1); } .wso-background-gradient h1, .wso-background-gradient h2, .wso-background-gradient h3, .wso-background-gradient h4, .wso-background-gradient h5, .wso-background-gradient h6, .wso-background-gradient p, .wso-background-gradient a { color:#ffffff; font-weight:600; } .wso-background-gradient p, .wso-background-gradient a { letter-spacing:.1em; } #Wrapper .wso-background-gradient a.button, #Wrapper .wso-background-gradient .jig-loadMoreButton, .wso-background-gradient input[type="submit"] { background-color:#fff !important; color: var(--color-4); } #Wrapper .wso-background-gradient a.button:hover, #Wrapper .wso-background-gradient .jig-loadMoreButton:hover, .wso-background-gradient input[type="submit"]:hover { color: #fff; } #Wrapper .wso-background-gradient a.button::after, #Wrapper .wso-background-gradient .jig-loadMoreButton::after, .wso-background-gradient input[type="submit"]::after { background-color:var(--color-4); } /*other*/ .wso-contact-boxes .mcb-section-inner { display:-webkit-box; display:-ms-flexbox; display:flex; padding: 4rem 0 3rem 0; border-top: 0.15rem solid #fff; border-bottom: 0.15rem solid #fff; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2rem; margin-bottom: 2rem; flex-wrap:wrap; } .wso-contact-boxes .mcb-section-inner::after { display:none } .wso-contact-boxes .wrap { width:auto; max-width:33.33%; height: auto !important; margin: 0 !important; } .wso-contact-boxes .wrap::before { content:''; display: block; visibility: visible; width: 4.8rem; height: 4.8rem; margin: 0 auto 2.5rem auto; background-size: contain; background-position: center; background-repeat: no-repeat; } .wso-contact-boxes .wrap:nth-child(1)::before{ background-image:url('/wp-content/uploads/2020/11/element-3.svg'); } .wso-contact-boxes .wrap:nth-child(2)::before{ background-image:url('/wp-content/uploads/2020/11/element-2.svg'); } .wso-contact-boxes .wrap:nth-child(3)::before{ background-image:url('/wp-content/uploads/2020/11/element-1.svg'); } #Wrapper .wso-img-box.wso-footer-logo-box { height: auto !important; width: 8.8rem; min-height: auto; } .wso-footer-logo-box.wso-img-box .image_frame { position:relative; } .wso-footer-logo-box.wso-img-box .image_wrapper a:before { display:none; } .wso-footer-logo-box.wso-img-box .image_wrapper a img { -webkit-transform:scale(1) !important; -ms-transform:scale(1) !important; transform:scale(1) !important; } .wso-home-intro-boxes .wrap .mcb-wrap-inner { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .wso-home-intro-boxes .wrap .mcb-wrap-inner .column { width:25%; margin:0; min-height:0rem !important; -ms-flex-preferred-size:50%; flex-basis:50%; background-color: var(--color-1); } .wso-home-intro-boxes .wrap .mcb-wrap-inner { height: 70vh; } .wso-home-intro-boxes .wrap .mcb-wrap-inner .column:nth-child(1) { -ms-flex-preferred-size:100%; flex-basis:100%; height: auto !important; } .wso-home-intro-boxes .wrap .mcb-wrap-inner .column.wso-img-box .image_wrapper a:before { opacity: .25; z-index: 1; background: black; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; } .wso-home-intro-boxes .wrap .mcb-wrap-inner .column.wso-img-box:hover .image_wrapper a:before { opacity: 0; z-index: 1; background: black; } .wso-home-intro-boxes .wrap .mcb-wrap-inner .column.wso-img-box.wso-image-box-circle-button .image_wrapper a:before{ display:none } @media (max-width:1239px) { .wso-home-intro-boxes .wrap .mcb-wrap-inner .column { width:50%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .wso-home-intro-boxes .wrap .mcb-wrap-inner .column:nth-child(1){ -ms-flex-preferred-size: 50%; flex-basis: 50%; } .wso-home-intro-boxes .wrap .mcb-wrap-inner { height: 200vw; } } @media (max-width:1023px) { .single-product .woocommerce-notices-wrapper { max-width: 100%; right:1rem; } } @media (max-width:767px) { .wso-home-intro-boxes .wrap .mcb-wrap-inner{ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; } .wso-home-intro-boxes .wrap .mcb-wrap-inner .column { width:100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 66vw !important; } .wso-home-intro-boxes .wrap .mcb-wrap-inner .column:nth-child(1){ width:100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 100vw !important; } .wso-home-intro-boxes .wrap .mcb-wrap-inner { height: auto; } .wso-contact-boxes .wrap { max-width:100%; margin-bottom: 2rem !important; margin-top: 2rem !important; } .wso-contact-boxes .mcb-section-inner { margin-top:0; margin-bottom:0; padding-top:2rem; padding-bottom:2rem; } .woocommerce-notices-wrapper .alert_wrapper a { display:block; float:none; width:100%; margin:0; } .woocommerce-notices-wrapper .alert_wrapper{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; } } /* ============================================ PRODUCT SKIN ============================================ */ .tg-wso-product .tg-element-4 { position: absolute !important; width:100%; left:0; right:0; top:0; height: 0 !important; overflow:hidden; padding: 55% 0 0 0 !important; } .tg-wso-product .tg-element-4 a{ position: absolute !important; left:0; right:0; top:0; bottom:0; } .tg-wso-product .tg-element-4 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; !important'; width: 100% !important; height: 100% !important; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; } .tg-wso-product:hover .tg-element-4 img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) } .tg-wso-product .tg-item-content-holder{ padding-top:calc(55% + 3rem) !important; } .tg-wso-product.f57 .tg-item-content-holder{ padding-top: 3rem !important; } .tg-wso-product.f57 .tg-item-content-holder .tg-element-4{ display:none !important; } .tg-wso-product .wso-sauna-info { font-size:var(--base-font-size) !important; letter-spacing:.1em; padding-top:.5rem !important; } .tg-wso-product .tg-element-1 { color: var(--color-4) !Important; font-size: 1.5rem !Important; line-height:1.2em !important; margin-bottom: 0 !Important; padding: 0 !Important; } .tg-wso-product .tg-element-2 { color: var(--color-4) !Important; font-size: 1.1rem !Important; text-transform: uppercase; letter-spacing: .1rem; padding-top: .4rem; } /*.tg-wso-product .woocommerce-Price-currencySymbol { margin-right: .5rem !important; }*/ .tg-wso-product .woocommerce-Price-amount::before { content: 'AB '; } .tg-wso-product .woocommerce-Price-amount::after { content: ' P.P.'; } .tg-wso-product .tg-element-3 { font-size: 1rem !Important; line-height: 1.3em !Important; max-width: 80%; margin: 1.5rem auto 0 !Important; } .tg-wso-product.f57 .tg-element-3 { display:none; } .tg-wso-product .tg-item-content-holder { padding: 2.5rem 1.5rem; } /*====== WERTGUTSCHEIN ======*/ .tg-wso-product.f57 .tg-item-content-holder { background-color: var(--color-1) !important; } .tg-wso-product.f57 .tg-element-1 { color: #fff !Important; text-transform: none !Important; font-weight: 600 !Important; font-size: 1.5rem !Important; line-height: 2rem; } .tg-wso-product.f57 .tg-element-1 span { max-width: 75% !Important; display: block; margin: 0 auto; } .tg-wso-product.f57 .tg-element-1 b { color: var(--color-4) !Important; font-size: 2.5rem !Important; line-height: 1.2em !Important; display: block; padding: 1.5rem 0; max-width: 90%; margin: 0 auto; } .tg-wso-product.f57 .tg-element-1 a:nth-child(2)::after { content: ''; width: 4.5rem; height: 4.5rem; display: block; margin: 2rem auto 0; background-image: url('/wp-content/uploads/2020/11/element-7.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; } .tg-wso-product.f57 .tg-item-price { display:none; } .tg-wso-product .tg-item-media-inner{ padding-top:56.25%; } .tg-wso-product .tg-item-media-inner img { position: absolute; -webkit-transition:500ms; -o-transition:500ms; transition:500ms; top: 0; left: 0; bottom: 0; } .tg-wso-product:hover .tg-item-media-inner img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } .wso-products-grid .tg-wso-product .tg-element-2, .wso-voucher-grid .tg-wso-product .tg-element-2{ color: var(--color-2) !important; font-size: 1.5rem !important; padding-top:2rem; letter-spacing: 0; } .tg-wso-product .woocommerce-Price-amount::before, .tg-wso-product .woocommerce-Price-amount::after { display:none; } /* ============================================ AJAX BUTTON ============================================ */ .tg-ajax-button { padding: 0; margin: 0; } .tg-ajax-button .tg-nav-color, .tg-ajax-button.tg-nav-color { font-weight: 600; color: var(--color-4) !Important; text-transform: uppercase; letter-spacing: .1rem; font-size: 1rem !important; } .tg-ajax-button .tg-nav-color::before { content: ''; width: 4.5rem; height: 4.5rem; display: block; margin: 0 auto 1rem; background-image: url('/wp-content/uploads/2020/11/element-4.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; } .Gutscheine .tg-grid-area-bottom1 { margin-top: 4rem; } .wst-the-grid.Gutscheine + .wst-the-grid.Gutscheine{ margin-top:2rem; } /* ============================================ MEGA MENU GRID ============================================ */ .wso-menu-grid .wso-img-box { width: 31.33% !important; min-height: 10rem; margin-right: 2% !Important; } .wso-menu-voucher .wso-img-box, .wso-menu-entrance .wso-img-box { min-height: 7rem; } .wso-menu-voucher .wso-img-box:first-child, .wso-menu-voucher .wso-img-box:nth-child(2), .wso-menu-voucher .wso-img-box:nth-child(3) { margin-bottom: 2.5rem !Important; } .wso-menu-grid .column_image .wp-caption-text { position: relative; top: 0; left: 0; -webkit-transform: translate(0,0%); -ms-transform: translate(0,0%); transform: translate(0,0%); float: right; width: 55%; display: block; text-align: left; } .wso-menu-grid .column_image .wp-caption-text { font-weight: 600; color: var(--color-3) !important; font-size: .9rem; line-height: 1.3em; padding-top: 0 !important; } .wso-menu-grid .column{ background-color: transparent !important; } .wso-menu-grid .column_image .wp-caption-text .wso-h3 { /* text-transform: lowercase; */ margin-bottom: .5rem !important; font-size: 1.5rem !important; line-height: 1.3em !important; color:var(--color-4); } .wso-menu-voucher .column_image .wp-caption-text .wso-h3 { text-transform: none; } .wso-menu-grid .column_image .image_wrapper a { padding: 0 !important; width: 222%; } .wso-menu-grid .column_image .image_wrapper a img { width: 45% !important; } .wso-menu-grid .column_image .image_wrapper a:hover img { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-filter:brightness(110%); filter:brightness(110%); } .wso-menu-grid .column_image .image_wrapper { width: 45%; float: left; overflow: visible; } .wso-menu-grid .wso-img-box .image_wrapper:not(:empty)::after, .wso-menu-grid .wso-img-box .image_wrapper a:before { display: none; } .wso-menu-grid .column_image .wp-caption-text::after { content: ''; width: 2.5rem; height: 2.5rem; display: block; margin: 1rem 0 0; background-image: url('/wp-content/uploads/2020/11/element-4.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; transform: rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); } .wso-menu-voucher .column_image .wp-caption-text::after, .wso-menu-entrance .column_image .wp-caption-text::after{ display: none; } #Wrapper .section.wso-menu-entrance .section_wrapper { width: calc(var(--content-width) / 1.2) !important; } #Wrapper .wso-menu-entrance .column_image { width: 48% !important; } .wso-menu-entrance .wso-img-box:nth-child(-n + 2) { margin-bottom: 2.5rem !important; } @media only screen and (min-width: 1024px) and (max-width: 1239px) { #Side_slide .section.wso-menu-entrance .section_wrapper { width: calc(var(--content-width) / 1.2) !important; } #Side_slide .wso-menu-entrance .column_image { width: 48% !important; } } /* ============================================ FILTER ============================================ */ #Wrapper .facetwp-type-fselect .fs-wrap, #Wrapper .facetwp-type-fselect .fs-dropdown { width: auto !important; max-width:100%; } .facetwp-facet * { outline-color: transparent !important; outline: none !important; text-align: center; cursor: pointer; } .facetwp-facet .fs-label-wrap { background: transparent !important; } .fs-label-wrap { text-align: left; font-weight: 600 !important; font-size: 1rem !important; color: var(--color-4); border: 0 !important; text-transform: uppercase; letter-spacing: .1rem; background-color: transparent !important; } .fs-label-wrap .fs-label, .fs-options { padding: 0 !important; padding-bottom: 0 !important; padding-right: 2rem !important; } body .fs-dropdown .fs-options { max-height: 25vh; } #Wrapper .facetwp-type-fselect .facetwp-counter, #Wrapper .fs-search, .facetwp-facet-motiv_filter .fs-search { display: none; } .facetwp-facet .fs-label::after, .facetwp-sort .fs-label::after { content: ''; background-size: contain; background-repeat: no-repeat; width: .4rem; height: .4rem; position: absolute; top: .1rem; right: 0rem; display: block !important; border-bottom: .1rem solid var(--color-4) !important; border-right: .1rem solid var(--color-4) !important; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .facetwp-facet-produkt_personen .fs-label::after, .facetwp-sort .fs-label::after { right: 1rem !Important; } .fs-arrow, .facetwp-type-fselect .facetwp-overlay { display: none; } .wso-voucher-filter .facetwp-type-fselect .fs-dropdown { -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.06); box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.06); background: white !important; } .wso-voucher-filter .facetwp-type-fselect .fs-dropdown, .wso-voucher-filter .facetwp-sort .fs-dropdown { z-index: 99999; } #Wrapper .fs-option, #Wrapper .facetwp-type-fselect .fs-search input, #Wrapper .fs-no-results { font-size: .9rem; line-height: 1.2rem; word-break: keep-all; padding: .7rem; padding-left: 2rem; color: var(--color-4); } #Wrapper .fs-wrap.multiple .fs-option.selected .fs-checkbox i { background-color: var(--color-4); } .wso-voucher-filter .facetwp-type-fselect .fs-option .fs-option-label, .wso-voucher-filter .facetwp-sort .fs-option .fs-option-label { text-align: left; } #Wrapper .wso-voucher-filter .facetwp-facet-produkte_kategorie .fs-wrap, #Wrapper .wso-voucher-filter .facetwp-facet-produkte_kategorie .fs-dropdown { width: 15rem !Important; } #Wrapper .wso-voucher-filter .facetwp-facet-produkt_personen .fs-wrap, #Wrapper .wso-voucher-filter .facetwp-facet-produkt_personen .fs-dropdown { width: 10rem !Important; } #Wrapper .wso-voucher-filter .facetwp-sort .fs-wrap, #Wrapper .wso-voucher-filter .facetwp-sort .fs-dropdown { width: 14rem; outline: none !important; } #Wrapper .wso-voucher-filter .facetwp-sort .fs-dropdown .fs-option, #Wrapper .facetwp-facet-motiv_filter .fs-dropdown .fs-option { padding-left:.7rem; } .wso-voucher-filter .column_attr { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wso-voucher-filter .column_attr > div { margin: 0 !important; padding: .5rem !important; display: block !important; } @media (min-width:1240px){ .facetwp-facet-motiv_filter .fs-label-wrap { display: none; } .wso-voucher-motiv-filter .fs-label-wrap .fs-label, .wso-voucher-motiv-filter .fs-options { padding: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important; background: transparent; } #Wrapper .wso-voucher-motiv-filter .facetwp-facet-motiv_filter { margin: 0 auto !Important; margin-bottom: 3rem !important; width: 100%; display: block !important; background: transparent; } .wso-voucher-motiv-filter .column_attr .facetwp-facet-motiv_filter { margin: 0 !important; padding: .5rem !important; display: inline-block !important; } .facetwp-facet-motiv_filter .fs-wrap, .facetwp-facet-motiv_filter .fs-dropdown { width: 100% !important; max-width: none !important; min-width: 100% !important; border: none !important; background: transparent !important; color: var(--color-6); margin-top: 0; } .facetwp-facet-motiv_filter .fs-dropdown { position: relative !important; display: block !important; } .facetwp-facet-motiv_filter .fs-dropdown .fs-options { max-height: 5.6rem; overflow: hidden; } #Wrapper .facetwp-facet-motiv_filter .fs-option, #Wrapper .facetwp-facet-motiv_filter .fs-search input, #Wrapper .facetwp-facet-motiv_filter .fs-no-results { font-size: .8rem; line-height: 1.2rem; word-break: keep-all; padding: 0; padding-right: 1.5rem; color: var(--color-4); } #Wrapper .facetwp-facet-motiv_filter .fs-option { height: 4.5rem; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap:wrap; flex-wrap:wrap; } #Wrapper .facetwp-facet-motiv_filter .fs-option-label { /* word-break: break-all; */ max-width:100%; white-space: normal; line-height: 1; } .facetwp-facet-motiv_filter .fs-option { display: inline-block !important; font-weight: 600 !important; font-size: .85rem !important; border: none; background: transparent !important; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: none !important; box-shadow: none !important; color: var(--color-3) !important; position: relative !important; border-radius: 50%; padding: .5rem !Important; background: #fff !Important; width: 4.5rem; line-height: 4rem !important; margin-right: 3%; } .facetwp-facet-motiv_filter .fs-option.selected, .facetwp-facet-motiv_filter .fs-option:hover { color: #fff !important; background: var(--color-3) !important; } } .wso-voucher-filter-wrap{ z-index:30; } .facetwp-sort-select { padding: 0 !important; border: 0; text-align: left; font-weight: 600 !Important; font-size: 1rem !Important; color: var(--color-4) !Important; text-transform: uppercase; letter-spacing: .1rem; margin-bottom: 0; width:100%; padding-right: 2rem !important; } .facetwp-sort { position: relative; } .facetwp-sort .fs-label { text-align:center } .wso-product-filter-wrap{ padding-right:1.5rem; padding-left: 1%; } .wso-product-filter-wrap .mcb-wrap-inner > .column { background-color:#fff; padding: 3rem 1.9rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } .wso-product-filter-wrap .mcb-wrap-inner::after { display:table; content:''; clear:both; } .wso-voucher-filter .column_attr > div.facetwp-type-radio:first-of-type { padding-bottom: 3rem !important; } .wso-voucher-filter .column_attr > div.facetwp-type-radio { padding-top: 2rem !important; } .wso-voucher-filter .column_attr > div.facetwp-type-radio { width: 100%; padding-left: 0 !important; padding-right: 0 !important; } .column_attr > div.facetwp-type-pager .facetwp-overlay, .wso-voucher-filter .column_attr > div.facetwp-type-radio .facetwp-overlay { display:none; } .wso-voucher-filter .column_attr > div.facetwp-type-radio .facetwp-counter { display:none } .wso-voucher-filter .column_attr > div.facetwp-type-radio .facetwp-radio { font-size:var(--base-font-size); font-weight:900; color:var(--color-4); text-align:left; text-transform:uppercase; padding-left: 2rem; letter-spacing:.1em; margin-bottom:1rem; background: none; position:relative; } .wso-voucher-filter .column_attr > div.facetwp-type-radio .facetwp-radio:last-child { margin-bottom:0rem; } .wso-voucher-filter .column_attr > div.facetwp-type-radio .facetwp-radio::before { content:''; position:absolute; left:0; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); width:.75rem; height:.75rem; border-right:1px solid var(--color-4); border-top:1px solid var(--color-4); border-bottom:1px solid var(--color-4); border-left:1px solid var(--color-4); display:block; border-radius: 50%; -webkit-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .wso-voucher-filter .column_attr > div.facetwp-type-radio .facetwp-radio.checked::before { -webkit-transform:translate(0,-50%) rotate(315deg); -ms-transform:translate(0,-50%) rotate(315deg); transform:translate(0,-50%) rotate(315deg); width:.75rem; height:.25rem; border-top:1px solid transparent; border-right:1px solid transparent; border-radius: 0%; } .wso-product-filter-wrap .wso-voucher-filter .column_attr > div.facetwp-type-fselect { padding: 0 !important; width: 100%; text-align: left; border-bottom: 1px solid var(--color-4); padding-bottom: .5rem !important; } .wso-product-filter-wrap .wso-voucher-filter .column_attr > div.facetwp-type-fselect * { text-align: left; } .wso-product-filter-title { text-align:left; color:var(--color-4); } .facetwp-pager{ margin-top:5rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -ms-flex-wrap:wrap; flex-wrap:wrap; } .facetwp-pager .facetwp-page { height:1.75rem; width:1.75rem; line-height:1.75rem; display:block; border:1px solid var(--color-4); padding:0; border-radius:50%; font-weight:900; color:var(--color-4); -webkit-transition:500ms; -o-transition:500ms; transition:500ms; margin:0 .75rem; text-decoration:none; } .facetwp-pager .facetwp-page.active, .facetwp-pager .facetwp-page:hover { color:#fff; background-color:var(--color-4); text-decoration:none; } .facetwp-facet-load_more .facetwp-load-more { margin:0 auto; display: block; background: none; color: var(--color-4); font-weight: 900; text-transform: uppercase; font-size: var(--base-font-size); letter-spacing: .1em; padding-top: 6rem; margin-top: 5rem; } .facetwp-facet-load_more .facetwp-load-more::after { content:''; background-color:transparent; background-image:url(/wp-content/uploads/2020/11/element-4.svg); position:absolute; top:0; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); width: 5rem; height: 5rem; display:block; opacity: 1; background-size:5rem; background-position:0 0; -webkit-transition:background-position 0s; -o-transition:background-position 0s; transition:background-position 0s; } .facetwp-facet-load_more .facetwp-load-more:hover::after { background-position:0 5rem; width: 5rem; -webkit-transition:background-position .5s; -o-transition:background-position .5s; transition:background-position .5s; } /* ============================================ CONTACT ============================================ */ #Wrapper .section.wso-section-google-map { padding: 0 !Important; } /* Product image text */ .woocommerce div.product div.images.woocommerce-product-gallery{ position:static !important; } .wso-product-image-text * { font-size:.6vw !important; line-height:1.2em !important; font-weight:100 !important; color:#000 !important; margin-bottom:0; } .wso-product-desc-text { margin-top:.7em } .wso-product-image-text ul { margin-left: 0.8rem; } .wso-product-image-text li { list-style: disc !important; } .wso-product-image-title{ position:absolute; z-index:10; max-width: 92%; top:19%; left: 6%; font-size:1.5vw; line-height: 1.2em; font-weight:900; color:var(--color-1) !important; overflow: hidden; white-space: nowrap; /* text-overflow: ellipsis; */ } #wso-dedication-value, .wso-product-image-subtitle, .wso-dedication-variation{ position:absolute; z-index:10; max-width: 92%; top:23%; left: 6%; font-size:1vw; line-height: 1.1em; font-weight:100; color:var(--color-4) !important; overflow: hidden; white-space: nowrap; } .wso-dedication-variation { top:26% } #wso-dedication-value { display:none; white-space:nowrap; } .product_cat-wertgutschein #wso-dedication-value{ display:block } .product_cat-wertgutschein .wso-product-image-subtitle{ display:none; } .wso-product-image-text{ position:absolute; z-index:10; max-width: 52%; top:62%; left: 6%; max-height: 20.4%; -webkit-column-width: 100px; -moz-column-width: 100vw; column-width: 100vw; overflow: hidden; orpans: 0; widows:0; } .woocommerce-product-gallery__image{ pointer-events:none !important; } #wso-dedication-salutation{ top:62%; } #wso-dedication-greeting{ top:65%; } #wso-dedication-salutation, #wso-dedication-greeting { overflow:hidden; position:absolute; z-index:10; width: 30%; right: 6%; font-size: .7vw; line-height:1em; font-weight: 900; color: var(--color-4); } #wso-dedication-value::after { content: ' \20AC'; } @media (max-width:767px) { .wso-product-image-text * { font-size: 1.8vw !important; } .wso-product-image-text ul { margin-left: 0.8rem; } .wso-product-image-title{ font-size: 4.5vw; } #wso-dedication-value, .wso-product-image-subtitle, .wso-dedication-variation{ font-size: 3vw; } #wso-dedication-salutation, #wso-dedication-greeting { font-size: 2.1vw; } } /* ============================================ PRODUCT ============================================ */ .woo-selected-variation-item-name{ display:none !important; } .voucher-image-option a::after { /*ontent:'Vorschau';*/ content:''; width: 0.8rem; height: 0.8rem; background: url("/wp-content/uploads/2020/11/element-10.svg"); display: block; background-size: contain; background-position: center; background-repeat: no-repeat; margin-top: 0.3rem; margin-left: auto; margin-right: auto; } .voucher-image-option { position:relative; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9); opacity:.9; } .voucher-image-option:first-child:last-child { display:none; } .voucher-image-options:hover .voucher-image-option { -webkit-transform:scale(.75); -ms-transform:scale(.75); transform:scale(.75); opacity:.75; } .voucher-image-options:hover .voucher-image-option:hover, .voucher-image-options .voucher-image-option.wso-active { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1; } .voucher-image-options .voucher-image-option img { -webkit-box-shadow: 0 0 0 2px transparent; box-shadow: 0 0 0 2px transparent; border-radius:2px; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; } .voucher-image-options .voucher-image-option.wso-active img { -webkit-box-shadow: 0 0 0 2px var(--color-1); box-shadow: 0 0 0 2px var(--color-1); } .voucher-image-option input { opacity: 1 !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: auto; top: 0; left: 0; bottom: 1.6rem; outline: none !important; } .voucher-fields .voucher-image-option img { width:100% } .pswp--open { z-index: 9999999; } .pswp__caption__center { display:none; } .voucher-fields-wrapper-variation, .woocommerce div.product form.cart .variations td.value.woo-variation-items-wrapper{ padding-bottom:2rem !important; } .product_cat-gutschein .woocommerce-variation-price { position: absolute; bottom: 1rem; width: 35%; margin-top: 0; } ul.variable-items-wrapper.button-variable-wrapper li { width: auto; border: none; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 !important; margin: 0 !important; text-align: left !important; height: auto; background-color: transparent !important; position: relative; outline: 0 !important; display: inline-block !important; float: left; padding-left: 1.5rem !important; } ul.variable-items-wrapper.button-variable-wrapper li span { padding-left: 1.5em; padding-top: .5rem; padding-bottom: .5rem; position: relative; border-radius: 0 !important; display: block; float: left; width: 100%; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; text-transform: none; font-weight: 300; color: var(--color-2); } #Content ul.variable-items-wrapper.button-variable-wrapper li span { font-size: var(--base-font-size) !important; } ul.variable-items-wrapper.button-variable-wrapper li:not(:last-child) span { padding-right: 1.25rem; margin-right: 3rem; } .variable-items-wrapper.button-variable-wrapper li::before, .variable-items-wrapper.button-variable-wrapper li::after { content: ""; position: absolute; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } ul.variable-items-wrapper.button-variable-wrapper li::before { top: 50%; left: .45rem; width: .9rem; height: .9rem; border: 1px solid #000; display: block; min-width: 1px; visibility: visible; opacity: 1; background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } ul.variable-items-wrapper.button-variable-wrapper li::after { top: 50%; left: .45rem; width: 0.3rem; height: 0.3rem; background-color: #000; opacity: 0; margin-left: 0; visibility: visible; -webkit-box-shadow: none; box-shadow: none; bottom: auto !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-sizing: border-box; box-sizing: border-box; border: none !important; border-radius: 50%; } ul.variable-items-wrapper.button-variable-wrapper li:hover::after { opacity: .4; } ul.variable-items-wrapper.button-variable-wrapper li.selected::after { opacity: 1; } .product-type-variable .wso-product-data-column > .column_attr > .price { /* display:none; */ position: absolute; bottom: 1rem; width: 35%; margin-top: 0; /* margin-bottom:0 !important; */ font-size:0 !important; line-height:0; } .product-type-variable .wso-product-data-column > .column_attr > .price > .woocommerce-Price-amount.amount:nth-child(1):nth-last-child(2) { color: var(--color-1); font-size: 2.2rem !Important; line-height: 1.2em; font-weight: 600 !Important; letter-spacing: .1rem; padding: 0 !important; display:block; } .product-type-variable .wso-product-data-column > .column_attr > .price > .woocommerce-Price-amount.amount:nth-child(1):nth-last-child(2) + small{ display:block; } .product-type-variable .wso-product-data-column > .column_attr > .price > .woocommerce-Price-amount.amount, .product-type-variable .wso-product-data-column > .column_attr > .price > small { display:none; } .product-type-variable form .price { display:block; } .wso-section-product-intro + .section li{ list-style:none !important; margin-bottom:0; } .wso-section-product-intro + .section ul{ list-style:none !important; margin:0; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{ display:none!important; } .single-product .woocommerce .section_wrapper.clearfix { max-width: 100% !Important; } .single-product .woocommerce .section_wrapper .woocommerce-content { width: 100% !Important; margin: 0; } #Wrapper .wso-section-related-content { padding: 5rem 0 !Important; } #Wrapper .wso-section-related-grid { padding-top: 0 !Important; overflow: visible; content-visibility: visible; padding-bottom: 5rem !important; } .wso-section-related-grid .wrap { margin-top: -3rem; } .woocommerce .variations_form .variations { background: transparent; } .woocommerce div.product form.cart .variations td.label, .woocommerce div.product .nyp label, .woocommerce div.product .product-item .nyp label, .woocommerce form .form-row label, .woocommerce-page form .form-row label { display: block; width: 100%; padding: 0 !important; text-align: left; text-transform: uppercase; font-weight: 900; color: var(--color-4); letter-spacing: .1rem; } .woocommerce div.product form.cart .variations td.value { display: block; padding: 0 !important; white-space: nowrap; position: relative; width: 100% !important; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger, .woocommerce .variations_form .variations td.value .reset_variations { display: none !important; } .wso-section-product .woocommerce-product-gallery { width: 100% !Important; } .wso-section-product .one-second { width: 48%; } .wso-section-product .one-second:first-child { padding-right: 3rem; } .wso-section-product .one-second:nth-child(2) { padding-left: 3rem; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--color-1); font-size: 2.2rem !Important; font-weight: 600 !Important; letter-spacing: .1rem; padding: 0 !important; } .woocommerce div.product span.price del { width:100%; font-size:1rem; } .woocommerce div.product span.price ins { text-decoration:none; } .woocommerce div.product span.price bdi { white-space: nowrap; } #Wrapper .woocommerce-variation-add-to-cart input[type="number"] { border: 0; background: #fff !Important; color: var(--color-4) !Important; font-weight: 600 !Important; } .woocommerce div.product form.cart .button { text-transform: uppercase; letter-spacing: .1rem; line-height: 1.85em; font-size: .95rem; padding: .7rem 1rem !Important; -webkit-transition:500ms; -o-transition:500ms; transition:500ms; } .woocommerce-Price-currencySymbol::before { content:' '; } .single-product .price .woocommerce-price-suffix { display:block; font-size: .7rem; font-weight:100; letter-spacing:0; color:var(--color-2); } /*.woocommerce div.product p.price{ width: 40%; margin: 0 !important; }*/ .woocommerce div.product form.cart, .woocommerce div.product form.cart .single_variation_wrap, .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart{ width: 100%; margin: 0 !important; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; } .woocommerce div.product form.cart .single_variation_wrap .nyp, .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .voucher-fields-wrapper-variation, .woocommerce div.product form.cart .voucher-fields-wrapper { width:100%; } /* porduct_cat = produkt */ .woocommerce div.product .wso-product_cat-product form.cart .single_variation_wrap { margin-top: 3rem !important } .woocommerce .product-type-variable .wso-product_cat-product .wso-product-data-column > .column_attr > .price { bottom: 5.2rem; } .woocommerce div.product .wso-product_cat-product div.images .woocommerce-product-gallery__trigger { display: block!important; } .woocommerce div.product .wso-product_cat-product .woocommerce-product-gallery ol.flex-control-nav { margin-left: -.2rem; margin-right: -.2rem; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .woocommerce div.product .wso-product_cat-product .woocommerce-product-gallery ol.flex-control-nav li { padding: .2rem !important; box-sizing: border-box; width: calc(100% / 6); } .woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before { display:none; } #Wrapper .woocommerce div.product form.cart button.button { margin:0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; direction:rtl; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #Wrapper .woocommerce div.product form.cart button.button::before { content:'< '; } #Wrapper .woocommerce div.product form.cart div.quantity { display:block; width:auto; } #Wrapper .woocommerce div.product.product_cat-gutschein form.cart div.quantity, #Wrapper .woocommerce div.product.product_cat-eintrittskarte form.cart div.quantity { margin-left: 38%; } #Wrapper .woocommerce div.product form.cart div.quantity input { margin:0 !important; display: block; height: 100%; width: 3.5rem; min-width: 1px; background-color: #fff !important; border:none; text-align: center; color: var(--color-4) !important; font-weight: 900; } /* .wso-product-data-column .column_attr { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -moz-box-orient:horizontal; -moz-box-direction:normal; -ms-flex-direction:row; flex-direction:row; }*/ #Wrapper .woocommerce div.product form.cart div.quantity input::-webkit-inner-spin-button, #Wrapper .woocommerce div.product form.cart div.quantity input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* #Wrapper .woocommerce .cart_totals .checkout-button, #Wrapper .woocommerce div.product form.cart .button, #Wrapper .woocommerce-button.button, #Wrapper .button[name="apply_coupon"], #Wrapper .button[name="update_cart"] { transform:translate(0,0); background-color:var(--color-4) !important; } #Wrapper .woocommerce .cart_totals .checkout-button::after, .woocommerce div.product form.cart .button::after, .woocommerce-button.button::after, .button[name="apply_coupon"]::after, .button[name="update_cart"]::after { z-index:-1; } /* #Wrapper .woocommerce .cart_totals .checkout-button, #Wrapper .woocommerce div.product form.cart .button, #Wrapper .woocommerce-button.button, #Wrapper .button[name="apply_coupon"], #Wrapper .button[name="update_cart"] { font-weight: 900; transition:500ms; display: inline-block !important; box-sizing: border-box !important; text-transform:uppercase; font-size:var(--base-font-size) !important; padding:.5rem 1rem !important; letter-spacing:.1em; } #Wrapper .woocommerce .cart_totals .checkout-button::before, .woocommerce div.product form.cart .button::before, .woocommerce-button.button::before, .button[name="apply_coupon"]::before, .button[name="update_cart"]::before { z-index: -1; opacity:1; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: var(--color-1); } #Wrapper .woocommerce .cart_totals .checkout-button::after, .woocommerce div.product form.cart .button::after { content:' >'; position:relative; background-color:transparent; opacity:1; } .woocommerce-button.button::after, .button[name="apply_coupon"]::after, .button[name="update_cart"]::after{ display:none; } #Wrapper .woocommerce .cart_totals .checkout-button:hover, .woocommerce div.product form.cart .button:hover, .woocommerce-button.button:hover, .button[name="apply_coupon"]:hover, .button[name="update_cart"]:hover { background-color:transparent !important; } */ .single_variation, .woocommerce-variation-add-to-cart { display: inline-block; vertical-align: bottom; width:100%; } .product .nyp .nyp-input, .product .product-item .nyp .nyp-input, .product form.cart .variations select, .product form .form-row input.input-text, .product form .form-row textarea { width: 100%; background-color: #fff !important; border: none; text-align: left; font-weight: 100; min-width: 1px; } .product form .form-row textarea{ min-height:10rem; } /* =============== Woocommerce Cart =============== */ .woocommerce .shipping-calculator-button::after, .woocommerce .shop_table .edit_price_in_cart_text { display:none; } .woocommerce .shop_table .coupon{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; } #Wrapper .woocommerce .shop_table .coupon button, #Wrapper .woocommerce .shop_table .coupon + button { margin:0 !important; } .woocommerce-cart .woocommerce { display:-webkit-box; display:-ms-flexbox; display:flex; width: 100%; margin:0 auto; -ms-flex-wrap:wrap; flex-wrap:wrap; } .woocommerce-cart .woocommerce .woocommerce-notices-wrapper { width:100%; } .woocommerce-cart .woocommerce .woocommerce-cart-form{ width:66.666%; padding-right: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .woocommerce-cart .woocommerce .cart-collaterals{ width: 33.333%; padding-right: 7rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals { width:100% !important; } .woocommerce-cart #Wrapper .woocommerce .remove.button { background-color: transparent !important; color: var(--color-2) !important; padding:0 !important; margin:0 !important; display: block; } .woocommerce-cart .woocommerce .remove.button::after { display:none !important } .woocommerce-cart .woocommerce .remove.button .button_icon{ font-size:0; padding:0; display:block; width: 1rem !important; height:1rem; } .woocommerce-cart .woocommerce .remove.button .button_icon::after, .woocommerce-cart .woocommerce .remove.button .button_icon::before { content:'' !important; width:1rem; display:block; height:1px; background-color:var(--color-2); position:absolute; top:50%; left:50%; } .woocommerce-cart .woocommerce .remove.button .button_icon::after { -webkit-transform: translate(-50%,-50%) rotate(-45deg); -ms-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); } .woocommerce-cart .woocommerce .remove.button .button_icon::before { -webkit-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); } .woocommerce-cart .woocommerce .product-remove { padding:.5rem !important; vertical-align:top; } .woocommerce-cart .woocommerce .remove.button { -webkit-transition:500ms; -o-transition:500ms; transition:500ms; } .woocommerce-cart .woocommerce .remove.button:hover { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .woocommerce-cart .woocommerce .cart_item:nth-child(2n) { background-color:var(--color-5); } .woocommerce-cart .woocommerce .cart_item td:nth-child(1) { padding-left:8rem !important; } .woocommerce-cart .woocommerce .shop_table th, .woocommerce .shop_table td { padding: 1rem !important; } .woocommerce-cart .woocommerce .shop_table .product-name a { font-size:var(--base-font-size); line-height: 1.5em; color:var(--color-2); font-weight:100; } .woocommerce-cart .woocommerce .shop_table .product-name .variation { display: none; } .woocommerce-cart .woocommerce .shop_table .woocommerce-Price-amount.amount { font-size: 1.56rem; line-height: 1.875em; font-weight:900 } .woocommerce-cart .woocommerce .shop_table .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol::after { content: ''; padding-right: .5em; } .woocommerce-cart .woocommerce .shop_table .product-price .woocommerce-Price-amount.amount { font-weight:100; } .woocommerce-cart .woocommerce .shop_table .woocommerce-Price-amount.amount, .woocommerce-cart .woocommerce .shop_table .product-price .woocommerce-Price-amount.amount { white-space:nowrap; } .woocommerce-cart .woocommerce .shop_table .product-name, .woocommerce-cart .woocommerce .shop_table .product-price, .woocommerce-cart .woocommerce .shop_table .product-subtotal, .woocommerce-cart .woocommerce .shop_table th { text-align: left; } .woocommerce-cart .woocommerce table.shop_table td { border:none; } .woocommerce-cart .woocommerce table.shop_table td.actions > button {height: 3rem;} .woocommerce-cart .woocommerce table.shop_table { border: none; } .woocommerce-cart .woocommerce .woocommerce-cart-form table.shop_table { border: none; border-right: 1px solid var(--color-7); border-radius: 0; } .woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table th { border-bottom:1px solid var(--color-7); font-size: .667rem; font-weight: 100; color: var(--color-2); line-height: 1em; padding-bottom: .5rem !important; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 { color: var(--color-4); text-transform: uppercase; font-weight: 600; letter-spacing: .1em; font-size:var(--base-font-size) !important; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table { font-size:var(--base-font-size); } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table .woocommerce-Price-amount, .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table th{ font-size:var(--base-font-size) !important; font-weight:100; padding:.5rem 0 !important; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table .order-total .woocommerce-Price-amount, .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table .order-total th { font-weight:900; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table td{ text-align:right; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table tr:nth-child(1)>*{ border:none !important; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table tr:not(:nth-child(1))>*{ border-top:1px solid var(--color-7) !important; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table tr.order-total>*{ border-top:1px solid var(--color-2) !important; } .woocommerce .shop_table td.actions{ background-color:transparent; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .order-total .includes_tax{ display:block !important; text-align:right; } .wpmc-tabs-wrapper { position:relative; padding: 4rem 0 4rem 0; margin-bottom: 3rem; } .wpmc-tabs-wrapper .wpmc-tabs-list{ display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; background: transparent; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wpmc-tabs-wrapper .wpmc-tabs-list::before { content:''; background:#fff; position:absolute; top: 1.1rem; width:100%; height:1px; } .wpmc-tabs-wrapper .wpmc-tabs-list li{ float:none; padding: 0; margin: 0; width: auto !important; } .wpmc-tabs-wrapper .wpmc-tabs-list li::before { display:none; } .wpmc-tabs-wrapper .wpmc-tabs-list li{ float:none; padding: 0; margin: 0; width: auto !important; } .wpmc-tabs-wrapper::before{ content:''; position:absolute; top:0; bottom:0; left:50%; width:100vw; background-color:var(--color-1); -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); } .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number { border:1px solid #fff; background:var(--color-1); color:#fff; font-size:var(--base-font-size); padding:.25rem; position: relative; margin-top: 0; line-height: 1.7rem; min-width: 1.6rem; min-height: 1.6rem; width: 1.6rem; height: 1.6rem; } .wpmc-tabs-wrapper .wpmc-tab-item:first-child .wpmc-tab-number::after { content:''; background-color:var(--color-1); position:absolute; top:0; bottom:0; width:5rem; right:103%; } .wpmc-tabs-wrapper .wpmc-tab-item:last-child .wpmc-tab-number::after { content:''; background-color:var(--color-1); position:absolute; top:0; bottom:0; width:5rem; left: 103%; } .wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number { border:1px solid #fff; color:var(--color-1); } .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-text { font-size:var(--base-font-size); color:#fff; font-weight:900; max-width: 9rem; white-space: normal; } .woocommerce-billing-fields h3 { font-size: 2.6rem; line-height: 1.3em; font-weight: 600; margin-bottom: 1rem; color:var(--color-4); text-align:center; } .woocommerce-cart table.cart td.actions .coupon .input-text { width:10rem; padding: .5rem !important; height: 3rem; margin-right: 1rem; line-height: 1em !important; } .woocommerce-additional-fields { margin-top:2rem; } .woocommerce-checkout-review-order-table tfoot th{ text-align:left; } .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { text-align:right; } .woocommerce table.shop_table{ border-radius:0; } .woocommerce-checkout #payment ul.payment_methods, .woocommerce-checkout #payment div.form-row { padding-left:0; padding-right:0; border: none; } .woocommerce-checkout #payment div.payment_box { background-color:transparent; padding:0; margin-top: 0; } .woocommerce-checkout #payment div.payment_box::before{ display:none; } .woocommerce-checkout #payment ul.payment_methods li { border-bottom:1px solid var(--color-7); padding:.75rem 0 .75rem 2rem; position:relative; } .woocommerce-checkout #payment ul.payment_methods li input { content:''; width:1rem; height:1rem; position:absolute; top: 1.3rem; left:0; border: 1px solid var(--color-7); display:block !important; opacity: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none !important; } .woocommerce-checkout #payment ul.payment_methods li input::after { content:''; display:block; position:absolute; bottom:.2rem; left:.33rem; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-box-sizing:border-box; box-sizing:border-box; width:0; height:0; -webkit-transition: .25s width .0s , .5s height .25s; -o-transition: .25s width .0s , .5s height .25s; transition: .25s width .0s , .5s height .25s; } .woocommerce-checkout #payment ul.payment_methods li input:checked::after { border-bottom: 0.1rem solid var(--color-4); border-right: .1rem solid var(--color-4); width:.33rem; height:.66rem; } .woocommerce-order-details tfoot td, .woocommerce-order-details tbody td, .woocommerce-order-details .woocommerce-table__product-table{ text-align:right; } .woocommerce-order-details tfoot th { text-align:left; } .woocommerce-order-received address:before{ display:none; } .woocommerce-order-received address{ background:transparent; border-radius:0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .woocommerce-cart-form__cart-item .ui-spinner { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #Wrapper .woocommerce-cart-form__cart-item .ui-spinner input { -ms-flex-preferred-size:33%; flex-basis:33%; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; border:none; text-align:center; font-size: 1.56rem !important; line-height: 1em !important; padding-left: 0 !important; padding-right: 0 !important; -moz-appearance:textfield; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; appearance:none; } .woocommerce-cart-form__cart-item .ui-spinner .ui-spinner-button { border:1px solid var(--color-2); width: 1rem; height: 1rem; background-color: transparent; -ms-flex-preferred-size: auto; flex-basis: auto; border-radius: 50%; } .woocommerce-cart-form__cart-item .ui-spinner .ui-spinner-down { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; } .woocommerce-cart-form__cart-item .ui-spinner .ui-spinner-up { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; } .woocommerce-cart-form__cart-item .ui-spinner .ui-spinner-button.ui-spinner-up::before, .woocommerce-cart-form__cart-item .ui-spinner .ui-spinner-button::after{ background-color:var(--color-2); } .woocommerce .shop_table td.actions{ padding:1rem !important; } .woocommerce-form-coupon{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .woocommerce-form-coupon p:first-child { width:100%; } .woocommerce-form-coupon p { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; } #Wrapper .woocommerce-form-coupon p button { width:100%; margin-top: 0 !important; height:100%; } .woocommerce-terms-and-conditions-wrapper .required{ display:none; } @media (max-width:1489px) { .woocommerce-cart .woocommerce .cart-collaterals, .woocommerce-cart .woocommerce .woocommerce-cart-form{ width: var(--content-width-large); margin: 0 auto; padding-right: 0; } .woocommerce-cart .woocommerce .cart-collaterals{ padding: 0 1rem; } .woocommerce-cart .woocommerce .woocommerce-cart-form table.shop_table{ border-right: none; } .woocommerce-cart .woocommerce .cart_item td:nth-child(1){ padding-left:1rem !important; } .woocommerce .shop_table .product-thumbnail a{ text-align:left; } .woocommerce-cart .woocommerce .woocommerce-cart-form .shop_table th, .woocommerce table.shop_table td small{ font-size:1rem } .woocommerce-cart .woocommerce .cart-collaterals h2{ max-width: 100% !important; } } @media (max-width:1023px) { .product_cat-gutschein .woocommerce-variation-price { bottom: 4rem; } #Wrapper .woocommerce div.product.product_cat-gutschein form.cart div.quantity, #Wrapper .woocommerce div.product.product_cat-eintrittskarte form.cart div.quantity{ float: none; justify-self: flex-end; margin-right: 0; width: 25%; margin-left: 75%; margin-bottom: 1rem; } .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart{ justify-items:flex-end; } .product_cat-gutschein .woocommerce-variation-price, .product-type-variable .wso-product-data-column > .column_attr > .price { bottom: 3.5rem; width:calc(100% - 6rem); } } @media (max-width:959px) { .woocommerce-cart .woocommerce .cart-collaterals h2{ max-width: 100% !important; } .woocommerce-cart .woocommerce .shop_table .product-name a, .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { font-size: var(--base-font-size); line-height: 1.875em; } .woocommerce-cart-form__cart-item .quantity { max-width:50%; float:right; } .woocommerce .shop_table .product-remove::after, .woocommerce-cart-form__cart-item .product-quantity::after { display:table; clear:both; content:''; } .woocommerce .shop_table .product-remove a.remove .button_icon{ float: none; display:block; width: 2.5rem !important; height:2.5rem; border:1px solid var(--color-2); padding:0 !important; border-radius:50%; position: relative; clear: both; font-size: 0; } .woocommerce .shop_table .product-remove a.remove .button_icon::before, .woocommerce .shop_table .product-remove a.remove .button_icon::after { content: '' !important; height: 1px; background-color:var(--color-6); width:50%; display:block !important; position: absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%) rotate(45deg) !important; -ms-transform: translate(-50%,-50%) rotate(45deg) !important; transform: translate(-50%,-50%) rotate(45deg) !important; opacity: 1; z-index: 1; } .woocommerce .shop_table .product-remove a.remove .button_icon::before{ -webkit-transform:translate(-50%,-50%) rotate(-45deg) !important; -ms-transform:translate(-50%,-50%) rotate(-45deg) !important; transform:translate(-50%,-50%) rotate(-45deg) !important; } .woocommerce-cart table.cart td.actions .coupon .input-text{ -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; } } @media (max-width:959px) { .woocommerce table.cart td.actions .coupon #coupon_code{ margin:0 0 1rem 0 !important; } #Wrapper .woocommerce .shop_table .coupon button { margin-bottom:1.5rem !important; } .wpmc-nav-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap } .wpmc-nav-wrapper button:last-child{ -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; } } @media (max-width:767px) { .wpmc-tabs-wrapper .wpmc-tabs-list li, .wpmc-tabs-wrapper .wpmc-tabs-list li .wpmc-tab-number, .wpmc-tabs-wrapper .wpmc-tabs-list::before{ display:none } .wpmc-tabs-wrapper .wpmc-tabs-list li.current{ display:block; width: 100% !important; } .wpmc-tabs-wrapper .wpmc-tabs-list li.current .wpmc-tab-text{ width:100%; position:relative; text-align:center; top: auto; left: auto; right: auto; bottom: auto; max-width: none; } .woocommerce-form-coupon p{ width:100% !important; } .product_cat-gutschein .woocommerce-variation-price, .product-type-variable .wso-product-data-column > .column_attr > .price { bottom: 4.5rem; width:calc(100% - 6rem); } } /* =============== Woocommerce account =============== */ .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{ width:49% } .woocommerce-MyAccount-navigation ul li.is-active a { background-color:var(--color-4); } .woocommerce-MyAccount-navigation ul{ margin:0; } /* ============================================ Responsiv ============================================ */ @media only screen and (min-width: 1240px) { select.facetwp-sort-select { min-width:14rem; width:14rem; max-width: 100%; } } @media only screen and (max-width: 1489px) and (min-width: 1240px) { html { font-size: 1.15vw !important; } #Top_bar .menu > li.wso-zur-website-button{ padding-right: 1rem; } #Content { margin-top:0 !important; } } @media only screen and (max-width: 1239px) and (min-width: 1024px) { html { font-size: 1.35vw !important; } .wso-product-filter-wrap .mcb-wrap-inner > .column { padding: 1rem .5rem; } #Wrapper .wso-voucher-filter .facetwp-facet-produkte_kategorie .fs-wrap { width:100%; min-width:100%; max-width:100%; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { html { font-size: 1.6vw !important; } .wso-product-filter-wrap + .wrap, .wso-product-filter-wrap{ width: 100% !important; } .wso-product-filter-wrap { padding:0 1% 0; } .wso-product-filter-wrap .wso-voucher-filter{ width:100%; } #Wrapper .wso-voucher-filter .facetwp-facet-produkte_kategorie .fs-wrap { width:100%; min-width:100%; max-width:100%; } } @media only screen and (max-width: 767px) and (min-width: 600px) { html { font-size: 2.5vw !important; } } @media only screen and (max-width: 599px) { html { font-size: 3.7vw !important; } } @media only screen and (max-width: 1499px) { #Wrapper .tg-wso-slider-skin .wso-highlight-button { top: -8rem; } } @media only screen and (max-width: 1239px) { #Wrapper .facetwp-facet-motiv_filter .fs-option-label { text-align:left; } .header_placeholder{ display:none !important; } #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%; } #Top_bar .logo { left:2rem; z-index: 202; } #Wrapper #Top_bar .column{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } #Wrapper #Top_bar #logo img, #Wrapper #Top_bar.is-sticky #logo img { width: 4.5rem !important; } #Wrapper #Top_bar a.responsive-menu-toggle { position: absolute; top: 50% !important; right: 2rem; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); 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(--color-1); } #Top_bar a.responsive-menu-toggle i { font-size: 0rem !important; width: 3.5rem; height: 3rem; display: block; } #Top_bar a.responsive-menu-toggle i::before { position:absolute; top:0; content:''; background-color:transparent; height:1.5rem; width:100%; display: block; margin: 0; border-top:1px solid var(--color-2); border-bottom:1px solid var(--color-2); -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:.5s top .5s, .5s height .5s, .5s transform 0s; -o-transition:.5s top .5s, .5s height .5s, .5s transform 0s; transition:.5s top .5s, .5s height .5s, .5s transform 0s; } #Top_bar a.responsive-menu-toggle i::after { position:absolute; bottom:0; content:''; width:100%; display: block; margin: 0; border-bottom:1px solid var(--color-2); -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:.5s bottom .5s, .5s transform 0s; -o-transition:.5s bottom .5s, .5s transform 0s; transition:.5s bottom .5s, .5s transform 0s; line-height: 0; font-size: 0; height: 0 !important; } body.wso-open-sideslide #Top_bar a.responsive-menu-toggle i::before { height:0; border-bottom-color:transparent; top:50%; -webkit-transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg); transform:translate(0,-50%) rotate(45deg); -webkit-transition:.5s top 0s, .5s height 0s, .5s transform .5s, 0s border .5s; -o-transition:.5s top 0s, .5s height 0s, .5s transform .5s, 0s border .5s; transition:.5s top 0s, .5s height 0s, .5s transform .5s, 0s border .5s; } body.wso-open-sideslide #Top_bar a.responsive-menu-toggle i::after { bottom:50%; -webkit-transform:translate(0,50%) rotate(-45deg); -ms-transform:translate(0,50%) rotate(-45deg); transform:translate(0,50%) rotate(-45deg); -webkit-transition:.5s bottom 0s, .5s transform .5s; -o-transition:.5s bottom 0s, .5s transform .5s; transition:.5s bottom 0s, .5s transform .5s; } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .tg-wso-slider-skin .tg-element-2 h2 { font-size: 3.2rem; } #Wrapper .wso-highlight-button { top: -6rem; right: 0; } #Wrapper .tg-wso-slider-skin .wso-highlight-button { top: -10rem; } #Top_bar .column .top_bar_left{ position: relative; left: 0; right: 0; width: 100% !important; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #Top_bar.is-sticky .top_bar_left, #Top_bar .top_bar_left { padding-top:0rem !important; margin-top: 3rem !important; position:relative; height: auto !important; } #Top_bar .menu_wrapper { position: absolute; float: none; top: 0; } #Top_bar .secondary_menu_wrapper{ display: block !important; background: var(--color-4); background: -o-linear-gradient(left, var(--color-4) 0%, var(--color-1) 100%); background: -webkit-gradient(linear, left top, right top, from(var(--color-4)), to(var(--color-1))); background: linear-gradient(90deg, var(--color-4) 0%, var(--color-1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#183174",endColorstr="#3abbed",GradientType=1); margin: 0; left: 0; right: 0; position: absolute; top: -3rem; height: 3rem; } #Top_bar .secondary_menu_wrapper .menu-top-bar-container { position:absolute; top:0; bottom:0; left: 0; right: 0; } #Top_bar .secondary_menu_wrapper ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; } #Header .secondary-menu > li{ float:none; padding: 0; background: transparent !important; } #Header .secondary-menu > li.wso-zur-website-button a{ padding-left:1rem; } #Header .secondary-menu > li.wso-zur-website-button a::before { display: block; width: .75rem; height: .75rem; content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); background: url('/wp-content/uploads/2020/11/element-15-1.svg'); background-size: contain; background-position: center center; background-repeat: no-repeat; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } #Header .secondary-menu > li.wso-zur-website-button a:hover::before{ left:-.5rem; } #Header .secondary-menu > li.wso-menu-cart{ left: 50%; top: 6.5rem; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; width: 4rem; height: 4rem; background: transparent; } #Header .secondary-menu > li.wso-menu-cart a { position:absolute; top:0; left:0; right:0; bottom:0; border: 1px solid var(--color-4); display: block; font-size: 0; border-radius: 50%; background: url('/wp-content/uploads/2020/11/element-8.svg'); background-size: 50%; background-position: 40% 50%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; background-repeat: no-repeat; } #Header .secondary-menu > li.wso-menu-cart a:hover { background-size: 55%; } #Header .secondary-menu > li a { color: #fff; font-weight: 900; } .wso-menu-grid .wso-img-box{ margin:0; } #Side_slide #menu ul li a{ padding:1rem 2rem; } #Side_slide #menu > ul > li > a { font-weight:900; } .wso-menu-search { width:100%; padding: 0 2rem; } .section.mcb-section:not(.wso-section-slider).wso-section-image-boxes{ padding: 2rem 2rem !important; } .section.mcb-section:not(.wso-section-slider).wso-section-image-boxes.wso-home-intro-boxes{ padding:0 !important; } .section.mcb-section:not(.wso-section-slider) .section_wrapper { width:100% !important; /* margin:0 !important; */ } .wso-menu-search form { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; } .wso-menu-search input[type="text"] { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; margin: 0; } .wso-menu-search input[type="submit"] { width:3.5rem; height:3.5rem; margin: 0 !important; padding: 0 !important; position: relative; display: block; background-color: transparent !important; border: 1px solid var(--color-2); background-image: url('/wp-content/uploads/2020/11/element-10.svg'); background-size: 50%; background-position: center center; background-repeat: no-repeat; } #Top_bar .top_bar_right_wrapper #header_cart span{ position:absolute; bottom: auto; left: auto; display: block; top: 6rem; right: 50%; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } #Wrapper #Top_bar #logo, #Wrapper #Top_bar.is-sticky #logo { padding: 2rem 0 !important; } } @media only screen and (max-width: 1023px) { :root { --content-width: 90%; } .wso-section-slider.wso-fullscreen, .wso-section-slider.wso-fullscreen .Slider .tg-grid-wrapper, .wso-section-slider.wso-fullscreen .Slider .tg-grid-slider, .wso-section-slider.wso-fullscreen .Slider .tg-grid-holder, .wso-section-slider.wso-fullscreen .Slider .tg-item { max-height: 55rem; } .wso-section-text-img-fullwidth .wrap:first-child { padding: 5% 4%; } #Wrapper .wso-highlight-button { top: -5rem; width: 10rem !important; height: 10rem !important; } .wso-highlight-button p { font-size: .7rem !important; } #Wrapper .wso-highlight-button p strong { font-size: 2em !important; } #Wrapper .wso-video-button { width: 4rem; height: 4rem; font-size: 2.5rem; } .tg-grid-area-bottom2 .tg-left-arrow { left: -2.5rem; } .tg-grid-area-bottom2 .tg-right-arrow { right: -2.5rem; } #Wrapper .tg-wso-skin-2 .tg-bottom-holder .tg-element-2 p { max-height: 0 !important; } .wso-menu-grid .wso-img-box{ width:100% !important; margin:1rem 0; min-height:1px; } .wso-menu-grid .column_image .image_wrapper{ display:none; } .wso-menu-grid .column_image .wp-caption-text{ width:100%; float: none; padding: 0 !important; } .wso-menu-grid .column_image .wp-caption-text br { display:none } .wso-img-box .image_frame { position:relative; } .wso-menu-grid .wso-wrap-image-boxes .wso-img-box { margin: 1rem 0 !important; } .wso-menu-grid .column_image .wp-caption-text::after{ display:none; } .wso-menu-grid .wso-wrap-image-boxes .wso-img-box a { padding:0 !important; position:absolute; top:0; left:0; bottom:0; right:0; margin: 0 !important; z-index: 3; } .section.mcb-section:not(.wso-section-slider).wso-section-image-boxes{ padding: 0rem 2rem !important; } footer .wso-footer-wrap .section_wrapper .wrap:first-child{ width:100%; } footer .wso-footer-wrap .section_wrapper .wrap { width: 33.333%; padding:0; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width:100%; margin-bottom:1rem; } } @media only screen and (max-width: 767px) { :root { --mobile-top-bar-height: 10rem; } #Wrapper #Top_bar { background-color: white !important; } #Wrapper #Top_bar #logo img, #Wrapper #Top_bar.is-sticky #logo img { width: 4.8rem !important; } #Wrapper #Top_bar a.responsive-menu-toggle { color: var(--color-1); } #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 .Slider .tg-grid-wrapper, .wso-section-slider.wso-fullscreen .Slider .tg-grid-slider, .wso-section-slider.wso-fullscreen .Slider .tg-grid-holder, .wso-section-slider.wso-fullscreen .Slider .tg-item { 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(--color-1) !important; background-color: var(--color-1); color: white; } #Wrapper .wso-section-hero { padding: 24% 0 !important; } .wso-section-text-img:not(.wso-section-text-img-fullwidth) .wrap:first-child, .wso-section-text-img:not(.wso-section-text-img-fullwidth) .column_image { margin-bottom: 1rem !important; } .tg-wso-slider-skin .tg-element-2 { padding: 0 1.5rem; } #Wrapper .wso-highlight-button { top: -8rem; } #Wrapper .tg-wso-slider-skin .wso-highlight-button { top: -12rem; } .wso-img-box { height: 90vw!important; } .tg-grid-area-left{ margin-left: .7rem !important; } .tg-grid-area-right { margin-right: .7rem !important; } .tg-right-arrow, .tg-left-arrow { width: 1.5rem !important; height: 1.5rem !important; } .tg-grid-area-bottom2 { max-width: var(--content-width) !important; margin: 0 auto; } .tg-grid-area-bottom2 .tg-left-arrow { left: .5rem; } .tg-grid-area-bottom2 .tg-right-arrow { right: .5rem; } .tg-grid-area-bottom2 .tg-left-arrow, .tg-grid-area-bottom2 .tg-right-arrow { top: -1rem; } #Wrapper .wso-img-box.wso-footer-logo-box { width:50% !important; min-height: 1px; } footer .wso-footer-wrap .section_wrapper .wrap:nth-child(1) { border:none !important; } footer .wso-footer-wrap .section_wrapper .wrap:nth-child(2) { padding:0; } footer .wso-footer-wrap .section_wrapper .wrap:nth-child(2) .column { width:50% !important; float:left; clear: none; text-align: left; } footer .wso-footer-wrap .section_wrapper .wrap { padding: 0; text-align: left; } .wso-footer-payment-wrap .mcb-wrap-inner .column_image{ width:33.333% !important; margin:0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .5rem !important; } footer .wso-footer-wrap .section_wrapper .wrap:nth-child(4){ margin-top:2rem; } footer .wso-footer-wrap .section_wrapper .wrap:nth-child(4) .mcb-wrap-inner{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; } .footer-copy-center #Footer .footer_copy .copyright{ font-size:.7rem; line-height:1.5em; margin-bottom: 0 !important; } #Header .secondary-menu > li.wso-menu-cart{ width: 3rem; height: 3rem; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-one{ display:none; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-two{ padding-left:0; width:100%; } .wso-search .facetwp-facet-textsuche input::-webkit-input-placeholder{ font-size: 1.7rem !important; } .wso-search .facetwp-facet-textsuche input::-moz-placeholder{ font-size: 1.7rem !important; } .wso-search .facetwp-facet-textsuche input:-ms-input-placeholder{ font-size: 1.7rem !important; } .wso-search .facetwp-facet-textsuche input::-ms-input-placeholder{ font-size: 1.7rem !important; } .tg-wso-search-skin .tg-element-1 .wso-search-wrap-two span, .wso-search .facetwp-facet-textsuche input, .wso-search .facetwp-facet-textsuche input::placeholder{ font-size: 1.7rem !important; } .wso-search .column_attr{ -ms-flex-wrap:wrap; flex-wrap:wrap; } .wso-search .wso-reset-button { width:100%; margin-top:1rem } .wso-search .facetwp-facet-textsuche { width:100%; } .wso-product-filter-wrap{ padding:0; } .wso-product-filter-wrap + .wrap, .wso-product-filter-wrap{ padding: 0 1rem; width: 100% !important; } .wso-product-filter-wrap { padding: 0 1rem 2rem; } .wso-section-product .one-second:nth-child(2), .wso-section-product .one-second:first-child { padding:0 ; } .wso-voucher-filter .column_attr > div, #Wrapper .wso-voucher-filter .facetwp-facet-produkt_personen .fs-wrap, #Wrapper .wso-voucher-filter .facetwp-facet-produkt_personen .fs-dropdown, #Wrapper .wso-voucher-filter .facetwp-facet-produkte_kategorie .fs-wrap, #Wrapper .wso-voucher-filter .facetwp-facet-produkte_kategorie .fs-dropdown, #Wrapper .facetwp-type-fselect .fs-wrap, #Wrapper .facetwp-type-fselect .fs-dropdown, #Wrapper .facetwp-sort .fs-wrap, #Wrapper .facetwp-sort .fs-dropdown{ width:100% !important; text-align:left; } #Wrapper .wso-voucher-filter .facetwp-facet-produkt_personen .fs-wrap .fs-label-wrap .fs-label, #Wrapper .wso-voucher-filter .facetwp-facet-produkte_kategorie .fs-wrap .fs-label-wrap .fs-label, #Wrapper .facetwp-type-fselect .fs-wrap .fs-label-wrap .fs-label, #Wrapper .facetwp-sort .fs-wrap .fs-label-wrap .fs-label{ width:100% !important; text-align:left; } .facetwp-facet .fs-label::after{ right: 1rem !important; } .wso-voucher-filter .column_attr > div, .facetwp-facet-motiv_filter{ padding:.5rem 0 .5rem 0 !important; margin-bottom:0 !important } .wso-wrap-content .wso-voucher-filter.column{ margin-bottom:0 !important; } } @media only screen and (max-width: 599px) { #Wrapper .wso-section-hero { padding: 5rem 0 7rem !important; } #Wrapper .wso-section-hero h1, #Wrapper .wso-section-hero h2, #Wrapper .tg-wso-slider-skin .tg-element-2 h2 { font-size: 2rem; } #Wrapper .wso-highlight-button { width: 8rem !important; height: 8rem !important; } #Wrapper .tg-wso-slider-skin .wso-highlight-button { top: -8.7rem; } .wso-highlight-button p { font-size: .5rem !important; } #Wrapper .wso-highlight-button p strong::after { width: 3rem; margin: .5rem auto; } body #Wrapper .wso-section-hero h1, body #Wrapper .wso-section-hero h2, body #Wrapper .tg-wso-slider-skin .tg-element-2 h2{ font-size: 3rem; } #Header .secondary-menu > li.wso-menu-cart{ width: 4rem; height: 4rem; } #Wrapper h1, #Wrapper .wso-h1, #Wrapper h2, #Wrapper .wso-h2, #Top_bar .mfn-megamenu-title, #Top_bar .wso-megamenu-text { font-size: 2.3rem; } } /*IE*/ select::-ms-expand { display: none; } [data-browser-name="IE"] .facetwp-sort::after { top:.8rem; } [data-browser-name="IE"] .wpmc-tabs-wrapper .wpmc-tabs-list::before { display:none; } [data-browser-name="IE"] .wpmc-tabs-wrapper .wpmc-tabs-list{ z-index:2; } [data-browser-name="IE"] .wpmc-tabs-wrapper::after { content:''; background:#fff; position:absolute; top: 5.1rem; width:100%; height:1px; z-index:1; } [data-browser-name="IE"] .product form .form-row input.input-text, [data-browser-name="IE"] .product form input[name="nyp"] { line-height:1rem !important; } /*FF*/ [data-browser-name="Firefox"] input[type=number]::-webkit-outer-spin-button, [data-browser-name="Firefox"] input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } [data-browser-name="Firefox"] input[type=number] { -moz-appearance:textfield; } /* Firmenkunden */ body:not(.wso-corporate-customer) .wso-hide-private, body.wso-corporate-customer .wso-hide-corporate { display:none !important; } /* ============================================ Section Product Grid ============================================ */ @media only screen and (min-width: 1024px) { .wso-section-product-grid .wrap.one { /*width: 75% !important;*/ margin: 0 auto !important; float: unset; } }