.elementor-kit-7{--e-global-color-primary:#FFF5D9;--e-global-color-secondary:#FFE9D9;--e-global-color-text:#050505;--e-global-color-accent:#FFFFFF;--e-global-color-bf9d4c5:#3C5C78;--e-global-color-c15bd4a:#FFE6EC;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-dc4b731-font-family:"ES Klarheit Kurrent";--e-global-typography-dc4b731-font-size:clamp(3rem, 1.3333rem + 5.5556vw, 8rem);--e-global-typography-dc4b731-line-height:0.9em;--e-global-typography-dc4b731-letter-spacing:-0.02em;--e-global-typography-2756a8a-font-family:"ES Klarheit Kurrent";--e-global-typography-2756a8a-font-size:clamp(2rem, 1rem + 3.3333vw, 5rem);--e-global-typography-2756a8a-line-height:0.95em;--e-global-typography-2756a8a-letter-spacing:-0.01em;--e-global-typography-771301c-font-family:"ES Klarheit Kurrent";--e-global-typography-771301c-font-size:clamp(1.6rem, 0.8rem + 2.6667vw, 4rem);--e-global-typography-771301c-line-height:1em;--e-global-typography-771301c-letter-spacing:-0.01em;--e-global-typography-5508bbf-font-family:"ES Klarheit Kurrent";--e-global-typography-5508bbf-font-size:clamp(1.4rem, 0.8667rem + 1.7778vw, 3rem);--e-global-typography-5508bbf-line-height:1em;--e-global-typography-5508bbf-letter-spacing:-0.01em;--e-global-typography-7d224be-font-family:"ES Klarheit Kurrent";--e-global-typography-7d224be-font-size:clamp(1.2rem, 0.9333rem + 0.8889vw, 2rem);--e-global-typography-7d224be-line-height:1.1em;--e-global-typography-7d224be-letter-spacing:-0.01em;--e-global-typography-0cef56e-font-family:"ES Klarheit Kurrent";--e-global-typography-0cef56e-font-size:clamp(1rem, 1rem + 0vw, 1rem);--e-global-typography-0cef56e-line-height:1.2em;--e-global-typography-a0d1426-font-family:"ES Klarheit Grotesk";--e-global-typography-a0d1426-font-size:2rem;--e-global-typography-a0d1426-font-weight:400;--e-global-typography-a0d1426-line-height:1.2em;--e-global-typography-dcd37d4-font-family:"ES Klarheit Grotesk";--e-global-typography-dcd37d4-font-size:1.2rem;--e-global-typography-dcd37d4-font-weight:400;--e-global-typography-dcd37d4-line-height:1.4em;--e-global-typography-6706be5-font-family:"ES Klarheit Grotesk";--e-global-typography-6706be5-font-size:1rem;--e-global-typography-6706be5-font-weight:400;--e-global-typography-6706be5-line-height:1.5em;color:var( --e-global-color-text );font-family:"ES Klarheit Grotesk", Sans-serif;font-size:1.5rem;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}body.e-wc-error-notice .woocommerce-error, body.e-wc-error-notice .wc-block-components-notice-banner.is-error{background-color:var( --e-global-color-c15bd4a );}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:var( --e-global-color-c15bd4a );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{background-color:var( --e-global-color-text );background-image:var( --e-global-color-text );font-family:var( --e-global-typography-6706be5-font-family ), Sans-serif;font-size:var( --e-global-typography-6706be5-font-size );font-weight:var( --e-global-typography-6706be5-font-weight );line-height:var( --e-global-typography-6706be5-line-height );}body.e-wc-message-notice .woocommerce-message .button:hover, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button:hover{background-color:var( --e-global-color-bf9d4c5 );background-image:var( --e-global-color-bf9d4c5 );}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:var( --e-global-color-c15bd4a );border-style:none;}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{background-color:var( --e-global-color-text );background-image:var( --e-global-color-text );font-family:var( --e-global-typography-6706be5-font-family ), Sans-serif;font-size:var( --e-global-typography-6706be5-font-size );font-weight:var( --e-global-typography-6706be5-font-weight );line-height:var( --e-global-typography-6706be5-line-height );}body.e-wc-info-notice .woocommerce-info .button:hover, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-info .woocommerce-Button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .wc-block-components-notice-banner.is-info .woocommerce-Button:hover{background-color:var( --e-global-color-bf9d4c5 );background-image:var( --e-global-color-bf9d4c5 );}.elementor-kit-7 a{font-family:"ES Klarheit Kurrent", Sans-serif;font-size:font-size: clamp(4.0625rem, 2.4038rem + 7.3718vw, 11.25rem);}.elementor-kit-7 h1{font-family:"ES Klarheit Kurrent", Sans-serif;font-size:clamp(2.5rem, 1.6923rem + 3.5897vw, 6rem);}.elementor-kit-7 h2{font-family:"ES Klarheit Kurrent", Sans-serif;font-size:clamp(1.875rem, 1.4423rem + 1.9231vw, 3.75rem);}.elementor-kit-7 h3{font-family:"ES Klarheit Kurrent", Sans-serif;font-size:clamp(1.5rem, 1.2692rem + 1.0256vw, 2.5rem);}.elementor-kit-7 h4{font-family:"ES Klarheit Kurrent", Sans-serif;font-size:clamp(1.25rem, 1.0337rem + 0.9615vw, 2.1875rem);}.elementor-kit-7 h5{font-family:"ES Klarheit Kurrent", Sans-serif;font-size:clamp(1.125rem, 0.9519rem + 0.7692vw, 1.875rem);}.elementor-kit-7 h6{font-family:"ES Klarheit Kurrent", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{--error-message-text-color:var( --e-global-color-text );font-family:var( --e-global-typography-6706be5-font-family ), Sans-serif;font-size:var( --e-global-typography-6706be5-font-size );font-weight:var( --e-global-typography-6706be5-font-weight );line-height:var( --e-global-typography-6706be5-line-height );--error-message-icon-color:var( --e-global-color-text );--error-message-normal-links-color:var( --e-global-color-bf9d4c5 );}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-family:var( --e-global-typography-6706be5-font-family ), Sans-serif;font-size:var( --e-global-typography-6706be5-font-size );font-weight:var( --e-global-typography-6706be5-font-weight );line-height:var( --e-global-typography-6706be5-line-height );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:var( --e-global-color-text );font-family:var( --e-global-typography-6706be5-font-family ), Sans-serif;font-size:var( --e-global-typography-6706be5-font-size );font-weight:var( --e-global-typography-6706be5-font-weight );line-height:var( --e-global-typography-6706be5-line-height );--message-message-icon-color:var( --e-global-color-text );--message-buttons-normal-text-color:var( --e-global-color-accent );--message-buttons-hover-text-color:var( --e-global-color-accent );--message-border-type:none;}.e-wc-message-notice .woocommerce-message .restore-item, .e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, .e-wc-message-notice .woocommerce-message a:not([class]), .e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){--notice-message-normal-links-color:var( --e-global-color-bf9d4c5 );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:var( --e-global-color-text );font-family:var( --e-global-typography-6706be5-font-family ), Sans-serif;font-size:var( --e-global-typography-6706be5-font-size );font-weight:var( --e-global-typography-6706be5-font-weight );line-height:var( --e-global-typography-6706be5-line-height );--info-message-icon-color:var( --e-global-color-text );--info-buttons-normal-text-color:var( --e-global-color-accent );--info-buttons-hover-text-color:var( --e-global-color-accent );--info-border-type:none;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1440px){.elementor-kit-7{--e-global-typography-a0d1426-font-size:1.8rem;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-a0d1426-font-size:1.6rem;--e-global-typography-dcd37d4-font-size:1.1rem;--e-global-typography-6706be5-font-size:0.9rem;font-size:1.25rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-a0d1426-font-size:1.2rem;--e-global-typography-dcd37d4-font-size:1rem;--e-global-typography-6706be5-font-size:0.8rem;font-size:1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:var( --e-global-typography-6706be5-font-size );line-height:var( --e-global-typography-6706be5-line-height );}}/* Start custom CSS *//* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */ @keyframes fadeDown { from { opacity: 0; transform: translate3d(0,-30px,0) } to { opacity: 1; transform: none } } .elementor-element.fadeInDown { animation-name: fadeDown } @keyframes fadeLeft { from { opacity: 0; transform: translate3d(-30px,0,0) } to { opacity: 1; transform: none } } .elementor-element.fadeInLeft { animation-name: fadeLeft } @keyframes fadeRight { from { opacity: 0; transform: translate3d(30px,0,0) } to { opacity: 1; transform: none } } .elementor-element.fadeInRight { animation-name: fadeRight } @keyframes fadeUp { from { opacity: 0; transform: translate3d(0,30px,0) } to { opacity: 1; transform: none } } .elementor-element.fadeInUp { animation-name: fadeUp } /* Reveal on scroll animation */ @supports (-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0)) or (clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0)) { .element-scroll-reveal-top>.elementor-motion-effects-element { -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% * var(--scale)), 0 calc(100% * var(--scale))); clip-path: polygon(0 0, 100% 0, 100% calc(100% * var(--scale)), 0 calc(100% * var(--scale))); } .element-scroll-reveal-bottom>.elementor-motion-effects-element { -webkit-clip-path: polygon(0 calc(100% * (1 - var(--scale))), 100% calc(100% * (1 - var(--scale))), 100% 100%, 0 100%); clip-path: polygon(0 calc(100% * (1 - var(--scale))), 100% calc(100% * (1 - var(--scale))), 100% 100%, 0 100%); } .element-scroll-reveal-left>.elementor-motion-effects-element { -webkit-clip-path: polygon(0 0, calc(100% * var(--scale)) 0, calc(100% * var(--scale)) 100%, 0 100%); clip-path: polygon(0 0, calc(100% * var(--scale)) 0, calc(100% * var(--scale)) 100%, 0 100%); } .element-scroll-reveal-right>.elementor-motion-effects-element { -webkit-clip-path: polygon(calc(100% * (1 - var(--scale))) 0, 100% 0, 100% 100%, calc(100% * (1 - var(--scale))) 100%); clip-path: polygon(calc(100% * (1 - var(--scale))) 0, 100% 0, 100% 100%, calc(100% * (1 - var(--scale))) 100%); } } /* Disable the default Elementor animation, don't change */ :is(.element-scroll-reveal-top, .element-scroll-reveal-bottom, .element-scroll-reveal-left, .element-scroll-reveal-right) .elementor-motion-effects-element { transform: none !important; } /* Text Links */ p a { color: #000000; text-decoration: underline; /* optional, für eine Unterstreichung */ } p a:hover { color: #3C5C78; } /* Button Style */ .lobutton .elementor-button-icon { transition: all 0.2s ease-in-out; transform: translateX(0); } .lobutton .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } .lobutton .elementor-button-icon svg { transform: scale(1); } .kobutton .elementor-button-content-wrapper { min-width: 1em; text-align: left; } /* Text Reveal Adjustment*/ .textLineReveal .elementor-heading-title .line { overflow: hidden; padding-bottom: .18em; /* Platz für Unterlängen */ } /* Warenkorb anzeigen Nachricht */ .woocommerce a.added_to_cart { background-color: #000000; color: #ffffff; border: 0px; padding: 8px; font-size: 0.8rem; } /* Gravity Forms Style */ .gform_wrapper.gravity-theme .ginput_product_price, .gform_wrapper.gravity-theme .ginput_shipping_price { color: #000000 !important; font-size: 1.5rem !important; } .gform_legacy_markup_wrapper input#gf_coupon_button.button, .gravity-theme input#gf_coupon_button.button { color: #000000; border: 1px solid #000000; margin: 8px; } .gform_legacy_markup_wrapper input#gf_coupon_button.button, .gravity-theme input#gf_coupon_button.button:hover { color: #ffffff; background-color: #000000; border: 1px solid #000000; margin: 8px; } /* Checkbox Style */ input[type="checkbox"] { box-sizing: border-box; width: 20px; height: 20px; margin: 6px; padding-bottom: -10px; border: 2px solid var(--checkbox-border-color); background-color: transparent; outline: none; transition: outline 0.1s; } label { padding-bottom: 8px; } /* Gravity Forms Links */ .gfield_description a { color: #000000; text-decoration: underline; /* optional, für eine Unterstreichung */ } .gfield_description a:hover { color: #3C5C78; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'ES Klarheit Kurrent'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://stage.lokeramik.ch/wp-content/uploads/ESKlarheitKurrent-Bd.woff2') format('woff2'), url('https://stage.lokeramik.ch/wp-content/uploads/ESKlarheitKurrent-Bd.woff') format('woff'); } @font-face { font-family: 'ES Klarheit Kurrent'; font-style: italic; font-weight: bold; font-display: auto; src: url('https://stage.lokeramik.ch/wp-content/uploads/ESKlarheitKurrent-BdIt.woff2') format('woff2'), url('https://stage.lokeramik.ch/wp-content/uploads/ESKlarheitKurrent-BdIt.woff') format('woff'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'ES Klarheit Grotesk'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://stage.lokeramik.ch/wp-content/uploads/ESKlarheitGrotesk-Rg.woff2') format('woff2'), url('https://stage.lokeramik.ch/wp-content/uploads/ESKlarheitGrotesk-Rg.woff') format('woff'); } @font-face { font-family: 'ES Klarheit Grotesk'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://stage.lokeramik.ch/wp-content/uploads/ESKlarheitGrotesk-It.woff2') format('woff2'), url('https://stage.lokeramik.ch/wp-content/uploads/ESKlarheitGrotesk-It.woff') format('woff'); } /* End Custom Fonts CSS */