@charset "utf-8"; .woocommerce-cart .cart_totals:has(.blockUI),.woocommerce-cart .woocommerce-cart-form:has(.blockUI),.woocommerce-checkout-review-order:has(.blockUI),.woocommerce-mini-cart-item:has(.blockUI){opacity:.5}.woocommerce-cart .cart_totals .blockUI.blockOverlay,.woocommerce-cart .woocommerce-cart-form .blockUI.blockOverlay,.woocommerce-checkout-review-order .blockUI.blockOverlay,.woocommerce-mini-cart-item .blockUI.blockOverlay{background-color:transparent!important;opacity:.5!important}.woocommerce-cart .cart_totals .blockUI.blockOverlay:before,.woocommerce-cart .woocommerce-cart-form .blockUI.blockOverlay:before,.woocommerce-checkout-review-order .blockUI.blockOverlay:before,.woocommerce-mini-cart-item .blockUI.blockOverlay:before{animation:spin .6s linear infinite;border-bottom:3px solid rgba(0,0,0,.1)!important;border-left:3px solid var(--fs-color-primary);border-radius:50%;border-right:3px solid rgba(0,0,0,.1)!important;border-top:3px solid rgba(0,0,0,.1)!important;content:"";display:block;font-size:2em;height:30px;left:50%;line-height:1;margin-left:-.5em;margin-top:-.5em;pointer-events:none;position:absolute;text-align:center;top:50%;width:30px}.dark .woocommerce-cart .cart_totals .blockUI.blockOverlay:before,.dark .woocommerce-cart .woocommerce-cart-form .blockUI.blockOverlay:before,.dark .woocommerce-checkout-review-order .blockUI.blockOverlay:before,.dark .woocommerce-mini-cart-item .blockUI.blockOverlay:before{border:3px solid rgba(0,0,0,.1)!important;border-left-color:#fff!important}.product-summary .ux-product-brands{display:inline-flex;flex-wrap:wrap;gap:15px}.product-summary .ux-product-brands a:hover{opacity:.7}@media(min-width:1000px){.product-summary .ux-product-brands{flex-direction:column;float:right;margin-block:0;margin-inline-start:15px}.product-summary .ux-product-brands a{background-color:#fff;border:1px solid #e0e0e0;max-width:100px;min-height:70px;padding:5px;transition:border-color .2s ease-in-out}.product-summary .ux-product-brands a:hover{border-color:#969696;opacity:1}}.product-summary.text-center .ux-product-brands{justify-content:space-evenly}@media(min-width:1000px){.product-summary.text-center .ux-product-brands{align-items:center;flex-direction:row;float:none;margin-inline:0}.product-summary.text-center .ux-product-brands a{border:none}.product-summary.text-right .ux-product-brands{float:left;margin-inline-end:15px;margin-inline-start:0}}.brands_index{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:30px 0 0}.brands_index li{margin:0!important}.dark ul.brands_index li span{opacity:.3}.category-page-row{padding-top:30px}.price_slider_amount input{display:none}.woocommerce-result-count{display:inline-block;margin:0 1em 0 auto}.woocommerce-ordering,.woocommerce-ordering select{display:inline-block;margin:5px 0}.add_to_cart_button.added{display:none}a.added_to_cart{display:inline-block;font-size:.9em;font-weight:700;padding:10px 0;text-transform:uppercase}a.added_to_cart:after{content:" →"}.grid-style-3 .title-wrapper{flex:1;min-width:60%;overflow:hidden;padding-right:15px;text-overflow:ellipsis}.grid-style-3 .price-wrapper{text-align:right}.grid-style-3 .star-rating{margin:.2em 0;text-align:right}.grid-style-3 .price del{display:block}.grid-style-3 .price del span.amount{margin:0}.price-wrapper .review-count{margin-left:4px}.products .box-vertical .box-text{font-size:1.1em}.page-numbers.button.current{opacity:.6;pointer-events:none}.grid-tools{backface-visibility:hidden;display:flex;margin-bottom:-1px;padding:0!important;white-space:nowrap;width:100%}.grid-tools a{background-color:var(--fs-color-primary);color:#f1f1f1;display:block;font-size:.85em;font-weight:700;opacity:.95;padding:.4em 0 .5em;text-overflow:ellipsis;text-transform:uppercase;transition:opacity .3s;width:100%}.grid-tools a.quick-view:focus-visible{outline-offset:-4px}.grid-tools a+a{border-left:1px solid hsla(0,0%,100%,.1)}.grid-tools a:hover{color:#fff;opacity:1}.grid-tools .add-to-cart-grid{width:0}@media(max-width:849px){.category-filter-row{padding:10px 0}}.filter-button{display:inline-block;margin-top:.5em}.box-image .out-of-stock-label{background:#fff;background:hsla(0,0%,100%,.9);color:#333;font-weight:700;left:0;opacity:.9;padding:20px 0;position:absolute;right:0;text-align:center;text-transform:uppercase;top:40%}.featured-title .woocommerce-result-count{display:none}.widget_product_categories>ul>li{align-items:center;display:flex;flex-flow:row wrap}.widget_product_categories>ul>li span{font-size:.85em;opacity:.4}.widget_product_categories>ul>li ul span.count{display:none}.message-wrapper+.login{background-color:rgba(0,0,0,.03);padding:30px}.woocommerce-form-login .button{margin-bottom:0}.woocommerce-billing-fields{border-top:2px solid #ddd;padding-top:15px}.woocommerce-billing-fields p{margin-bottom:.5em}form.checkout h3{font-size:1.1em;font-weight:bolder;overflow:hidden;padding-top:10px;text-transform:uppercase}form.checkout input[type=checkbox]{margin-bottom:0;margin-right:.5em;margin-top:0}.payment_methods li+li{border-top:1px solid #ececec;padding-top:7px}.payment_methods p{font-size:.9em}.payment_method_paypal img{margin:0 10px;max-width:130px}a.about_paypal{font-size:.8em}.woocommerce-privacy-policy-text{font-size:85%}.form-row-wide{clear:both}.form-row-push{margin-top:-15px}@media(min-width:550px){.form-row-first,.form-row-last{float:left;width:48%}.form-row-first{margin-right:4%}}button#place_order{font-size:1.2em;line-height:1.2;margin-right:0;padding-bottom:.5em;padding-top:.5em;white-space:normal;width:100%}#ship-to-different-address{padding-top:0}#ship-to-different-address label{font-weight:400;text-transform:none}#billing_address_2_field>label,#shipping_address_2_field>label{opacity:0;overflow:hidden;white-space:nowrap;width:0}@media(max-width:549px){#billing_address_2_field>label,#shipping_address_2_field>label{display:none}}.wc-terms-and-conditions{border-top:1px solid #ececec;margin-top:-15px;padding:15px 0}.wc-terms-and-conditions input{margin-bottom:0}.wc-terms-and-conditions label{font-weight:400}div.create-account{clear:both}.form-row.create-account{font-size:1.1em;margin:0}.form-row.create-account label{font-weight:400}.page-checkout-simple{padding:3% 0}@media(max-width:849px){.page-checkout-simple .medium-text-center #logo{margin:0 auto}}.js_active .woocommerce-account-fields p.create-account+div.create-account,.js_active .woocommerce-shipping-fields #ship-to-different-address+div.shipping_address{display:none}.widget_price_filter form{margin:0}.widget_price_filter .price_slider{background:#f1f1f1;margin-bottom:1em}.widget_price_filter .price_label{padding-top:6px}.widget_price_filter span{font-weight:700}.widget_price_filter .price_slider_amount{font-size:.8751em;line-height:1;text-align:right}.widget_price_filter .price_slider_amount .button{background-color:#666;border-radius:99px;float:left;font-size:.85em}.widget_price_filter .ui-slider{position:relative;text-align:left}.widget_price_filter .ui-slider .ui-slider-handle{background-color:#666;border-radius:999px;cursor:pointer;height:15px;outline:none;position:absolute;top:-5px;width:15px;z-index:2}.widget_price_filter .ui-slider .ui-slider-handle:last-child{margin-left:-10px}.widget_price_filter .ui-slider .ui-slider-range{background-color:#666;border:0;border-radius:99px;display:block;font-size:10px;opacity:.5;position:absolute;z-index:1}.widget_price_filter .ui-slider-horizontal{border-radius:99px;height:5px}.widget_price_filter .ui-slider-horizontal .ui-slider-range{height:100%;top:0}.widget_price_filter .ui-slider-horizontal .ui-slider-range-min{left:-1px}.widget_price_filter .ui-slider-horizontal .ui-slider-range-max{right:-1px}.widget li.chosen a:before{color:currentColor;content:"x";display:inline-block;margin-right:5px;opacity:.6;position:relative;top:-2px}.wc-layered-nav-term.chosen>a:before{background-color:#f1f1f1;border:1px solid rgba(0,0,0,.1);border-radius:99px;height:18px;line-height:12px;text-align:center;width:18px}.dark .wc-layered-nav-term.chosen>a:before{background-color:rgba(0,0,0,.5)}.widget_layered_nav_filters ul li.chosen{border:0!important;display:inline-block;margin-right:10px}.widget_layered_nav_filters ul li.chosen a{background-color:#f1f1f1;border:1px solid rgba(0,0,0,.1);border-radius:99px;display:inline-block;font-size:.85em;font-weight:400;opacity:.9;padding:0 7px}.dark .widget_layered_nav_filters ul li.chosen a{background-color:rgba(0,0,0,.5);color:#fff}.widget_layered_nav_filters ul li.chosen a:before{content:"x";margin-right:3px;opacity:.4;position:relative;top:-1px}.widget_layered_nav_filters ul li.chosen a:hover:before{opacity:1}.woocommerce-product-gallery .woocommerce-product-gallery__wrapper{margin:0}.message-wrapper{margin:0;padding-bottom:.5em}#wrapper>.message-wrapper{font-size:1.1em;margin-bottom:10px;outline:0;padding-bottom:.75em;padding-top:.75em}ul.message-wrapper li{list-style:none}.message-container span{font-weight:700}.message-container .wc-forward{display:none}.message-container a{margin:0 15px 0 0}.container .message-container{padding-left:0;padding-right:0}.message-wrapper+main .product-main{padding-top:0}.demo_store{background-color:#000;color:#fff;margin:0;padding:5px;text-align:center}#wrapper>.has-transparent~.message-wrapper{background-color:#fff;box-shadow:1px 1px 10px 1px rgba(0,0,0,.1);left:50%;max-width:800px;padding:20px 25px;position:fixed;top:calc(var(--flatsome-scroll-padding-top) + 30px);transform:translate(-50%);transition:top .6s;width:80vw;z-index:1002}#wrapper>.has-transparent.transparent~.message-wrapper{top:150px}.form-row input[type=submit]{margin:0}.form-row input[type=submit]+label{margin-left:15px}.my-account-header.featured-title .page-title-inner{min-height:100px}.my-account-header .button{margin-bottom:5px;margin-top:5px}.woocommerce-form-register .woocommerce-privacy-policy-text{margin-bottom:1.5em}form.lost_reset_password{padding:30px 0}.dashboard-links{display:flex;flex-wrap:wrap;font-size:1.3em;line-height:1;list-style:none}.dashboard-links a{border:1px solid #ddd;border-radius:5px;display:block;margin-right:10px;padding:20px 0;text-align:center;transition:all .3s}.dashboard-links .active{display:none}.dashboard-links a:hover{background-color:#333;color:#fff}.dashboard-links li{width:33.333%}@media(max-width:849px){.dashboard-links li{width:50%}}@media(max-width:549px){.dashboard-links li{width:100%}}@media(max-width:849px){.account-container:has(.woocommerce-form-register)>.row>.col-1{border-bottom:1px solid #ececec;margin-bottom:30px;padding-bottom:30px!important}}.password-input{display:block;position:relative}.password-input input:focus~.show-password-input,.password-input:hover .show-password-input{visibility:visible}.woocommerce-EditAccountForm input[type=password],.woocommerce-form input[type=password]{padding:0 2em 0 .75em}.show-password-input{cursor:pointer;line-height:1.35;padding:.618em;position:absolute;right:0;top:0;visibility:hidden}.show-password-input:after{content:"";font-family:fl-icons}.show-password-input.display-password:after{content:"";font-family:fl-icons}#login-form-popup .woocommerce-notices-wrapper:not(:empty){padding:20px 20px 0}#login-form-popup .woocommerce-form{margin-bottom:0}#login-form-popup:not(:has(.account-register-inner)){max-width:440px}#login-form-popup .account-container.lightbox-inner>.account-login-inner{padding-left:15px;padding-right:15px}.price{line-height:1}.product-info .price{font-size:1.5em;font-weight:bolder;margin:.5em 0}.woocommerce-variation-price{border-top:1px dashed #ddd;font-size:.8em;padding:7.5px 0}.price-wrapper .price{display:block}span.amount{color:#111;font-weight:700;white-space:nowrap}.dark .price,.dark .price del,.dark span.amount{color:#fff}.header-cart-title span.amount{color:currentColor}del span.amount{font-weight:400;margin-right:.3em;opacity:.6}.no-prices .amount{display:none!important}ul.product_list_widget li{line-height:1.33;list-style:none;margin-bottom:0;min-height:80px;overflow:hidden;padding:10px 0 5px 75px;position:relative;vertical-align:top}ul.product_list_widget li+li{border-top:1px solid #ececec}.dark ul.product_list_widget li{border-color:hsla(0,0%,100%,.2)}.widget_shopping_cart ul.product_list_widget li{padding-right:30px}ul.product_list_widget li>span.reviewer{font-size:.8em}ul.product_list_widget li a:not(.remove){display:block;line-height:1.3;margin-bottom:5px;overflow:hidden;padding:0;text-overflow:ellipsis}ul.product_list_widget li a.remove{position:absolute;right:0}ul.product_list_widget li dl{font-size:.8em;margin:0}ul.product_list_widget li img{height:60px;left:0;margin-bottom:5px;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;position:absolute;top:10px;width:60px}ul.product_list_widget li .quantity{display:block;font-size:.85em;margin-top:3px;opacity:.6}ul.product_list_widget li .quantity.buttons_added{display:flex}.product-main{padding:40px 0}.page-title:not(.featured-title)+main .product-main{padding-top:15px}.product-info{padding-top:10px}.product-summary .woocommerce-Price-currencySymbol{display:inline-block;font-size:.75em;vertical-align:top}.product-summary .variations_button{padding:.5em 0}.product-summary table tr+tr{border-top:1px dashed #ddd}form.cart a.added_to_cart.wc-forward{display:none}.woocommerce-variation-add-to-cart,form.cart{display:flex;flex-wrap:wrap;gap:1em;width:100%}.woocommerce-variation-add-to-cart>*,form.cart>*{flex:1 1 100%;margin:0}.woocommerce-variation-add-to-cart :where(.ux-quantity,.single_add_to_cart_button,.ux-buy-now-button),form.cart :where(.ux-quantity,.single_add_to_cart_button,.ux-buy-now-button){flex:0 0 auto}.text-center .woocommerce-variation-add-to-cart,.text-center form.cart{justify-content:center}.text-right .woocommerce-variation-add-to-cart,.text-right form.cart{justify-content:end}.product_meta{font-size:.8em;margin-bottom:1em}.product_meta>span{border-top:1px dotted #ddd;display:block;padding:5px 0}.product-info p.stock{font-size:.8em;font-weight:700;line-height:1.3;margin-bottom:1em}p.in-stock{color:var(--fs-color-success)}.group_table .quantity{margin:0}.group_table .price{font-size:1em}.group_table .label label{margin:0;padding:0}.product-gallery,.product-thumbnails .col{padding-bottom:0!important}.product-gallery-slider img,.product-thumbnails img{width:100%}.product-gallery-slider .woocommerce-product-gallery__image a:focus-visible{outline:none!important}.product-gallery-wide{position:relative}@media screen and (min-width:850px){.product-gallery-stacked{overflow:auto!important;white-space:normal!important;width:auto!important}.product-gallery-stacked .flickity-slider,.product-gallery-stacked .flickity-viewport{height:auto!important}.product-gallery-stacked .flickity-slider,.product-gallery-stacked .slide{left:0!important;position:relative!important;right:0!important;transform:none!important}.product-gallery-stacked .slide{overflow:hidden}.product-gallery-stacked .slide:not(:last-child){margin-bottom:1.5em}.product-gallery-stacked.product-gallery-grid-layout .flickity-slider,.product-gallery-stacked.product-gallery-grid-layout:not(.flickity-enabled){display:grid;gap:10px}.product-gallery-stacked.product-gallery-grid-layout .flickity-slider .slide,.product-gallery-stacked.product-gallery-grid-layout:not(.flickity-enabled) .slide{margin-bottom:0!important}.product-gallery-stacked.product-gallery-grid-layout--1-2 .flickity-slider,.product-gallery-stacked.product-gallery-grid-layout--1-2:not(.flickity-enabled){grid-template-columns:repeat(2,1fr)}.product-gallery-stacked.product-gallery-grid-layout--1-2 .flickity-slider .slide:first-child,.product-gallery-stacked.product-gallery-grid-layout--1-2:not(.flickity-enabled) .slide:first-child{grid-column:1/3}.product-gallery-stacked.product-gallery-grid-layout--2 .flickity-slider,.product-gallery-stacked.product-gallery-grid-layout--2:not(.flickity-enabled){grid-template-columns:repeat(2,1fr)}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:first-child{grid-column:span 6;order:4}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(2){grid-column:span 2;order:1}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(3){grid-column:span 2;order:2}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(4){grid-column:span 2;order:3}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(n+5){grid-column:span 3;order:5}.product-stacked-info{padding:5vh 5% 2vh}}.product-thumbnails{padding-top:0}.product-thumbnails a{background-color:#fff;border:1px solid transparent;display:block;overflow:hidden;transform:translateY(0)}.product-thumbnails .is-nav-selected a,.product-thumbnails a:hover{border-color:rgba(0,0,0,.2)}.product-thumbnails img{backface-visibility:hidden;margin-bottom:-5px;opacity:.5;transition:transform .6s,opacity .6s}.product-thumbnails .is-nav-selected a img,.product-thumbnails a:hover img{border-color:rgba(0,0,0,.3);opacity:1;transform:translateY(-5px)}.vertical-thumbnails .row-slider:not(.flickity-enabled){opacity:0}@media screen and (min-width:850px){.vertical-thumbnails{overflow-x:hidden;overflow-y:auto}.vertical-thumbnails .col{left:0!important;margin-left:1px;max-width:100%!important;min-height:0!important;padding:0 0 15px!important;position:relative!important;right:0!important;width:95%!important}.vertical-thumbnails .flickity-slider,.vertical-thumbnails .flickity-viewport{height:auto!important;overflow:visible!important;transform:none!important}}.product-footer .woocommerce-tabs{border-top:1px solid #ececec;padding:30px 0}.product-footer .woocommerce-tabs>.nav-line-grow,.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical){margin-top:-31px}#product-sidebar .next-prev-thumbs{margin:0 0 3em}.mfp-content #product-sidebar{display:block!important}.mfp-content #product-sidebar:where(:not(:has(>.sidebar-inner))){padding:30px 20px}.mfp-content #product-sidebar:where(:has(>.sidebar-inner)){padding:0}.product-sidebar-small{font-size:.9em}.product-sidebar-small .widget-title{text-align:center}.product-sidebar-small .is-divider{margin-left:auto;margin-right:auto}.product-sidebar-small ul.product_list_widget li{padding-left:60px}.product-sidebar-small ul.product_list_widget li img{height:50px;width:50px}.product-section{border-top:1px solid #ececec}.easyzoom-notice{display:none}.easyzoom-flyout{animation-delay:1s;animation:stuckFadeIn .6s;background:#fff;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:opacity 1s;width:100%;z-index:1}@media(max-width:849px){.easyzoom-flyout{display:none!important}}.product-gallery-slider .slide .easyzoom-flyout img{max-width:1000px!important;width:1000px!important}.woocommerce-product-gallery__trigger{display:none}.product-info .composite_form .composite_navigation .page_button{font-size:1em;font-weight:400;line-height:1.2}.woocommerce-pagination ul.links li{margin-left:inherit}.has-sticky-product-cart{padding-bottom:60px}.has-sticky-product-cart .back-to-top.active{bottom:10px}.sticky-add-to-cart__product{align-items:center;display:none;padding:3px}.sticky-add-to-cart__product .product-title-small{line-height:1;margin-right:1em;max-width:180px}.sticky-add-to-cart__product .sticky-add-to-cart-img{border-radius:5px;height:45px;margin-right:1em;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:45px}.sticky-add-to-cart--active{align-items:center;animation:stuckMoveUp .6s;background-color:hsla(0,0%,100%,.9);border-top:1px solid #ddd;bottom:0;display:flex;flex-wrap:wrap;font-size:.9em;justify-content:center;left:0;padding:3px;position:fixed;right:0;z-index:20}.sticky-add-to-cart--active .variations,.sticky-add-to-cart--active .woocommerce-variation-description{display:none}.sticky-add-to-cart--active .single_variation_wrap,.sticky-add-to-cart--active .woocommerce-variation-add-to-cart{align-items:center;display:flex;flex-wrap:no-wrap}.sticky-add-to-cart--active .product-page-price,.sticky-add-to-cart--active .stock,.sticky-add-to-cart--active .woocommerce-variation-price{border:0;font-size:15px;margin-bottom:0;margin-right:.9em;margin-top:0;padding:0}.sticky-add-to-cart--active .stock{font-size:.8em;font-weight:700}.sticky-add-to-cart--active .quantity,.sticky-add-to-cart--active button,.sticky-add-to-cart--active form{margin-bottom:0}.sticky-add-to-cart--active .sticky-add-to-cart__product{display:flex}@media(max-width:550px){.sticky-add-to-cart--active{font-size:.8em}.sticky-add-to-cart--active .stock{display:none}}.flex-viewport{cursor:pointer;max-height:2000px;transition:all 1s ease}.flex-viewport a{display:block}.flex-viewport img{width:100%}.flex-control-thumbs{display:flex;flex-wrap:wrap;margin:10px -5px 0}.flex-control-thumbs li{cursor:pointer;list-style:none;padding:0 5px;width:25%}.flex-control-thumbs li img{opacity:.6}.flex-control-thumbs li img.flex-active{opacity:1}.quantity,.text-center .quantity{display:inline-flex;opacity:1;vertical-align:top;white-space:nowrap}.quantity .button.minus{border-bottom-right-radius:0!important;border-right:0!important;border-top-right-radius:0!important}.quantity .button.plus{border-bottom-left-radius:0!important;border-left:0!important;border-top-left-radius:0!important}.quantity .minus,.quantity .plus{padding-left:.4em;padding-right:.4em}.quantity input{display:inline-block;margin:0;padding-left:0;padding-right:0;vertical-align:top}.quantity input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border-radius:0!important;font-size:1em;max-width:2.5em;text-align:center;width:2.5em}@media(max-width:549px){.quantity input[type=number]{width:2em}}.quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.box-text .ux-quantity{margin-top:1em}.box-text .ux-quantity__button{margin-top:0}.ux-free-shipping{display:grid;gap:10px}.nav-dropdown .ux-free-shipping{min-width:300px}.ux-free-shipping__bar{background:#ddd;border-radius:5px;height:8px}.ux-free-shipping__bar--striped{background-image:linear-gradient(135deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:30px 30px}.ux-free-shipping__bar-progress{background:var(--fs-color-primary);border-radius:5px;display:block;height:8px}.widget_shopping_cart_content .ux-free-shipping{margin-bottom:10px}.woocommerce-cart .ux-free-shipping{padding-bottom:30px}.woocommerce-checkout .ux-free-shipping{padding:30px 0}.cart-icon,.cart-icon strong{display:inline-block}.cart-icon strong{border:2px solid var(--fs-color-primary);border-radius:0;color:var(--fs-color-primary);font-family:Helvetica,Arial,Sans-serif;font-size:1em;font-weight:700;height:2.2em;line-height:1.9em;margin:.3em 0;position:relative;text-align:center;vertical-align:middle;width:2.2em}.cart-icon strong:after{border:2px solid var(--fs-color-primary);border-bottom:0;border-top-left-radius:99px;border-top-right-radius:99px;bottom:100%;content:" ";height:8px;left:50%;margin-bottom:0;margin-left:-7px;pointer-events:none;position:absolute;transition:height .1s ease-out;width:14px}.cart-icon:hover strong,.current-dropdown .cart-icon strong{background-color:var(--fs-color-primary);color:#fff}.cart-icon:hover strong:after,.current-dropdown .cart-icon strong:after{height:10px}.nav-small .cart-icon{font-size:.66em}.nav-dark .cart-icon strong{border-color:#fff;color:#fff}.nav-dark .cart-icon:hover strong,.nav-dark .current-dropdown .cart-icon strong{background-color:#fff;color:var(--fs-color-primary)}.nav-dark .cart-icon strong:after{border-color:#fff}.woocommerce-mini-cart__empty-message{text-align:center}.loading .cart-icon strong,.loading .cart-icon strong:after{border-color:var(--fs-color-success);color:var(--fs-color-success)}.loading .cart-icon:hover strong{background-color:var(--fs-color-success);color:#fff}.header-cart-icon{position:relative}.header-cart-icon img[width="1"][height="1"]{width:32px}.cart-popup-title>span{display:block;font-size:1.125em}.cross-sells h2{font-size:1.2em;margin-bottom:1em}.checkout ul li,.shop_table ul li{list-style:none;margin:0}.shop_table .quantity{margin:0}td.product-thumbnail{max-width:90px;min-width:60px;width:90px}td.product-remove{padding:0;width:20px}.shop_table tfoot th{font-size:85%;letter-spacing:0;text-transform:inherit}.cart_totals tbody tr td,.shop_table tfoot tr td,.shop_table thead tr th:last-of-type,.shop_table tr td:last-of-type,td.product-total{text-align:right}.shop_table .order-total td,.shop_table .order-total th,.shop_table thead th{border-width:3px}.shop_table th:last-child{border-right:0}.shop_table .cart_item td{padding-bottom:15px;padding-top:15px}.shop_table .actions{border:0;padding:30px 0 15px}.shop_table .submit-col{padding-left:30px}@media(max-width:849px){.shop_table{font-size:.9em}.shop_table tr.shipping th{width:50%}.shop_table .product-name{min-width:80px}.shop_table .product-remove{position:relative;width:0}.shop_table .product-remove a{font-size:18px!important;height:24px;left:0;line-height:18px!important;position:absolute;top:10px;width:24px}.shop_table .mobile-product-price{margin:.5em 0}}@media(max-width:549px){.shop_table .product-price,.shop_table .product-subtotal{display:none}.product-quantity{text-align:right}.cross-sells{overflow:hidden}}.cart_totals tbody th{font-size:.9em;font-weight:400;letter-spacing:0;text-transform:inherit}.cart_totals>h2{display:none}.cart_totals .button{display:block;margin-right:0;min-width:100%}.cart_totals th.product-name{border-width:3px}.cart_totals .wc-proceed-to-checkout{margin:1.5em 0}.shipping__table{margin:0}.shipping__inner{border:0;font-size:1em;padding:0}.shipping__list{margin-bottom:0}.shipping__list_item{align-items:center;display:flex;min-height:2em}.shipping__list_label{flex:1;font-weight:400;margin:0;opacity:.8;padding:.5em 0}.shipping.shipping--boxed .shipping__list{padding:0}.shipping.shipping--boxed .shipping__list_item{background-color:rgba(0,0,0,.01);border:1px solid rgba(0,0,0,.1);border-radius:3px;margin-bottom:5px;min-height:2.4em;padding:.3em .6em}.shipping__table--multiple{display:block;text-align:left}.shipping__table--multiple tbody,.shipping__table--multiple td,.shipping__table--multiple th,.shipping__table--multiple tr{display:block;padding-left:0;text-align:left}.shipping__table--multiple th{border:0}.shipping__table--multiple .shipping__list{padding:0 .2em}.shipping__table--multiple .shipping__list_label,.shipping__table--multiple .woocommerce-shipping-calculator,.shipping__table--multiple .woocommerce-shipping-destination{text-align:left}tr.shipping input:checked+label,tr.shipping input:hover+label,tr.shipping label:hover{opacity:1}tr.shipping input:checked+label{font-weight:700}tr.shipping input{margin-bottom:0;margin-top:-2px}tr.shipping span.amount{margin-left:.2em}.woocommerce-shipping-calculator{margin-bottom:0;margin-top:.5em}.shipping-calculator-button,.woocommerce-shipping-destination{font-size:.9em}.shipping-calculator-form{background-color:rgba(0,0,0,.03);border-radius:5px;margin-top:5px;padding:15px 15px 10px}.cart-discount{background-color:rgba(var(--fs-color-success),.2);font-size:.85em}.cart-discount td,.cart-discount th{padding:10px 5px}.cart-sidebar .widget-title{border-bottom:3px solid #ececec;font-size:.95em;margin-bottom:15px;padding-bottom:10px}.woocommerce-cart-form .coupon{font-size:1rem}.woocommerce-cart-form .coupon .widget-title{font-size:.95em;margin-bottom:15px}.woocommerce-cart-form .coupon input{margin:0}.woocommerce-cart-form .coupon .button{margin:0;padding-inline:15px!important}.widget_shopping_cart .woocommerce-mini-cart__buttons .button{margin:.5em 0 0;width:100%}.widget_shopping_cart li.empty{margin:0;min-height:0;padding:0 10px!important;text-align:center}.widget_shopping_cart p.total{border-bottom:2px solid #ececec;border-top:1px solid #ececec;margin-bottom:.5em;padding:10px 0;text-align:center}.dark .widget_shopping_cart p.total{border-color:hsla(0,0%,100%,.2)}.nav-dropdown .product_list_widget{-webkit-overflow-scrolling:touch;max-height:500px;max-height:50vh;overflow-y:auto}.woocommerce-mini-cart-item .variation{margin-bottom:10px}.woocommerce-mini-cart-item .ux-mini-cart-qty{margin-right:-30px;margin-top:3px}.woocommerce-mini-cart__total{display:flex;gap:15px;justify-content:space-between}.nav-dropdown ul.woocommerce-mini-cart{margin-bottom:10px}.nav-dropdown ul.woocommerce-mini-cart .price-wrapper{font-size:.85em;opacity:.6}.cart-popup-inner{display:flex;flex-direction:column;padding-bottom:0}.cart-popup-inner>:last-child{margin-bottom:30px}.cart-popup-inner .widget_shopping_cart{margin-bottom:0}.cart-popup-inner .widget_shopping_cart,.cart-popup-inner .widget_shopping_cart_content{display:flex;flex:1;flex-direction:column}.cart-popup-inner .widget_shopping_cart_content .price-wrapper{font-size:.85em;opacity:.6}.cart-popup-inner .woocommerce-mini-cart{display:flex;flex:1;flex-direction:column;margin-bottom:30px}.cart-popup-inner .woocommerce-mini-cart__buttons:last-child{margin-bottom:0}@media(min-height:500px){.cart-popup-inner--sticky{min-height:calc(100vh - var(--wp-admin--admin-bar--height, 0px))}.cart-popup-inner--sticky .ux-mini-cart-footer{background-color:#fff;border-top:1px solid #f1f1f1;bottom:0;position:sticky}.cart-popup-inner--sticky .ux-mini-cart-footer .woocommerce-mini-cart__total:first-child{border-top:0}}.ux-mini-cart-footer .ux-free-shipping{margin-bottom:20px;margin-top:5px}.off-canvas-cart .ux-mini-cart-footer{margin-left:-30px;margin-right:-30px;padding:10px 30px 30px}.ux-mini-cart-qty{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:space-between}.ux-mini-cart-qty .quantity{margin:0!important}.ux-mini-cart-cross-sells{margin-bottom:30px;margin-top:auto}.nav-dropdown .ux-mini-cart-cross-sells{display:none}.ux-mini-cart-cross-sells__list{display:flex;flex-direction:column;gap:10px}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item{background-color:rgba(0,0,0,.05);border:0;margin-bottom:0;padding-left:85px;padding-right:10px!important}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item img{left:10px}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .product-title{font-size:.9em}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .price-wrapper{opacity:1}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .price-wrapper .price{margin-bottom:.5em;margin-top:.5em}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .price-wrapper .star-rating~.price{margin-top:0}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item a:not(.remove,.button){display:inline}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item:last-child{margin-bottom:0}.ux-mini-cart-cross-sells__list .button.add_to_cart_button{align-items:center;display:inline-flex;float:right;font-size:.7em;gap:5px;justify-content:center;line-height:1;margin:0 0 8px 8px;padding:3px 8px}.ux-mini-cart-empty{gap:30px;padding:15px 0}.ux-mini-cart-empty .woocommerce-mini-cart__empty-message{margin-bottom:0}.tagcloud{padding-bottom:15px}.tagcloud a{border:1px solid;border-radius:3px;display:inline-block;font-size:.8em!important;margin:0 3px 5px 0;opacity:.8;padding:2px 5px}.tagcloud a:hover{background-color:var(--fs-experimental-link-color-hover);border-color:var(--fs-experimental-link-color-hover);color:#fff;opacity:1}table.variations .label{padding-right:20px}table.variations label{white-space:nowrap}table.variations .value{width:100%}.variations{position:relative}.variations td,.variations th{border:0;letter-spacing:normal;padding:.2em 0;text-transform:none;vertical-align:middle}.variations .reset_variations{bottom:95%;color:currentColor;font-size:11px;opacity:.6;position:absolute;right:0;text-transform:uppercase}dl.variation{text-transform:none}dl.variation dt{clear:both;float:left;font-weight:700}dl.variation dd{display:block}.wc-item-meta{margin-top:1.3em}@font-face { font-family: "Lexend Exa"; src: url(//beflash.de/wp-content/fonts/LexendExa-Light.woff2) format("woff2"), url(//beflash.de/wp-content/fonts/LexendExa-Light.woff) format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Lexend Exa"; src: url(//beflash.de/wp-content/fonts/LexendExa-Regular.woff2) format("woff2"), url(//beflash.de/wp-content/fonts/LexendExa-Regular.woff) format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Lexend Exa"; src: url(//beflash.de/wp-content/fonts/LexendExa-SemiBold.woff2) format("woff2"), url(//beflash.de/wp-content/fonts/LexendExa-SemiBold.woff) format("woff"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'PlusJakartaSans'; src: url(//beflash.de/wp-content/fonts/PlusJakartaSans-Bold.woff2) format('woff2'), url(//beflash.de/wp-content/fonts/PlusJakartaSans-Bold.woff) format('woff'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'PlusJakartaSans'; src: url(//beflash.de/wp-content/fonts/PlusJakartaSans-ExtraBold.woff2) format('woff2'), url(//beflash.de/wp-content/fonts/PlusJakartaSans-ExtraBold.woff) format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'PlusJakartaSans'; src: url(//beflash.de/wp-content/fonts/PlusJakartaSans-SemiBold.woff2) format('woff2'), url(//beflash.de/wp-content/fonts/PlusJakartaSans-SemiBold.woff) format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'PlusJakartaSans'; src: url(//beflash.de/wp-content/fonts/PlusJakartaSans-Medium.woff2) format('woff2'), url(//beflash.de/wp-content/fonts/PlusJakartaSans-Medium.woff) format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'PlusJakartaSans'; src: url(//beflash.de/wp-content/fonts/PlusJakartaSans-Regular.woff2) format('woff2'), url(//beflash.de/wp-content/fonts/PlusJakartaSans-Regular.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'PlusJakartaSans'; src: url(//beflash.de/wp-content/fonts/PlusJakartaSans-Light.woff2) format('woff2'), url(//beflash.de/wp-content/fonts/PlusJakartaSans-Light.woff) format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'PlusJakartaSans'; src: url(//beflash.de/wp-content/fonts/PlusJakartaSans-ExtraLight.woff2) format('woff2'), url(//beflash.de/wp-content/fonts/PlusJakartaSans-ExtraLight.woff) format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Aileron"; src: url(//beflash.de/wp-content/fonts/aileron-light-webfont.woff2) format("woff2"), url(//beflash.de/wp-content/fonts/aileron-light-webfont.woff) format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Aileron"; src: url(//beflash.de/wp-content/fonts/aileron-regular-webfont.woff2) format("woff2"), url(//beflash.de/wp-content/fonts/Aaileron-regular-webfont.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Aileron"; src: url(//beflash.de/wp-content/fonts/aileron-semibold-webfont.woff2) format("woff2"), url(//beflash.de/wp-content/fonts/aileron-semibold-webfont.woff) format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "fl-icons"; src: url(//beflash.de/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot); src: url(//beflash.de/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot?#iefix) format("embedded-opentype"), url(//beflash.de/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2) format("woff2"), url(//beflash.de/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff) format("woff"), url(//beflash.de/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf) format("truetype"); font-style: normal; font-display: swap; } :root { --main: #23313f; --red: #ee5c2e; --blue: #10a3d1; --white: #ffffff; --color1: #F8F9FA; --color2: #f4f4f5; --color3: #ced4da; --color4: #a1a1aa; --color5: #5a5a5f; --color5-rgba: rgb(90, 90, 95); --color6: #585858; --color7: #2b2b2b; --color8: #222222; --color9: #212123; --color10: #1c1b1b; --color11: #111114; --darkmain: #212123; --black: #000000; --darkwhite: #ffffff; --darkcolor1: #585858; --darkcolor2: #5a5a5f; --darkcolor3: #23313f; --darkcolor4: #2b2b2b; --darkcolor5: #222222; --darkcolor6: #111114; } #wp-admin-bar-top-secondary { display: none !important; } @supports(overflow:clip) { body { overflow-x: clip; } } body, html { scrollbar-width: thin; scrollbar-color: #ee5c2e #111; } html::-webkit-scrollbar { width: 10px; } html::-webkit-scrollbar-track { background-color: #111; } html::-webkit-scrollbar-thumb { background-color: #ee5c2e; border-radius: 6px; border: 3px solid #111; } .dark, .mfp-auto-cursor, .mfp-ready, .mfp-wrap, .off-canvas, .off-canvas-center { scrollbar-width: thin; scrollbar-color: #a1a1aa #111; } .off-canvas .mfp-content::-webkit-scrollbar { width: 10px; max-width: 10px; } .off-canvas .mfp-content::-webkit-scrollbar-track { background-color: #111; } .off-canvas .mfp-content::-webkit-scrollbar-thumb { background-color: #a1a1aa; border-radius: 6px; border: 3px solid #111; } html { font-size: 100%; } #main, #wrapper { background-color: #fff !important; position: relative; } body { background-color: #fff !important; display: flex; justify-content: center; align-items: center; min-height: 100vh; align-content: center; font-family: "Lexend Exa", sans-serif !important; font-weight: 300; font-style: normal; font-size: 1.4rem; line-height: 1.8; margin-top: 0; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; transition: background-color .5s ease, color .5s ease; } .scroll-container { transition: background-color .5s ease, color .5s ease; } header svg { width: 60px; position: absolute; right: 100%; top: 0; height: auto; scale: 1 1; transform-origin: 100% 100%; rotate: 25deg; fill: canvasText; translate: -25% -25%; } blockquote, dl, figure, form, ol, pre, ul { font-size: 1.4rem; line-height: 1.6; } blockquote, dl, figure, form, ol, p, pre, ul { font-family: "Lexend Exa", sans-serif !important; font-weight: 300; font-style: normal; font-size: 1.4rem; color: var(--color6); margin-bottom: 3rem; } strong { font-family: "Lexend Exa", sans-serif !important; font-weight: 500; font-style: normal; color: var(--color11); opacity: 1; } #masthead ul { margin-top: 0em; padding-left: 0em; } #main ul { margin-top: 3em; } .post-template-default ul { padding-left: 0rem !important; } ul li { list-style: none; list-style-image: url(//beflash.de/wp-content/uploads/2025/12/list-style-mini.png); line-height: 2; font-size: 1.6rem; } .col-inner ol li, .col-inner ul li, .entry-content ol li, .entry-content ul li, .entry-summary ol li, .entry-summary ul li { margin-left: 2em !important; padding-left: 2rem; } #ez-toc-container ul { padding: 0; margin-top: .5rem !important; margin-bottom: .5rem !important } #ez-toc-container li { padding: 0; margin-left: 4px !important; } h1, h2, h3, h4, h5, h6, .heading-font { color: #222 !important; } .h1, .h1 strong, .h2, .h2 strong, .h3, .h3 strong, .h4, .h4 strong, .h5, .h5 strong, .h6, .h6 strong, h1, h1 strong, h2, h2 strong, h3, h3 strong, h4, h4 strong, h5, h5 strong, h6, h6 strong { font-family: "Aileron", sans-serif; font-weight: 600; letter-spacing: 0; font-style: normal; text-transform: uppercase; opacity: .8; line-height: 1.5; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; } .banner h1, .banner h1 strong, .banner h2, .entry-title, .h1-support h1, .h2-distance, .heading-font strong, .heading-front, .heading-front h1, .heading-front h2, .page-template-page-my-account #main .social-login p, .page-template-page-my-account .flex-col .uppercase, .product-title, .search-results .col:first-of-type h4, .search-results .shop-page-title, .tax-product_tag .shop-page-title .woocommerce-breadcrumb, .single-product .product-title-container h1, .product-title-container h1 { font-family: "Aileron", sans-serif !important; margin-left: -4px !important; letter-spacing: -1px; font-weight: 600; color: var(--white) !important; font-size: 6.4rem; text-align: left !important; opacity: .8 !important; text-shadow: 3px 3px 3px rgba(0, 0, 0, .2); -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; margin-bottom: 0; margin-top: 0; line-height: 1 !important; margin-bottom: 86px !important; } .heading-font-sw strong, .heading-front-sw, .heading-front-sw h1, .heading-front-sw h2 { font-family: "Aileron", sans-serif !important; margin-left: -4px !important; letter-spacing: -1px; font-weight: 600; color: var(--black) !important; font-size: 6.4rem; text-align: left !important; opacity: .8 !important; text-shadow: 3px 3px 3px rgba(0, 0, 0, .2); -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; margin-bottom: 0; margin-top: 0; line-height: 1 !important; margin-bottom: 86px !important; } .h1, h1 { font-family: "Aileron", sans-serif !important; font-weight: 600; font-size: 5.6rem !important; letter-spacing: 0 !important; font-style: normal; text-transform: uppercase; opacity: .9; line-height: 1; } .h2, h2 { font-family: "Aileron", sans-serif !important; font-size: 5rem; font-weight: 400; line-height: 1; letter-spacing: -1px !important; margin-left: 0px !important; text-align: left; line-height: 1 !important; text-shadow: 3px 3px 3px transparent; opacity: 1; } .h3, h3 { font-family: "Aileron", sans-serif !important; font-size: 3rem; font-weight: 200; line-height: 1; letter-spacing: 0px !important; margin-left: -1px !important; opacity: .85; } .h4, h4 { font-family: "Aileron", sans-serif !important; font-size: 2.2rem; font-weight: 200; letter-spacing: 0 !important; line-height: 1; margin-left: -1.5px !important; opacity: .85; line-height: 1; } .h5, h5 { font-family: "Aileron", sans-serif !important; font-size: 1.4rem; font-weight: 200; letter-spacing: 0 !important; margin-left: -1px !important; line-height: .85; opacity: .95; } .h6, h6 { font-family: "Aileron", sans-serif !important; letter-spacing: 0; font-weight: 200; font-size: .8em !important; letter-spacing: 0 !important; line-height: .9; margin-left: -1px !important; opacity: 1; text-transform: uppercase !important; } .banner h1, .banner h1 strong, .banner h2, .entry-title, .heading-font strong, .heading-front, .heading-front h1, .heading-front h2 { font-weight: 600; text-shadow: 3px 3px 3px rgba(0, 0, 0, .2) !important; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; } .h3, .h4, .h5, .h6, h3, h4, h5, h6 { margin-bottom: 1rem !important; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; } .dark, .dark p, .dark td { color: var(--color6); } .dark .heading-font, .dark a.lead, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark label, .hover-dark:hover a, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover p { color: var(--color1); } .text-mini, .text-mini p { letter-spacing: -.5px; color: var(--color5) !important; margin-bottom: 0 !important; background-color: transparent !important; font-size: .7rem; text-transform: none !important; } .search-result .col, .search-result .columns, .search-result .gallery-item, .search-results .col, .support-inprint-data-law, .support-mini-shop .col, .tax-product_tag .row-small>.flickity-viewport>.flickity-slider>.col, .product-select .row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col, .archive .row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col, .journal .post-item, .row-xsmall>.col, .blog .row-xsmall>.col, .blog-archive .row-xsmall>.col, .content-related .row-xsmall>.col, .journal .row-xsmall>.col, .portfolio-element-wrapper .row-xsmall>.col, .related-page .row-xsmall>.col, .row-xsmall>.flickity-viewport>.flickity-slider>.col, #main .row-xsmall>.col, #main .row-xsmall>.flickity-viewport>.flickity-slider>.col { margin-bottom: 0; padding: 0 3px 6px !important; } .search-result .row-small>.col, .search-result .row-small>.flickity-viewport>.flickity-slider>.col { margin-bottom: 0; padding: 0 3px 6px !important; margin-left: 15px; margin-right: 15px; } #content .col, #content .columns, #content .gallery-item { margin: 0; position: relative; width: 100%; } .color-test { background-color: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .page-checkout h1 { font-family: "Aileron", sans-serif !important; font-size: 2rem !important; text-align: center; margin-bottom: 55px; } .page-id-735522 h1 { opacity: 1 !important } .page-id-730473 .banner-basic-tech .ux-shape-divider .ux-shape-fill, .page-id-733701 .banner-basic-tech .ux-shape-divider .ux-shape-fill { fill: #fff !important; } .secondary.is-outline:hover { border-color: var(--red); color: var(--color1) !important; } .bg-fill { background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } .row-dashed .col::before, .row-solid .col::before { border-left: 1px dashed var(--color10) !important; content: " "; height: 100%; left: -1px; position: absolute; top: 0; } .box-push .box-text { background-color: hsl(0deg 15.33% 17.63% / 95%); margin: -15% auto 0; max-width: 85%; padding: 15px 20px; } .sticky-section { background-color: unset; } .pb-half { padding-bottom: 60px; padding-top: 60px !important; font-size: 1.5em; opacity: .6; } .section { align-items: center; display: flex; flex-flow: row; min-height: 0; padding: 0 0; position: relative; width: 100%; } .row.row-grid, .row.row-masonry { display: block; } .col:last-child p { margin-top: 0; margin-bottom: 55px; } .col:first-of-type h2 { margin: 0 0 55px 0; } .h2-distance { margin: 110px 0 0 0 !important; } .page-id-738224 .h2-distance { margin: 10px 0 0 0 !important; } .col:first-of-type h3, .col:first-of-type h4 { margin-top: 55px !important; margin-bottom: 28px !important; } .col-inner:first-of-type h3, .col-inner:first-of-type h4 { margin-top: 10px !important; margin-bottom: 28px !important; } .content-img-left { padding-right: 30%; position: relative; top: 30px; } .contact-link-tel .col-inner { margin: 0 0 0 30px !important; } .product-title-container, .product-title { display: table-cell; height: auto !important; } .textbox-left-portfolio .dark, .textbox-right-portfolio .dark { background-color: transparent !important; position: absolute; bottom: -50px; height: 90px; width: 100% !important; border-radius: 6px; padding: 0 14px 0 14px; } .textbox-left-portfolio p, .textbox-right-portfolio p { font-size: 16px !important; font-weight: 500 !important; line-height: 1.2 !important; background-color: transparent !important; color: var(--color6); } .content-slider-web .dark img { position: relative !important; top: -80px !important; padding-bottom: 100px !important; } .referenz-button { z-index: 999999999999999999 !important; position: relative !important; } .referenz-button a { top: -20px !important; font-size: 1rem; font-weight: 300; text-transform: none; border-bottom: solid 3px var(--color11) !important; background-color: transparent !important; z-index: 999999999999999999 !important; position: relative !important; height: 34px !important; display: inline !important; } .contact .col { position: relative; top: -110px; background-color: var(--color1) !important; padding-left: 0 !important; margin-left: 0 !important; padding: 0 0 0 !important; } .privacy span { position: relative; top: -2px; font-size: 12px; } .privacy p { position: relative; margin-bottom: 20px; font-size: 12px; right: -10px; } .privacy input { position: relative; top: 18px !important; } .banner-title { padding: 165px 15px 0 15px; z-index: 9999; } .content-img { position: relative; top: 6px; padding: 6px 90px 0 4px !important; } .banner-title-start { padding: 0 15px 60 15px; } .content-title h2 { margin: 0 0 30px 0; text-align: left !important; line-height: 1.2 !important; text-shadow: 3px 3px 3px transparent; opacity: 1 !important; } .project { background-color: var(--white) !important; } #content .section .section-content .row-small>.col { margin-bottom: 0; padding: 0 2px 19.6px; } .transparent-1 { opacity: .7 !important; } .transparent-2 { opacity: .5 !important; font-size: 4rem; } .transparent-3 { opacity: .3 !important; } .page-loader { z-index: 99999999 !important; } .box-image.processing:before, .dark .loading-spin, .dark .processing:before, .dark.loading-spin, .dark.processing:before { border: 6px solid var(--red) !important; border-left-color: var(--color1) !important; } .page-loader-spin { opacity: 0; transition: opacity .3s; transition-delay: .1s; } .loading-site .page-loader { opacity: 1 !important; } .loading-spin.centered, .processing:before { left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; top: 50%; z-index: 99; } .loading-spin { border-radius: 50%; } .loading-spin, .processing:before { animation: spin .6s linear infinite; border-bottom: 3px solid var(--main) !important; border-left: 3px solid var(--color6) !important; border-radius: 50%; border-right: 3px solid var(--color3) !important; border-top: 3px solid var(--color11) !important; content: ""; font-size: 10px; height: 30px; margin: 0 auto; opacity: 1 !important; pointer-events: none; text-indent: -9999em; width: 30px; } .loading-spin, .processing { position: relative; } .page-loader-logo img { display: none !important; } .page-loader-logo { display: none; } .ux-relay__control--bottom { opacity: 1 !important; color: var(--red) !important; } .ux-relay__control--bottom a { opacity: 1 !important; color: var(--red) !important; } #main .ux-relay__load-more-button { font-size: 1.2rem !important; font-weight: 300 !important; color: var(--color1) !important; letter-spacing: 2px !important; opacity: 1 !important; position: relative; z-index: 1; text-decoration: none; display: inline; cursor: pointer; padding: 18px 36px !important; background-color: var(--color11) !important; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat; transition: .6s, background-position 1s !important; border-radius: 99px !important; border-bottom: solid 4px var(--red) !important; line-height: 1em !important; min-height: 1em !important; margin-top: 3rem; } .ux-relay__load-more-button:hover { background-color: var(--red); --p: 100%; opacity: 1 !important; color: var(--color1) !important; border-radius: 99px !important; border-bottom: solid 4px var(--color8) !important; box-shadow: inset 0 0 0 100px transparent !important; } .nf-loading-spinner { width: 40px; height: 40px; margin: 100px auto; background-color: var(--red) !important; border-radius: 100%; animation: nf-scaleout 1s ease-in-out infinite; } .update .tarieven-title { height: 40px; } .update .tarieven-title h6 { font-size: 2rem; } .update-content { height: 420px; padding: 15px !important; line-height: 1.3 !important; margin: 10px; } .update .nextcloud p, .update .support p { color: var(--color1) !important; font-weight: 800 !important; font-size: 1rem !important; } .update .col-inner ol li, .update .col-inner ul li, .update .entry-content ol li, .update .entry-content ul li, .update .entry-summary ol li, .update .entry-summary ul li { font-weight: 500; } .content-error-404 { margin: 120px 0 120px 0; padding: 90px 0 220px 0 !important; background-color: var(--red) !important; } .content-error-404 h1 { font-size: 10.8em !important; padding: 0 !important; margin: 0; color: var(--color1) !important; } .content-error-404 h3 { font-size: 4em !important; margin-bottom: 5rem; color: var(--color11) !important; } .content-error-404 .button { border-color: var(--color1) !important; border-radius: 1px; } .content-error-404 .button:hover { border-color: var(--color1) !important; color: var(--color1); } .blog-featured-title h1 { margin-top: 10px; } .stuck .header-top { background-color: var(--color11); min-height: 16px !important; max-height: 14px !important; } .header-top { min-height: 20px !important; max-height: 12px !important; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; } .wishlist { display: none; } .header-top .col { padding: 0 0 0 10px; } .header-top .nav>li { display: inline-block; list-style: none; margin: 0 0 !important; padding: 0; transition: background-color .3s; } .icon-heart-o { position: relative; top: 1px; } .nav>li>a { font-size: 1rem; text-transform: uppercase !important; font-weight: 300 !important; color: var(--white) !important; opacity: .5; } .nav>li>a:hover { opacity: 1; } .top-anmelden a, .top-ausloggen a { font-size: 1rem; text-transform: uppercase !important; color: var(--white) !important; font-weight: 500 !important; position: relative; top: -1px; opacity: .6; right: 0px; } .top-anmelden a:hover, .top-ausloggen a:hover { opacity: 1; } .page-id-737637 .top-header-anmelden { display: none; } #logo { width: 175px !important; max-width: 200px !important; top: -8px; position: relative; } .logo-left .logo { margin-left: 0; margin-right: 30px; margin-bottom: 0; } #logo img { padding: 0 0 !important; max-height: 170px !important; } .logo a { font-size: 0 !important; } .header-logo-sticky { transition: transform 1.85s, opacity 1.8s; } .stuck #logo img { padding: 0 !important; opacity: .4; transition: transform 1.85s, opacity 1.8s; position: relative; top: -2px !important; left: 0; } .stuck #logo img { height: 76px !important; position: relative; top: 8px !important; } .stuck #logo img:hover { opacity: 1; transform: scale(1); transition: transform .2s, opacity .2s; } .header-wrapper:not(.stuck) .logo img { transition: transform 1.85s, opacity 1.8s; } .logo-select { margin-left: 5px; padding-right: 12px !important; } .row-small>.col { margin-bottom: 0; } .nav-dark .logo a { color: var(--color1); } #ambient-service, #ambient-start { height: 90%; } .header-block-block-1 { width: auto !important; position: relative; top: 0; height: 60px; padding: 0 5px 0px !important; } .header-main { height: 110px !important; transition: max-height .8s !important; } .sticky-shrink .stuck .header-main { transition: height 1s; height: 90px !important; } .has-sticky .top-menu { min-height: 8px !important; max-height: 11px !important; height: 10px; } .is-sticky-section+.sticky-section-helper { min-height: 100vh !important; background-color: var(--color1) !important; } .header.show-on-scroll:not(.stuck), .header.transparent:not(.stuck) { -webkit-transition: all .6s 0s ease, all 1.2s 0s ease; -moz-transition: all .6s 0s ease, all 1.2s 0s ease; -o-transition: all .6s 0s ease, all 1.2s 0s ease; transition: all .6s 0s ease, all 1.2s 0s ease; transition: opacity .8s, visibility 1.2s; transition: max-height .8s !important; } .header.has-transparent, .header.show-on-scroll, .header.transparent { -webkit-transition: all .6s 0s ease, all 1.2s 0s ease; -moz-transition: all .6s 0s ease, all 1.2s 0s ease; -o-transition: all .6s 0s ease, all 1.2s 0s ease; transition: all .6s 0s ease, all 1.2s 0s ease; transition: opacity .8s, visibility 1.2s; transition: max-height .8s !important; } .header, .header-wrapper { transition: background-color 1s, opacity .7s !important; z-index: 90000; } .header-main .nav>li>a { align-items: center; display: inline-flex; flex-wrap: wrap; padding: 10px 0; } .header-main .nav>li>a { font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; font-size: 20px !important; color: rgba(255, 255, 255, .7); text-transform: uppercase !important; } .header-main .nav>li>a:over { color: #fff !important; } .header-main .nav>li>a:active, .nav>li>a:focus { color: #fff !important; } .has-dropdown .icon-angle-down { display: none; } .nav-spacing-small>li { margin: 0 8px !important; } .sticky-section-helper+div { box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .2) !important; } .nav-dropdown>li.image-column, .nav-dropdown>li.nav-dropdown-col { background-color: #1d1d22 !important; text-align: left; display: table-cell; white-space: nowrap; width: 270px !important; min-width: 270px !important; max-width: 270px !important; float: left !important; padding: 10px 0 !important; transition: opacity .5s, visibility .6s !important; visibility: hidden; } .nav-dropdown.dark>li>a { font-size: 18px !important; color: rgb(255, 255, 255, .6) !important; font-family: "Lexend Exa", sans-serif; font-weight: 500; padding-left: 18px !important; text-transform: uppercase !important; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, transparent 0); -webkit-transition: all 1.2s 0s ease, all 1.2s 0s ease; -moz-transition: all 1.2s 0s ease, all 1.2s 0s ease; -o-transition: all 1.2s 0s ease, all 1.2s 0s ease; transition: all 1.2s 0s ease, all 1.2s 0s ease; } .off-canvas-center .nav>li { margin-bottom: 4px; } .off-canvas-center .nav .sub-menu { margin-bottom: .6rem !important; } .text-center .nav-vertical li { border: 0; } .off-canvas .nav-vertical li li>a { margin-top: .6rem; margin-bottom: .6rem; } .sidebar-menu-tabs__tab-text { flex: 1 1 auto; } .off-canvas-center .nav>li>a { color: var(--color4) !important; font-family: "Lexend Exa", sans-serif !important; font-size: 60px; letter-spacing: 0; text-transform: uppercase !important; opacity: .6 !important; background-color: rgba(135, 135, 135, .06) !important; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in; -o-transition: all .5s ease-in; border-radius: 5px; } .off-canvas-center .nav-vertical a { font-family: "Lexend Exa", sans-serif !important; color: rgb(16, 164, 209, .8) !important; border-radius: 5px; font-size: 70px; line-height: 1.6; font-style: normal; font-weight: 300; text-transform: uppercase !important; letter-spacing: 0; -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; transition: all .7s ease-in; background-color: rgba(33, 37, 41, .2) !important; } .off-canvas-center .nav-vertical a:hover { color: rgb(255 255 255) !important; background-color: rgb(86, 86, 86, .5) !important; transform: translateY(-6px); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .off-canvas-center .nav-vertical .current-menu-item a { color: #a1a1aa !important; } .off-canvas-center .nav-vertical .current-menu-item a:hover { color: #a1a1aa !important; background-color: rgb(86, 86, 86, 0) !important; } .off-canvas-center .mfp-content { -webkit-overflow-scrolling: touch; max-width: 100%; background-color: rgb(1 1 1) !important; top: 0 !important; margin-top: 0 !important; padding-top: 0 !important; overflow-x: hidden; overflow-y: hidden; padding: 2% 10% 2% 10% !important; min-height: 100%; } .off-canvas-center .nav>li>a:hover { color: var(--color1) !important; font-family: "Lexend Exa", sans-serif !important; font-size: 60px; letter-spacing: 0; text-transform: uppercase !important; opacity: .8 !important; background-color: rgba(115, 115, 115, .7) !important; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in; -o-transition: all .5s ease-in; } @media screen and (min-width:1680px) { .off-canvas-center .nav-vertical>li>a, .off-canvas-center .nav-vertical>li>a:hover { font-size: 110px; } } .sidebar-menu-tabs__tab { filter: brightness(.1) invert(2) initial(22); color: #fff !important; background-color: rgba(0, 0, 0, .2) !important; flex: 1 0 50%; list-style-type: none; max-width: 50%; text-align: center; transition: transform .2s, opacity .2s; border-radius: 5px; } .sidebar-menu-tabs__tab.active { filter: brightness(.4) invert(.3); color: #616161 !important; background-color: rgba(50, 50, 50, .5) !important; transition: transform .2s, opacity .2s; border-radius: 5px; } .sidebar-menu-tabs__tab.active:hover { filter: brightness(1) invert(.8); color: #fff !important; background-color: rgba(50, 50, 50, .5) !important; transition: transform .2s, opacity .2s; border-radius: 5px; } .mfp-content { vertical-align: top; z-index: 1045; } .ux-body-overlay { transition: visibility 1s, opacity 1s ease-in-out !important; visibility: hidden; width: 100%; z-index: 29; } .mfp-bg.mfp-ready { opacity: 1 !important; overflow-y: hidden !important; overflow-x: hidden !important; } .off-canvas .mfp-content.off-canvas-cart { border-radius: 5px !important; --drawer-width: 775px !important; } .mfp-bg.mfp-ready, .off-canvas-center .pswp__bg { z-index: 99999999999; } .mfp-content #reg_data_privacy { position: relative; top: 12px !important; } .mfp-content #rememberme { position: relative; top: 12px !important; } .mfp-wrap { z-index: 99999999999999 !important; background-color: rgb(33 33 33 / 60%) !important; } .off-canvas .nav-vertical li li>a { padding-bottom: 30px !important; padding-top: 30px !important; } .off-canvas-center .nav-sidebar.nav-vertical>li .toggle { display: none !important; } .off-canvas-center .toggle { box-shadow: none !important; color: currentColor; height: auto; line-height: 1; margin: 0 5px 0 0; opacity: .8; padding: 0; width: 65px; } .off-canvas-center .nav-vertical a { font-family: "Lexend Exa", sans-serif !important; color: rgb(16, 164, 209, .8) !important; font-size: 70px; line-height: 1.6; font-style: normal; font-weight: 300; text-transform: uppercase !important; letter-spacing: 0; -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; transition: all .7s ease-in; background-color: rgba(33, 37, 41, .2) !important; } .off-canvas-center .nav-vertical a:hover { color: rgb(255 255 255) !important; background-color: rgb(86, 86, 86, .5) !important; transform: translateY(-6px); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .off-canvas-center .nav-vertical .current-menu-item a { color: #a1a1aa !important; } .off-canvas-center .nav-vertical .current-menu-item a:hover { color: #a1a1aa !important; background-color: rgb(86, 86, 86, 0) !important; } .off-canvas-center .mfp-content { -webkit-overflow-scrolling: touch; max-width: 100%; background-color: rgb(1 1 1) !important; top: 0 !important; margin-top: 0 !important; padding-top: 0 !important; overflow-x: hidden; overflow-y: hidden; padding: 2% 10% 2% 10% !important; min-height: 100%; } .off-canvas-center .mfp-content { -webkit-overflow-scrolling: touch; max-width: 100%; background-color: rgb(1 1 1) !important; top: 0 !important; margin-top: 0 !important; padding-top: 0 !important; overflow-x: hidden; overflow-y: hidden; padding: 2% 10% 2% 10% !important; min-height: 100%; } .off-canvas .sidebar-menu { padding: 0 0 !important; } .html_topbar_left { padding-bottom: 0 !important; padding-top: 0 !important; } .html_topbar_left .section { padding: 0 0 !important; } .social-menu-main { position: relative; top: 0 !important; } .social-menu { position: relative; padding-bottom: 0 !important; padding-top: 0 !important; } .social-menu-top .col { margin-bottom: 0; padding: 0 3px 4px !important; } .social-menu .col-inner { position: relative; padding: 2px 3px; } .social .col-inner::before, .social-menu .col::before, .social-menu-top .col::before { border-left: 0 dashed #2b2b2b !important; content: " "; height: 100%; position: absolute; top: 0; } .social-menu-top .kontakt .img-inner { width: 100%; height: 330px; max-height: 330px; position: relative; background-color: #f4f4f5; align-items: center; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s !important; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; padding-top: unset !important; } .social-menu-top .kontakt .img-inner:hover { width: 100%; background-color: #10a3d1; opacity: 1; transition: filter .2s, opacity .2s, transform .2s, background-color .2s !important; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in; -o-transition: all .5s ease-in; } .social-menu-top .kontakt img { transition: all .4s ease-in-out !important; filter: brightness(0) grayscale(10) !important; opacity: 1 !important; transform: scale(1); } .social-menu-top .kontakt .has-hover:hover img { transition: all .4s ease-in-out !important; filter: brightness(1) grayscale(1) !important; opacity: 1 !important; } .social-menu-top .telefon .img-inner { width: 100%; height: 330px; max-height: 330px; align-items: center; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s !important; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; padding-top: unset !important; background-color: #4b4b4b !important; } .social-menu-top .telefon .img-inner:hover { width: 100%; background-color: #f4f4f5 !important; transition: filter .2s, opacity .2s, transform .2s, background-color .2s !important; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in; -o-transition: all .5s ease-in; filter: unset; } .social-menu-top .telefon img { transition: all .4s ease-in-out !important; filter: brightness(1) opacity(.7) !important; transform: scale(1); } .social-menu-top .telefon .has-hover:hover img { transition: all .4s ease-in-out !important; filter: brightness(0) grayscale(2) opacity(1) !important; } @media only screen and (max-width:849px) { social-menu { display: none; } } .nav-dark .nav>li { display: inline-block; list-style: none; padding: 0; transition: background-color .3s; } #moon-icon, #sun-icon, .nav li.has-icon-left>a>i, .nav li.has-icon-left>a>img, .nav li.has-icon-left>a>svg { margin-right: 0 !important; } .nav>li>a>i.icon-menu { font-size: unset !important; line-height: 1.4 !important; } #moon-icon, #sun-icon, .icon-contact li, .links>li>a::before, i[class*=" icon-"], i[class^=icon-] { display: inline-block; line-height: 1.4 !important; margin: 0; padding: 0; position: relative !important; } #menu-item-726357 a, #menu-item-731022 a, #menu-item-731023 a { font-size: 0 !important; } #menu-item-731022::before { content: ""; border-left: 1px solid rgba(0, 0, 255, .1) !important; border-left-color: rgba(0, 0, 255, .1); border-color: rgba(255, 255, 255, .1) !important; margin: 0 5px; position: relative; vertical-align: middle; padding: 0 0 0 10px; top: -10px; left: 0; height: 50%; width: 1px; } .nav>li.has-icon>a>i { min-width: 2.85em; } .nav-dark .nav>li.header-divider { border-color: hsla(0, 0%, 100%, .1); } .nav>li.header-divider { border-left: 1px solid rgba(0, 0, 0, .1); height: 40px !important; } .header-nav .dark-mode-button::before { height: 50px; width: 50px !important; background-repeat: no-repeat; background-size: 50px 50px; } body.dark-mode .dark-mode-button::before { height: 54px; width: 54px !important; background-size: 54px 54px; } .header-nav .dark-mode-button { height: 54px; width: 54px !important; } .icon-menu { width: 54px !important; } .icon-menu::before { height: 52px; width: 58px; } .icon-contact:before, .icon-search:before, .icon-shopping-bag:before, .icon-user:before { height: 52px; width: 52px; } .sticky-hide-on-scroll #moon-icon, .sticky-hide-on-scroll #sun-icon, .sticky-hide-on-scroll .dark-mode .dark-mode-button::before, .sticky-hide-on-scroll .header-nav .dark-mode-button, .sticky-hide-on-scroll .header-nav .dark-mode-button::before, .sticky-hide-on-scroll .icon-contact:before, .sticky-hide-on-scroll .icon-search:before, .sticky-hide-on-scroll .icon-shopping-bag:before, .sticky-hide-on-scroll .icon-user:before, .sticky-hide-on-scroll .nav li.has-icon a, .sticky-hide-on-scroll .nav li.has-icon-left a { opacity: 1 !important; transition: transform 450ms, opacity .8s !important; border: none !important; } .stuck #moon-icon, .stuck #sun-icon, .stuck .dark-mode .dark-mode-button::before, .stuck .header-nav .dark-mode-button, .stuck .header-nav .dark-mode-button::before, .stuck .icon-contact:before, .stuck .icon-search:before, .stuck .icon-shopping-bag:before, .stuck .icon-user:before, .stuck .nav li.has-icon a, .stuck .nav li.has-icon-left a { opacity: .75 !important; transition: transform .7s, opacity 1.1s !important; border: none !important; } #moon-icon, #sun-icon, .nav li.has-icon a, .nav li.has-icon-left a { opacity: .65; transition: transform 450ms, opacity .8s !important; } #dark-mode-toggle:hover, .nav li.has-icon a:hover, .nav li.has-icon-left a:hover { transition: transform 450ms, opacity .8s !important; opacity: 1 !important; transform: scale(1.3); } .header-nav .dark-mode-button { background: 0 0; border: none; cursor: pointer; padding: 0; margin: 0; display: flex; align-items: center; position: relative; left: 0; } .header-nav .dark-mode-button::before { content: "" !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); font-size: 0 !important; font-family: unset; display: inline-block; transition: transform 450ms, opacity .8s !important; background-repeat: no-repeat; } body.dark-mode .dark-mode-button::before { content: "" !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-position: 50% 50%; font-size: 0 !important; font-family: unset; display: inline-block; transition: transform 450ms, opacity .8s !important; background-repeat: no-repeat; position: relative; right: 0; } .icon-start:before { content: "" !important; margin: 4px 0 0 0 !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-position: 50% 50%; font-size: unset !important; background-size: 100%; font-family: unset; display: inline-block; } .icon-service:before { content: "" !important; margin: 4px 0 0 0 !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-position: 50% 50%; font-size: unset !important; background-size: 100%; font-family: unset; display: inline-block; } .icon-contact:before { content: "" !important; margin: 4px 0 0 0 !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-position: 50% 50%; font-size: unset !important; background-size: 100%; font-family: unset; display: inline-block; position: relative; } .icon-search:before { content: "" !important; margin: 4px 0 0 0 !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; display: inline-block; } .icon-shopping-bag:before { content: "" !important; margin: 4px 0 0 0 !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-position: 50% 50%; background-size: 100%; display: inline-block; } .icon-user:before { content: "" !important; margin: 4px 0 0 2.5px !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; display: inline-block; } .icon-menu { width: 34px !important; } .icon-menu::before { content: "" !important; margin: 3px 0 0 1px !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-repeat: no-repeat !important; background-position: 50% 50%; position: relative; display: inline-block; } .icon-checkmark::before { content: ""; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-position: 50% 50%; background-size: 100%; } .has-sticky .logo-left { position: relative; top: 0; } .header-block { width: unset !important; } .header-button .button { font-family: "Lexend Exa", sans-serif; font-weight: 500 !important; letter-spacing: -1px !important; display: inline-block; margin-top: 5px !important; padding: 2px 16px !important; border-radius: 99px !important; margin-right: .1em; color: var(--white) !important; font-size: .9em !important; margin-left: .1em; background: linear-gradient(var(--color9) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s; background-color: var(--red) !important; border-bottom: solid 2px var(--color1) !important; opacity: 1 !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .15) !important; border-top: solid 0px #fff !important; border-left: solid 0px #fff !important; border-right: solid 0px #fff !important; } .header-button .button:hover { background-color: var(--darkcolor6) !important; --p: 100% !important; color: var(--color1) !important; border-bottom: solid 2px var(--red) !important; border-top: solid 0px #fff !important; border-left: solid 0px #fff !important; border-right: solid 0px #fff !important; opacity: 1 !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .15) !important; } .is-gloss:after { box-shadow: none !important; content: ""; opacity: 1 !important; height: 100%; left: 0 !important; position: absolute; top: 0; width: 0%; } #search-lightbox { font-size: 1.5em; margin: 0 auto; position: relative; top: 0 !important; width: 100% !important; max-width: 700px !important; text-align: center; } .searchform-wrapper { width: 100%; max-width: 100%; font-size: 1rem !important; } .searchform-wrapper form { margin-bottom: 0; height: 100px; font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; color: var(--color1) !important; font-weight: 300 !important; border-radius: 1px !important; letter-spacing: -1px !important; font-size: 1.6rem !important; } .searchform { position: relative; border-radius: 1px !important; } .searchform-wrapper .autocomplete-suggestions { -webkit-overflow-scrolling: touch; max-height: 78vh; overflow-y: scroll; overflow-y: auto; border: 1px solid rgba(255, 255, 255, .6) !important; border-radius: 3px !important; } .searchform input[type=search]:active, .searchform input[type=search]:hover { border: 1px rgb(153 153 153 / 60%) solid !important; color: #000000 !important; margin-bottom: 0 !important; height: 2.15em !important; font-size: 1.4rem; border-radius: 3px !important; } .searchform input[type=search] { box-sizing: border-box; border: 1px rgb(153 153 153 / 60%) solid !important; padding: 0 .65em; padding-top: 0; margin-bottom: 0 !important; height: 2.15em !important; font-size: 1.4rem; border-radius: 3px !important; max-width: 100%; width: 100%; vertical-align: middle; background-color: color(srgb .61 .61 .61 / .6) !important; color: var(--color1) !important; box-shadow: inset 0 1px 2px transparent !important; transition: color .3s, border .3s, background .3s, opacity .3s; filter: brightness(1); } .searchform select { box-sizing: border-box; border: 1px var(--color11) solid !important; padding: 0 .65em; padding-top: 0; padding-top: 0; height: 2.15em; font-size: 1.4rem; border-radius: 3px !important; vertical-align: middle; background-color: var(--color9) !important; color: var(--color1); height: 56px !important; box-shadow: inset 0 1px 2px transparent !important; transition: color .3s, border .3s, background .3s, opacity .3s; } .search-form-categories { width: 30%; max-width: 30%; margin-right: 10px; display: none; } .search-field { width: 100%; border-radius: 3px !important; max-width: 100%; height: 56px !important; } .searchform .button.icon i { top: 2px; transform: scale(1); opacity: .7; left: -1px !important; transition: transform 450ms, opacity .8s; } .searchform .button.secondary:not(.is-outline) { border: 1px rgb(153 153 153 / 60%) solid !important; position: relative; top: 0 !important; display: inline-block; transform: translateY(0); --p: 100%; margin-left: .4em !important; margin-right: 0 !important; min-width: 4em; line-height: 1 !important; padding-left: .6em !important; padding-right: .6em !important; border-radius: 3px !important; background-color: var(--red) !important; transition: transform .6s, opacity .3s; height: 20px !important; margin-top: 0 !important; margin-bottom: 0 !important; font-size: unset !important; font-weight: 400 !important; min-height: 3rem; } .searchform .button.secondary:not(.is-outline):hover { position: relative; top: 0; opacity: 1 !important; transform: translateY(0); border: 1px rgb(153 153 153 / 90%) solid !important; display: inline-block; margin-left: .4em !important; margin-right: 0 !important; min-width: 4em; padding-left: .6em; padding-right: .6em; border-radius: 3px !important; filter: invert(200) !important; } .live-search-results { background-color: var(--color8) !important; position: relative; top: 8px; } .searchform .icon-search:before { content: "" !important; margin: 0 !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; display: inline-block; height: 32px; width: 32px; } .autocomplete-suggestion form { font-size: 1.3rem !important; } .col .live-search-results, .header .search-form .live-search-results, .header-block .live-search-results { background-color: hsla(0, 0%, 100%, .95); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); color: var(--color11); left: 0; position: absolute; right: 0; text-align: left; top: 105%; cursor: pointer; } .header li .html .live-search-results { background-color: transparent; box-shadow: none; position: relative; top: 0; cursor: pointer; } .autocomplete-suggestion { align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .05); cursor: default; display: flex; cursor: pointer; padding: 15px .75em; transition: color 1s, border .3s, background 1s, opacity 1s; } .autocomplete-selected { background-color: rgb(255 255 255 / 30%); color: var(--color11) !important; transition: color 1s, border .3s, background 1s, opacity 1s; filter: saturate(10); } .autocomplete-selected p { color: var(--color11) !important; } .autocomplete-suggestion img { display: inline-block; height: 55px !important; margin-right: 15px !important; width: 55px !important; transition: brightness .8s; } .autocomplete-suggestion .has-hover:hover img { filter: brightness(1.4); } .autocomplete-suggestion .search-name { flex: 1; } .autocomplete-suggestion img+.search-name { font-family: "PlusJakartaSans", sans-serif; font-weight: 400 !important; color: var(--color1) !important; line-height: 1.4 !important; margin-top: -.15em; padding-left: .2em; letter-spacing: -1px !important; font-size: 1.2rem !important; } .autocomplete-suggestion strong { font-family: "PlusJakartaSans", sans-serif; font-weight: 400 !important; font-style: normal; line-height: 1.4 !important; color: var(--red) !important; letter-spacing: -1px !important; font-size: 1.2rem !important; } .autocomplete-suggestion .search-price { font-size: .8em; margin-left: 5px; padding-top: 3px; } .autocomplete-suggestion:last-child { border-bottom: none; } .banner-basic-start-1 { background-repeat: no-repeat !important; width: 100% !important; top: 0; background-color: rgba(17, 17, 20, .2); background-size: cover; } .banner-basic { background-repeat: no-repeat !important; width: 100% !important; top: 0; background-size: cover; } .banner-service { background-repeat: no-repeat !important; width: 100% !important; top: 0; background-size: cover; } .banner-service-webdesign { background-repeat: no-repeat !important; width: 100% !important; top: 0; background-size: cover; } .banner-service-wordpress { background-repeat: no-repeat !important; width: 100% !important; top: 0; background-size: cover; } .banner-service-digital { background-repeat: no-repeat !important; width: 100% !important; top: 0; background-size: cover; } .banner-service-uidesign { background-repeat: no-repeat !important; width: 100% !important; top: 0; background-size: cover; } .banner-contact { background-repeat: no-repeat !important; width: 100% !important; top: 0; background-size: cover; } .banner-basic-blog { background-repeat: no-repeat !important; width: 100% !important; top: 0; background-size: cover; } .blog-banner, .blog-banner-color, .blog-banner-small, .blog-banner-small-color, .blog-banner-white { margin-bottom: 0 !important; } .blog-banner-small .banner-inner { filter: brightness(5) grayscale(0); } .blog-banner-color .banner-inner { filter: brightness(1) invert(1); } .blog-banner-small-color .banner-inner { filter: saturate(11); } .blog-banner-white .banner-inner { filter: brightness(1.4) grayscale(2); } .banner-basic-about { width: 100% !important; top: 0; background-size: cover; } .banner-basic-tech { width: 100% !important; top: 0; background-size: cover; } .banner-data { width: 100% !important; top: 0; background-size: cover; } .banner-landing { background-repeat: no-repeat !important; width: 100% !important; top: 0; background-size: cover; } .grid-tools { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 0 !important; margin: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; } .grid-tools a { -o-text-overflow: ellipsis; text-overflow: ellipsis; opacity: .95; display: block; width: 100%; font-size: .85em; font-weight: 700; text-transform: uppercase; background-color: var(--color6); color: var(--color2); -webkit-transition: opacity 0s !important; -o-transition: opacity 0s !important; transition: opacity 0s !important; position: relative !important; top: 0 !important; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, transparent 0); transition: .6s, background-position 2s; } .grid-tools a+a { border-left: 1px solid rgba(255, 255, 255, .1); transition: .6s, background-position 2s; } .grid-tools a:hover { color: var(--color1); opacity: 1; } .grid-tools .add-to-cart-grid { width: 0; } .mfp-ready .mfp-close { opacity: .5; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-size: 50px 50px; background-repeat: no-repeat; background-origin: content-box; position: absolute !important; display: inline-table; transform: scale(.85); transition: transform 1.8s, opacity 1.8s; background-position: 50% 50%; right: 20px; top: 20px !important; background-color: transparent; } .mfp-close:hover { opacity: 1; transform: scale(1); transition: transform .4s, opacity .4s; } .mfp-removing .mfp-close { display: none !important; } .mfp-close { -webkit-backface-visibility: hidden; box-shadow: none; color: var(--color1); cursor: pointer; font-family: Arial, monospace; font-size: 60px !important; font-style: normal !important; font-weight: 300 !important; height: 60px !important; line-height: 60px !important; margin: 0 !important; min-height: 0; mix-blend-mode: difference; opacity: 0; outline: 0; padding: 0; position: fixed; right: 0; text-align: center; text-decoration: none; top: 0; transition: opacity 1s, transform .6s !important; transition-delay: .15s; width: 60px !important; z-index: 1046; background-color: transparent; } .mfp-close .feather-x { display: none; } .mfp-close svg { pointer-events: none; } .mfp-content .mfp-close { position: absolute; display: none !important; } .flex-center { margin: 0; text-transform: uppercase; letter-spacing: .05em; } .checkout-page-title .icon-angle-right::before { display: none; } .slider-wrapper { position: relative; width: 100%; max-width: 100%; } .slider-wrapper .flickity-enabled.is-draggable .flickity-viewport { cursor: default; cursor: -webkit-default; cursor: default; } .banner { max-height: 800px !important; position: relative; width: 100%; } .start-slide::before { content: ""; background-image: url('data:image/svg+xml,'); background-size: 100% 100% !important; height: 100px; width: 100% !important; min-width: 100% !important; bottom: 0; position: absolute; background-repeat: no-repeat !important; background-size: cover; z-index: 5; } .ux-shape-start { background-color: var(--color1) !important; } .mask-angled-large, .mask-angled-right-large, .mask-arrow-large { margin-top: -100px !important; } .mask-angled-large { -webkit-clip-path: polygon(0 60px, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 60px, 100% 0, 100% 100%, 0 100%); } .nav-dropdown-simple { background-color: var(--color1) !important; } .nav-dropdown-simple { background-color: var(--color9) !important; } .nav-dropdown-simple li { color: var(--color9) !important; transform: scale(.9) !important; opacity: 1 !important; position: relative; line-height: 1.6; left: -14px; } .nav-dropdown-simple li a { font-size: 1.5rem; border: none; padding: unset !important; letter-spacing: -1px; line-height: 1.6; color: var(--color2) !important; transform: scale (1.4) !important; opacity: 1 !important; transition-property: background; transition-duration: 4s; transition-timing-function: ease; transition-delay: 4s; z-index: 1; transition: border 1s; -webkit-transition: all 4s ease-in; -moz-transition: all 4s ease-in; -o-transition: all 4s ease-in; transition: all 4s ease-in; background-position: 50% 50%; -webkit-transition: all 4s ease-in-out; -moz-transition: all 4s ease-in-out; -o-transition: all 4s ease-in-out; transition: all 4s ease-in-out; filter: grayscale(40%) contrast(1); } .nav-dropdown-simple li a:hover { background-color: var(--white) !important; color: var(--color11) !important; transform: scale(1.27) !important; opacity: 1 !important; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; font-weight: 300 !important; filter: grayscale(0) contrast(1) opacity(.6); } .content-basic { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: #bdbdbd !important; } .content-basic-data { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgba(13, 13, 13, .7) !important; } .content-white { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: #ffffff !important; } .content-start { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgba(17, 17, 20, .2) !important; } .content-start-top { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: var(--color2) !important; } .content-start-why { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgb(201, 219, 184, .45) !important; } .content-start-service { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgb(108, 152, 35, .45) !important; } .content-start-work { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgb(71, 146, 255, .45) !important; } .content-start-step { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgb(69, 69, 69, .45) !important; } .content-start-journal { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgb(161, 161, 170) !important; } .content-start-trust { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgb(225, 203, 158, .45) !important; } .content-start-shop { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgba(121, 189, 253, .45) !important; } .content-service { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgb(108, 152, 35, .55) !important; } .content-landing-webdesign, .content-service-webdesign, .content-service-webapp { margin: 220px 0 220px 0; background-color: rgb(62, 71, 93, .55); } .content-service-wp, .content-landing-wordpress, .content-service-wordpress { margin: 220px 0 220px 0; background-color: rgb(29, 93, 167, .55); } .content-landing-e-commerce, .content-service-e-commerce { margin: 220px 0 220px 0; background-color: rgb(130, 52, 212, .55) !important; } .content-service-onpage-seo, .content-service-onpage, .content-service-seo { margin: 220px 0 220px 0 !important; padding: 330px 0 275px !important; background-color: rgb(118, 125, 124, .55) !important; } .content-landing-digital, .content-service-digital, .content-service-digiservice { margin: 220px 0 220px 0; background-color: rgb(71, 146, 255, .55); } .content-landing-nextcloud, .content-service-nextcloud { margin: 220px 0 220px 0; background-color: rgb(72, 88, 71, .55); } .content-landing-design, .content-landing-grafik, .content-service-grafik, .content-service-design { margin: 220px 0 220px 0; background-color: #F6A48B; } .content-shop { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: var(--color2) !important; } .content-shop-start { padding: 110px 0 275px 0 !important; background-color: var(--color3) !important; } .content-shop-content { margin: 0; padding: 0 0 55px 0 !important; } .content-shop-top .ux-shape-divider--top { top: -1px; transform: rotate(180deg); fill: transparent !important; fill-opacity: 0 !important; } .content-shop-info { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgba(238, 136, 28, .4); } .content-shop-import { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: #cacaca; } .content-produkt-start { padding: 110px 0 220px 0 !important; background-color: var(--color3) !important; } .content-produkt-beschreibung { margin: 0 0 220px 0; padding: 220px 0 275px 0 !important; background-color: #AED489; } .content-product-info { margin: 120px 0 0 0; padding: 220px 0 220px 0 !important; background-color: rgba(17, 17, 20, .2) !important; } .banner-basic-produkt .ux-shape-divider .ux-shape-fill { fill: #ced4da !important; } .banner-basic-shop .ux-shape-divider .ux-shape-fill { fill: rgb(131, 208, 255) } .content-shop-start .ux-shape-divider .ux-shape-fill { fill: rgb(131, 208, 255) !important; } .content-shop-top { background-color: rgb(131, 208, 255) !important; padding: 110px 0 220px 0 !important; position: relative; top: -1px !important } .content-shop-marketing { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgb(118, 125, 124, .55) !important; } .content-shop-wordpress { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgb(29, 93, 167, .55); } .content-about, .content-agentur-about { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: #ced4da !important; } .content-agentur-info { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: #989B8A !important; } .content-agentur-projekte { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgb(168, 202, 249) !important; } .content-agentur-nature { margin: 220px 0; padding: 330px 0 275px !important; background-color: #bcbcbc !important } .content-agentur-nature-green { margin: 220px 0; padding: 330px 0 275px !important; background-color: #b2bf3f !important; } .content-agentur-feedback { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: #727974 !important; } .content-agentur-agile { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: #a5a5a5 !important; } .content-blog { padding: 330px 0 275px 0 !important; background-color: #A1A1AA !important; } .content-blog-code { padding: 330px 0 275px 0 !important; background-color: #A1A1AA !important; } .content-blog-design { padding: 330px 0 275px 0 !important; background-color: #A1A1AA !important; } .content-blog-self-hosted { padding: 330px 0 275px 0 !important; background-color: #A1A1AA !important; } .blog-content { margin: 0; } .content-support-faq { margin: 110px 0 110px 0; padding: 330px 0 275px 0 !important; background-color: #A7ADB3 !important; width: 65%; margin: 0 auto; } .content-landing { margin: 220px 0 220px 0; padding: 330px 0 275px 0 !important; background-color: rgba(17, 17, 20, .1) !important; } .content-support-help .ux-shape-divider--top { display: none; } .content-support-help { padding: 110px 0 275px 0 !important; background-color: #AFAFAF !important; } .banner-basic-tech .ux-shape-divider .ux-shape-fill { background-color: #AFAFAF !important; fill: #AFAFAF !important; bottom: -1px; } .content-support-info { margin: 220px 0 220px 0 !important; padding: 330px 0 275px 0 !important; background-color: #AFAFAF !important; margin: 0 auto; } .content-support-account { padding: 110px 0 275px 0 !important; background-color: #AFAFAF !important; margin: 0 auto; } .banner-basic-legal .ux-shape-divider .ux-shape-fill { background-color: #aeb0b4 !important; fill: #aeb0b4 !important; bottom: -1px; } .content-support-legal { padding: 110px 0 275px 0 !important; background-color: #aeb0b4 !important; margin: 0 auto; } .content-contact { margin: 220px 0 0px 0; padding: 330px 0 275px 0 !important; background-color: #999697; } .content-contact-icon { margin: 220px 0 220px 0; padding: 330px 0 155px 0 !important; background-color: #B6B6B6; } .content-contact-icon .ux-shape-divider--top .ux-shape-fill { fill: rgb(255, 255, 255, 0) !important; } .content-contact-adresse { margin: 0px 0 0 0; padding: 330px 0 155px 0 !important; background-color: #828282; } .content-shop-digital .ux-shape-divider .ux-shape-fill { fill: rgb(255, 255, 255, 0) !important; } .content-support-account .ux-shape-divider--top { display: none !important; } .content-tech-stack { margin: 110px 0 0 0; padding: 330px 0 275px 0 !important; background-color: var(--color3) !important; } .content-landing, .content-landing-design, .content-landing-digital, .content-landing-grafik, .content-landing-nextcloud, .content-landing-webdesign, .content-landing-woocommerce, .content-landing-e-commerce, .content-landing-wordpress { padding: 330px 0 275px 0 !important; } .content-service-design, .content-service-digital, .content-service-grafik, .content-service-nextcloud, .content-service-onpage, .content-service-webapp, .content-service-webdesign, .content-service-woocommerce, .content-service-e-commerce, .content-service-wordpress, .content-service-wp, .content-service-onpage { padding: 330px 0 275px 0 !important; } .content-service-webdesign .accordion li, .content-service-webdesign .accordion p, .content-service-webdesign .accordion-title.active, .content-service-webdesign a, .content-service-webdesign h2, .content-service-webdesign h3, .content-service-webdesign h4, .content-service-webdesign h5, .content-service-webdesign li, .content-service-webdesign p, .content-service-webdesign strong, .content-service-wordpress .accordion li, .content-service-wordpress .accordion p, .content-service-wordpress .accordion-title.active, .content-service-wordpress a, .content-service-wordpress h2, .content-service-wordpress h3, .content-service-wordpress h4, .content-service-wordpress h5, .content-service-wordpress li, .content-service-wordpress p, .content-service-wordpress strong, .content-service .accordion li, .content-service .accordion p, .content-service .accordion-title.active, .content-service a, .content-service h2, .content-service h3, .content-service h4, .content-service h5, .content-service li, .content-service p, .content-service strong, .content-service-woocommerce .accordion li, .content-service-woocommerce .accordion p, .content-service-woocommerce .accordion-title.active, .content-service-woocommerce a, .content-service-woocommerce h2, .content-service-woocommerce h3, .content-service-woocommerce h4, .content-service-woocommerce h5, .content-service-woocommerce li, .content-service-woocommerce p, .content-service-woocommerce strong, .content-service-e-commerce .accordion li, .content-service-e-commerce .accordion p, .content-service-e-commerce .accordion-title.active, .content-service-e-commerce a, .content-service-e-commerce h2, .content-service-e-commerce h3, .content-service-e-commerce h4, .content-service-e-commerce h5, .content-service-e-commerce li, .content-service-e-commerce p, .content-service-e-commerce strong, .content-service-onpage-seo .accordion li, .content-service-onpage-seo .accordion p, .content-service-onpage-seo .accordion-title.active, .content-service-onpage-seo a, .content-service-onpage-seo h2, .content-service-onpage-seo h3, .content-service-onpage-seo h4, .content-service-onpage-seo h5, .content-service-onpage-seo li, .content-service-onpage-seo p, .content-service-onpage-seo strong, .content-service-digital .accordion li, .content-service-digital .accordion p, .content-service-digital .accordion-title.active, .content-service-digital a, .content-service-digital h2, .content-service-digital h3, .content-service-digital h4, .content-service-digital h5, .content-service-digital li, .content-service-digital p, .content-service-digital strong, .content-service-grafik .accordion li, .content-service-grafik .accordion p, .content-service-grafik .accordion-title.active, .content-service-grafik a, .content-service-grafik h2, .content-service-grafik h3, .content-service-grafik h4, .content-service-grafik h5, .content-service-grafik li, .content-service-grafik p, .content-service-grafik strong { opacity: 1; } .content-service .accordion .icon-angle-down::before, .content-service-webdesign .accordion .icon-angle-down::before, .content-service-wordpress .accordion .icon-angle-down::before, .content-service-wp .accordion .icon-angle-down::before, .content-service-woocommerce .accordion .icon-angle-down::before, .content-service-e-commerce .accordion .icon-angle-down::before, .content-service-onpage-seo .accordion .icon-angle-down::before, .content-service-digital .accordion .icon-angle-down::before, .content-service-grafik .accordion .icon-angle-down::before {} .content-start-journal img { position: relative; bottom: 19px; padding-top: 40px; } .content-start-why img, .content-start-shop img { position: relative; bottom: 17px; padding-top: 40px; } .start-top h2 { font-family: "Aileron", sans-serif !important; text-transform: none !important; letter-spacing: 2px !important; font-weight: 400; line-height: 1.2 !important; font-size: 3.5rem; } .start-top p { letter-spacing: 2px !important; font-size: 2.7rem; line-height: 1.5 } .start-top a { font-size: 2.7rem; } .start-top a:hover { font-size: 2.7rem; filter: brightness(0) } .content-start-trust img { position: relative; padding-top: 32px; } @media only screen and (max-width:1024px) { .content-start-journal img, .content-start-shop img, .content-start-why img{ margin-bottom:55px; } .content-start-trust img{ margin-top:55px; } } @media screen and (max-width: 1049px) { .start-top h2 { font-size: 3rem !important; } .start-top p, .start-top a { font-size: 2.2rem !important; } } @media screen and (max-width: 849px) { .start-top h2 { font-size: 2.5rem !important; } .start-top p, .start-top a { font-size: 1.7rem !important; } } @media only screen and (max-width:549px) { .start-top h2 { font-size: 2rem !important; } .start-top p, .start-top a { font-size: 1.2rem !important; } } .message-box-bg-image { border-radius: 10px !important; } .message-box .bg-fill { background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; border-radius: 10px !important; } .message-box { border-radius: 10px !important; padding-top: 30px !important; padding-bottom: 30px !important; padding-right: 30px !important; margin-top: 2rem; height: 440px !important; } .message-box p { color: var(--color1) !important; opacity: 1 !important; margin: 0 0 5px 0 !important } .message-box h2, .message-box h3 { padding-top: 15px !important; color: var(--color1) !important; opacity: 1 !important; margin: 0 0 15px 0 !important } .message-box a { color: var(--color1) !important; opacity: 1 !important } .message-box.dark { background-color: #ffffff; margin: 0 0 15px 0 !important; } .message-box .col, .message-box .col-inner, .message-box .row { padding-bottom: 0 !important; padding-top: 0 !important } .message-box.dark { transition: filter 2.3s, transform .4s, opacity .4s, border .2s, background-color 1.4s !important; filter: contrast(1.3) brightness(.75); } .message-box.dark:hover { transition: filter 2.3s, transform .4s, opacity .4s, border .2s, background-color .4s !important; filter: contrast(1.75) brightness(1.4) !important; } .df-ui-nav { opacity: .5!important; height: 100px; font-size: 26px!important; font-weight: 100 !important; filter: invert(2) brightness(.4); } .df-ui-nav:hover { opacity: 1 } .df-ui-nav .df-ui-btn:before { filter: drop-shadow(0 0 0px rgb(0, 0, 0))!important; } .df-ui-nav.df-ui-next { right: -10px!important; } .df-ui-nav.df-ui-prev { left: -10px!important; right: auto; border-radius: 0; } .glossary-search-term, .nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content textarea input[type=email], .ninja-forms-field, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, 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 { border: 2.5px solid rgb(161, 161, 170, .6) !important; height: 2.9em !important; transition: filter 1.6s, opacity 1.8s, border .8s, background-color 1.8s !important; background: var(--color2) !important; border-radius: 0 !important; box-shadow: inset 0 -1.8em 1em 0 transparent; color: var(--color7) !important; transition: all .5s !important; border-radius: 16px !important; } .glossary-search-term:active, .nf-form-content .list-select-wrap .nf-field-element>div:active, .nf-form-content textarea:hover input [type=email]:active, .ninja-forms-field:active, .select-resize-ghost:active, .select2-container .select2-choice:active, .select2-container .select2-selection:active, input [type=date]:active, input [type=password]:active, input [type=tel]:active, input [type=text]:active, input [type=url]:active, input[type=date]:active, input[type=email]:active, input[type=number]:active, input[type=password]:active, input[type=search]:active, input[type=tel]:active, input[type=text]:active, input[type=url]:active, select:active, textarea:active { background-color: #1f1f1f !important; color: var(--color1) !important; border: 2.5px var(--red) solid !important; height: 2.9em !important; transition: filter .3s, transform .4s, opacity .4s, border .2s, background-color .4s !important; filter: invert(.6) !important; border-radius: 16px !important; } .glossary-search-term:hover, .nf-form-content .list-select-wrap .nf-field-element>div:hover, .nf-form-content textarea:hover input [type=email]:hover, .ninja-forms-field:hover, .select-resize-ghost:hover, .select2-container .select2-choice:hover, .select2-container .select2-selection:hover, input [type=date]:hover, input [type=password]:hover, input [type=tel]:hover, input [type=text]:hover, input [type=url]:hover, input[type=date]:hover, input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover, select:hover, textarea:hover { background-color: var(--color3) !important; color: var(--color11) !important; border: 2.5px var(--blue) solid !important; height: 2.9em !important; transition: filter .3s, transform .4s, opacity .4s, border .2s, background-color .4s !important; border-radius: 16px !important; } .woocommerce-form__input-checkbox[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; height: 1.6em !important; line-height: 1 !important; height: 26px; width: 26px; border-radius: 2px !important; border: 3px solid var(--red) !important; display: inline-flex; } input[type=checkbox], input[type=checkbox]:hover { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; height: 1.6em !important; line-height: 1 !important; height: 26px; width: 26px; border-radius: 2px !important; border: 3px solid var(--white); display: inline-flex; } input[type=checkbox]:checked { background: var(--color8); height: 1.6em !important; } input[type=checkbox]:checked { background-color: var(--red); position: relative; height: 26px !important; width: 26px !important; border-radius: 40px 40px 40px 40px; border: 3px solid var(--red); height: 1.6em !important; } input[type=radio] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; line-height: 1.3; height: 26px; width: 26px; border-radius: 2px !important; border: 3px solid var(--red); display: inline-flex; position: relative; height: 1.6em !important; } input[type=radio]:checked { background: var(--color1); height: 1.6em !important; } input[type=radio]:checked { background-color: var(--red); position: relative; height: 26px; width: 26px; border-radius: 40px 40px 40px 40px; border: 2.5px solid var(--red); height: 1.6em !important; } input[type=number] { font-size: .98em; height: 1.6em !important; } .nf-error.field-wrap .nf-field-element::after { background: var(--red) !important; color: var(--white); font-family: FontAwesome; font-size: 20px; content: "\f12a"; position: absolute; top: 2px !important; right: 1px; bottom: 1px; height: 42px !important; width: 50px; line-height: 50px; text-align: center; transition: all .5s; } .comment-form input[type=checkbox] { position: relative; top: 12px; left: -4px; } .checkbox-wrap .nf-field-element label:after, .checkbox-wrap .nf-field-label label:after, .listcheckbox-wrap .nf-field-element label:after, .listcheckbox-wrap .nf-field-label label:after { border: 2px solid var(--red) !important; content: ""; width: 18px; height: 18px; position: absolute; left: -28px; top: 2px !important; bottom: 0; } .checkbox-wrap .nf-field-element label:before, .checkbox-wrap .nf-field-label label:before, .listcheckbox-wrap .nf-field-element label:before, .listcheckbox-wrap .nf-field-label label:before { color: var(--red) !important; content: "\f00c"; font-family: FontAwesome; font-size: 24px; position: absolute; bottom: 0; z-index: 2; top: 20px; } #order_review .wc-gzd-checkbox-placeholder p.form-row, .woocommerce-form__label-for-checkbox { position: relative; left: -5px; top: 2px; float: none; padding: 0; text-align: left; line-height: 1.15; } .woocommerce-form__label-for-checkbox { padding-bottom: .2rem !important; } .woocommerce-form__input-checkbox { position: relative; top: 10px !important; } .woocommerce-invalid input.input-checkbox { outline: 0 solid var(--red) !important; outline-offset: 1px; height: 1.6em !important; } .lightbox-content .legal .woocommerce-gzd-reg_data_privacy-checkbox-text { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-size: 1.2rem; color: #5a5a5f !important; letter-spacing: -1px !important; margin-bottom: 3rem; } .wc-gzd-checkbox-placeholder-reg_data_privacy input, .woocommerce-form__input-checkbox input { position: relative; top: 20px !important; } .wpcf7 p { margin-bottom: 0px !important } .wpcf7-submit { margin-bottom: 55px !important } .product-subtotal { text-align: right !important; } .page-id-728736 h4 { color: #6d6d6d !important; font-size: 1.6rem !important; opacity: 1 !important; } .page-id-728736 h5 { color: #6d6d6d !important; font-size: 1.6rem !important; opacity: 1 !important; } .page-checkout button#place_order, .woocommerce-form-row .button, .woocommerce-form-row .page-checkout button, .glossary-search, #main p a.anfrage, .anfrage, .woocommerce-Button, .woocommerce-form-login .button, .woocommerce-form-register__submit, input[type=button].button, input[type=reset].button, input[type=submit], input[type=submit].button a.woocommerce-form-register__submit, p.anfrage { position: relative; color: var(--color1) !important; font-size: 1.4rem !important; font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline !important; cursor: pointer !important; background: linear-gradient(var(--color10) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s !important; padding: 12px 30px !important; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; word-wrap: break-word !important; border-bottom: solid 3px var(--white) !important; background-color: var(--red) !important; border-radius: 99px !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 1em !important; min-height: 1em !important; height: 2.3em !important; } .page-checkout button#place_order:hover, .woocommerce-form-row .button:hover, .woocommerce-form-row .page-checkout button:hover, .glossary-search:hover, #main p a.anfrage:hover, .anfrage:hover, .woocommerce-Button:hover, .woocommerce-form-login .button:hover, .woocommerce-form-register__submit:hover, input[type=button].button:hover, input[type=reset].button:hover, input[type=submit].button:hover a.woocommerce-form-register__submit:hover, input[type=submit]:hover, p.anfrage:hover { background-color: var(--color2) !important; --p: 100% !important; color: var(--color1) !important; border-bottom: solid 3px var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .button, button { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; } #main input[type=checkbox], input[type=radio] { font-size: 16px; margin-right: 30px !important; position: relative !important; top: 0px !important; } .wpcf7-submit { position: relative; top: 28px !important; } #main p a { position: relative; color: var(--color8); z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--black) 0 0) var(--p, 0)/var(--p, 0) no-repeat; transition: .6s, background-position 2s; padding: 2px 4px 2px 4px; word-wrap: break-word; border-bottom: solid 3px var(--black); background-color: rgb(35 49 63 / 6%); } #main p a:hover { background-color: var(--red); --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--blue); } #main li a { position: relative; color: var(--color8); z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--black) 0 0) var(--p, 0)/var(--p, 0) no-repeat; transition: .6s, background-position 2s; padding: 2px 4px 2px 4px; word-wrap: break-word; border-bottom: solid 3px var(--black); background-color: rgb(35 49 63 / 6%); } #main li a:hover { background-color: var(--red); --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--blue); } #main strong a { position: relative; color: var(--color8); font-weight: 500; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--black) 0 0) var(--p, 0)/var(--p, 0) no-repeat; transition: .6s, background-position 2s; padding: 2px 4px 2px 4px; word-wrap: break-word; border-bottom: solid 3px var(--black); background-color: rgb(35 49 63 / 6%) !important; } #main strong a:hover { font-weight: 500; background-color: var(--red); --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--blue); } #main p a.kontaktanfrage, #main p a.serviceanfrage { font-family: "PlusJakartaSans", sans-serif; position: relative; color: var(--color1); font-size: 1.4rem !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--color10) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s; padding: 12px 30px 12px 64px; word-wrap: break-word; border-bottom: solid 3px var(--color11); background-color: var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 1.2em !important; min-height: 1em !important; } .page-id-728736 #main p a.kontaktanfrage { font-family: "PlusJakartaSans", sans-serif; border-bottom: solid 3px var(--color1) !important; } #main p a.kontaktanfrage:hover, #main p a.serviceanfrage:hover { background-color: var(--color2); --p: 100%; color: var(--color1); border-bottom: solid 3px var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } #main p a.kontaktanfrage::after, #main p a.serviceanfrage::after { content: ""; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); position: absolute; left: 32px; top: 17px; background-repeat: no-repeat; background-position: 50% 50% !important; background-size: 100%; display: inline-table; height: 19px; width: 19px; filter: brightness(1); } #main p a.projektanfrage:hover::after, #main p a.serviceanfrage:hover:after { filter: brightness(200); } .textlink a { position: relative; letter-spacing: 2px; color: var(--color11) !important; font-weight: 500; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--white) 0 0) var(--p, 0)/var(--p, 0) no-repeat; transition: .6s, background-position 2s; padding: 2px 1px 2px 1px; word-wrap: break-word; background-color: transparent !important; border-bottom: solid 2px var(--black) !important; background-image: linear-gradient(#191919, #111); background-position: 0 4rem; background-size: 3px 3px; background-repeat: repeat-x; transition: all 1150ms ease-out; border-radius: 0px } .textlink a:hover { background-color: var(--white) !important; --p: 0% !important; background-image: linear-gradient(to top, #1c1b1b, #111 7%, #222 7%, #000); background-position: 0 0; background-size: 100% 100%; color: #ffffff !important; padding: .1rem 2rem; border-bottom: solid 2px var(--blue) !important; border-radius: 3px; transition: all 300ms ease-out; filter: brightness(1.25); } .textlink a:active { background-image: linear-gradient(to top, #1c1b1b, #111 7%, #222 7%, #000); border-radius: 3px } a.support { font-family: "PlusJakartaSans", sans-serif; position: relative; color: var(--color1); font-size: 1.4rem !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--color10) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s !important; word-wrap: break-word !important; border-bottom: solid 3px var(--color1) !important; background-color: var(--blue) !important; transition: .6s, background-position 2s; padding: 12px 30px 12px 30px; word-wrap: break-word; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 1em !important; min-height: 1em !important; height: 2em !important; } a.support:hover { background-color: var(--color2) !important; --p: 100%; color: var(--white) !important; border-bottom: solid 3px var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } a.support-box { font-family: "PlusJakartaSans", sans-serif; position: relative; color: var(--color1) !important; font-size: 1.4rem !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--color10) 0 0) var(--p, 0) / var(--p, 0) no-repeat !important; transition: .6s, background-position 2s !important; word-wrap: break-word !important; border-bottom: solid 3px var(--color1) !important; background-color: var(--blue) !important; transition: .6s, background-position 2s !important; padding: 12px 30px 12px 64px !important; word-wrap: break-word; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 1em !important; min-height: 1em !important; border-radius: 99px !important; } a.support-box:hover { background-color: var(--color2) !important; --p: 100%; color: var(--white) !important; border-bottom: solid 3px var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } a.support-box::after { content: ""; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); position: absolute; left: 32px; top: 17px; background-repeat: no-repeat; background-position: 50% 50% !important; background-size: 100%; display: inline-table; height: 19px; width: 19px; filter: brightness(1); } a.support-box:hover::after, a.support-box:hover:after { filter: brightness(200); } a.support-kontakt { font-family: "PlusJakartaSans", sans-serif; position: relative; color: var(--color1); font-size: 1.4rem !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--color10) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s !important; word-wrap: break-word !important; border-bottom: solid 3px var(--color1) !important; background-color: var(--red) !important; transition: .6s, background-position 2s; padding: 12px 30px 12px 64px; word-wrap: break-word; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 1em !important; min-height: 1em !important; height: 2em !important; } a.support-kontakt:hover { background-color: var(--color2) !important; --p: 100%; color: var(--white) !important; border-bottom: solid 3px var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } a.support-kontakt::after { content: ""; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); position: absolute; left: 32px; top: 17px; background-repeat: no-repeat; background-position: 50% 50% !important; background-size: 100%; display: inline-table; height: 19px; width: 19px; filter: brightness(1); } a.support-kontakt:hover::after, a.support-kontakt:hover:after { filter: brightness(200); } a.registry { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; border-bottom: solid 3px var(--color1) !important; } a.registry:hover { background-color: var(--color2); --p: 100%; color: var(--color1); border-bottom: solid 3px var(--red); border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } a.registry::after { content: ""; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); position: absolute; left: 32px; top: 16px; background-repeat: no-repeat; background-position: 50% 50% !important; background-size: 100%; display: inline-table; height: 19px; width: 19px; filter: brightness(1); } a.registry:hover::after, a.registry:hover:after { filter: brightness(200); } .bb-login-description { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 400 !important; font-size: .9rem !important; color: var(--color7) !important; letter-spacing: 1px !important; padding-bottom: .6rem !important; text-transform: none; } .bb-login-description a { color: var(--black) !important; border-bottom: 2px solid #000 !important } .bb-login-description a:hover { color: var(--color11) !important; } #login-form-popup button, .comment-form .submit, .lightbox-content button, .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit], .support-select-login .support-reg.button { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; font-size: 2.2rem !important; color: var(--color11) !important; letter-spacing: -1px !important; text-transform: none !important; width: 100% !important; max-width: 100%; display: inline-block; line-height: 1.2em !important; min-height: 1em !important; margin-top: 2rem !important; margin-bottom: 3rem !important; padding: 12px 30px !important; padding-top: unset !important; padding-bottom: unset !important; border-radius: 99px !important; opacity: 1 !important; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s !important; background-color: #cbcbda !important; border: none !important; border-bottom: solid 3px var(--red) !important; opacity: 1 !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; } .widget_shopping_cart .button { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; font-size: 2.2rem !important; color: var(--color11) !important; letter-spacing: 1px !important; text-transform: none !important; width: 100% !important; max-width: 100%; display: inline-block; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; margin-top: 2rem !important; margin-bottom: 3rem !important; padding: 10px 30px !important; padding-top: 10px; padding-bottom: 10px; padding-top: unset !important; padding-bottom: unset !important; border-radius: 99px !important; opacity: 1 !important; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s !important; background-color: #cbcbda !important; border: none !important; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-bottom: solid 3px var(--red) !important; opacity: 1 !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 1.4em !important; min-height: 1.6em !important; height: 1em !important; } #login-form-popup button:hover .support-select-login .support-reg.buton:hover, .comment-form .submit:hover, .lightbox-content button:hover, .nf-form-content input[type=submit]:hover, .widget_shopping_cart .button:hover { background-color: var(--color9) !important; --p: 100%; color: var(--color11) !important; border-bottom: solid 3px var(--blue) !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; filter: invert(2000) !important; } .page-id-737783 .registry-massage { margin-left: 0px !important; margin-right: 0px !important; } .page-id-737783 .woocommerce-form-register { margin-left: 0px !important; margin-right: 0px !important; } .show-password-input, .show-password-input::after, button .show-password-input { display: none !important; overflow: hidden !important; opacity: 0 !important; } .sticky-add-to-cart__product .single_add_to_cart_button.button { width: 240px !important; } .shop-catalog .add_to_cart_button, .single_add_to_cart_button.button { position: relative; color: var(--color1) !important; font-size: 1.4rem !important; font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline !important; cursor: pointer; background: linear-gradient(var(--color10) 0 0) var(--p, 0)/var(--p, 0) no-repeat; transition: .6s, background-position 2s; padding: 12px 30px 12px 30px; word-wrap: break-word; border-bottom: solid 3px var(--color11) !important; background-color: var(--red); border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 1em !important; min-height: 1em !important; width: 100%; min-width: 100%; } .shop-catalog .add_to_cart_button:hover, .single_add_to_cart_button.button:hover { background-color: var(--color2); --p: 100%; color: var(--color1); border-bottom: solid 3px var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .cart_totals .button { display: block; border-radius: 99px !important; margin-right: 0; min-width: 100%; filter: invert(1) !important; border-bottom: solid 3px #111114 !important; } .checkout-button { font-family: "PlusJakartaSans", sans-serif; color: var(--color1) !important; background: linear-gradient(var(--color10) 0 0) var(--p, 0)/var(--p, 0) no-repeat; transition: .6s, background-position 2s; padding: 12px 30px 12px 30px; word-wrap: break-word; border-bottom: solid 3px var(--color1) !important; background-color: var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 1em !important; min-height: 1em !important; width: 100%; min-width: 100%; } .checkout-button:hover { background-color: var(--color2) !important; --p: 100% !important; color: var(--white) !important; border-bottom: solid 3px var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } a.product-support { font-family: "PlusJakartaSans", sans-serif; position: relative !important; color: var(--blue) !important; font-size: 1.4rem !important; font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: block !important; cursor: pointer !important; background: linear-gradient(var(--blue) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s !important; padding: 12px 30px 12px 30px !important; word-wrap: break-word !important; border-bottom: solid 3px var(--color8) !important; background-color: var(--white) !important; border-radius: 99px !important; box-shadow: inset 0 9px 12px rgba(165, 165, 165, .2) !important; line-height: 1em !important; min-height: 1em !important; min-width: 100% !important; } a.product-support:hover { background-color: var(--color2); --p: 100%; color: var(--color1); border-bottom: solid 3px var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .widget_shopping_cart .woocommerce-mini-cart__buttons .button { font-family: "PlusJakartaSans", sans-serif !important; position: relative; color: var(--color1) !important; font-size: 1.4rem !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline !important; cursor: pointer !important; background: linear-gradient(var(--color10) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s !important; padding: 8px 0 8px 0 !important; word-wrap: break-word !important; border-bottom: solid 3px var(--color11) !important; background-color: var(--red) !important; border-radius: 99px !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 1.2em !important; min-height: 1em !important; height: 2em !important; width: 48% !important; margin-right: 13px; display: inline-block !important; } .widget_shopping_cart .woocommerce-mini-cart__buttons .button:hover { background-color: var(--color2) !important; --p: 100% !important; color: var(--color1) !important; border-bottom: solid 3px var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout { font-family: "PlusJakartaSans", sans-serif; background-color: var(--blue) !important; color: var(--color11) !important; filter: invert(10) !important; border-bottom: solid 3px var(--color1) !important; } .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout:hover { color: var(--color11) !important; filter: invert(10) !important; } .widget_shopping_cart .woocommerce-mini-cart__buttons .wc-forward { font-family: "PlusJakartaSans", sans-serif; color: var(--color11) !important; border-bottom: solid 3px var(--color1) !important; position: relative; right: 0; } .widget_shopping_cart .woocommerce-mini-cart__buttons .wc-forward:hover { color: var(--color1) !important; border-bottom: solid 3px var(--color1) !important; position: relative; right: 0; } @media only screen and (max-width:768px) { .widget_shopping_cart .woocommerce-mini-cart__buttons .button { font-size: 1.4rem !important; font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline !important; cursor: pointer !important; line-height: 1.2em !important; min-height: 1em !important; height: 2em !important; width: 100% !important; margin-right: 13px; display: inline-block !important; margin-top: 10px !important; margin-bottom: 10px !important; } } .widget_shopping_cart a.icon-remove, .widget_shopping_cart a.remove { background-color: transparent !important; border: 0 solid var(--color10) !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-size: 33px 33px; background-repeat: no-repeat; max-width: 100% !important; max-height: 100% !important; width: 33px; height: 33px; position: absolute !important; font-size: 0 !important; top: 0 !important; transition: scale 1.3s ease; transform: scale(.55); transition: transform 1.4s, opacity 1.4s; opacity: 1 !important; } .widget_shopping_cart a.icon-remove:hover, .widget_shopping_cart a.remove:hover { border-radius: none; background-color: transparent !important; border: 0 solid var(--color10) !important; transition: color 2.5s ease, opacity 1.5s ease, scale .6s ease; background-size: 33px 33px; background-repeat: no-repeat; font-size: 0 !important; max-width: 100% !important; max-height: 100% !important; width: 33px; height: 33px; transition: transform .4s, opacity .4s; transform: scale(1); opacity: 1 !important; } .product-remove, a.icon-remove, a.remove { font-size: 20px !important; height: 24px; text-align: center; width: 24px; filter: brightness(0) !important; } .product-remove:hover, a.icon-remove:hover, a.remove:hover { font-size: 20px !important; height: 24px; line-height: 18px !important; font-weight: 100; text-align: center; width: 24px; filter: brightness(.4) !important; } .account-login-inner .woocommerce-LostPassword { position: relative; top: -180px; } .account-login-inner .woocommerce-LostPassword a { font-family: "PlusJakartaSans", sans-serif; color: var(--color1) !important; background: linear-gradient(var(--color1) 0 0) var(--p, 0)/var(--p, 0) no-repeat; transition: .6s, background-position 2s; padding: 2px 4px 2px 4px !important; word-wrap: break-word; border-bottom: solid 3px var(--white) !important; background-color: #070605 !important; border-radius: 1px; filter: invert(200) brightness(); } .account-login-inner .woocommerce-LostPassword a:hover { background-color: var(--color2) !important; --p: 100%; color: var(--color11) !important; border-bottom: solid 3px var(--blue) !important; border-radius: 1px; } .woocommerce-lost-password .my-account { font-family: "PlusJakartaSans", sans-serif; } .page-template-page-my-account-php #customer_login, .woocommerce-lost-password #customer_login { padding-top: 165px !important; } .woocommerce-account h1 { color: var(--white); } .woocommerce-LostPassword a { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; font-size: 18px; font-weight: 500 !important; opacity: 1 !important; color: var(--color1) !important; } .lost_password { top: -7rem; float: right; position: relative; } #main .lost_password a, .woocommerce-LostPassword a { font-family: "PlusJakartaSans", sans-serif; color: var(--color1) !important; background: linear-gradient(var(--color1) 0 0) var(--p, 0)/var(--p, 0) no-repeat; transition: .6s, background-position 2s; padding: 2px 4px 2px 4px !important; word-wrap: break-word; border-bottom: solid 3px var(--white) !important; background-color: #070605 !important; border-radius: 1px; filter: invert(200) brightness(); } .page-id-737637 .account-login-inner .woocommerce-LostPassword { margin-top: 5rem !important; } #main .lost_password a:hover { background-color: var(--color2) !important; --p: 100%; color: var(--color11) !important; border-bottom: solid 3px var(--blue) !important; border-radius: 1px; } .page-template-page-my-account-php #customer_login, .woocommerce-lost-password #customer_login { font-family: "PlusJakartaSans", sans-serif; padding-top: 165px !important; } .button.secondary:not(.is-outline) { font-family: "PlusJakartaSans", sans-serif; color: var(--color10); border-radius: 1px; padding: 0 4px !important; border-bottom: solid 3px var(--color10) !important; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat; transition: .6s, background-position 2s; word-wrap: break-word; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .button.secondary:not(.is-outline):hover { background-color: var(--color10); transform: translateY(-6px); --p: 100%; color: var(--color1); border-radius: 1px !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .button.secondary:not(.is-outline) .icon-angle-right { font-family: "PlusJakartaSans", sans-serif; width: 1.4rem; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .button.secondary:not(.is-outline) .icon-angle-right:hover { width: 1.4rem; filter: brightness(0) invert(1); box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline { font-family: "PlusJakartaSans", sans-serif; color: var(--color11); background-color: transparent; border-radius: 0; border-left: solid 1px var(--color11); border-right: solid 1px var(--color11); border-top: solid 1px var(--color11); border-bottom: solid 1px var(--color11); box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .button.is-outline:hover { color: var(--color11); background-color: var(--white); } .woocommerce_checkout_place_order { font-family: "PlusJakartaSans", sans-serif; font-size: 1.2em; border-radius: 99px !important; background-color: var(--color8) !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .button.is-shade { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; margin: .2rem !important; font-size: 1.4rem !important; letter-spacing: 1.5px !important; text-transform: none; background-color: var(--color10) !important; color: var(--color1) !important; text-transform: none !important; border-bottom: solid 3px var(--red) !important; transition: .6s, background-position 2s; padding: 12px 30px; border-radius: 99px; opacity: 1 !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 1em !important; min-height: 1em !important; height: 2.3em !important; } .button.is-shade:hover { background-color: #000 !important; color: var(--color1) !important; border-bottom: solid 3px var(--color8) !important; box-shadow: none !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; filter: invert(200); } .is-shade::after { box-shadow: none !important; } .button.is-bevel { font-family: "PlusJakartaSans", sans-serif; background-color: var(--red) !important; transition: .6s, background-position 2s; color: var(--color1) !important; border-top: solid 0px var(--color10) !important; border-left: solid 0px var(--color10) !important; border-right: solid 0px var(--color10) !important; border-bottom: solid 3px var(--color10) !important; border-radius: 99px !important; padding: 10px 28px 10px 28px; font-size: 1.6rem !important; letter-spacing: 0px !important; font-weight: 500 !important; letter-spacing: 0; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 1em !important; min-height: 1em !important; height: 2em !important; } .button.is-bevel:hover { background-color: var(--color10) !important; border-top: solid 0px var(--color10) !important; border-left: solid 0px var(--color10) !important; border-right: solid 0px var(--color10) !important; border-bottom: solid 3px var(--red) !important; transition: .6s, background-position 2s; opacity: 1; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .is-bevel, .is-gloss, .is-shade { overflow: hidden; } .is-bevel:after, .is-gloss:after, .is-shade:after { box-shadow: inset 0 1.2em 0 0 hsla(0, 0%, 100%, 0) !important; content: ""; height: 100%; left: -25%; position: absolute; top: 0; width: 150%; } .is-shade:after { box-shadow: inset 1px 1px 0 0 hsla(0, 0%, 100%, 0), inset 0 2em 15px 0 hsla(0, 0%, 100%, 0) !important; } .is-bevel:after { box-shadow: inset -.01em -.1em 0 0 transparent !important; left: 0; width: 100%; } .email-white { font-family: "PlusJakartaSans", sans-serif; font-size: 2rem !important; letter-spacing: -2px; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .3s, background-position .5s !important; word-wrap: break-word; border-bottom: solid 3px var(--color10) !important; background-color: var(--color2) !important; border-radius: 99px !important; color: var(--color10) !important; padding: 4px 1.4rem 4px 1.4rem; opacity: 1 !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; font-weight: 500 !important; line-height: 1.2em !important; min-height: 1em !important; } .email-white:hover { background-color: var(--color11) !important; --p: 0% !important; color: var(--color1) !important; opacity: 1 !important; border-bottom: solid 3px var(--red) !important; box-shadow: unset !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .email-white.button.is-outline, .white.button.is-outline { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; letter-spacing: 0px; text-transform: uppercase; font-size: 1.4rem !important; color: var(--color1) !important; text-align: center; word-wrap: break-word; padding: 12px 20px 12px 20px !important; margin: 0 4px 4px 0 !important; text-decoration: none; border: 2px solid var(--color2) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 3px solid var(--color1) !important; border-bottom: 3px solid var(--color2) !important; background: rgb(0 0 0 / 30%) !important; border-radius: 99px !important; } .email-white.is-outline:hover, .white.is-outline:hover { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; letter-spacing: 0px; text-transform: uppercase; font-size: 2rem !important; color: var(--color11) !important; word-wrap: break-word; padding: 12px 20px 12px 20px !important; margin: 0 4px 4px 0 !important; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 2px solid var(--color2) !important; border-bottom: 2px solid var(--color2) !important; background-color: rgb(248 249 250 / 100%) !important; filter: invert(1) } .email-white.is-link, .email-white.is-outline, .email-white.is-underline, .white.is-link, .white.is-outline, .white.is-underline { font-family: "PlusJakartaSans", sans-serif; background-color: transparent !important; color: var(--color1) !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; font-weight: 500 !important; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; } .icon-angle-up::before { content: ""; transform: rotate(-90deg); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat !important; background-size: 90px 90px !important; background-position: 50% 50% !important; position: relative; top: 5px; height: 110px !important; font-size: unset !important; display: inline-table !important; min-height: 78px !important; min-width: 110px !important; filter: invert(2) brightness(.4) } #top-link, #top-link a { border: solid 0px var(--blue) !important; border-radius: 50px !important; bottom: 115px !important; right: 15px !important; transition: 2s, background-position 2s; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat; box-shadow: inset 0 9px 12px rgba(255, 255, 255, 0) !important; z-index: 9000000 !important; } #top-link:hover { border-radius: 50px !important; bottom: 135px !important; right: 15px !important; background-color: rgb(255 255 255 / 0%) !important; transition: 2s, background-position 2s; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat; box-shadow: inset 0 9px 112px rgba(255, 255, 255, 0) !important; z-index: 9000000 !important; filter: invert(0.1) brightness(.3); transform: scale3d(1.2) } .my-account { margin: 0 auto; margin-top: 0; background-color: transparent !important; z-index: 9999; } .my-account .container { margin: 0 auto; margin-bottom: 220px; } .my-account h1 { display: none; } .my-account .container .medium-text-center { margin: 0 auto; margin-bottom: 55px; } .my-account::before { content: ""; background-image: url('data:image/svg+xml,'); background-size: 100% 100% !important; height: 100px; width: 100% !important; min-width: 100% !important; bottom: 0; position: absolute; background-repeat: no-repeat !important; background-size: cover; z-index: 5; } .my-account .pay-icon .col { position: relative; padding-top: 0; bottom: 0 !important; } .my-account-header .page-title-inner { min-height: 60px; height: 250px; padding-bottom: 20px; padding-top: 286px; z-index: 99; } @media (min-height:500px) { .cart-popup-inner--sticky { min-height: auto !important; } } .registry-massage p { margin-left: 5px; margin-right: 5px; margin-bottom: 0 !important; } .login .icon-box svg { filter: brightness(4) !important; } .columns, .gallery-item, .lightbox-content, .off-canvas-left .mfp-content, .off-canvas-right .mfp-content { background-color: var(--color1) !important; border: 2.5px solid var(--red) !important; border-left: 2.5px solid var(--blue) !important; border-bottom: 2.5px solid var(--blue) !important; font-family: "Aileron", sans-serif !important; font-weight: 400 !important; text-transform: uppercase !important; font-style: normal; border-radius: 1px; padding: 35px 39.6px 55px 39.6px !important; max-width: 875px !important; margin: 0 auto; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, .15); box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, .15); position: relative; background-color: var(--color1) !important; border-radius: 5px; } .lightbox-content .legal a { color: #5a5a5f !important; letter-spacing: -1px !important; margin-bottom: 3rem; } .lightbox-content .legal a:hover { color: var(--red) !important; margin: 0; border: 0 solid var(--color8) !important; background: linear-gradient(0deg, #1d1d22 0, transparent 0); background-color: var(--color2); padding: 0 !important; } .nf-before-form-content { padding-top: 0 !important; padding-bottom: 25px !important; opacity: .9; font-size: 1.2rem; } .lightbox-content .col-1 { padding: 0 0 110px 0 !important; padding-top: 0; padding-right: 0; padding-bottom: 110px; padding-left: 0; } page-id-737637 .account-login-inner { padding-left: 0 !important; padding-right: 0 !important; } .page-id-737238 .form-row-first, .page-id-737238 .form-row-last { float: left; width: 100% !important; } p.form-row { margin-top: 0; margin-bottom: 0 !important; } .form-row-first { margin-right: 13px !important; } #login-form-popup .col, #login-form-popup .large-6 { flex-basis: 100% !important; max-width: 100% !important; width: 100% !important; } #login-form-popup .col, #login-form-popup .col-2 { padding: 0 !important; } #login-form-popup .account-container.lightbox-inner>.account-login-inner { padding-left: 0 !important; padding-right: 0 !important; } #login-form-popup .col:last-child p { margin-top: 0; margin-bottom: 0; } .lightbox-content .col-1 { padding: 0 40px 0 0 !important; } .lightbox-content .col-2 { padding: 0 0 0 40px !important; } .payment_methods li { margin-left: 3rem; } .payment_methods li+li { padding-top: 26px !important; } .payment_method_ppcp_googlepay, .mfp-content .payment_method_ppcp label, .mfp-content .payment_method_cpsw_stripe_element, .mfp-content .payment_method_cpsw_stripe_element label, .mfp-content .payment_method_invoice, .mfp-content .payment_method_invoice label { margin-bottom: 40px; list-style: none; margin-left: 3rem !important; list-style-image: url(//beflash.de/wp-content/themes/flatsome-child/img/list-style.png); } .payment_method_ppcp_googlepay img, .mfp-content .payment_method_ppcp img { display: none; margin-left: 0rem !important; } .payment_method_ppcp_googlepay label, .mfp-content .payment_method_ppcp label { margin-left: 2rem !important; margin-bottom: 40px !important; } #contact, .columns { max-width: 475px !important; } #contact #cnf-form-1-cont { position: relative; top: -130px !important; } #ninja_forms_required_items, .nf-field-container { clear: both; position: relative; margin-bottom: 0 !important; } #support .legally, #kontakt .legally, #anfrage .legally, #newsletter .legally { padding-top: 0rem !important; padding-bottom: 1rem !important; } #newsletter .wpcf7-list-item-label { position: relative; top: 10px; } #kontakt .legally em, #anfrage .legally em, #newsletter .legally em { font-size: 1rem !important; color: var(--color5); font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; padding-top: .2rem !important; padding-bottom: 0rem !important; font-size: .9rem !important; opacity: .85 } #kontakt ul, #anfrage ul, #newsletter ul { margin-top: .2rem !important; margin-bottom: .2rem !important; } #newsletter input[type=checkbox], #newsletter input[type=checkbox]:hover { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; height: 1.6em !important; line-height: 1 !important; height: 26px; width: 26px; border-radius: 2px !important; border: 3px solid var(--red) !important; } #support textarea, #kontakt textarea, #anfrage textarea { min-height: 160px !important; } #newsletter input[type=submit] { position: relative; top: -24px !important } .cart-popup-inner .cart-popup-title, .cart-popup-title .uppercase, .cart-popup-title>span, .lightbox-content .col:first-of-type h3, .lightbox-content h3, .lightbox-content .h3 { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; border-radius: 5px !important; text-transform: uppercase !important; font-style: normal; opacity: .85 !important; font-size: 3rem !important; color: var(--color5) !important; letter-spacing: .1px !important; margin-bottom: 1rem !important; margin-top: 1rem !important; text-align: left !important; } #login-form-popup .lightbox-content p, #login-form-popup .support-select-login .col-inner p #login-form-popup label, #login-form-popup .woocommerce-form-login__rememberme span, .cart-popup-inner p .woocommerce-gzd-reg_data_privacy-checkbox-text, .lightbox-content p, .nf-field-label .nf-label-span, .nf-field-label label, .nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label, .nf-form-content label, .woocommerce-form-login__rememberme span, form, label, legend { font-size: 1rem; letter-spacing: 0 !important; font-weight: 300 !important; margin-bottom: .3rem !important; letter-spacing: 1px !important; text-transform: none; } #comments { margin-top: 110px !important } #comments .comment-respond { background-color: transparent !important; border: 2.5px solid rgb(52, 58, 64, .1) !important; border-left: 2.5px solid var(--blue) !important; border-bottom: 2.5px solid var(--blue) !important; font-family: "Lexend Exa", sans-serif !important; color: var(--color1) !important; font-weight: 500 !important; font-style: normal; border-radius: 5px; padding: 36px 15px 0px 15px; float: left !important; width: 100% !important; margin-bottom: 110px; } #comments .comment-respond .comment-reply-title { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; text-transform: unset !important; font-style: normal; opacity: .85 !important; font-size: 2.2rem !important; color: var(--color11) !important; letter-spacing: 0px !important; margin-bottom: 1rem !important; margin-top: 1rem !important; text-align: left !important; } .comment-form>p, form { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; letter-spacing: 1px !important; text-transform: none; font-weight: 300 !important; font-size: .9rem; color: var(--color5) !important; letter-spacing: 1px !important; margin-bottom: 1rem; font-style: normal; } .comment-form label, legend { display: block; font-size: 1.3em !important; font-weight: 30; letter-spacing: 1px !important; margin-bottom: .5em; } .comment-form input[type=email], .comment-form input[type=text], .comment-form input[type=url], .comment-form textarea { background-color: var(--color1); color: var(--color10) !important; border: 2.5px rgb(17, 17, 20, .1) solid !important; height: 2.507em !important; transition: filter 1.6s, opacity 1.8s, border .8s, background-color 1.8s; } .comment-form input[type=email]:hover, .comment-form input[type=text]:hover, .comment-form input[type=url]:hover, .comment-form textarea:hover { background-color: var(--color3); color: var(--color11) !important; border: 2.5px var(--blue) solid !important; height: 2.507em !important; transition: filter .3s, transform .4s, opacity .4s, border .2s, background-color .4s; } #main .comment-form input[type=checkbox] { position: relative; top: 20px !important; left: -4px; border: 3px solid var(--red) !important; } .icon-innericon-inner { width: 100% !important; } .ur-frontend-form { margin-bottom: 0; padding: 0; box-sizing: border-box; } #ez-toc-container { background-color: transparent !important; border: 2.5px solid rgb(52, 58, 64, .1) !important; border-left: 2.5px solid #ee5c2e !important; border-top: 2.5px solid #ee5c2e !important; font-family: "PlusJakartaSans", sans-serif !important; font-size: 1rem; color: var(--color11) !important; letter-spacing: 0 !important; font-weight: 400 !important; color: #fffcfc !important; position: relative !important; font-style: normal; border-radius: 5px; padding: 95px 15px 0px 15px !important; margin: 110px 0 110px 0 !important; float: left !important; width: 100% !important; } #ez-toc-container .ez-toc-title { position: relative; top: -54px; left: 0px; text-transform: unset !important; font-style: normal; opacity: .85 !important; font-size: 2.2rem !important; color: var(--color11) !important; letter-spacing: 0px !important; margin-bottom: 1rem !important; margin-top: 1rem !important; text-align: left !important; font-weight: 400 !important; } #ez-toc-container a { font-size: 1.4rem !important; color: #222 !important; letter-spacing: -1px !important; border-bottom: 2.5px solid rgb(161 161 170 / 6%) !important; background-color: #f4f4f5 !important; background: linear-gradient(#ee5c2e 0 0) var(--p, 0) / var(--p, 0) no-repeat; transition: 5.6s, background-position 3s; padding: 2px 4px 2px 4px; } #ez-toc-container a:visited { color: #9f9f9f } #ez-toc-container a:hover { text-decoration: none !important; background-color: #a1a1aa !important; --p: 100%; color: #fff; border-bottom: 2.5px solid #222 !important; transition: 1s, background-position 1.4s; } #ez-toc-container a.ez-toc-toggle { position: relative; top: -74px; display: flex; align-items: center; background: linear-gradient(#ee5c2e 0 0) var(--p, 0) / var(--p, 0) no-repeat; background-color: transparent !important; border-bottom: none !important; } #ez-toc-container a.ez-toc-toggle:hover { position: relative; top: -74px; display: flex; align-items: center; --p: 0%; background-color: transparent !important; border-bottom: none !important; } .ez-toc-counter nav ul li a::before, .ez-toc-counter nav ul li a:hover::before { content: counters(item, '.', decimal) '. '; display: inline-block; counter-increment: item; flex-grow: 0; flex-shrink: 0; margin-right: .2em; float: left; color: #222 !important; background: linear-gradient(#ee5c2e 0 0) var(--p, 0) / var(--p, 0) no-repeat; --p: 0%; } .ez-toc-widget-container ul.ez-toc-list li::before { content: ' '; position: absolute; left: 0; right: 0; height: 30px; line-height: 30px; z-index: -1 } #ez-toc-container .ez-toc-list { position: relative; top: -48px } .ez-toc-widget-container ul.ez-toc-list li::hover { color: #222 !important; } .ez-toc-widget-container ul.ez-toc-list li.active { color: #222 !important; } .ez-toc-widget-container li.active>a { font-weight: 900 } #tt, #tt.amp-tooltip { background-color: var(--color1) !important; transition: 1s 2s height ease, 1s 0s opacity ease; } #ttcont { display: block; background-color: var(--color11) !important; opacity: 1 !important; border-radius: 2px !important; border: 1px solid var(--color11) !important; padding: 20px !important; opacity: 1 !important; color: 222 !important; overflow: auto; box-shadow: 0 0 20px rgba(102, 102, 102, 0) !important; -moz-box-shadow: 0 0 20px rgba(102, 102, 102, 0) !important; -webkit-box-shadow: 0 0 20px rgba(102, 102, 102, 0) !important; -webkit-transition: all 1s 0s ease, all 1s 0s ease; -moz-transition: all 1s 0s ease, all 1s 0s ease; -o-transition: all 1s 0s ease, all 1s 0s ease; transition: all 1s 0s ease, all 1s 0s ease; transition: opacity 1s, visibility 1s; } #ttcont .glossaryItemTitle { display: none; } #ttcont .glossaryItemBody { font-size: .9rem !important; color: var(--color1) !important; font-weight: 500 !important; } #ttcont .glossar-index { display: none !important; } #ttcont .is-outline { display: none !important; } .single-glossary .entry-content { padding-bottom: 5em !important; padding-top: 0 !important; } .glossary h2 { font-size: 3.4rem !important; margin: 0 0 30px 0; } .glossary p, .glossary ul li { color: var(--color9) !important; } .single-glossary .entry-meta { display: none !important; } .ln-letters a.ln-selected, .ln-letters a:hover { background-color: var(--red) !important; color: var(--color1) !important; } .ln-letters a.ln-after-newline, .ln-letters a.ln-first, .ln-letters a:first-child { margin-left: 0; } .ln-letters a { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; color: var(--blue) !important; border-radius: 5px; font-size: 2rem !important; display: block; float: left; padding: 10px 8px !important; background-color: rgb(255, 255, 255, .1); border: solid 1px rgb(255, 255, 255, 0) !important; background-color: rgb(255 255 255 / 70%) !important; text-decoration: none; margin-left: -1px; box-shadow: none; display: block; margin: 26px 3.25px; transition: .6s, background-position 2s; } .ln-letters a:hover { border-radius: 5px; filter: invert(1) !important } .glossary-search-wrapper, .glossary-search-helpitem { display: none } .glossary-search-wrapper { float: left } #glossary-categories { float: right } #glossary-categories, .glossary-search-wrapper { width: 100% !important; min-width: 100% !important } .cmtt_help, .glossary-search-label { display: none !important } #glossaryList { display: grid !important; height: auto !important; grid-template-columns: 19.7% 19.7% 19.7% 19.7% 19.7%; gap: 4px !important; } @media only screen and (max-width: 1450px) { #glossaryList { display: grid !important; height: auto !important; grid-template-columns: 24.7% 24.7% 24.7% 24.7%; gap: 4px !important; } } @media only screen and (max-width: 849px) { #glossaryList { display: grid !important; height: auto !important; grid-template-columns: 32.7% 32.7% 32.7%; gap: 4px !important; } } @media only screen and (max-width: 549px) { #glossaryList { display: grid !important; height: auto !important; grid-template-columns: 49.7% 49.7%; gap: 4px !important; } } #main .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail { background-size: contain; background-color: rgb(255 255 255 / 40%) !important; border-bottom: none !important; list-style: none !important; min-width: 100% !important; padding-right: 0px !important; margin-left: 0px !important; height: 330px; border-radius: 5px !important; } .cm-glossary.image-tiles ul#glossaryList { margin: 0 0px !important; } .cm-glossary.image-tiles ul#glossaryList li { position: relative; padding: 0px 0px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-bottom: 0px !important; } #main .cm-glossary.image-tiles ul#glossaryList img { background-size: cover !important; min-width: 100% !important; max-width: 100% !important; width: fit-content; margin-bottom: 0px !important; border-radius: 5px !important } #main .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail a, #main .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail a:hover { font-size: 1rem; font-weight: 300; } .cm-glossary.image-tiles .glossaryLinkCategory { transition: .6s, background-position 2s; word-wrap: break-word; border-bottom: solid 0px var(--blue) !important; font-family: "Lexend Exa", sans-serif !important; color: #fff; float: right; font-size: .8rem !important; font-weight: 900 !important; text-transform: uppercase !important; position: absolute; left: 0px !important; bottom: 300px !important; min-width: 100%; text-align: right; padding-right: 16px; } @media only screen and (min-width: 1450px) { #main .glossary-container .ln-letters a { font-size: 2.2rem !important; font-weight: 500; } } #glossaryList-nav { display: block !important; position: relative; left: 0px !important; padding-left: 0px; margin-bottom: 56px; } .cm-glossary.image-tiles a { background: transparent; transition: .6s, background-position 2s; border-bottom: solid 0px var(--blue) !important; background-color: var(--blue); line-height: 1; } #main .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail span { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; text-transform: uppercase !important; color: #ffffff !important; font-size: 1.4rem; padding: 10px; line-height: 1 !important; letter-spacing: 0px; position: absolute; z-index: 999; left: 0px !important; bottom: 0px; opacity: .9; min-width: 100%; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; filter: brightness(5) !important } .cm-glossary.image-tiles .glossaryLink, .cm-glossary.image-tiles .glossaryLinkMain { position: absolute; bottom: 5px; left: 5px; display: block; right: 5px; -webkit-background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) !important; -moz-background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) !important; background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) !important; padding: 5px 5px; } #glossaryList li.cmtt-has-thumbnail { list-style: none; padding-left: 0em !important; margin-bottom: 0em; list-style-image: unset; } #main .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail img { width: 300px; min-height: 330px !important } .cm-glossary.image-tiles .glossaryLinkCategory a, #main .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail a, #main .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail a, #main .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail img { background: transparent !important; background-color: transparent !important; transition: .6s, background-position 2s; border-bottom: solid 0px var(--blue) !important; background-color: rgb(35 49 63 / 0%) !important; border-radius: 1px; padding: unset; } .cm-glossary.image-tiles .glossaryLinkCategory, #main .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail span:hover, #main .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail a:hover, #main .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail img:hover { background: transparent !important; background-color: transparent !important; --p: 0% !important; color: var(--color1) !important; border-bottom: solid 0px var(--red) !important; border-radius: 1px; } .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail img { background-color: transparent !important; --p: 0% !important; color: var(--color1) !important; border-bottom: solid 0px var(--red) !important; border-radius: 5px; background-size: cover; border-bottom: none !important; transition-property: background; transition-duration: 4s; transition-timing-function: ease; transition-delay: 4s; z-index: 1; transition: border 1s; -webkit-transition: all 2s ease-in !important; -moz-transition: all 2s ease-in !important; -o-transition: all 2s ease-in !important; transition: all 2s ease-in !important; background-position: 50% 50%; -webkit-transition: all 2s ease-in-out !important; -moz-transition: all 2s ease-in-out !important; -o-transition: all 2s ease-in-out !important; transition: all 2s ease-in-out !important; transform: scale(1); filter: grayscale(70%) contrast(.8) brightness(.3) !important; } .cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail img:hover { background-color: transparent !important; --p: 0% !important; color: var(--color1) !important; border-bottom: solid 0px var(--red) !important; border-radius: 5px; background-size: cover; border-bottom: none !important; background-size: cover; -webkit-transition: all .3s ease-in-out !important; -moz-transition: all .3s ease-in-out !important; -o-transition: all .3s ease-in-out !important; transition: all .3s ease-in-out !important; transform: scale(1); filter: grayscale(0) contrast(1.1) brightness(1.1) !important; } .business-logo .row-small>.col, .icon-quadrat .row-small>.col { margin-bottom: 0; padding: 0 2.5px 5px !important; } .icon-quadrat img { position: relative; border-radius: 5px; width: 210px; height: 150px; margin: 0 auto; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s !important; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, transparent 0); z-index: 9; } .icon-quadrat .large-3 .img-inner { width: 100%; height: 290px; max-height: 290px; position: relative; background-color: var(--color2); align-items: center; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .consumer-ico .img-inner { background-color: var(--color11) !important; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s; border-radius: 5px !important; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; padding-top: unset !important; } .consumer-ico .has-hover:hover .img-inner { background-color: var(--red) !important; transition: filter .2s, opacity .2s, transform .2s, background-color .3s; border-radius: 5px !important; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; padding-top: unset !important; } #main .consumer-ico img { transition: all .4s ease-in-out !important; border-radius: 5px; filter: brightness(1000) grayscale(1000) contrast(2000) !important; } #main .consumer-ico .has-hover:hover img { transition: all .2s ease-in-out; transform: scale(2) !important; border-radius: 5px; filter: brightness(10000) grayscale(200000) !important; opacity: 1 !important; } #main .consumer-ico [data-animate] { opacity: 1 !important; } .webdesign-ico .img-inner { background-color: #ee5c2e !important; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s; border-radius: 5px !important; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; padding-top: unset !important; } .webdesign-ico .has-hover:hover .img-inner { background-color: var(--black) !important; transition: filter .2s, opacity .2s, transform .2s, background-color .3s; border-radius: 5px !important; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; padding-top: unset !important; } #main .webdesign-ico img { transition: all .4s ease-in-out !important; filter: brightness(1000) grayscale(1000) contrast(2000) !important; } #main .webdesign-ico .has-hover:hover img { transform: scale(2) !important; filter: brightness(10000) grayscale(200000) !important; opacity: 1 !important; } #main .webdesign-ico [data-animate] { opacity: 1 !important; } .wordpress-ico .img-inner { background-color: #23282D !important; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s; border-radius: 5px !important; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; padding-top: unset !important; } .wordpress-ico .has-hover:hover .img-inner { background-color: #079e08 !important; transition: filter .2s, opacity .2s, transform .2s, background-color .3s; border-radius: 5px !important; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; padding-top: unset !important; } #main .wordpress-ico img { transition: all .4s ease-in-out !important; filter: brightness(1000) grayscale(1000) contrast(2000) !important; } #main .wordpress-ico .has-hover:hover img { transform: scale(2) !important; filter: brightness(10000) grayscale(200000) !important; opacity: 1 !important; } #main .wordpress-ico [data-animate] { opacity: 1 !important; } .e-commerce-ico .img-inner { background-color: #2C045D !important; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s; border-radius: 5px !important; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; padding-top: unset !important; } .e-commerce-ico .has-hover:hover .img-inner { background-color: #ffa000 !important; transition: filter .2s, opacity .2s, transform .2s, background-color .3s; border-radius: 5px !important; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; padding-top: unset !important; } #main .e-commerce-ico img { transition: all .4s ease-in-out !important; filter: brightness(1000) grayscale(1000) contrast(2000) !important; } #main .e-commerce-ico .has-hover:hover img { transform: scale(2) !important; filter: brightness(10000) grayscale(200000) !important; opacity: 1 !important; } #main .e-commerce-ico [data-animate] { opacity: 1 !important; } #main .digital-ico .img-inner { background-color: #008fff !important; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; border-radius: 5px !important; padding-top: unset !important; opacity: 1 !important; overflow: unset !important; z-index: 9999 !important; position: relative; } #main .digital-ico .has-hover:hover .img-inner { background-color: #ca282e !important; transition: filter .2s, opacity .2s, transform .2s, background-color .3s; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; border-radius: 5px !important; padding-top: unset !important; } #main .digital-ico img { transition: all .4s ease-in-out !important; filter: brightness(1000) grayscale(10) contrast(2) !important; } #main .digital-ico .has-hover:hover img { transform: scale(2) !important; filter: brightness(1000) grayscale(10) contrast(2) !important; opacity: 1 !important; } #main .digital-ico [data-animate] { opacity: 1 !important; } #main .seo .img-inner { background-color: #008fff !important; border-radius: 5px !important; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; padding-top: unset !important; opacity: 1 !important; overflow: unset !important; z-index: 9999 !important; position: relative; } #main .seo .has-hover:hover .img-inner { background-color: #ca282e !important; border-radius: 5px !important; transition: filter .2s, opacity .2s, transform .2s, background-color .3s; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; padding-top: unset !important; } #main .seo img { transition: all .4s ease-in-out !important; filter: brightness(1000) grayscale(10) contrast(2) !important; } #main .seo .has-hover:hover img { transform: scale(2) !important; filter: brightness(1000) grayscale(10) contrast(2) !important; opacity: 1 !important; } #main .seo [data-animate] { opacity: 1 !important; } .design-ico .img-inner { background-color: #000 !important; border-radius: 5px !important; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; padding-top: unset !important; } .design-ico .has-hover:hover .img-inner { background-color: var(--blue) !important; border-radius: 5px !important; transition: filter .2s, opacity .2s, transform .2s, background-color .3s; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; padding-top: unset !important; } #main .design-ico img { transition: all .4s ease-in-out !important; filter: brightness(10000) grayscale(200000) !important; } #main .design-ico .has-hover:hover img { transform: scale(2) !important; filter: brightness(10) grayscale(10) contrast(2) !important; opacity: 1 !important; } #main .design-ico [data-animate] { opacity: 1 !important; } .map .ux-shape-divider--to-front { z-index: 0; } .social-mini { position: relative; top: 15px !important; z-index: 9999999999999; margin: 0 auto !important; } .social-mini .col-inner { position: absolute; padding: 2px 2px !important; margin-left: 0 !important; border-radius: 5px; z-index: 9999999999999; } .social-mini .img-inner { width: 100%; height: 110px; position: relative; background-color: var(--red); align-items: center; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s !important; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; padding-top: unset !important; opacity: 1; border-radius: 5px; } .social-mini img { position: relative; width: 55px; height: 55px; margin: 0 auto; align-items: center !important; display: -webkit-flex !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-align-items: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; background-position: center !important; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s !important; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; z-index: 9 !important; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, transparent 0); opacity: 1 !important; } .social-mini .has-hover:hover img { position: relative; width: 55px; height: 55px; margin: 0 auto; transition: filter .5s, opacity .5s, transform .5s, background-color .5s !important; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in; -o-transition: all .5s ease-in; z-index: 9 !important; transform: scale(1.1) !important; opacity: 1 !important; } .portfolio-share { margin: auto !important; text-align: center; } .portfolio-share .social-icons { color: #999; display: inline-block; font-size: 2.5em !important; vertical-align: middle; width: 100%; max-width: 100%; margin: auto; margin-bottom: 110px; } .social { padding: 220px 0 220px 0 !important; } .social .instagram .img, .social .linkedin .img, .social .pinterest .img, .social .x .img { background-color: #fff; } .social .large-3, .social-menu .large-3, .social-menu-top .large-3 .social-menu-top .large-6 { align-items: center; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 !important; } .social .instagram .img-inner, .social .linkedin .img-inner, .social .pinterest .img-inner, .social .x .img-inner, .social-menu .instagram .img-inner, .social-menu .linkedin .img-inner, .social-menu .pinterest .img-inner, .social-menu .x .img-inner { width: 100%; height: 290px !important; max-height: 290px !important; position: relative; background-color: var(--red); align-items: center; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s !important; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; padding-top: unset !important; opacity: 1; border-radius: 5px; } .social .x .img-inner:hover, .social-menu .x .img-inner:hover, .social-mini .x .img-inner:hover, .social-mini-footer .x .img-inner:hover { background-color: var(--color11) !important; background: -moz-linear-gradient(45deg, #111114 0, #111114 25%, var(--color10) 222 100%); background: -webkit-linear-gradient(45deg, #111114 0, #111114 25%, var(--color10) 222 100%); background: linear-gradient(45deg, #111114 0, #111114 25%, var(--color10) 222 100%); transition: filter .2s, opacity .2s, transform .2s, background-color .2s !important; } .social .pinterest .img-inner:hover, .social-menu .pinterest .img-inner:hover, .social-mini .pinterest .img-inner:hover, .social-mini-footer .pinterest .img-inner:hover { background-color: var(--color11) !important; background: -moz-linear-gradient(45deg, #e60023 0, #ff0026 100%); background: -webkit-linear-gradient(45deg, #e60023 0, #ff0026 100%); background: linear-gradient(45deg, #e60023 0, #ff0026 100%); transition: filter .2s, opacity .2s, transform .2s, background-color .2s !important; } .social .instagram .img-inner:hover, .social-menu .instagram .img-inner:hover, .social-mini .instagram .img-inner:hover, .social-mini-footer .instagram .img-inner:hover { background-color: var(--color11) !important; background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); transition: filter .2s, opacity .2s, transform .2s, background-color .2s !important; } .social .linkedin .img-inner:hover, .social-menu .linkedin .img-inner:hover, .social-mini .linkedin .img-inner:hover, .social-mini-footer .linkedin .img-inner:hover { background-color: var(--color11) !important; background: -moz-linear-gradient(45deg, #0a66c2 0, #208cf8 100%); background: -webkit-linear-gradient(45deg, #0a66c2 0, #208cf8 100%); background: linear-gradient(45deg, #0a66c2 0, #208cf8 100%); transition: filter .2s, opacity .2s, transform .2s, background-color .2s !important; } .social-menu-top .kontakt img { filter: brightness(0) grayscale(10) !important; opacity: 1 !important; } .social-menu-top img { position: relative; width: 135px !important; height: 135px !important; margin: 0 auto; align-items: center !important; display: -webkit-flex !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-align-items: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; background-position: center !important; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s !important; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; z-index: 9 !important; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, transparent 0); } .social img, .social-menu [class*=image-] img { position: relative; width: 110px; height: 110px; margin: 0 auto; align-items: center !important; display: -webkit-flex !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-align-items: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; background-position: center !important; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s !important; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; z-index: 9 !important; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, transparent 0); opacity: 1 !important; filter: contrast(0) brightness(100) invert(0) !important; } .social .has-hover:hover img, .social-menu .has-hover:hover img, .social-menu-top .has-hover:hover img { transition: filter .5s, opacity .5s, transform .5s, background-color .5s !important; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in; -o-transition: all .5s ease-in; z-index: 9 !important; transform: scale(1.2) !important; opacity: 1 !important; } .portfolio-share .social-button>i, .portfolio-share .social-button>span, .portfolio-share .social-icons .button.icon:hover>i, .portfolio-share .social-icons .button.icon:hover>span, .portfolio-share .social-icons .button.icon:not(.is-outline)>i, .portfolio-share .social-icons .button.icon:not(.is-outline)>span { background-color: transparent !important; color: var(--color10) !important; font-size: 2rem !important; position: relative; margin-left: auto; margin-right: auto; opacity: 1 !important; border-radius: 5px; } .portfolio-share .social-icons .button { margin-bottom: 55px; height: 6rem !important; border-radius: 4px !important; width: 110px; } .blog-share { text-align: left !important; margin-bottom: 55px; } .social-button, .social-icons .button.icon:hover, .social-icons .button.icon:not(.is-outline) { background-color: #fff !important; border-color: currentColor !important; border: solid 0 var(--color10) !important; } .blog-share .button.icon { display: inline-block; min-width: 2.6em !important; min-height: 4.6em !important; padding-left: 1.63em; padding-right: 1.63em; color: #222 !important; background: linear-gradient(#ee5c2e 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; border: none !important; opacity: 1 !important; text-align: left !important; } .blog-wrapper .blog-share .button.icon { padding-top: 20px } .social-button>i, .social-button>span, .social-icons .button.icon:hover>i, .social-icons .button.icon:hover>span, .social-icons .button.icon:not(.is-outline)>i, .social-icons .button.icon:not(.is-outline)>span { color: #222 !important; font-size: 2.2rem !important; position: relative; margin-left: .5em !important; margin-right: .5em !important; opacity: 1 !important; } .button.email:hover, .button.envelop:hover, .button.facebook:hover, .button.linkedin:hover, .button.pinterest:hover, .button.threads:hover, .button.tiktok:hover, .button.tumblr:hover, .button.x:hover { color: #ee5c2e !important; --p: 0% !important; opacity: 1 !important; } .blog-share { text-align: center !important; margin-bottom: 35px; } .blog-share .button.icon { display: inline-block; color: var(--color10) !important; border: none !important; opacity: 1 !important; text-align: left !important; } .social-button>i, .social-button>span, .social-icons .button.icon:hover>i, .social-icons .button.icon:hover>span, .social-icons .button.icon:not(.is-outline)>i, .social-icons .button.icon:not(.is-outline)>span { background-color: transparent !important; color: var(--color10) !important; font-size: 2rem !important; position: relative; margin-left: auto; margin-right: auto; opacity: 1 !important; } .button.email:hover, .button.envelop:hover, .button.facebook:hover, .button.linkedin:hover, .button.pinterest:hover, .button.threads:hover, .button.tiktok:hover, .button.tumblr:hover, .button.whatsapp:hover, .button.x:hover { background-color: transparent !important; --p: 0%; opacity: 1 !important; } .button.envelop:not(.is-outline), .button.facebook:not(.is-outline), .button.linkedin:not(.is-outline), .button.pinterest:not(.is-outline), .button.threads:not(.is-outline), .button.tiktok:not(.is-outline), .button.tumblr:not(.is-outline), .button.whatsapp:not(.is-outline), .button.x:not(.is-outline) { color: #fff !important; } .button.envelop:hover, .button.envelop:not(.is-outline) { color: transparent !important; } .button.instagram:hover, .button.instagram:not(.is-outline) { color: transparent !important; } .button.whatsapp:hover, .button.whatsapp:not(.is-outline) { color: transparent !important; } .button.twitter:hover, .button.twitter:not(.is-outline) { color: transparent !important; } .button.phone:hover, .button.phone:not(.is-outline) { color: transparent !important; } .button.rss:hover, .button.rss:not(.is-outline) { color: transparent !important; } .button.vk:hover, .button.vk:not(.is-outline) { color: transparent !important; } .button.google-plus:hover, .button.google-plus:not(.is-outline) { color: transparent !important; } .button.youtube:hover, .button.youtube:not(.is-outline) { color: transparent !important; } .button.flickr:hover, .button.flickr:not(.is-outline) { color: transparent !important; } .button.snapchat:hover, .button.snapchat:not(.is-outline) { color: transparent !important; } .button.snapchat:hover i, .button.snapchat:not(.is-outline) i { text-shadow: 0 0 6px rgba(0, 0, 0, .4); } .button.px500:hover, .button.px500:not(.is-outline) { color: transparent !important; } .button.telegram:hover, .button.telegram:not(.is-outline) { color: transparent !important; } .button.twitch:hover, .button.twitch:not(.is-outline) { color: transparent !important; } .button.discord:hover, .button.discord:not(.is-outline) { color: transparent !important; } .icon-facebook:before { content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-repeat: no-repeat !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; opacity: 1 !important; filter: brightness(0); } .icon-x:before { content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-repeat: no-repeat !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; opacity: 1 !important; filter: brightness(0); } .icon-threads:before { content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-repeat: no-repeat !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; opacity: 1 !important; filter: brightness(0); } .icon-envelop:before { content: "" !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>') !important; background-repeat: no-repeat !important; background-color: transparent !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; opacity: 1 !important; height: 32px !important; width: 32px !important; position: relative; top: 0; left: 0 !important; filter: brightness(0); } .icon-pinterest:before { content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-repeat: no-repeat !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; opacity: 1 !important; filter: brightness(0); } .icon-linkedin:before { content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-repeat: no-repeat !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; opacity: 1 !important; filter: brightness(0); } .icon-tumblr:before { content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-repeat: no-repeat !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; opacity: 1 !important; filter: brightness(0); } .icon-whatsapp:before { content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-repeat: no-repeat !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; opacity: 1 !important; filter: brightness(0); } @media only screen and (max-width:849px) { .blog-share .button.icon { display: inline-block; min-width: 1.6em !important; min-height: 2.6em !important; padding-left: .63em; padding-right: .63em; color: #222 !important; background: linear-gradient(#ee5c2e 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; border: none !important; opacity: 1 !important; text-align: left !important; } .blog-share .social-button>i, .blog-share .social-button>span, .blog-share .social-icons .button.icon:hover>i, .blog-share .social-icons .button.icon:hover>span, .blog-share .social-icons .button.icon:not(.is-outline)>i, .blog-share .social-icons .button.icon:not(.is-outline)>span { top: 2px !important; } } @media only screen and (max-width:667px) { .blog-share .button.icon { display: inline-block; min-width: 1.2em !important; min-height: 1.3em !important; padding-left: .3em; padding-right: .3em; color: #222 !important; background: linear-gradient(#ee5c2e 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; border: none !important; opacity: 1 !important; text-align: left !important; } .blog-share .social-button>i, .blog-share .social-button>span, .blog-share .social-icons .button.icon:hover>i, .blog-share .social-icons .button.icon:hover>span, .blog-share .social-icons .button.icon:not(.is-outline)>i, .blog-share .social-icons .button.icon:not(.is-outline)>span { top: 0 !important; } } .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 16777271; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; background-color: #fff !important; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { opacity: .001; -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1); transition: opacity 333ms cubic-bezier(.4, 0, .22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; transform: scale(1.4); } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000 !important; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: var(--color2) !important; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1); transition: transform 333ms cubic-bezier(.4, 0, .22, 1); } .pswp__bg { -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1); transition: opacity 333ms cubic-bezier(.4, 0, .22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; image-orientation: from-image; object-fit: contain; } .pswp__img--placeholder { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pswp__img--placeholder--blank { background: #fff; display: none; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #ccc; } .pswp__error-msg a { color: var(--red); text-decoration: underline; } button.pswp__button { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>') !important; background-repeat: no-repeat; background-position: 10px 10px !important; margin-left: 30px; background-size: 32px !important; background-origin: content-box; position: relative; z-index: 999999999999999999999999; filter: brightness(0); opacity: .65; transition: transform 450ms, opacity .8s; } button.pswp__button:focus, button.pswp__button:hover { opacity: 1; transform: scale(1.3); } button.pswp__button:active { outline: 0; opacity: .9; background-color: transparent; } button.pswp__button::-moz-focus-inner { padding: 0; border: 0; background-color: transparent; } .pswp__ui--over-close button.pswp__button--close { opacity: 1; } button.pswp__button, button.pswp__button--arrow--left:before, button.pswp__button--arrow--right:before { background: no-repeat; background-size: 44px 44px; width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:105dpi), (min-resolution:1.1dppx) { .pswp--svg button.pswp__button, .pswp--svg button.pswp__button--arrow--left:before, .pswp--svg button.pswp__button--arrow--right:before { background: no-repeat; } .pswp--svg button.pswp__button--arrow--left, .pswp--svg button.pswp__button--arrow--right { background: 0 0; } } button.pswp__button--close { opacity: 1; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>') !important; background-repeat: no-repeat; background-position: 10px 10px !important; margin-left: 30px; background-size: 32px !important; background-origin: content-box; position: relative; height: 60px; width: 60px; z-index: 999999999999999999999999; filter: brightness(0); opacity: .65; transition: transform 450ms, opacity .8s; } button.pswp__button--close:hover { opacity: 1; transform: scale(1.3); } button.pswp__button--share { background-position: -44px -44px !important; } button.pswp__button--fs { display: none; } .pswp--supports-fs button.pswp__button--fs { display: block; } .pswp--fs button.pswp__button--fs { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>') !important; background-repeat: no-repeat; background-position: 10px 10px !important; margin-left: 30px; background-size: 32px !important; background-origin: content-box; position: relative; z-index: 999999999999999999999999; filter: brightness(0); opacity: .65; transition: transform 450ms, opacity .8s; } .pswp--fs button.pswp__button--fs:hover { opacity: 1; transform: scale(1.3); } button.pswp__button--zoom { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>') !important; background-repeat: no-repeat; background-position: 10px 10px !important; margin-left: 30px; background-size: 32px !important; background-origin: content-box; position: relative; z-index: 999999999999999999999999; filter: brightness(0); opacity: .65; transition: transform 450ms, opacity .8s; } button.pswp__button--zoom:hover { opacity: 1; transform: scale(1.3); } .pswp--zoom-allowed button.pswp__button--zoom { display: block; } .pswp--zoomed-in button.pswp__button--zoom { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>') !important; background-repeat: no-repeat; background-position: 10px 10px !important; margin-left: 30px; background-size: 32px !important; background-origin: content-box; position: relative; z-index: 999999999999999999999999; filter: brightness(0); opacity: .65; transition: transform 450ms, opacity .8s; } .pswp--zoomed-in button.pswp__button--zoom:hover { opacity: 1; transform: scale(1.3); } .pswp--touch button.pswp__button--arrow--left, .pswp--touch button.pswp__button--arrow--right { visibility: hidden; } button.pswp__button--arrow--left, button.pswp__button--arrow--right { background: 0 0; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } button.pswp__button--arrow--left { display: none !important; left: 0; transform: rotate(-180deg); background-image: url('data:image/svg+xml,') !important; background-repeat: no-repeat !important; background-size: 60px !important; background-origin: content-box !important; filter: brightness(0); opacity: .65; transition: transform 450ms, opacity .8s; } button.pswp__button--arrow--left:hover { left: 0; opacity: 1; transition: transform 450ms, opacity .8s; } button.pswp__button--arrow--right { display: none !important; right: 0; transform: rotate(0); background-image: url('data:image/svg+xml,') !important; background-repeat: no-repeat !important; background-size: 60px !important; background-origin: content-box !important; filter: brightness(0); opacity: .65; transition: transform 450ms, opacity .8s; } button.pswp__button--arrow--right:hover { right: 0; opacity: 1; transition: transform 450ms, opacity .8s; } button.pswp__button--arrow--left:before, button.pswp__button--arrow--right:before { display: none !important; } button.pswp__button--arrow--left:before { display: none !important; } button.pswp__button--arrow--right:before { display: none !important; } .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(0, 0, 0, .5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; -webkit-backface-visibility: hidden; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #fff; top: 56px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25); box-shadow: 0 2px 5px rgba(0, 0, 0, .25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-backface-visibility: hidden; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: #000; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } .pswp__share-tooltip a:first-child:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #fff; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { background: #3e5c9a; color: #fff; } a.pswp__share--facebook:hover:before { border-bottom-color: #3e5c9a; } a.pswp__share--twitter:hover { background: #55acee; color: #fff; } a.pswp__share--twitter:hover:before { border-bottom-color: #55acee; } a.pswp__share--pinterest:hover { background: #ccc; color: #ce272d; } a.pswp__share--pinterest:hover:before { border-bottom-color: #ccc; } a.pswp__share--copyurl:hover, a.pswp__share--custom:hover, a.pswp__share--download:hover { background: #ddd; } a.pswp__share--copyurl:hover:before, a.pswp__share--custom:hover:before, a.pswp__share--download:hover:before { border-bottom-color: #ddd; } .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 2rem; line-height: 44px; color: #222; opacity: .75; padding: 0 10px; } .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: #bbb; } .pswp__caption__center { text-align: center; max-width: 960px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #ccc; } .pswp__caption--empty { display: none; } .pswp__caption--fake { visibility: hidden; } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { background: url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise .5s linear infinite; animation: clockwise .5s linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite; animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: 0 0; opacity: .75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: 0 0; margin: 0; } @media screen and (max-width:1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes clockwise { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; top: 60px; } .pswp__top-bar { position: absolute; left: 0; top: 10px; height: 44px; width: 100%; } .pswp--has_mouse button.pswp__button--arrow--left, .pswp--has_mouse button.pswp__button--arrow--right, .pswp__caption, .pswp__top-bar { -webkit-backface-visibility: hidden; -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1); transition: opacity 333ms cubic-bezier(.4, 0, .22, 1); } .pswp--has_mouse button.pswp__button--arrow--left, .pswp--has_mouse button.pswp__button--arrow--right { visibility: visible; } .pswp__caption, .pswp__top-bar { background-color: rgba(0, 0, 0, .5); } .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar { background-color: rgba(0, 0, 0, 0) !important; } .pswp__caption.pswp__ui--idle, .pswp__ui--idle .pswp__top-bar { opacity: .2; filter: blur(3px); } .pswp__ui--idle button.pswp__button--arrow--left, .pswp__ui--idle button.pswp__button--arrow--right { opacity: .2; filter: blur(3px); } .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden button.pswp__button--arrow--left, .pswp__ui--hidden button.pswp__button--arrow--right { opacity: .2; filter: blur(3px); } .pswp__ui--one-slide .pswp__counter, .pswp__ui--one-slide button.pswp__button--arrow--left, .pswp__ui--one-slide button.pswp__button--arrow--right { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: 0 0; } .pswp__caption__exif { margin-top: .5em; } .pswp__caption__exif:first-child { margin-top: 0; } .pswp__caption__exif_camera { padding-left: 2.5em; padding-top: .25em; padding-bottom: .25em; background-position: .5em center; background-repeat: no-repeat; background-size: 1.5em 1.5em; background: no-repeat; } .pswp__caption__exif_lens { padding-left: 2.5em; padding-top: .25em; padding-bottom: .25em; background-position: .5em center; background-repeat: no-repeat; background-size: 1.5em 1.5em; background: no-repeat; } .pswp__caption__exif_focal { padding-left: 2.5em; padding-top: .25em; padding-bottom: .25em; background-position: .5em center; background-repeat: no-repeat; background-size: 1.5em 1.5em; background: no-repeat; } .pswp__caption__exif_shutter { padding-left: 2.5em; padding-top: .25em; padding-bottom: .25em; background-position: .5em center; background-repeat: no-repeat; background-size: 1.5em 1.5em; background: no-repeat; } .pswp__caption__exif_fstop { padding-left: 2.5em; padding-top: .25em; padding-bottom: .25em; background-position: .5em center; background-repeat: no-repeat; background-size: 1.5em 1.5em; background: no-repeat; } .pswp__caption__exif_iso { padding-left: 2.5em; padding-top: .25em; padding-bottom: .25em; background-position: .5em center; background-repeat: no-repeat; background-size: 1.5em 1.5em; background: no-repeat; } .pswp__caption__exif_datetime { padding-left: 2.5em; padding-top: .25em; padding-bottom: .25em; background-position: .5em center; background-repeat: no-repeat; background-size: 1.5em 1.5em; background: no-repeat; } .footer-kontakt-big .section-content ul { border-bottom: 0px solid #ddd; padding-bottom: 0px; } .footer-kontakt-big .section-content .row-large>.col { margin-bottom: 0; padding: 0 30px 110px; } .footer-big-wrapper .section { margin-top: 9rem; padding: 40px 0px 40px 15px !important; margin-bottom: 6rem; width: 100% } .footer-kontakt-big .section-content h2 { position: relative; left: -10px; letter-spacing: 4px !important; font-size: 7rem; color: #fff !important; opacity: 1 !important; margin-bottom: 1rem !important; text-transform: uppercase !important; margin: 0 0 1px 0 !important; opacity: .1 !important } .footer-kontakt-big .section-content h2:hover { opacity: .4 !important } .footer-kontakt-big .section-content a { font-family: 'Lexend Exa', Courier, monospace !important; margin-left: 80px; color: #ffffff !important; letter-spacing: 2px; font-size: 1.2rem; line-height: 1; border-radius: 2px; text-transform: none !important; margin-bottom: 3rem !important; -webkit-transition: all .35s cubic-bezier(0.42, 0, 0.36, 1.26) !important; -moz-transition: all .35s cubic-bezier(0.42, 0, 0.36, 1.26) !important; -o-transition: all .35s cubic-bezier(0.42, 0, 0.36, 1.26) !important; transition: all .35s cubic-bezier(0.42, 0, 0.36, 1.26) !important; } .footer-kontakt-big .section-content a:hover { padding: 10px 30px 10px 70px !important; font-size: 1.2rem; color: var(--red) !important; -webkit-transition: all .2s cubic-bezier(0.42, 0, 0.36, 1.26) !important; -moz-transition: all .2s cubic-bezier(0.42, 0, 0.36, 1.26) !important; -o-transition: all .2s cubic-bezier(0.42, 0, 0.36, 1.26) !important; transition: all .2s cubic-bezier(0.42, 0, 0.36, 1.26) !important; opacity: 1; } .footer-kontakt-big .section-content p { transform: none; letter-spacing: 2px; font-size: 1.2rem; margin-bottom: 1rem !important } .footer-kontakt-big .footer-kontakt-big.form-flat button, .footer-kontakt-big .form-flat input:not([type=submit]), .footer-kontakt-big .sticky-add-to-cart--active button, .footer-kontakt-big .sticky-add-to-cart--active form { color: #aeaeae !important } .footer-kontakt-big .section-content input[type=checkbox] { height: 1.6em !important; line-height: 1 !important; height: 26px !important; width: 26px !important; border-radius: 2px !important; border: 3px solid var(--red) !important; border-radius: 2px !important; display: inline-flex !important; filter: unset !important; } .footer-kontakt-big .section-content input[type=checkbox]:hover { border: 3px solid var(--blue) !important; display: inline-flex !important; transform: scale3d(2); } .footer-kontakt-big .section-content input[type=checkbox]:checked { background-color: var(--blue) !important; position: relative !important; height: 26px !important; width: 26px !important; border-radius: 40px 40px 40px 40px; border: 3px solid var(--white) !important; height: 1.6em !important; filter: invert(1) !important; } .footer-kontakt-big .section-content input[type=email] { background-color: var(--color11) !important; border: 2.5px solid rgb(255, 255, 255, .3) !important; height: 2.9em !important; transition: filter 1.6s, opacity 1.8s, border .8s, background-color 1.8s !important; box-shadow: inset 0 -1.8em 1em 0 transparent; color: var(--color1) !important; transition: all .5s !important; opacity: 2 !important; width: 33%; border-radius: 16px !important; filter: brightness(1) !important } .footer-kontakt-big .section-content input[type=email]:hover { background-color: var(--color2) !important; color: var(--color1) !important; border: 2.5px var(--blue) solid !important; height: 2.9em !important; transition: filter .3s, transform .4s, opacity .4s, border .2s, background-color .4s !important; border-radius: 16px !important; filter: invert(100) brightness(1.3) !important } .footer-kontakt-big .section-content .wpcf7-list-item-label, .footer-kontakt-big .section-content form, .footer-kontakt-big .section-content label { font-family: "Lexend Exa", sans-serif !important; letter-spacing: 2px !important; font-size: 1.2rem; color: var(--color1) !important; letter-spacing: 0 !important; font-weight: 300 !important; font-style: normal !important; } .footer-kontakt-big .section-content ul { font-family: "Lexend Exa", sans-serif !important; font-weight: 300; letter-spacing: 1px !important; font-size: 1.2rem; opacity: .7; margin-bottom: 0em; } .footer-kontakt-big .section-content input[type=email]:active { background-color: #1f1f1f !important; color: var(--color1) !important; border: 2.5px var(--red) solid !important; height: 2.9em !important; transition: filter .3s, transform .4s, opacity .4s, border .2s, background-color .4s !important; filter: invert(.6) !important; border-radius: 16px !important; } .footer-kontakt-big .section-content ul { border-bottom: 0px solid #ddd; padding-bottom: 0px; } .footer-kontakt-big .section-content input[type=submit] { position: relative; font-family: "Lexend Exa", sans-serif !important; color: var(--color1) !important; text-transform: none; letter-spacing: 2px; font-size: 1.2rem; margin-left: 80px; opacity: 1 !important; font-weight: 300 !important; z-index: 1; text-decoration: none; display: inline !important; cursor: pointer !important; background: linear-gradient(var(--color10) 0 0) var(--p, 0) / var(--p, 0) no-repeat !important; transition: .6s, background-position 2s !important; padding: 0px 0px !important; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; word-wrap: break-word !important; border-bottom: solid 0px var(--color11) !important; background-color: var(--color11) !important; border-radius: 99px !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, 0) !important; line-height: 1em !important; min-height: 1em !important; height: 2.3em !important; } .footer-kontakt-big .section-content input[type=submit]:hover { padding: 10px 30px 10px 70px !important; color: var(--red) !important; opacity: 1 !important; } .footer-kontakt-big #newsletter .form-flat input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; height: 1.6em !important; line-height: 1 !important; height: 32px !important; width: 32px !important; border: 3px solid var(--white) !important; display: inline-flex; } .footer-logo .box-text a:not(.button) { font-size: 2rem; line-height: 1 !important; position: relative; top: 80px; margin-left: 10%; color: rgb(255 255 255 / 0%) !important; font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; text-align: left !important; font-style: normal; text-transform: none; opacity: 1; padding-left: 0 !important; text-shadow: 0 0 0 rgba(0, 0, 0, .4); border-radius: 1px; height: 0; } .footer-logo img { opacity: .3; } .footer-logo img:hover { opacity: .9; } .footer-transparent { position: relative; top: -110px !important; z-index: 999; background-color: var(--white); } #footer .sticky-section { background-color: #08080a !important; } #footer .ux-shape-divider--bottom .ux-shape-fill { fill: #181719 !important; } #footer { margin-top: 330px; } .absolute-footer, html { background-color: #181719 !important; z-index: 9; position: relative; top: 0 !important; font-size: unset; } .footer-area-two { z-index: 9999; } .footer-area-five { margin-right: 15px; } .absolute-footer { position: relative; top: 0; font-size: unset; } .footer-1 .ux-shape-divider--top svg { height: 100px; --divider-top-width: 100%; } .footer-transparent { position: relative; top: -220px !important; z-index: 999; } .footer-support { padding: 0 !important; width: 100% !important; } .footer-widgets-new { padding: 10em 0 6em 0; padding-left: 15px; padding-right: 15px; } .footer-wrapper .landing-bottom { padding: 0 0 6em 0 !important; background-color: transparent; max-width: 1490px !important; padding-left: 15px !important; padding-right: 15px !important; } .footer-wrapper .absolute-footer .footer-support { padding: 10em 0 6em 0 !important; background-color: transparent; max-width: 1490px !important; padding-left: 15px !important; padding-right: 15px !important; } .footer-1 { padding-top: 0% !important; padding-bottom: 0px !important; background-color: #181719 !important; } .footer-1 .bg, .footer-1 .container { background-position: 50% 50% !important; opacity: 1; } .footer-1 .overlay { background-color: rgba(0, 0, 0, 0) !important; } .footer-1 .ux-shape-divider--top svg { height: 100px; --divider-top-width: 100%; } .footer-1, .footer-2 { z-index: 1; } .footer-2 .widget { margin-bottom: 2.4em !important; } .footer-1 { padding: 200px 0 130px 0; } .footer-1 .widget .is-divider { display: none; } .footer-support { padding: 0 !important; width: 100% !important; } .footer-widgets-new { display: grid; grid-template-columns: 21.7% 19.8% 24.5% 20.25% 13.75%; gap: 0; } .landing-bottom { display: grid; grid-template-columns: 21.7% 19.8% 24.6% 32.9%; gap: 0; } .footer-wrapper .absolute-footer .footer-support { display: grid; grid-template-columns: 21.7% 19.8% 24.5% 20.25% 13.75% !important; gap: 0 !important; } .footer-widgets-new .area_six, .landing-bottom .area_five, .landing-bottom .area_six { display: none !important; } .menu-11-landing-regional-container { margin-top: 48px !important; } .absolute-footer .footer-primary { position: relative; padding-top: 56px !important; } .footer-secondary { position: relative; top: 4px; height: 120px; z-index: 9; } .beflash-footer-adresse .col { padding: 0 15px 0px } .footer-area ul { margin-bottom: 20px } .footer-area ul, .footer-area ul li { border-bottom: 0px solid #ddd; margin-left: 0px !important; padding-left: 0px; margin-bottom: .4em; line-height: .6; } .footer-area ul.menu>li { list-style: none; margin: 0; text-align: left; padding-left: 0 !important; line-height: 1.05; } .ux-logo-link { padding: 0px !important; margin-bottom: 2px } #footer .footer-widgets-new .has-hover [class*=image-] img { padding-left: 0px !important; opacity: .4 !important; height: 58px !important; background-color: transparent !important; background: transparent !important; background: linear-gradient(var(--red) 0 0) var(--p, 0) / var(--p, 0) no-repeat !important; -webkit-transition: all .35s cubic-bezier(0.74, -0.26, 1, 1) !important; -moz-transition: all .35s cubic-bezier(0.74, -0.26, 1, 1) !important; -o-transition: all .35s cubic-bezier(0.74, -0.26, 1, 1) !important; transition: all .35s cubic-bezier(0.74, -0.26, 1, 1) !important; transform: scale(1) !important; } #footer .footer-widgets-new .has-hover:hover [class*=image-] img { opacity: 1 !important; background-color: transparent; --p: 0% !important; -webkit-transition: all .2s cubic-bezier(0.42, 0, 0.36, 1.26) !important; -moz-transition: all .2s cubic-bezier(0.42, 0, 0.36, 1.26) !important; -o-transition: all .2s cubic-bezier(0.42, 0, 0.36, 1.26) !important; transition: all .2s cubic-bezier(0.42, 0, 0.36, 1.26) !important; transform: scale(.8) !important; } .footer-widgets-new .absolute-footer .ux-logo-link, .footer-widgets-new .absolute-footer .has-hover .ux-logo-link { background-color: transparent !important; background: transparent !important; border-radius: 0px !important; padding: 0px !important; margin-bottom: 18px !important; height: 50px !important; -webkit-transition: all .35s ease-in !important; -moz-transition: all .35s ease-in !important; -o-transition: all .35s ease-in !important; transition: all .35s ease-in !important; transform: scale(1) !important; opacity: .4 !important; } .footer-widgets-new .absolute-footer .ux-logo-link:hover, .footer-widgets-new .absolute-footer .has-hover:hover .ux-logo-link { background-color: transparent !important; background: transparent !important; border-radius: 0px !important; padding: 0px !important; margin-bottom: 18px !important; height: 50px !important; -webkit-transition: all .3s ease-out !important; -moz-transition: all .3s ease-out !important; -o-transition: all .3s ease-out !important; transition: all .3s ease-out !important; transform: scale(.8) !important; opacity: 1 !important; } .footer-widgets-new .absolute-footer .ux-logo-link img { background-color: transparent !important; background: transparent !important; left: 2px; position: relative; border-radius: 0px !important; padding: 0px !important; height: 50px !important; } .footer-widgets-new .beflash-footer-adresse a { background-color: var(--color8); --p: 0% !important; color: var(--color4) !important; font-family: "PlusJakartaSans", sans-serif; font-weight: 400 !important; letter-spacing: .5px; padding: 4px 2px 4px 2px !important; -moz-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; background: linear-gradient(var(--red) 0 0) var(--p, 0) / var(--p, 0) no-repeat !important; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; opacity: 1 !important; border-radius: 3px; } .footer-widgets-new .beflash-footer-adresse a:hover { background-color: var(--blue); --p: 0% !important; color: var(--white) !important; padding: 4px 10px 4px 10px !important; opacity: 1 !important; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; border-radius: 3px; } .footer-area p { color: var(--color4); font-size: .8rem !important; font-weight: 400 !important; margin-bottom: 12px !important; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; opacity: 1 !important; border-bottom: none !important; left: 2px; position: relative; line-height: 2; top: 6px; } .footer-area strong { color: var(--white) !important; } .footer-widgets-new h2 { font-family: "Aileron", sans-serif !important; font-size: 1.3rem !important; font-weight: 600 !important; opacity: 1; color: var(--color6) !important; margin-left: 0 !important; text-align: left !important; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; padding: 15px 0 0 0; margin-bottom: .75rem !important; letter-spacing: 1.5px !important; text-shadow: 3px 3px 3px transparent !important; text-transform: uppercase; } .footer-widgets-new a { font-family: "PlusJakartaSans", sans-serif; color: var(--color4); font-weight: 400 !important; letter-spacing: .5px; line-height: initial !important; font-size: .8rem; padding: 4px 2px 4px 2px !important; -moz-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; opacity: 1 !important; border-radius: 3px; } .footer-widgets-new a:hover { background-color: var(--red) !important; --p: 0% !important; color: var(--white) !important; padding: 4px 10px 4px 10px !important; opacity: 1 !important; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; border-radius: 3px; } .footer-widgets-new .supportg_one, .footer-widgets-new .area_one, .footer-widgets-new .area_four { display: inline-block !important; list-style: none; } .footer-widgets-new .support_five li, .footer-widgets-new .area_five li { margin-bottom: 1rem; list-style: none; } .footer-widgets-new .support_five li, .footer-widgets-new .support_five li a, .footer-widgets-new .area_five li, .footer-widgets-new .area_five li a { font-size: .8rem; padding: 0 !important; border-radius: 3px; text-align: left !important; position: relative; top: 1px; list-style: none; } .footer-widgets-new .support_five li a:hover, .footer-widgets-new .area_five li a:hover { padding: 0 !important; border-radius: 3px; } .footer-widgets-new .post-date { font-size: .65rem !important; color: var(--white); font-weight: 500; display: block; position: relative; top: 10px; } footer.entry-meta { font-family: "PlusJakartaSans", sans-serif; border-bottom: 3px solid rgba(35, 49, 63, .6); border-top: 3px solid rgba(35, 49, 63, .6); font-size: .85rem; padding: 2em 0 3em; font-weight: 400; letter-spacing: 0px; color: var(--color10); margin-bottom: 90px; } footer.entry-meta a { font-family: "PlusJakartaSans", sans-serif; background-color: var(--color2) !important; text-transform: none; color: var(--color5); font-weight: 400 !important; font-size: .85rem; margin: 0; padding: 2px 2px 4px 2px; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat; } footer.entry-meta a:hover { background-color: var(--red) !important; --p: 0%; color: var(--color1); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } #menu-footer-bottom-shortcut { border-bottom: 1px solid rgba(62, 62, 62, 0.4); font-size: 1rem !important; width: 1460px !important; max-width: 1460px !important; display: inline-block !important; position: absolute; top: 0; } #menu-footer-bottom-shortcut .uppercase { line-height: 1.05; text-transform: uppercase; } #menu-footer-bottom-shortcut li a { font-size: .7rem !important; letter-spacing: 1px !important; padding: 4px 2px 4px 2px !important; color: var(--color3) !important; text-transform: uppercase; transform: none; transition: all 1s ease-in; border-radius: 1px !important; opacity: .8; margin-right: 0 !important; border-radius: 3px; } #menu-footer-bottom-shortcut li a:hover { color: var(--color1) !important; transition: all .2s ease-in; background-color: var(--blue) !important; border-radius: 1px !important; opacity: 1; border-radius: 3px; } .pull-right a { font-size: .7rem !important; letter-spacing: 1px !important; padding: 4px 2px 4px 2px !important; color: var(--color3) !important; text-transform: uppercase; transform: none; transition: all 1s ease-in; border-radius: 1px !important; opacity: .8; border-radius: 3px; } .pull-right a:hover { color: var(--color1) !important; background-color: var(--blue) !important; transition: all .2s ease-in; border-radius: 1px !important; opacity: 1; border-radius: 3px; } .footer-nav { position: relative; top: 7px; left: 0; padding-bottom: 4px !important; margin-bottom: 26px !important; } .footer-nav { font-size: 13px !important; color: var(--color3) !important; } .footer-nav li::after { content: " "; display: none; } .footer-nav li, .footer-nav ul.links li { display: inline-block; margin: 0 0 !important; padding-left: 0 !important; } .footer-nav ul { opacity: 1 !important; } .footer-nav a { font-size: 13px !important; letter-spacing: 0; padding: 4px 3px 4px 3px !important; color: var(--color10) !important; font-weight: 500 !important; transition: all .2s ease-in; margin-right: 1px; border-radius: 3px !important; opacity: .8; } .footer-nav a:hover { color: var(--blue) !important; background-color: var(--color2) !important; opacity: 1 !important; transition: all .2s ease-in; border-radius: 3px !important; } .copyright-footer { position: relative; left: 0; } .copyright-footer a { font-size: 11px !important; padding: 4px 2px 4px 2px !important; padding-bottom: 4px; letter-spacing: 0; position: relative; top: 10px; color: var(--color4); font-weight: 500 !important; transition: all 1s ease-in; border-radius: 3px !important; text-transform: none; opacity: .5; } .copyright-footer a:hover { color: var(--color3) !important; background-color: transparent !important; transition: all .2s ease-in; border-radius: 3px !important; opacity: 1; } @media only screen and (max-width: 1380px) { .beflash-footer-adresse, .beflash-footer-adresse p, .footer-email a, .footer-telefon a, .footer-telefon a .footer-area li, .footer-widgets-new a, .footer-widgets-new p, .landing-bottom .tagcloud a { font-size: 1rem !important; } } @media screen and (max-width: 1068px) { .absolute-footer { padding: 0 0 0 !important; } .footer-widgets-new, .footer-wrapper .absolute-footer .footer-support, .landing-bottom { grid-template-columns: 1fr !important; gap: 0; padding: 0 !important; } .beflash-footer-adresse, .footer-email, .footer-telefon, .footer-widgets-new, .footer-widgets-new p, .landing-bottom .tagcloud { font-size: 2.8rem !important; top: 0 !important; min-width: 100% !important; width: 100% !important; } .beflash-footer-adresse .col { position: relative; left: 15px; padding: 0 !important; margin: 0 !important; } .absolute-footer .footer-primary { position: relative; padding-top: 220px !important; } .footer-1 { padding: 0 0 60px 0 !important; } #menu-footer-bottom-shortcut, .copyright-footer, .footer-adresse a, .footer-adresse p, .footer-nav, .pull-right { font-family: "Aileron", sans-serif !important; text-align: left !important; width: 100% !important; float: none !important; margin-top: 0; position: relative !important; width: 100% !important; min-width: 100% !important; } .container .footer-area-one h2 { margin-left: -5px !important } .footer-widgets-new h2 { padding-left: 15px !important; font-size: 6rem !important; margin-top: 220px; margin-bottom: 55px !important; } .absolute-footer .ux-logo-link img { left: 17px; position: relative; border-radius: 0px !important; padding: 0px !important; height: 90px !important; } .footer-area li, .footer-widgets-new a, .footer-widgets-new a:hover, .landing-bottom .tagcloud a:hover, .tagcloud a { min-width: 100% !important; width: 100% !important; display: block; } .footer-widgets-new .footer-email a, .footer-widgets-new .footer-telefon a, .footer-widgets-new a, .landing-bottom .tagcloud a { font-size: 2.8rem !important; top: 0 !important; text-align: left !important; background-color: var(--color9) !important; min-width: 100% !important; width: 100% !important; padding: 28px 15px 28px 15px !important; } .footer-widgets-new .footer-email a:hover, .footer-widgets-new .footer-telefon a:hover, .footer-widgets-new a:hover, .landing-bottom .tagcloud a:hover { padding: 28px 10px 28px 30px !important; } .footer-widgets-new .area_five li a { font-size: 2.8rem !important; min-width: 100% !important; width: 100% !important; border-bottom: 0 solid var(--black) !important; opacity: 1 !important; padding: 28px 0 28px 15px !important; margin: 0; } .footer-widgets-new .area_five li a:hover { padding: 28px 15px 28px 15px !important; margin: 0; } .footer-widgets-new .post-date { font-size: 1.7rem !important; padding: 8px 15px 28px 15px; color: var(--red); font-weight: 500; display: block; position: relative; top: 1px; } .footer-widgets-new .footer-area-four { display: none } .landing-bottom .tagcloud a { color: var(--blue) !important; } .footer-widgets-new .footer-area { min-width: 100% !important; width: 100% !important; background-color: transparent !important; padding: 0 !important; } .adresse-top { min-width: 100% !important; width: 100% !important; padding-left: 15px !important; } .medium-text-center .pull-right { display: none !important; } } @media screen and (max-width: 849px) { .widget_tag_cloud { display: none !important; } } @media screen and (max-width: 840px) { .footer-widgets-new h2 { font-size: 3rem !important; } .area-five li, .beflash-footer-adresse a, .footer-widgets-new .area_five li, .footer-widgets-new .area_five li a, .footer-widgets-new a, .footer-widgets-new p, .landing-bottom .tagcloud a { font-size: 2rem !important; line-height: 1.8 !important; } .footer-widgets-new .area_six, .landing-bottom .area_five, .landing-bottom .area_six { display: none !important; } .footer-widgets-new .post-date { font-size: .9rem !important; } } @media screen and (max-width: 600px) { .footer-widgets-new h2 { text-align: left !important; font-size: 2rem !important; } .area-five li, .beflash-footer-adresse a, .footer-widgets-new .area_five li, .footer-widgets-new .area_five li a, .footer-widgets-new a, .footer-widgets-new p, .landing-bottom .tagcloud a { font-size: 1.4rem !important; } } .tagcloud { padding-bottom: 1px; line-height: 1.7 !important; } .tagcloud a { border: 1px solid; border-radius: none; display: inline-block; font-size: unset; margin: unset; opacity: unset; padding: unset; } .tagcloud a { -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; border: none !important; border-radius: unset !important; display: inline-block !important; font-size: unset !important; background-color: var(--color2); line-height: 1.2; padding: 4px; margin-right: -5px !important; border-radius: 3px; } .no-text-overflow:hover, .tagcloud a:hover { color: var(--color1) !important; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; border-radius: 3px; } .landing-bottom .tagcloud { font-family: "PlusJakartaSans", sans-serif; margin: 0 !important; line-height: 1; font-size: 1rem; } .landing-bottom .tagcloud a { font-family: "PlusJakartaSans", sans-serif; font-size: .75rem !important; padding: 6px 4px 6px 4px !important; background-color: rgb(90 90 95 / 20%) !important; color: var(--color1) !important; font-family: inherit !important; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; border: none; margin: 1.5px 0 2px 0 !important; margin-right: 0px !important; border-radius: 3px !important; opacity: .5 !important; } .landing-bottom .tagcloud a:hover, .landing_four .no-text-overflow:hover { color: var(--white) !important; background-color: var(--blue) !important; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; border-radius: 3px !important; opacity: 1 !important; } .landing_thow { min-height: 460px; } #wrapper>.has-transparent~.message-wrapper { background-color: var(--red); box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .1); left: 50%; max-width: 800px; padding: 20px 25px; position: fixed; top: calc(var(--flatsome-scroll-padding-top) + 30px); transform: translate(-50%); transition: top .6s; width: 80vw; z-index: 2; position: absolute; color: var(--white) !important; } #wrapper>.has-transparent.transparent~.message-wrapper { top: 150px; } .alert-color { color: var(--red); list-style: none; font-size: 1.6rem; background-color: rgb(255, 255, 255, .5); font-weight: 500; } .success-color { color: var(--fs-color-success); font-size: 1.6rem; background-color: rgb(255, 255, 255, .5); font-weight: 500; } .account-link .nav-dropdown-simple { color: var(--color6) !important; } .account-link .nav-dropdown-simple:hover { color: var(--color11) !important; transform: scale(1.1) !important; } @media only screen and (max-width:1280px) { .uppercase h3, h6, span.widget-title, td, th { font-size: 1.3rem !important; } } @media only screen and (max-width:768px) { .uppercase h3, h6, span.widget-title, td, th { font-size: 1rem !important; } } .woocommerce-MyAccount-content .button { background-color: transparent; border: 1px solid transparent; border-radius: 0; box-sizing: border-box; color: var(--white) !important; cursor: pointer; display: inline-block; font-size: 1.6rem !important; font-weight: 300 !important; letter-spacing: -1px; line-height: normal; margin-right: 0; margin-top: 0; max-width: 100%; min-height: auto; padding: 0 0; position: relative; top: 15px; text-align: left !important; text-decoration: none; text-rendering: optimizeLegibility; text-shadow: none; text-transform: none !important; transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s; vertical-align: middle; } .woocommerce-MyAccount-content tr { display: table-row; vertical-align: inherit; font-size: 1.6rem; unicode-bidi: isolate; } .woocommerce-MyAccount-content span.amount { color: var(--color11); font-weight: 500; white-space: nowrap; font-size: 1.6rem; } .woocommerce table.shop_table.wishlist_table tr td { background: 0 0 !important; color: var(--color11) !important; border-color: var(--color11) !important; } .wishlist_table thead tr th { background: rgb(255, 255, 255, 0) !important; border-top: none !important; } td, th { border-bottom: 1px solid var(--color11) !important; font-size: .9em; line-height: 1.3; padding: .5em; text-align: left; } td { color: var(--color11) !important; vertical-align: left !important; font-size: 1.6rem !important; unicode-bidi: isolate; } .woocommerce-MyAccount-content thead { border-top: none !important; display: table-header-group; vertical-align: middle; unicode-bidi: isolate; border-color: var(--color11) !important; } table.wishlist_table tbody td, table.wishlist_table thead th { border-color: var(--color11) !important; } table.wishlist_table thead th { border-top: 1px solid; padding: 16px 12px; font-size: 2rem !important; } td.wishlist-empty { border-bottom: 1px solid #ececec; color: var(--color9) !important; font-size: 1.3rem; line-height: 2; padding: .5em; text-align: left !important; } .woocommerce-table--order-details .order-total td, .woocommerce-table--order-details .order-total th, .woocommerce-table--order-details thead th { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; font-size: 2.4rem !important; color: var(--color11) !important; letter-spacing: 0 !important; margin-bottom: .3rem !important; opacity: 1; text-transform: none !important; text-shadow: unset; } .shop_table .order-total td, .shop_table thead th { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; font-size: 1rem !important; color: var(--color11) !important; letter-spacing: 0 !important; margin-bottom: .3rem !important; opacity: 1; text-transform: none !important; text-shadow: unset; } .shop_table .order-total th { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; font-size: 1.4rem !important; } .my-account .banner-basic-tech { display: none; } .page-id-737637 .col-2 { display: none; } .single-product #main .product-title { margin-bottom: 55px !important; padding-bottom: 55px !important; line-height: 1 !important; } .page-id-737637 .section-content, .page-id-737783 .section-content { top: -14px; margin-left: 0; margin-right: 0; } .account-container .account-login-inner { padding-left: 0 !important; padding-right: 0 !important; } .account-container .inner-padding { padding: 0; } .page-id-737237 th.product-thumbnail { display: none; } table.wishlist_table tr th.product-name, table.wishlist_table tr th.product-price, table.wishlist_table tr th.product-stock-status { width: 33% !important; min-width: 33% !important; } .yith-wcwl-share-title { display: none; } .product-add-to-cart .button, .product-add-to-cart input[type=button].button, .product-add-to-cart input[type=reset].button, .product-add-to-cart input[type=submit], .product-add-to-cart input[type=submit].button { background-color: transparent !important; border: solid var(--color11) !important; color: var(--color11) !important; display: inline-block; text-align: center; min-width: 85px; word-wrap: break-word; border: 1px solid var(--color11) !important; padding: 8px !important; margin: 0 6px 6px 0 !important; transition: .6s, background-position 2s; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } td.product-thumbnail { max-width: 240px; min-width: 240px; width: 190px; } .wishlist_table .product-add-to-cart span.dateadded { display: block; font-size: .7rem; text-align: left; font-weight: 500; margin-bottom: 1.2rem; } #main .wishlist_table .product-add-to-cart a.button { font-size: 1.2rem; margin-right: 12px !important; padding: 0 10px !important; width: 220px; display: inline !important; font-weight: 300 !important; letter-spacing: -1px; } #main .wishlist_table .product-add-to-cart a.button_hover { background-color: var(--white) !important; } .wishlist_table .product-price span { font-size: 2rem; } .image-tools { display: none !important; } .payment_method_cpsw_ideal, .payment_method_cpsw_klarna, .payment_method_cpsw_sepa, .payment_method_cpsw_stripe { display: none; } .next-prev li { padding-left: .4rem !important; margin-left: .4rem !important; } .next-prev .nav-dropdown { padding-left: .4rem !important; margin-left: .4rem !important; } .nav-top-product { height: 110px; } .nav-top-product .button.icon { display: inline-block !important; background-color: var(--white) !important; margin-left: .12em; margin-right: .12em; min-width: 5em !important; width: 5em !important; height: 5em !important; padding-left: .6em; padding-right: .6em; } .nav-top-product .button.icon i { font-size: 2.2em; } .nav-top-product .button.icon i+span { padding-right: .5em; } .nav-top-product .button.icon.is-small { border-width: 1px; } .nav-top-product .button.icon.is-small i { top: -1px; } .nav-top-product .button.icon.circle, .nav-top-product .button.icon.round { padding-left: 0; padding-right: 0; } .nav-top-product .button.icon.circle>span, .nav-top-product .button.icon.round>span { margin: 0 8px; } .nav-top-product .button.icon.circle>span+i, .nav-top-product .button.icon.round>span+i { margin-left: -4px; } .nav-top-product .button.icon.circle>i, .nav-top-product .button.icon.round>i { margin: 0 8px; } .nav-top-product .button.icon.circle>i+span, .nav-top-product .button.icon.round>i+span { margin-left: -4px; } .nav-top-product .button.icon.circle>i:only-child, .nav-top-product .button.icon.round>i:only-child { margin: 0; } .nav-top-product .nav>li>a>i { font-size: 20px; transition: color .3s; vertical-align: middle; } .nav-top-product .nav>li>a>i+span { margin-left: 5px; } .nav-top-product .next-prev-thumbs li { display: inline-block; margin-left: .3em !important; position: relative; top: 0; margin-top: 55px !important; margin-bottom: 55px !important; } .nav-top-product .icon-angle-right::before { content: ""; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat !important; background-size: 55px 55px !important; background-position: 50% 50% !important; position: relative; top: 1.5rem; font-size: unset !important; display: inline-block; height: 55px !important; width: 55px !important; } .nav-top-product .icon-angle-left::before { content: ""; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat !important; background-size: 55px 55px !important; background-position: 50% 50% !important; position: relative; top: 1.5rem; font-size: unset !important; display: inline-block; height: 55px !important; width: 55px !important; } .next-prev-thumbs li { display: inline-block; margin: 0 1px !important; position: relative; } .next-prev-thumbs li .button { margin-bottom: 0; } .next-prev-thumbs .nav-dropdown { min-width: 220px; height: 100% !important; width: 100%; } .shop-select-products .has-hover { color: var(--red) !important; font-size: 1.2rem !important; transition: background .3s; font-weight: 300; transition-property: background; transition-duration: 4s; transition-timing-function: ease; transition-delay: 4s; z-index: 1; margin-bottom: 2px; transition: border 1s; -webkit-transition: all 4s ease-in; -moz-transition: all 4s ease-in; -o-transition: all 4s ease-in; transition: all 4s ease-in; background-position: 50% 50%; -webkit-transition: all 4s ease-in-out; -moz-transition: all 4s ease-in-out; -o-transition: all 4s ease-in-out; transition: all 4s ease-in-out; filter: grayscale(0) contrast(1); } .shop-select-products .has-hover [class*=image-] img { transition: background 2.3s; transition-property: background; transition-duration: 2.6s; transition-timing-function: ease; transition-delay: 3s; z-index: 1; transition: border 3s; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; transition: border 1s ease-out, background-color 1s !important; } .shop-select-products .has-hover [class*=image-] img:hover { background-size: cover; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; transition: border 1s ease-out, background-color 1s !important; filter: brightness(1) !important; background-color: #ffffff00; } span.amount { color: var(--color10); font-weight: 300; white-space: nowrap; font-size: 2.5rem; } .onsale { color: var(--color11) !important; } .dark .price, .dark .price del, .dark span.amount { color: var(--red); text-align: right; font-size: 1.2rem; } .has-hover:hover .dark .price, .has-hover:hover .dark .price del, .has-hover:hover .dark span.amount { color: var(--blue) !important; } .woocommerce-price-suffix { text-transform: none; font-size: 75% !important; margin-top: 1rem; margin-left: 1rem; color: var(--color5) !important; font-weight: 500 !important; } .woocommerce-account .featured-title .page-title-bg { box-shadow: inset 0 0 26px 0 rgba(9, 9, 5, 0) !important; background-position: 0 100% !important; } .product-category .box-shade .box-text p { font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; letter-spacing: -2px; text-align: left; font-size: 1rem !important; text-shadow: 1px 1px 1px transparent !important; color: var(--red) !important; margin-bottom: 15px; } .product-category .box-shade:hover .box-text p { font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; letter-spacing: -2px; font-size: 1rem !important; text-shadow: 1px 1px 1px transparent !important; color: var(--white) !important; } .product-category .box-image-inner { border-radius: 5px !important; overflow: hidden; position: relative; line-height: 1 !important; z-index: 0; } .product-category .box-badge .box-text { background-color: transparent !important; } .product-category { border-radius: 5px !important; } .product-category .has-hover .box-text-inner .header-title { position: relative; top: -470px; letter-spacing: -1px; font-family: "Aileron", sans-serif !important; font-weight: 600 !important; font-size: 2.4rem !important; opacity: 1 !important; color: #000000 !important; transition-property: background; transition-duration: .1s; transition-timing-function: ease; transition-delay: .1s; z-index: 1; transition: border 1s; -webkit-transition: all .6s ease-in; -moz-transition: all .6s ease-in; -o-transition: all .6s ease-in; transition: all .6s ease-in-out; background-position: 50% 50%; filter: invert(100) brightness(.6) } .product-category .has-hover:hover .box-text-inner .header-title { position: relative; top: -450px; letter-spacing: -1px; opacity: 1 !important; font-family: "Aileron", sans-serif !important; font-weight: 600 !important; text-shadow: 0px 0px 0px #11111461 !important; font-size: 2.4rem !important; color: var(--black) !important; transition-property: background; transition-duration: .1s; transition-timing-function: ease; transition-delay: .2s; z-index: 1; transition: border .2s; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in-out; background-position: 50% 50%; filter: invert(0) brightness(1) } .product-category .box-text .box-text-inner .count { position: relative; font-size: 1.4rem; letter-spacing: 0px; top: -6px; font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; color: var(--red) !important; transition-property: background; transition-duration: .6s; transition-timing-function: ease; transition-delay: .6s; z-index: 1; transition: border .6s; -webkit-transition: all .6s ease-in; -moz-transition: all .6s ease-in; -o-transition: all .6s ease-in; transition: all .6s ease-in-out; background-position: 50% 50%; } .product-category .has-hover:hover .box-text .box-text-inner .count { position: relative; letter-spacing: 0px; top: 0px; font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; color: var(--red) !important; letter-spacing: 1px; padding: 6px; background-color: #fff; transition-property: background; transition-duration: .1s; transition-timing-function: ease; transition-delay: .2s; z-index: 1; transition: border .2s; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in-out; background-position: 50% 50%; } .product-category .box-text-inner:last-child p { margin-top: 0; margin-bottom: 0px !important; } .wc-gzd-additional-info, .delivery-time-inner { display: none !important; } .product-select .has-hover { border: 2px solid rgba(17, 17, 17, .2); transition: background 2.3s; transition-property: background; transition-duration: 4s; transition-timing-function: ease; transition-delay: 4s; z-index: 1; border-radius: 5px; } .product-select .has-hover [class*=image-] img { transition: background 2s; transition-property: background; transition-duration: 2s; transition-timing-function: ease; transition-delay: 4s; z-index: 1; margin-bottom: 2px; transition: border 1s; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; opacity: 1 !important; filter: brightness(1.3) contrast(2) grayscale(200) !important; border-radius: 5px; } .product-select .has-hover:hover [class*=image-] img { background-position: 50% 50%; background-color: rgba(0, 0, 0, .1); -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; transition: filter 2.1s, scale 2s, scale 1.5s, contrast 1.1s, opacity 1.8s, brightness 1.1s, grayscale 1.1s, transform .4s ease-in-out, border 1s ease-out, background-color 1s !important; transform: scaleX(1.2) scaleY(1.2); opacity: 1; filter: brightness(1) contrast(1.2) grayscale(0) !important; border-radius: 5px; } .product-select .box-text .category, .product-select .box-text .category a { letter-spacing: -.5px; color: var(--color9) !important; font-weight: 500 !important; margin-bottom: 0 !important; background-color: transparent !important; font-size: 1rem !important; opacity: 1; text-transform: uppercase; } .product-select .has-hover:hover .category, .product-select .has-hover:hover .category:hover { background-color: transparent !important; filter: unset !important; color: var(--blue) !important; } #main .product-select .has-hover .box-text p { margin-bottom: 15px !important; } #main .product-select .has-hover .box-text .product-title a { font-family: "Aileron", sans-serif !important; font-size: 1.5rem !important; text-transform: uppercase !important; font-weight: 600 !important; letter-spacing: 0px; font-style: normal; line-height: 1px; color: var(--color11) !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, .01) !important; opacity: 1 !important; margin-bottom: 15px !important; } #main .product-select .box-text .product-title a:hover { color: var(--red) !important; } #main .product-select .has-hover:hover .box-text .product-title a { font-family: "Aileron", sans-serif !important; font-size: 1.5rem !important; font-weight: 600 !important; letter-spacing: 0px; text-transform: uppercase !important; font-style: normal; margin-bottom: 0 !important; color: var(--red) !important; margin-bottom: 15px !important; } #main .product-select .product-title { height: 100px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 15px !important; } .product-select .box-text { margin: 2px; } .woocommerce-LoopProduct-link, .woocommerce-loop-product__title a { font-family: "PlusJakartaSans", sans-serif !important; letter-spacing: 1.5px; font-weight: 600 !important; margin-bottom: 0 !important; background-color: transparent !important; font-size: 1.4rem !important; border: none !important; background: 0 0 !important; transition: .4s, background-position 0s; padding: 0 !important; word-wrap: break-word; border-bottom: solid 0 var(--color10) !important; opacity: 1 !important; margin: 0 0 5px 0 !important } .woocommerce-LoopProduct-link:active, .woocommerce-loop-product__title a:active { color: var(--color10); } .page-id-735522 .product-select .has-hover .box-text .category { color: var(--color5) !important; } .page-id-735522 .product-select .has-hover:hover .box-text .category { color: var(--blue) !important; } .product-select .has-hover:hover .category:hover .product-select .has-hover:hover .category { background-color: transparent !important; filter: unset !important; } .product-select .no-text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat; opacity: 1; margin-bottom: 0 !important; } .product-select .box-text .price-wrapper { text-align: right !important; font-weight: 500 !important; } .product-select .show-on-hover { filter: none !important; opacity: 0; pointer-events: none; transition: opacity .5s, transform .3s, max-height .6s, filter .6s; } .product-select .price-wrapper bdi { font-size: 1.4rem !important; font-weight: 500 !important; color: var(--color11); transition: all .2s 0s ease; } .product-select .price-wrapper bdi:hover { color: var(--color11); transition: all 2.2s 0s ease; } .product-select .woocommerce-price-suffix { text-transform: none; font-size: 75% !important; margin-top: 1rem; margin-left: 1rem; color: var(--color8) !important; font-weight: 500 !important; } .new-bubble:before { content: "" !important; } .new-bubble { font-family: "PlusJakartaSans", sans-serif; font-size: 1.2rem !important; position: relative; background-color: var(--red) !important; color: var(--white) !important; border: none !important; display: table; height: 1.2em !important; pointer-events: none; width: 3.4em !important; z-index: 20; padding-bottom: 0 !important; border-radius: 0 !important; backface-visibility: hidden; line-height: .5 !important; padding: 9px !important; font-weight: 500 !important; } .new-bubble .badge-container { margin: 110px 0 0 !important; } .single-product .page-title-inner h1 { position: relative; top: 200px; } .single-product .page-title-inner { display: block; } .woocommerce-product-gallery { border-radius: 10px; border: 3px solid #c3c3c6; margin: 0; background-color: rgb(255, 255, 255, 1) !important; filter: grayscale(0) contrast(1); transition: all 2s; height: auto; } .woocommerce-product-gallery img { margin: 0; position: relative; padding: 40px; background-color: rgb(255, 255, 255, 1) !important; transition: all 2s; } .woocommerce-product-gallery img:hover { margin: 0; background-color: var(--color4) !important; transition: all .7s; transform: scale(3) !important } .woocommerce-product-gallery .flickity-viewport, .woocommerce-product-gallery .slider-type-fade .flickity-slider>.is-selected, .woocommerce-product-gallery .flickity-slider, .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { margin: 0; border-radius: 5px; height: 520px !important; } .product-page-accordian .accordion-title { border-top: 1px solid var(--color4); display: block; padding: .2em .28em !important; border-radius: 5px !important; position: relative; margin-bottom: .4rem; border-top: 3px solid rgb(35, 49, 63, 0) !important; font-family: "Aileron", sans-serif; margin-left: 0 !important; letter-spacing: -4px; font-weight: 600; color: var(--color2); font-size: 6.4rem; text-align: left !important; opacity: .8 !important; line-height: .95; background-color: rgba(0, 0, 0, .5) !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; transition: border 1s ease-out, background-color 1s !important; opacity: 1 !important; text-align: left !important; text-transform: uppercase; border-radius: 5px } .product-page-accordian .accordion-title:hover { background-color: rgba(255, 255, 255, .4) !important; transition: border 1s ease-out, background-color 1s !important; opacity: 1 !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; filter: invert(1) brightness(1.6) opacity(.6); } .product-page-accordian .accordion-title .icon-angle-down::before { content: ""; transform: rotate(-90deg); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: 90px 90px; background-position: 50% 50%; height: 90px !important; width: 90px !important; font-size: unset; display: inline-table; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; opacity: .7 !important; } .product-short-description p { color: var(--color6) !important; font-family: "Lexend Exa", sans-serif !important; font-weight: 300 !important; letter-spacing: -1px; line-height: 1.3 !important; font-size: 1.4rem !important; margin-bottom: 0 !important; margin-right: 15px; } .product-details p { margin-bottom: 5px !important; } #main .product-details .product-meta .tagged_as { display: none !important; } .add-card-support .col { height: 80px; } .add-card-support .cart, .add-card-support .product-support { top: 0 !important; } .product-details .product_meta { margin-top: 0 !important; margin-bottom: .5rem !important; } .product-details .sku_wrapper, .product-details .sku_wrapper span { border-top: 0 dotted #ddd !important; font-size: 1rem; font-weight: 500 !important; padding: 0 0 !important; border-top: 0 dotted #ddd !important; font-size: 1em; color: var(--color7) !important; } .product-details .product_meta>span { border-top: 0 dotted #ddd !important; display: block; padding: 0 0 !important; font-weight: 500 !important; } .product-details .product_meta { font-size: 1rem !important; margin-bottom: 1em; font-weight: 500; } .product-details .tagged_as { display: none !important; } .footer-tags { font-weight: 400 !important; font-family: "PlusJakartaSans", sans-serif; } .footer-tags span, .sku_wrapper span { border-top: 0 dotted #ddd !important; font-size: .85rem; color: var(--color7) !important; font-weight: 400 !important; } .footer-tags .sku { font-size: .85rem; color: var(--color7) !important; font-weight: 400 !important; font-family: "PlusJakartaSans", sans-serif; } .footer-tags .posted_in { margin-bottom: 8px; } .footer-tags a { font-family: "PlusJakartaSans", sans-serif; background-color: var(--color2) !important; color: var(--color7) !important; font-weight: 400 !important; font-size: .85rem; margin: 0; padding: 2px 2px 4px 2px; border-radius: 3px; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat; } .footer-tags a:hover { background-color: var(--red) !important; font-size: .85rem; --p: 0%; color: var(--color1) !important; border-radius: 3px; opacity: 1 !important; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .nav-tabs+.tab-panels { background-color: var(--color11); border: 1px solid var(--color10); padding: 30px; } .tabbed-content .nav a { background-color: transparent; font-size: 1.4rem; font-family: "PlusJakartaSans", sans-serif; font-weight: 400 !important; border-color: var(--color10) !important; color: var(--color11) !important; transition: .6s, background-position 2s !important; opacity: 1 !important; } .tabbed-content .nav>li>a.active, .tabbed-content .nav>li>a.current, .tabbed-content .nav>li>a:hover, .tabbed-content .nav>li.active>a, .tabbed-content .nav>li.current>a { background-color: var(--blue) !important; opacity: 1; transition: .6s, background-position 2s !important; color: var(--white) !important; --p: 0% !important; } .nav-tabs>li>a { border-top-color: var(--color11) !important; transition: .6s, background-position 2s; padding: 0 !important; } .nav-tabs>li.hover>a { color: var(--color1) !important; transition: .6s, background-position 2s; } .nav-tabs>li.active>a { border-top-color: var(--red) !important; } .widget-title { font-family: "Lexend Exa", sans-serif !important; font-weight: 300; letter-spacing: -3px !important; font-size: 1.8em !important; color: var(--color11) !important; } .box-image .out-of-stock-label { color: var(--red) !important; font-weight: unset !important; font-size: 1.3rem !important; } @media only screen and (max-width:1260px) { .product-category .col, .product-select .col { flex-basis: 50% !important; max-width: 50% !important; } .product-category h5 { font-size: 1.8rem !important; font-style: normal; text-transform: uppercase; letter-spacing: -2px !important; } .related-shop .col { flex-basis: 50% !important; max-width: 50% !important; } .woocommerce-form-register { margin-top: 25px !important; } } @media only screen and (max-width:768px) { .product-category .col, .product-select .col { flex-basis: 100% !important; max-width: 100% !important; } .related-shop .col { flex-basis: 100% !important; max-width: 100% !important; } .security-icons { height: fit-content !important; max-height: fit-content !important; } .security-icons .large-4 { flex-basis: 100%; max-width: 100%; } } @media only screen and (max-width:549px) { .pay-icon { margin-bottom: 110px; } .pay-icon .col { margin-bottom: 0; padding: 0 2px 0 !important; } .pay-icon .col-inner { width: 66% !important; padding-bottom: 4px !important; } .pay-icon .box-text { padding-bottom: 0 !important; padding-top: 0 !important; } } @media only screen and (max-width:467px) { .product-category h5 { font-size: 1.5rem !important; } } .step-1.col, .step-2.col, .step-3.col { margin-bottom: 0; padding: 0 1.225px 2.445px; } .step-1 .col-inner, .step-2 .col-inner, .step-3 .col-inner { max-height: 1040px; height: 1040px; font-size: .8rem !important; } .step-1 p, .step-2 p, .step-3 p { margin-top: 15px !important; margin-bottom: 55px !important; line-height: 1.3; } .step-1, .step-2, .step-3 { color: var(--color2) !important; font-weight: 500; } .step-1 h3, .step-2 h3, .step-3 h3 { font-family: "PlusJakartaSans", sans-serif; font-weight: 600 !important; margin-left: 0 !important; letter-spacing: 0; color: var(--color1) !important; font-size: 3rem !important; text-align: center !important; opacity: 1 !important; line-height: .95; opacity: 1; padding-top: 30px !important; margin-bottom: 18px !important; } .step-1 strong, .step-2 strong, .step-3 strong { font-family: "PlusJakartaSans", sans-serif; font-weight: 600 !important; font-size: 1.8rem !important; color: var(--color1) !important; margin-bottom: 0 !important; height: 55px !important; position: relative; display: block; } .three-steps .col-inner { width: 800px !important; margin: auto !important; } small { display: inline-block; font-size: 100% !important; letter-spacing: 0 !important; line-height: 1.05; text-transform: uppercase; font-weight: 500 !important; color: var(--color6) !important; text-shadow: 1px 1px 1px transparent !important; } .cart-popup-inner { background-color: #fff !important; } .woocommerce-mini-cart__empty-message { text-align: left; } .mfp-content ul { margin-top: 1rem !important; margin-bottom: 1rem !important } .nf-form-content { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-size: 1.2rem; color: #5a5a5f !important; margin-bottom: 1.2em; padding: 0 !important; margin: 0 auto; font-weight: 500 !important; } .account-login-inner .woocommerce-LostPassword a, .nf-form-content form, .woocommerce-form-login__rememberme span { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-size: 1rem; color: #5a5a5f !important; font-weight: 500 !important; } .nf-form-content .text-mini p { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-size: .9rem !important; line-height: 1.2 !important; color: var(--color6) !important; margin-bottom: 1.2em !important; padding: 0 !important; margin: 0 auto; } .nf-response-msg { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-size: 1.6rem !important; text-transform: none !important; opacity: 1 !important; color: #5a5a5f !important; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } .payment_methods label { font-size: 1.8rem !important; } @media only screen and (max-width:800px) { .nf-field-container .checkbox-wrap .nf-field-label label { position: relative; margin-left: 30px; line-height: 1.4; } .payment_methods label { font-size: 1.2rem !important; } } .checkbox-wrap .nf-field-element label:after, .checkbox-wrap .nf-field-label label:after, .listcheckbox-wrap .nf-field-element label:after, .listcheckbox-wrap .nf-field-label label:after { border: 2px solid var(--red) !important; content: ""; width: 18px; height: 18px; position: absolute; left: -28px; top: 2px !important; bottom: 0; } .nf-error.field-wrap .nf-field-element::after { background: var(--red) !important; color: var(--white); font-family: FontAwesome; font-size: 20px; content: "\f12a"; position: absolute; top: 2px !important; right: 1px; bottom: 1px; height: 42px !important; width: 50px; line-height: 50px; text-align: center; transition: all .5s; } .checkbox-wrap .nf-field-element label:before, .checkbox-wrap .nf-field-label label:before, .listcheckbox-wrap .nf-field-element label:before, .listcheckbox-wrap .nf-field-label label:before { color: var(--red) !important; content: "\f00c"; font-family: FontAwesome; font-size: 24px; position: absolute; bottom: 0; z-index: 2; top: 20px; } .lightbox-content .legal .woocommerce-gzd-reg_data_privacy-checkbox-text { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-size: 1.2rem; color: #5a5a5f !important; letter-spacing: -1px !important; margin-bottom: 3rem; } .lightbox-content .legal a { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-size: 1.4rem; color: var(--red) !important; letter-spacing: 0 !important; margin-bottom: .3rem !important; } .lightbox-content .legal a:hover { font-size: 1.4rem; color: var(--red) !important; margin: 0; border: 0 solid var(--color8); background: linear-gradient(0deg, #1d1d22 20%, transparent 0); background-color: var(--color2); padding: 0 !important; } .nf-field-description { margin-right: 0 !important; font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-size: 1rem !important; font-size: 18px; font-weight: 500 !important; opacity: 1 !important; color: #fff; order: 15; } .nf-field-description br { display: none !important; } .nf-field-element { display: inline-block; width: 65%; order: 5; } .nf-error .nf-error-msg { color: var(--red); letter-spacing: 1px; } .nf-error-msg, .ninja-forms-req-symbol { color: var(--red) !important; font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-size: 1.1rem; letter-spacing: -1px !important; position: relative; top: -10px; } .nf-after-field .nf-error-msg { margin-right: 10px; } .page-template-page-my-account .flex-col .uppercase { position: relative; top: 144px !important; font-family: "Aileron", sans-serif; margin-left: 0 !important; letter-spacing: -4px; font-weight: 600; color: var(--color2); font-size: 6.4rem; text-align: left !important; opacity: .8 !important; line-height: .95; text-transform: uppercase; z-index: -2; line-height: 1.5; } #my-account-nav>li>a { font-size: 1em; padding-left: .5em; font-weight: 300; padding: 12px 4px 12px 14px !important; text-transform: uppercase !important; font-weight: 300 !important; color: var(--color11) !important; opacity: .85; background-color: var(--color1); } #my-account-nav>li>a:hover { padding: 12px 4px 12px 18px !important; color: var(--color1) !important; opacity: 1; } .nav-vertical.nav-line>li>a:before { height: 100%; color: var(--blue) !important; border-left: 10px solid var(--blue) !important; left: auto; right: -5px !important; width: 10px !important; z-index: 1; } .my-account-header .account-user img { display: none !important; } .my-account-header { min-height: 60px; position: relative; height: 250px; } .my-account #customer_login h3 { display: none; } .woocommerce-MyAccount-content p, .woocommerce-MyAccount-content ul { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-style: normal; font-size: 2rem !important; margin-bottom: 0 !important; color: var(--color6); line-height: 2 !important; } .woocommerce-MyAccount-content mark { background-color: var(--blue); color: var(--color1); } .woocommerce-MyAccount-content a { font-size: 1.6rem !important; } .woocommerce-Address { margin-top: 110px !important; } .woocommerce-Address address { background-color: var(--color1); margin-top: 55px !important; padding: 30px; line-height: 1.6; display: block; font-style: normal; } .woocommerce-account .featured-title .page-title-bg { box-shadow: inset 0 0 26px 0 rgba(9, 9, 5, 0) !important; background-position: 0 100% !important; } .woocommerce-account .featured-title { background-color: #000 !important; text-shadow: 0 0 0 #000 !important; } .woocommerce-account .normal-title { background-color: #f7f7f7; border-bottom: 0 solid #ececec !important; border-top: 0 solid #ececec !important; } .woocommerce-account .cart_totals tbody tr td, .woocommerce-account .shop_table tfoot tr td, .woocommerce-account .shop_table thead tr th:last-of-type, .woocommerce-account .shop_table tr td:last-of-type, .woocommerce-account td.product-total { text-align: left !important; font-size: 2rem !important; } .woocommerce-account .uppercase h3, .woocommerce-account h6, .woocommerce-account span.widget-title, .woocommerce-account th { font-family: "Aileron", sans-serif !important; font-weight: 600 !important; text-transform: uppercase !important; font-style: normal; font-size: 2rem !important; color: var(--color11) !important; letter-spacing: 0 !important; margin-bottom: .3rem !important; text-align: left !important; } .uppercase h3, h6, span.widget-title, th { color: var(--color6) !important; margin-bottom: .3rem !important; text-align: left !important; } .woocommerce-customer-details { margin-top: 5rem; } .woocommerce-customer-details address { font-family: "Lexend Exa", sans-serif !important; font-weight: 300 !important; font-size: 2rem !important; color: var(--color11) !important; letter-spacing: 0 !important; margin-bottom: .3rem !important; text-transform: none !important; display: block; font-style: unset; unicode-bidi: unset; } .my-account-header .col:last-child p { margin-top: 0; margin-bottom: 0 !important; } .large-9 .banner-basic-tech { display: none; } .my-account .large-9 p { margin-bottom: .3rem !important; } .my-account .large-3 { display: none; } .wpcf7-list-item { position: relative; top: 10px } .wpcf7-list-item-label { position: relative; top: -21px } .woocommerce-MyAccount-content h2 { font-size: 4rem; opacity: .6; text-align: left !important; } .my-account .container { margin: 0 auto; margin-bottom: -110px; } .large-9 .banner-basic-tech { display: none; } .my-account-header h1 { text-shadow: 3px 3px 3px transparent !important; text-align: left; display: none; } .my-account .large-3, .my-account .mb-0 { display: none; } .my-account .large-9 { width: 100% !important; max-width: 100% !important; flex-basis: 100%; padding-left: 15px; padding-right: 15px; background-color: transparent !important; position: relative; top: -15px; } .my-account .large-9 .content-support-help, .my-account .large-9 .ux-shape-divider--bottom { background-color: transparent !important; } .dashboard-links li { width: 100% !important; } .my-account-header h1 { text-shadow: 3px 3px 3px transparent !important; text-align: left; } .woocommerce-form-login button { margin-top: 1rem; margin-bottom: 3rem; font-size: 1.6rem !important; } .lightbox-content .col-2 { padding: 0 !important; } @media screen and (min-width:850px) { .row-divided>.col+.col:not(.large-12) { border-left: 0 solid #ececec !important; } } .page-title-inner p, .uppercase h3, h6, span.widget-title, th { letter-spacing: .05em; line-height: 1.05; text-transform: uppercase; text-align: left !important; } .my-account { position: relative; } .cart-popup-inner .widget_shopping_cart_content .price-wrapper { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-size: 1.4rem !important; color: var(--color11) !important; letter-spacing: -1px !important; } .widget_shopping_cart ul.product_list_widget li img { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; height: 300px !important; max-height: 110px !important; left: 0; margin-bottom: 5px; margin-right: 15px; left: 0; top: 10px; width: 220px; position: relative; background-color: #f1f1f1; background-size: cover !important; max-width: 110px !important; } ul.product_list_widget li { line-height: 1.33; list-style: none; margin-bottom: 0; min-height: 80px; overflow: hidden; padding: 10px 0 5px 0 !important; position: relative; vertical-align: top; } .cart-popup-inner ul { margin-top: 0 !important; } .widget_shopping_cart ul.product_list_widget li { height: 140px !important; max-height: 130px !important; margin-bottom: 10px !important; background-color: rgb(222, 222, 220, .4) !important; } .woocommerce-mini-cart__total strong { font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; font-size: 1.5rem !important; color: var(--color11) !important; letter-spacing: -1px !important; } .widget_shopping_cart p.total { border-bottom: 2px solid var(--color6) !important; margin-bottom: .5em; padding: 10px 0; text-align: center; } .cart-popup-inner .widget_shopping_cart p.total { margin-bottom: 1em; font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; padding: 2px 0 !important; font-size: 1.2rem !important; letter-spacing: -2px !important; text-align: left; border-bottom: 0 solid #b8b8b8 !important; border-top: 0 solid #bebaba !important; color: var(--color9) !important; } .cart-popup-inner .ux-mini-cart-empty { gap: 30px; padding: 15px 0; } .cart-popup-inner .is-divider { height: 0; display: block; margin: 10px 10px; width: 100%; max-width: 120px; background-color: var(--color11); text-align: left !important; margin-left: 0; margin-right: auto; } @media (min-height:500px) { .cart-popup-inner--sticky .ux-mini-cart-footer { background-color: var(--white) !important; bottom: 0; } } .page-template-page-my-account #main .social-login p { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; margin-left: 0 !important; letter-spacing: -4px; font-weight: 500; color: var(--color2); font-size: 6.4rem; text-align: left !important; opacity: .8 !important; line-height: .95; text-transform: uppercase !important; opacity: .4 !important; z-index: -1; margin-top: 164px; } .page-id-737637 .woocommerce .row-large>.col { margin-bottom: 0; padding: 0 0px 0px } .woocommerce-form-register { margin-top: 55px; margin-left: 0px; margin-right: 0px; } .account-login-inner { padding-left: 10px; padding-right: 10px; } .account-login-inner p { margin-top: 0; margin-bottom: .3rem !important; } .woocommerce legend { font-size: 2rem !important; font-weight: 500 !important; margin-left: 3rem; padding-top: 26px !important; padding-bottom: 55px !important; } .loggin-reg { position: relative; top: -102px; margin-left: 6rem; } .loggin-reg .button { position: relative; top: 16px; } @media screen and (max-width:1280px) { .loggin-reg { position: relative; top: 15px; margin-left: 0; } } @media screen and (min-width:850px) { .col-border { border-right: 2px solid var(--color3); padding-right: 0; } } .page-template-page-my-account .featured-title::before { content: ""; background-image: url('data:image/svg+xml,') !important; background-size: 100% 100% !important; height: 100px; width: 100% !important; min-width: 100% !important; bottom: 0; position: absolute; background-repeat: no-repeat !important; background-size: cover; z-index: 2; } .cart-popup-inner .inner-padding { display: flex; flex-direction: column; padding: 0 !important; } #cart-popup, #cart-popup .inner-padding { display: flex; flex-direction: column; padding: 0 !important; } .off-canvas .mfp-content.off-canvas-cart { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; background-color: var(--color1) !important; border: 2.5px solid var(--red) !important; border-left: 2.5px solid var(--blue) !important; border-bottom: 2.5px solid var(--blue) !important; } #cart-popup, .off-canvas .mfp-content.off-canvas-cart { background-color: var(--white) !important; } .widget_shopping_cart ul.product_list_widget li+li { border: none; margin-bottom: .2rem !important; } .lightbox-content .lightbox-inner { padding: 0 0; } .account-container .lightbox-content h3 { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; text-transform: uppercase !important; font-style: normal; opacity: 1 !important; font-size: 1.8em !important; color: rgb(100 100 102) !important; letter-spacing: -4px !important; margin-bottom: 2rem !important; margin-top: 1rem !important; text-transform: none; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; font-size: 2rem !important; letter-spacing: 0 !important; } input[type=button].button { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-size: 2rem !important; letter-spacing: 0 !important; line-height: auto !important; color: var(--color11) !important; margin-right: unset !important; margin-top: 0; max-width: 100%; min-height: auto !important; padding: unset !important; -webkit-transition: all .4s 0s ease, all .4s 0s ease; -moz-transition: all .4s 0s ease, all .4s 0s ease; -o-transition: all .4s 0s ease, all .4s 0s ease; transition: all .4s 0s ease, all .4s 0s ease; } .quantity input[type=number] { background-color: transparent !important; border-left: 0 solid var(--color7) !important; border-right: 0 solid var(--color7) !important; border-top: 0 solid var(--color7) !important; border-bottom: 0 solid var(--color7) !important; color: var(--color11) !important; font-family: "Lexend Exa", sans-serif !important; font-weight: 300 !important; font-size: 2rem !important; letter-spacing: 0 !important; } .quantity+.button { margin-right: 0; } .quantity .button.minus { border-bottom-right-radius: 0 !important; border-left: 0 solid var(--color7) !important; border-right: 0 solid var(--color7) !important; border-top: 0 solid var(--color7) !important; border-bottom: 0 solid var(--color7) !important; border-right: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 99px !important; border-top-left-radius: 99px !important; background-color: transparent !important; padding: unset !important; position: relative; margin-left: 55px; } .quantity .button.plus { border-bottom-left-radius: 0 !important; border-left: 0 solid var(--color7) !important; border-right: 0 solid var(--color7) !important; border-top: 0 solid var(--color7) !important; border-bottom: 0 solid var(--color7) !important; border-left: 0 !important; border-top-left-radius: 0 !important; border-bottom-right-radius: 99px !important; border-top-right-radius: 99px !important; background-color: transparent !important; padding: unset !important; position: relative; margin-right: 55px !important; } .quantity, .text-center .quantity { opacity: 1; display: inline-block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1em; white-space: nowrap; vertical-align: top; } .ux-mini-cart-empty-icon:before { content: ""; background-image: url(//beflash.de/wp-content/uploads/2025/01/gone-shopping_design.svg); background-repeat: no-repeat; background-position: center; background-size: auto; background-size: 100%; position: relative; top: 0; font-size: unset !important; display: inline-table; height: 330px; width: 330px; opacity: 1; } .widget_shopping_cart ul.product_list_widget li a:not(.remove) { display: block; line-height: 1 !important; margin-bottom: 5px; overflow: hidden; padding: 0; text-overflow: ellipsis; font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; font-size: 1.2rem !important; color: var(--color11) !important; letter-spacing: 0 !important; } .widget_shopping_cart .quantity input[type=number] { font-size: 1em; color: var(--color11) !important; } .widget_shopping_cart span.amount { color: var(--color11) !important; font-size: 1.5rem !important; letter-spacing: 0 !important; font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; font-style: normal; white-space: nowrap; } .widget_shopping_cart .wc-gzd-cart-info { display: none; } .wc-forward { filter: invert(10) !important; } .wc-forward:hover { filter: none !important; } .cart_totals .button { display: block; border-radius: 99px !important; margin-right: 0; min-width: 100%; } [data-icon-label]:after { right: 0 !important; top: 0; font-size: 21px; height: 27px; letter-spacing: -.5px; line-height: 1.3; min-width: 27px; } @media only screen and (max-width:768px) { .widget_shopping_cart .woocommerce-mini-cart__buttons .button { width: 100% !important; max-width: 100% !important; } .cart-popup-inner .widget_shopping_cart p.total, .cart-popup-inner .widget_shopping_cart_content .price-wrapper, .widget_shopping_cart span.amount, .woocommerce-mini-cart__total strong { font-size: 1.3rem !important; } } @media only screen and (max-width:469px) { .checkout-breadcrumbs .divider, .checkout-breadcrumbs .icon-angle-right::before, .checkout-breadcrumbs .separator { display: none !important; } .cart-popup-inner .widget_shopping_cart p.total, .cart-popup-inner .widget_shopping_cart_content .price-wrapper, .widget_shopping_cart span.amount, .woocommerce-mini-cart__total strong { font-size: 1rem !important; } .widget_shopping_cart ul.product_list_widget li img { height: 110px !important; max-height: 110px !important; width: 110px !important; max-width: 110px !important; } ul.product_list_widget li { min-height: 70px; } } .ul.product_list_widget li+li { border-top: 0 solid var(--color10) !important; } .woocommerce-mini-cart-item ul.product_list_widget li { line-height: 1.33; list-style: none; margin-bottom: 0; min-height: 80px; overflow: hidden; padding: 10px 0 5px 75px !important; padding-right: 0; position: relative; vertical-align: top; } .form.cart :where(.ux-quantity, .single_add_to_cart_button, .ux-buy-now-button), .woocommerce-variation-add-to-cart :where(.ux-quantity, .single_add_to_cart_button, .ux-buy-now-button) { flex: 0 0 auto; background-color: var(--color2); border-bottom-left-radius: 99px !important; border-top-left-radius: 99px !important; border-bottom-right-radius: 99px !important; border-top-right-radius: 99px !important; border-bottom: solid 3px var(--color7) !important; border-left: solid 1px var(--color7) !important; border-right: solid 1px var(--color7) !important; border-top: solid .3px var(--color7) !important; line-height: 1.2em !important; min-height: 1em !important; height: 2.75em; display: inline-block !important; } .woocommerce-variation-add-to-cart :where(.ux-quantity, form.cart) :where(.ux-quantity) { display: none !important; } .ux-mini-cart-empty-icon svg { display: none; } .ux-quantity { display: none; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { display: none !important; } input[type=number] { display: none !important; } input[type=button].button { display: none !important; } .quantity input[type=number] { display: none !important; } .quantity .button.minus { display: none !important; } .quantity .button.plus { display: none !important; } #login-form-popup .col-2 { position: relative; top: -35px; height: 25px; } #login-form-popup .col-2 .anfrage { position: relative; top: -5px; width: 50% !important; display: block !important; line-height: 1.1em !important; margin: 0 auto; min-height: 1em !important; float: right; } #login-form-popup #section { padding-top: 0 !important; padding-bottom: 86px !important; } .woocommerce-lost-password form.lost_reset_password { width: 50%; } .form-row-last, .woocommerce-lost-password .form-row-first { float: left; width: 100% !important; } @media only screen and (max-width:1280px) { .woocommerce-lost-password form.lost_reset_password { width: 100%; } #login-form-popup .col-2 .anfrage { width: 100% !important; } } @media only screen and (max-width:768px) { .account-login-inner .woocommerce-LostPassword { position: relative; top: -104px !important; } } #wrapper>.has-transparent~.message-wrapper { background-color: var(--color1) !important; border: 2.5px solid var(--red) !important; border-left: 2.5px solid var(--blue) !important; border-bottom: 2.5px solid var(--blue) !important; font-family: "Lexend Exa", sans-serif !important; font-weight: 300 !important; font-size: 1.4rem !important; border-radius: 5px; color: #111 !important; letter-spacing: -1px !important; margin-bottom: .3rem !important; padding: 55px 39.6px 55px 39.6px !important; max-width: 775px !important; margin: 0 auto; -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, .15); box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, .15); z-index: 90000; } #wrapper>.has-transparent~.message-wrapper form { font-family: "Lexend Exa", sans-serif !important; border-radius: 5px; font-weight: 300 !important; font-size: 1.4rem !important; color: var(--color11) !important; letter-spacing: 0 !important; margin-bottom: .3rem !important; } .form-row-first, .form-row-last { float: left; width: 49.76% !important; } .page-checkout { width: 75%; } @media only screen and (max-width:1280px) { .page-checkout { width: 100% !important; } } .page-template-page-checkout .cart-container, .page-template-page-checkout .page-checkout, .page-template-page-checkout .page-title, .page-template-page-checkout .page-wrapper { height: 250px; margin-bottom: 55px; } .woocommerce-cart .large-5, .woocommerce-cart .large-7 { flex-basis: 100% !important; max-width: 100% !important; } .page-title-inner p { font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; font-size: 2rem !important; color: var(--color1) !important; letter-spacing: 0 !important; margin-bottom: .3rem !important; text-transform: none !important; } .cart-sidebar { font-family: "Lexend Exa", sans-serif !important; font-weight: 300; font-size: 1.4rem !important; color: var(--color11) !important; } .wc-proceed-to-checkout { filter: invert(20) !important; } .woocommerce-table--order-details span.amount { color: var(--color10); font-weight: 300; white-space: nowrap; font-size: 1.4rem; } .page-template-page-checkout .wc-gzd-cart-info { display: none; } .page-template-page-checkout td.product-thumbnail { max-width: 150px; min-width: 120px; width: 120px; } .page-template-page-checkout span.amount { color: var(--color10) !important; font-weight: 300; white-space: nowrap; font-size: 1.4rem; letter-spacing: 0; } .page-template-page-checkout .cart-sidebar { font-size: 1.2rem !important; } .page-template-page-checkout input[type=email], .page-template-page-checkout input[type=search], .page-template-page-checkout input[type=tel], .page-template-page-checkout input[type=text], .page-template-page-checkout input[type=url], .page-template-page-checkout textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: var(--color11) !important; font-family: "Lexend Exa", sans-serif !important; font-weight: 300; font-size: 1.3rem; letter-spacing: -1px !important; line-height: 1em !important; } .page-template-page-checkout label { font-weight: 300 !important; font-size: 1.4rem !important; color: #111 !important; letter-spacing: 0 !important; margin-bottom: .3rem !important; opacity: 1; text-transform: none !important; text-shadow: unset; } .page-template-page-checkout .breadcrumbs .icon-angle-right { display: none; } .page-template-page-checkout img { } .page-template-page-checkout .shop_table .cart_item td { padding-bottom: 8px !important; padding-top: 8px !important; padding-right: .1rem; padding-left: .1rem; font-size: 1.2rem !important; font-weight: 500; } .checkout-page-title, .checkout-page-title .page-title-inner, .page-template-page-checkout { max-height: 440px !important; background-color: var(--color1) !important; font-family: "Lexend Exa", sans-serif !important; font-weight: 300 !important; text-align: left; } .checkout-page-title .page-title-inner { min-height: 60px; padding-top: 70px; position: relative; height: 220px !important; } .payment_method_stripe_alipay, .payment_method_stripe_link { display: none; } .woocommerce-form__label-for-checkbox { padding-bottom: .2rem !important; } .woocommerce-form-coupon-toggle { padding: 0; position: relative; top: 110px; z-index: 999999; } .woocommerce-form-register { margin-top: 55px; margin-left: 10px; margin-right: 10px; } .woocommerce-form-register p { margin-top: 0; margin-bottom: 1rem !important; } .page-template-page-cart .coupon, .page-template-page-cart .gap-element { display: none; } #payment form { line-height: 1 !important; } #payment ul { margin-top: 1rem !important; margin-bottom: 2rem !important; } #payment form.checkout h3 { font-size: 1.5rem !important; font-weight: bolder; overflow: hidden; padding-top: 10px; text-transform: uppercase; text-transform: none; font-family: "Aileron", sans-serif !important; font-weight: 600 !important; text-transform: uppercase !important; font-style: normal; color: var(--color11) !important; letter-spacing: -2px !important; } form.checkout h3 { font-size: 1.6rem; overflow: hidden; padding-top: 10px; text-transform: uppercase; text-transform: none; font-weight: 500 !important; color: var(--color11) !important; letter-spacing: 2px !important; } .woocommerce-gzd-data-download-checkbox-text, .woocommerce-gzd-data-service-checkbox-text, .woocommerce-gzd-legal-checkbox-text { position: relative; top: -4px; font-size: .9rem; color: var(--color7) !important; font-weight: 300; letter-spacing: -1px; line-height: 1 !important; } #cpsw_stripe_payment_element { margin-top: 2rem; } .woocommerce-MyAccount-content { min-height: 600px; height: min-content !important; margin-top: 100px; } .page-checkout .is-sticky-column .has-border { padding: 15px !important; } .is-sticky-column .col-inner ol li, .is-sticky-column .col-inner ul li, .is-sticky-column .entry-content ol li, .is-sticky-column .entry-content ul li, .is-sticky-column .entry-summary ol li, .is-sticky-column .entry-summary ul li { margin-left: 0 !important; } .page-checkout td.product-thumbnail { max-width: 165px !important; min-width: 186px !important; width: 165px !important; } .page-checkout span.amount { color: var(--color10); font-weight: 300; white-space: nowrap; font-size: 1.5rem; } .page-checkout label, legend { font-family: "Lexend Exa", sans-serif !important; font-weight: 300 !important; font-size: 1.4rem !important; color: var(--color11) !important; letter-spacing: 0 !important; margin-bottom: .3rem !important; } .page-checkout .button, .page-checkout button { border-left: 0; border-right: 0; border-top: 0; } .checkout_coupon .button { padding-left: 1rem !important; margin-top: 0; margin-bottom: 1rem; } .checkout_coupon { border: solid !important; background-color: var(--color3) !important; margin-top: 3rem !important; margin-bottom: 5rem !important; } .checkout_coupon input { width: 96%; } #order_review .wc-gzd-checkbox-placeholder p.form-row, .woocommerce-form__label-for-checkbox { position: relative; left: 1px; top: 2px; float: none; padding: 0; text-align: left; line-height: 1.15; } #order_review .wc-gzd-checkbox-placeholder p.form-row { position: relative; left: -5px; } .page-checkout .shop_table thead th { font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; font-size: 1.1rem !important; color: var(--color11) !important; letter-spacing: -1px !important; margin-bottom: .3rem !important; opacity: 1; text-transform: none !important; text-shadow: unset; } .woocommerce-form-row .button, .woocommerce-form-row .page-checkout button { margin-top: 2rem; margin-bottom: 3rem; } .woocommerce-form-coupon-toggle { padding: 0; position: relative; top: 0; z-index: 99; } .wc-gzd-cart-info { display: none !important; } .payment_method_cpsw_stripe_element, .payment_method_invoice { margin-bottom: 40px; list-style: none; padding-left: 0; font-size: 1rem; } #cpsw-save-cards_field, .cpsw-save-cards { margin-top: 3em !important; display: block !important; } .cpsw-save-cards input { margin-right: 15px !important; position: relative; top: 4px; } .payment_method_woocommerce_payments img, .payment_method_woocommerce_payments_klarna img, .payment_method_woocommerce_payments_sepa_debit img { display: none; } .payment_method_cpsw_stripe_element { margin-bottom: 40px; } .woocommerce-form__input-checkbox { position: relative; top: 10px !important; } .mfp-content #rememberme, .woocommerce-account-fields input { position: relative; top: 20px !important; } #main .woocommerce-form-login__rememberme span { position: relative; top: -10px !important; } #main .woocommerce-form-login__rememberme input { position: relative; top: 10px !important; } .woocommerce-account-fields input { position: relative; top: 20px !important; } #main .wc-gzd-checkbox-placeholder-reg_data_privacy input, .woocommerce-form__input-checkbox input { position: relative; top: 20px !important; } .woocommerce-form__input-checkbox .input-checkbox { position: relative; top: 2px !important; } .woocommerce-checkout .shop_table { top: 20px; position: relative; padding-bottom: 30px; background-color: #fff !important; } .woocommerce-checkout p.form-row { margin-top: 0; margin-left: 5px; margin-right: 5px !important; margin-bottom: 1rem !important; } .woocommerce-checkout .form-row .fl-is-active select { padding-bottom: .4em; padding-top: 1.1em; margin-bottom: 2rem !important; } .form-row-last, .woocommerce-checkout .form-row-first { float: left; width: 98.4% !important; } .woocommerce-additional-fields h3 { display: none; } .fl-labels .fl-wrap label[for]:first-child { font-size: 12px !important; font-weight: 500 !important; line-height: 1; opacity: 0; pointer-events: none; position: absolute; top: .5em; transition: all .3s; white-space: nowrap; left: 1.25rem; } .fl-wrap.fl-is-active>label[for]:first-child { opacity: .8 !important; z-index: 1; } .wc_payment_method input[type=radio] { position: relative; top: 20px !important; } .woocommerce-form-register .form-row-first, .woocommerce-form-register .form-row-last { float: left; width: 49.52% !important; } @media only screen and (max-width:380px) { .step-1 h3, .step-2 h3, .step-3 h3 { font-size: 1.6rem !important; opacity: 1 !important; } .step-1 p, .step-2 p, .step-3 p { margin-top: 15px !important; margin-bottom: 28px !important; line-height: 1.2 !important; font-size: 1.1rem !important; } } .beflash-adresse .icon-box-left .icon-box-img+.icon-box-text, .beflash-mail-telefon .icon-box-left .icon-box-img+.icon-box-text, .beflash-mail-telefon-adresse .icon-box-left .icon-box-img+.icon-box-text { padding-left: 2em; } .beflash-adresse .icon-box-left svg, .beflash-mail-telefon .icon-box-left svg, .beflash-mail-telefon-adresse .icon-box-left svg { opacity: .7; position: relative; left: 4px; } .beflash-adresse, .beflash-adresse p, .beflash-mail-telefon, .beflash-mail-telefon a, .beflash-mail-telefon p, .beflash-mail-telefon-adresse, .beflash-mail-telefon-adresse p { font-style: normal; font-size: 1.4rem !important; line-height: 1.8 !important; margin-bottom: 0 !important; margin-top: 0 !important; } .beflash-mail-telefon a, .beflash-mail-telefon p { position: relative !important; left: 12px; } .icon-envelop:before { content: "" !important; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-size: 24px 24px !important; background-repeat: no-repeat; background-position: 100% 100% !important; background-size: 100% !important; display: inline-block; height: 20px; width: 20px; position: relative; top: 0; left: 4px; border-radius: 3px; } .support-mini-shop .col { margin-bottom: 0; padding: 0 0px 6px !important; } .support-select .col { margin-bottom: 0; padding: 0 3px 5px !important; } .contact-box { padding: 0 3px 5px !important; } .contact-adress:first-of-type { padding: 0 6px 0 0 !important; } .contact-open:last-of-type { padding: 0 0 0 6px !important; } .contact-adress, .contact-adress div, .contact-open, .contact-open div, .medium-6 .contact-open, .medium-6 .contact-open div { min-height: 440px !important; max-height: 440px !important; color: var(--color2); padding: 0 0 0 !important; box-shadow: 0 0 0 0 transparent, 0 0 0 transparent !important; border-radius: 5px; } .contact-adress div .e-mail, .contact-adress div .phone { height: 60px !important; min-height: 70px !important; max-height: 70px !important; } .contact-adress div .icon-box-left { margin-left: 36px !important; } .contact-adress div .icon-box-left .icon-box-text { position: relative; top: 0px; margin-left: 0 !important; } .contact-adress h3, .contact-open h3 { font-family: "Aileron", sans-serif !important; font-size: 3rem; letter-spacing: 0; opacity: 1; text-transform: uppercase; padding: 0; padding-bottom: 0; padding-left: 2rem; background-color: var(--color1); margin-bottom: 2rem !important; margin-left: 0 !important; line-height: 2; font-weight: 400; } .contact-adress h3 { color: #272625 !important; } .contact-open h3 { color: var(--red) !important; } .contact-adress a, .contact-adress p, .contact-open a, .contact-open p { font-size: 1.8rem; font-weight: 300; color: var(--color2) !important; padding-top: 0px; margin-bottom: 1rem !important; line-height: 2; padding-left: 2rem; } .contact-adress strong, .contact-open strong { font-weight: 500; color: var(--color2) !important; } .contact-adress a, .contact-open a { color: var(--color2); background: linear-gradient(var(--color11) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s; padding: 2px 4px 2px 4px; word-wrap: break-word; border-bottom: solid 3px var(--color2) !important; background-color: rgb(35 49 63 / 0%) !important; border-radius: 3px; filter: grayscale(200); box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .contact-adress a:hover, .contact-open a:hover { color: var(--color10) !important; filter: grayscale(200); background-color: var(--color6) !important; --p: 100%; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } @media only screen and (max-width:1280px) { .contact-adress a, .contact-adress p, .contact-open a, .contact-open p { font-size: 1.5rem; } } @media only screen and (max-width:768px) { .contact-adress a, .contact-adress p, .contact-open a, .contact-open p { font-size: 2rem; } } .map .section-bg :is(img, picture, video) { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; width: 100%; filter: invert(1); } .content-slider { padding-bottom: 150px !important; } .maintenance .beflash-mail-telefon-adresse { filter: brightness(2); } .maintenance p { margin-bottom: 15px !important; } .maintenance text-box-content { margin-bottom: 55px !important; } @media only screen and (max-width:1420px) { .tagcloud a { font-size: 1.3rem !important; } } @media only screen and (max-width:1240px) { .tagcloud a { padding: 22px 0 22px 0 !important; font-size: 1rem !important; } } @media only screen and (max-width:1059px) { .tagcloud a { font-size: .8rem !important; } } .product-page-accordian .accordion .toggle { right: 20px !important; top: 25px; left: unset !important; font-size: .5em; } .product-page-accordian .accordion-title { border-top: 1px solid var(--color4); display: block; font-size: 2.4rem !important; padding: .2em .28em .5em .28em !important; position: relative; margin-bottom: .6rem; border-top: 3px solid rgb(35, 49, 63, 0) !important; font-family: "Aileron", sans-serif !important; font-weight: 600 !important; text-transform: uppercase !important; font-style: normal; line-height: 1.6; color: var(--color7) !important; background-color: rgba(0, 0, 0, .1); transition: border .5s ease-in, background-color .5s !important; opacity: .7 !important; text-align: left !important; text-shadow: 3px 3px 3px transparent !important; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; transition: border 1s ease-out, background-color 1s !important; } .product-page-accordian .accordion-title { color: #fff !important; } .accordion .toggle { right: 20px !important; left: unset !important; font-size: .5em; } .accordion .icon-angle-down::before { content: ""; transform: rotate(-90deg); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: 90px 90px; background-position: 50% 50%; height: 90px; width: 90px; font-size: unset; display: inline-table; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; opacity: .7; } .accordion-title { font-family: "Aileron", sans-serif !important; letter-spacing: -.5px; font-weight: 200; font-size: 6rem; opacity: .95 !important; line-height: .95; text-shadow: 3px 3px 3px transparent !important; display: block; padding: .2em .28em !important; position: relative; margin-bottom: 6px; border: 3px solid rgb(255 255 255 / 2%) !important; border-radius: 5px; color: var(--color7) !important; background-color: rgba(255, 255, 255, .1); text-transform: uppercase !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; transition: border 1s ease-out, background-color 1s !important; text-align: left !important; hyphens: none !important; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; } .accordion-title:hover { background-color: rgb(0 0 0 / 60%) !important; border: 3px solid rgb(0 0 0 / 40%) !important; transition: border 1s ease-out, background-color 1s !important; color: #fff !important; opacity: 1 !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; filter: invert(1) brightness(1.6) opacity(.6); } .accordion-title.active { background-color: rgba(0, 0, 0, .5); font-weight: 200 !important; opacity: 1 !important; color: var(--blue) !important; -webkit-transition: all 1.4s ease-in-out; -moz-transition: all 1.4s ease-in-out; -o-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; transition: border 1s ease-out, background-color 1s !important; filter: invert(1) } .accordion-inner h2 { font-family: "Aileron", sans-serif !important; font-size: 3.5rem; font-weight: 200; line-height: 1; letter-spacing: 0px !important; margin-left: -1px !important; opacity: .85; margin-top: 10px !important; margin-bottom: 28px !important; } .accordion li, .accordion p { font-family: "Lexend Exa", sans-serif !important; font-weight: 300 !important; color: var(--color11); letter-spacing: 0; opacity: 1; font-style: normal; font-size: 1.4rem; line-height: 1.8; margin-top: 0; text-transform: none !important; } .accordion strong { font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; text-transform: none !important; opacity: 1 !important; } .accordion .toggle i { transition: all .3s; } .accordion button { opacity: 1 !important; } .accordion-inner { padding: 3em 0 !important; opacity: 1 !important; } .faq-service { position: relative; top: -110px !important; } .tabbed-content { display: flex; flex-flow: row wrap; } .tabbed-content ul { padding-left: 0em !important; margin-top: 0px !important } .tabbed-content .nav, .tabbed-content .tab-panels { width: 100%; } .tab-panels { padding-top: 1em; } .tab-panels .entry-content { padding: 0; } .tab-panels .panel:not(.active) { display: block; height: 0; opacity: 0; overflow: hidden; padding: 0; visibility: hidden; } .tab-panels .panel.active { display: block !important; } .tabbed-content .nav-tabs>li { margin: 0 5px 0 0 !important; } .tabbed-content ul .tab { margin: 0 0px 0 0 !important; padding-left: 0px; margin-right: 6px !important; } .nav-tabs>li.active>a, .nav-tabs>li.active>span { background-color: var(--red) !important; color: var(--white) !important; } .faq .accordion-title{ border-top: 1px solid var(--color4); font-size: 1.6rem !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 1px !important; font-family: "Aileron", sans-serif !important; font-style: normal; line-height: 1; color: var(--color9) !important; background-color: rgba(0, 0, 0, .1); transition: border .5s ease-in, background-color .5s !important; opacity: 1 !important; border-radius: 5px;; } .faq .accordion-title.active, .faq .accordion-title.active { background-color: var(--blue); opacity: 1 !important; color: var(--black) !important; border-radius: 5px;; transition: border 1s ease-out, background-color 1s !important; } .faq .accordion-title:hover { background-color: var(--red) !important; --p: 100% !important; color: var(--black) !important; border: solid 3px var(--red) !important; border-radius: 5px; filter: invert(1) brightness(1) opacity(1); } .faq-tabs .tabbed-content ul .tab { margin: 0 0px 0 0 !important; padding-right: 4px; } .faq .icon-angle-down { display: none !important; } .faq .accordion-inner { padding: 0em 0 !important; opacity: 1 !important; } .product-tabs { color: var(--color9) !important; } .product-tabs a { background-color: rgb(255, 255, 255, .3) !important; color: var(--color9) !important; } .product-tabs a:hover { background-color: var(--red) !important; color: var(--white) !important; } .product-tabs a:active { background-color: var(--red) !important; color: var(--white) !important; } .product-tabs .nav>li>a.active, .product-tabs .nav>li>a.current, .product-tabs .nav>li.active>a, .product-tabs .nav>li.current>a { background-color: var(--red) !important; color: var(--white) !important; } .nav-box>li.active>a, .nav-pills>li.active>a, .tab-panels .panel.active { opacity: 1; } .woocommerce-Reviews h3, .woocommerce-Tabs-panel h2, .woocommerce-Tabs-panel--ux_custom_tab h3 { opacity: 1 !important; line-height: 1 !important; } #main .woocommerce-Reviews h3 { margin-bottom: 45px !important; } #main .woocommerce-Tabs-panel h2 { margin-bottom: 55px !important; } #main .woocommerce-Tabs-panel--ux_custom_tab h3 { margin-bottom: 50px !important; } .woocommerce-tabs .tab-panels .panel { margin-left: 5px !important; margin-right: 5px; } .woocommerce-tabs { opacity: 1 !important; } .woocommerce-tabs { background-color: transparent; width: 66% !important; } .woocommerce-tabs .nav>li { display: inline-block; list-style: none; margin: 0 5px 0 0 !important; padding-left: 0px; } .woocommerce-tabs a { font-size: 1.4rem !important; opacity: 1 !important; } .woocommerce-Tabs-panel--description h2 { position: relative; top: 10px !important; } #main .woocommerce-tabs .nav-line>li a { opacity: 1; position: relative; background: linear-gradient(transparent) var(--p, 0)/var(--p, 0) no-repeat; } #main .product-tabs .description_tab::active { background-color: var(--blue) !important; color: var(--white) !important; --p: 0%; } #main .woocommerce-tabs .nav-line>li.active>a:before, #main .woocommerce-tabs .nav-line>li.active>a:hover { background-color: var(--blue) !important; color: var(--white) !important; --p: 0%; } #main .woocommerce-Tabs-panel--ux_custom_tab h2 { position: absolute; margin-top: 10px; } #main .woocommerce-tabs .nav-line>li>a:before, #main .woocommerce-tabs .nav-line-bottom>li>a:before, #main .woocommerce-tabs .nav-line-grow>li>a:before { background-color: #10a3d1; content: " "; height: 3px; left: 50%; opacity: 0; position: absolute; top: 0; transform: translateX(-50%); transition: all .3s; width: 100%; } #main .reviews_tab, #main .ux_custom_tab_tab { margin-left: 0 !important; } #tab-systemanforderungen { display: none !important; } .woocommerce-tabs .tab-panels { padding-top: 86px; opacity: 1 !important; } .woocommerce-tabs h2 { font-size: clamp(1em, 2.8vw, 3.75em); } .woocommerce-tabs h3 { font-size: clamp(1em, 2.8vw, 1.75em); } .woocommerce-tabs h4 { font-size: clamp(1em, 2.8vw, 1.25em); } @media only screen and (max-width:1280px) { .woocommerce-tabs { width: 77% !important; } .woocommerce-tabs a { font-size: 2rem !important; opacity: 1 !important; } } @media only screen and (max-width:769px) { .woocommerce-tabs { width: 100% !important; } .woocommerce-Tabs-panel h2 { letter-spacing: -1px !important; font-size: 1.5rem !important; } .woocommerce-Tabs-panel h3 { letter-spacing: -1px !important; font-size: 1.3rem !important; } .woocommerce-tabs a { font-size: 1.5rem !important; opacity: 1 !important; } } @media only screen and (max-width:449px) { .woocommerce-tabs a { font-size: 1rem !important; opacity: 1 !important; } .woocommerce-Tabs-panel h2, .woocommerce-Tabs-panel h3 { letter-spacing: 0 !important; font-size: 1.2rem !important; } } #main .woocommerce-Tabs-panel--ux_custom_tab .tab-panels { padding-top: 126px !important } .checkout-breadcrumbs { padding: 15px 0; } .checkout-breadcrumbs a { align-items: center; color: #ccc; display: inline-flex; } .checkout-breadcrumbs .divider { margin: 0 .5em; top: 2px; } .breadcrumb-step { background-color: #ccc; border-radius: 99px; color: #fff; display: inline-block; font-size: .7em; font-weight: bolder; height: 1.5em; line-height: 1.5em; margin: 0 .5em; position: relative; text-align: center; width: 1.5em; } .current .breadcrumb-step { background-color: var(--red); color: var(--white) !important; } .page-header-wrapper .pb-half { padding-bottom: 60px; padding-top: 60px !important; opacity: 1 !important; } .page-template-page-checkout .page-checkout, .page-template-page-checkout .page-wrapper { height: auto !important; } .page-template-page-checkout .page-title-inner { min-height: 60px; padding-top: 40px; position: relative; height: 100px; } .breadcrumbs .separator, .checkout-breadcrumbs .divider { position: relative; top: 0; opacity: 1 !important; color: var(--color10) !important; margin: 0 .3em; font-size: 42px; } .breadcrumb-step { background-color: #ababab; border-radius: 99px; color: var(--color7) !important; text-transform: uppercase !important; display: inline-block; font-size: 1.2em !important; font-weight: 300 !important; height: 1.5em; line-height: 1.5em; margin: 0 .5em; position: relative; text-align: center; width: 1.5em; min-width: 1.5em; } .breadcrumbs .separator, .checkout-breadcrumbs .divider { position: relative; top: 0; opacity: 1 !important; color: var(--color10) !important; margin: 0 .3em; font-size: 42px; } .checkout-breadcrumbs a { font-family: "PlusJakartaSans", sans-serif; font-weight: 300; color: var(--color7) !important; text-transform: none !important; font-size: 1.2rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, transparent 0); text-shadow: 3px 3px 3px transparent !important; } .checkout-breadcrumbs a:hover { color: var(--red) !important; } .page-template-page-checkout .breadcrumbs .icon-angle-right:before { display: none !important; } @media only screen and (max-width:1280px) { .checkout-breadcrumbs a { font-size: 1.3rem !important; } } @media only screen and (max-width:768px) { .checkout-breadcrumbs a { font-size: 1.2rem !important; } } @media only screen and (max-width:469px) { .checkout-breadcrumbs a { font-size: 1rem !important; display: block !important; } } .woocommerce-Reviews #comments{ margin-top: 0px !important } #main .woocommerce-Reviews h3 { font-size: 3.5rem !important; margin-bottom: 45px !important; font-family: "Aileron", sans-serif !important; font-weight: 400; line-height: 1; letter-spacing: -1px !important; margin-left: 0px !important; text-align: left; line-height: 1 !important; text-shadow: 3px 3px 3px transparent; } .button span { display: inline-block; line-height: 1; opacity: 1 !important; } #main .breadcrumb-wrapper, .banner-layers .breadcrumb-wrapper, .single-post .breadcrumb-wrapper { margin-bottom: 10px; } .breadcrumb a { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 500 !important; font-size: 1.8rem !important; letter-spacing: .5px; display: inline-flex; min-height: 1.2em !important; margin-right: 0; margin-top: 0 !important; margin-left: 0; margin-bottom: 0 !important; line-height: 1.55 !important; text-align: left !important; color: var(--color7) !important; text-shadow: 3px 3px 3px transparent !important; text-transform: uppercase !important; background: linear-gradient(var(--black) 0 0) var(--p, 0) / var(--p, 0) no-repeat !important; transition: .6s, background-position 2s !important; padding: 5px 4px 5.5px 4px !important; word-wrap: break-word !important; border-bottom: solid 0 var(--red) !important; border-top: none !important; border-left: none !important; border-right: none !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, 0) !important; background-color: var(--white) !important; min-height: fit-content !important; min-width: auto !important; filter: invert(0); opacity: .45 !important; border-radius: 3px; } .breadcrumb a:hover { filter: invert(1) grayscale(100); opacity: 1 !important; } .banner-layers .breadcrumb a { margin-right: .5px } .section-content .breadcrumb a { margin-right: -2px } .single-post .breadcrumb a { margin-right: -4px } .breadcrumb-desktop { display: block; } .breadcrumb-mobile { display: none; position: relative; border: none !important; cursor: pointer; letter-spacing: 0 !important; text-align: left !important; opacity: 1 !important; } .breadcrumb-toggle-button { font-size: 1.4rem !important; position: relative; cursor: pointer; border: none !important; z-index: 999999999999; padding: 4px 3px 4px 3px !important; word-wrap: break-word !important; box-shadow: inset 0 9px 12px rgba(255, 255, 255, 0) !important; background-color: #95989c !important; line-height: 1 !important; opacity: 1 !important; filter: invert(12) !important; left: 4px !important; } .breadcrumb-dropdown { position: relative; padding: 1px; margin-left: 4px; border: none !important; word-wrap: break-word !important; background-color: #2b2b2b; min-height: fit-content !important; box-shadow: 0 2px 8px transparent; z-index: 999999999999; filter: invert(12) !important; } .breadcrumb-dropdown a, .breadcrumb-dropdown span { font-size: 1.4rem; font-weight: 500 !important; line-height: 2 !important; white-space: nowrap; text-decoration: none; display: block !important; background-color: transparent; border: none !important; } .breadcrumb-dropdown a:hover { color: #fff !important; background-color: #2b2b2b !important; border: none !important; } @media only screen and (max-width:1680px) { .breadcrumb a { font-size: 1.8rem !important; } .checkout-breadcrumbs { padding: 15px 0; } .checkout-breadcrumbs a { align-items: center; color: #ccc; display: inline-flex; } .checkout-breadcrumbs .divider { margin: 0 .5em; top: 2px; } .breadcrumb-step { background-color: #ccc; border-radius: 99px; color: #fff; display: inline-block; font-size: .7em; font-weight: bolder; height: 1.5em; line-height: 1.5em; margin: 0 .5em; position: relative; text-align: center; width: 1.5em; } .current .breadcrumb-step { background-color: var(--red); } } @media screen and (max-width:1024px) { #main .breadcrumb-wrapper, .banner-layers .breadcrumb-wrapper, .breadcrumb, .breadcrumb a, .single-post .breadcrumb-wrapper { font-size: 1.5rem !important; } } @media screen and (max-width:969px) { #main .breadcrumb-wrapper, .banner-layers .breadcrumb-wrapper, .breadcrumb, .breadcrumb a, .single-post .breadcrumb-wrapper { font-size: 1.25rem !important; } } @media screen and (max-width:689px) { #main .breadcrumb-wrapper, .banner-layers .breadcrumb-wrapper, .breadcrumb, .breadcrumb a, .single-post .breadcrumb-wrapper { font-size: 1rem !important; } } @media screen and (max-width:549px) { #main .breadcrumb-wrapper, .banner-layers .breadcrumb-wrapper, .breadcrumb, .breadcrumb a, .single-post .breadcrumb-wrapper { font-size: .9rem !important; min-width: auto !important; } } @media screen and (max-width:467px) { #main .breadcrumb-wrapper, .banner-layers .breadcrumb-wrapper, .breadcrumb, .breadcrumb a, .single-post .breadcrumb-wrapper { line-height: 8px !important; letter-spacing: 0px !important; font-size: .8rem !important; opacity: .9 !important; margin-right: -1px; } } @media screen and (max-width:399px) { #main .breadcrumb-wrapper, .banner-layers .breadcrumb-wrapper, .breadcrumb, .breadcrumb a, .single-post .breadcrumb-wrapper { line-height: 8px !important; letter-spacing: 0px !important; font-size: .65rem !important; opacity: .9 !important; margin-right: -1px; } } @media screen and (max-width:379px) { #main .breadcrumb-wrapper, .banner-layers .breadcrumb-wrapper, .breadcrumb, .breadcrumb a, .single-post .breadcrumb-wrapper { line-height: 8px !important; letter-spacing: .5px !important; font-size: .5rem !important; opacity: .9 !important; } } .flickity-prev-next-button { background-color: transparent; border: none; bottom: 40%; color: #111; cursor: pointer; margin: 0; opacity: 0; padding: 0; position: absolute; top: 40%; transition: transform .3s, opacity .3s, background .3s, box-shadow .3s; width: 55px; } .slider-wrapper { position: relative; width: 100%; max-width: 100%; } .slider-wrapper .flickity-enabled.is-draggable .flickity-viewport { cursor: default; cursor: -webkit-default; cursor: default; } .content-slider { padding-bottom: 0 !important; height: 1200px !important; } .flickity-page-dots .dot { border: 4px solid var(--color8) !important; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-page-dots { left: 5% !important; right: 5% !important; } .flickity-page-dots .dot { border: 0 solid #ccc !important; background-color: rgb(255, 255, 255, 0); cursor: pointer; display: inline-block; height: 14px !important; margin: 0 10px; opacity: 1; transition: opacity .3s; width: 186px !important; height: 40px !important; top: 30px !important; position: relative; opacity: 1 !important; transition: .4s, background-position 2s; padding: 2px 2px 2px 2px; word-wrap: break-word; border-bottom: solid 3px var(--color11) !important; transition: scale(.5s); -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; transition: all .7s ease-in; transition: opacity 1s, background-color .7s, border .7s, scale .8s; border-radius: 3px; } .flickity-page-dots .dot:hover { border-bottom: 8px solid var(--red) !important; color: var(--color1); opacity: 1 !important; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; transition: opacity 1s, background-color .1s, border .2s, scale .8s; border-radius: 3px; } .flickity-page-dots .dot.is-selected { border-bottom: solid 10px #222 !important; background-color: transparent !important; color: var(--color1); opacity: .6 !important; -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; transition: all .7s ease-in; transition: opacity 1s, background-color .7s, border .7s, scale .8s; } .flickity-page-dots .dot.is-selected:active, .flickity-page-dots .dot.is-selected:hover { border-bottom: 14px solid var(--red) !important; background-color: transparent !important; color: var(--color1); opacity: 1 !important; background-color: transparent !important; border-left: none; border-right: none; border-radius: 3px; border-top: none; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; transition: opacity 1s, background-color .1s, border .2s, scale .8s; } .flickity-page-dots .dot { border: 4px solid var(--color8) !important; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-page-dots { left: 2% !important; right: 5% !important; } .flickity-page-dots .dot { border: 0 solid #ccc !important; background-color: rgb(255, 255, 255, 0); cursor: pointer; display: inline-block; height: 14px !important; margin: 0 10px; opacity: 1; transition: opacity .3s; width: 186px !important; height: 40px !important; top: 30px !important; position: relative; opacity: 1 !important; transition: .4s, background-position 2s; padding: 2px 2px 2px 2px; word-wrap: break-word; border-bottom: solid 3px var(--color11) !important; transition: scale(.5s); -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; transition: all .7s ease-in; border-radius: 3px; transition: opacity 1s, background-color .7s, border .7s, scale .8s; } .flickity-page-dots .dot:hover { border-bottom: 8px solid var(--red) !important; color: var(--color1); opacity: 1 !important; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; border-radius: 3px; transition: opacity 1s, background-color .1s, border .2s, scale .8s; } .flickity-page-dots .dot.is-selected { border-bottom: solid 10px #222 !important; background-color: transparent !important; color: var(--color1); opacity: .6 !important; -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; transition: all .7s ease-in; transition: opacity 1s, background-color .7s, border .7s, scale .8s; } .flickity-page-dots .dot.is-selected:active, .flickity-page-dots .dot.is-selected:hover { border-bottom: 14px solid var(--red) !important; background-color: transparent !important; color: var(--color1); opacity: 1 !important; background-color: transparent !important; border-left: none; border-right: none; border-top: none; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; transition: opacity 1s, background-color .1s, border .2s, scale .8s; } .flickity-viewport .img .img-inner { position: relative !important; top: 520px; } .flickity-viewport .referenz-button { top: 580px !important; } .referenz-button { z-index: 999999999999999999 !important; position: relative !important; top: 30px !important; } .referenz-button a { font-size: 2rem !important; font-weight: 500; text-transform: none; border-bottom: solid 3px var(--color11) !important; background-color: transparent !important; z-index: 999999999999999999 !important; position: relative !important; height: 34px !important; display: inline !important; } .landing-work-gallery { max-height: 960px !important; } code { border-radius: 2px !important; } .gist .gist-meta a { font-weight: var(--base-text-weight-semibold, 600); color: var(--blue) !important; text-decoration: none; border: 0; } .gist .highlight { line-height: 1.2; color: var(--color1) !important; background: var(--color2) !important; border: 0; } .gist .blob-num { position: relative; width: 1%; min-width: 50px; padding-right: 10px; padding-left: 10px; font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace); font-size: .8rem !important; line-height: 1.3 !important; color: var(--color11) !important; text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; -webkit-user-select: none; user-select: none; } .gist .blob-code-inner { font-size: 1rem !important; line-height: 1.6 !important; color: var(--color11) !important; } .gist .gist-file { margin-bottom: 6em !important; font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace); border: var(--borderWidth-thin) solid #ddd; border-bottom: var(--borderWidth-thin) solid #ccc; border-radius: var(--borderRadius-medium); } .row .section, .testimonial .container .section { padding-left: 0; padding-right: 0; height: 440px !important; } .testimonial p { font-family: "PlusJakartaSans", sans-serif !important; letter-spacing: 2px; line-height: 1.25 } .content-basic-testimonials .section-bg img { opacity: .4 !important; } .testimonial { background-color: var(--color1); border-radius: 5px; color: rgba(35, 49, 63, .8); line-height: 1 !important; font-weight: 500; margin-top: 15px !important; padding-top: 55px !important; height: 520px !important; padding-left: 28px !important; filter: invert(.9) brightness(1.2); } .testimonial img { opacity: .15; filter: contrast(2); } .testimonial .large-12 { padding: 20px 90px 55px 55px !important; } .testimonial .row .section { padding-left: 0 !important; padding-right: 0 !important; } .row .section, .testimonial .container .section { padding-left: 0; padding-right: 0; height: 480px !important } .testimonial .col .left { margin-right: 10px; } .testimonial .col .right { margin-left: 10px; } @media only screen and (max-width:1249px) { #main .testimonial .large-12 p { color: rgba(35, 49, 63, .8); line-height: 1.4; font-weight: 500; margin-bottom: 20px !important; font-size: 75% !important; } #main .testimonial .large-12 a { line-height: 1.4; font-weight: 500; font-size: 85% !important; } } @media only screen and (max-width:949px) { .testimonial .large-12 { padding: 20px 90px 55px 55px !important; } .testimonial .large-6 { font-size: 1rem !important; background-color: rgb(255 255 255 / 80%); padding: 15px 15px 0 15px !important; height: 300px; max-width: 100% !important; flex-basis: 100% !important; border: none !important; } #main .testimonial .large-12 p { color: rgba(35, 49, 63, .8); line-height: 1.4; font-weight: 500; margin-bottom: 20px !important; font-size: 60% !important; } #main .testimonial .large-12 a { line-height: 1.4; font-weight: 500; font-size: 70% !important; } } @media only screen and (max-width:749px) { .testimonial .large-12 { padding: 20px 65px 55px 30px !important; } } .widgets-post-artikel .is-divider { display: none; } .widgets-post-artikel .row-small>.col { margin-bottom: 0; padding: 0 0 6px !important; } .footer-wrapper .landing-bottom .widgets-post { margin-top: 6px; left: 12px; } .widget>ul>li+li, ul.menu>li+li { border-top: 0 solid var(--color1) !important; } .single-post .widget { margin-bottom: 5em; } .widget>ul>li, ul.menu>li { list-style: none; margin: 0; text-align: left; padding-left: 0 !important; line-height: 2; } .widgets-post .box-text h5 a:hover { padding: 0 !important; } .widgets-post .box-text h5 a:before, .widgets-post a:hover:before { display: none; } .widgets-post .is-divider { display: none; } .widgets-post .row-small>.col { margin-bottom: 0; padding: 0 4.8px 4.8px !important; } #block_widget-15 .row-xsmall>.col { margin-bottom: 0; padding: 0 0px 4px !important; } .single-glossary #block_widget-10 { position: relative; top: 8px; } .single-glossary #block_widget-15 { display: none !important; } .single-post #block_widget-10 { position: relative; top: -29px !important; } .widget_categories a { font-size: 1.8rem !important; line-height: 1.8; } .widget_categories li { margin-bottom: .2em !important; } .widgets-post-artikel { margin-top: 10px; } .tag_cloud-3 .is-divider, .tag_cloud-3 .widget-title { display: none; } #main .widgets-post-artikel .box-text { background: rgb(255 255 255 / 0%) !important; height: auto !important; padding: 2px 12px !important; filter: invert(1) } .widgets-post-artikel .box-text { height: auto !important; min-height: fit-content !important; display: block !important; bottom: .6em !important; margin: 0; line-height: 1 !important; } .widgets-post-artikel a { font-weight: unset !important; letter-spacing: unset; margin-bottom: unset !important; font-size: unset !important; line-height: unset !important; padding-bottom: none !important; position: unset !important; transform: unset !important; word-wrap: unset !important; background: unset !important; transition-duration: unset !important; } .widgets-post-artikel .box-text h5 { border-bottom: 0 !important; color: var(--color1) !important; border-radius: 3px; opacity: 1 !important; } .widgets-post-artikel .box-text h5 a { font-size: .85rem !important; letter-spacing: 0 !important; font-weight: 600 !important; font-family: "PlusJakartaSans", sans-serif !important; color: #000000 !important; margin-bottom: unset !important; letter-spacing: 1px !important; line-height: 1.3 !important; padding-bottom: unset !important; position: unset !important; text-decoration: unset !important; border-radius: 3px; border-bottom: 0 !important; word-wrap: break-word; opacity: 1 !important; background: 0 0 !important; transition-duration: .3s; transition-property: background; } .widgets-post a:hover:before, .widgets-post-artikel .box-text h5 a:before { display: none; } .widgets-post-artikel .has-hover [class*=image-] img { filter: grayscale(190%) contrast(.3) brightness(.4) !important; border-radius: 3px; } .widgets-post-artikel .has-hover:hover [class*=image-] img { height: 220px !important; transform: scale(1.1); filter: grayscale(0) contrast(1.2) brightness(1.2) !important; border-radius: 3px; } #widgets .widgets-post [class*=image-] img { transition: background 2s; font-weight: 300; transition-property: background; transition-duration: 4s; transition-timing-function: ease; transition-delay: 4s; z-index: 1; transition: border 1s; -webkit-transition: all 2s ease-in !important; -moz-transition: all 2s ease-in !important; -o-transition: all 2s ease-in !important; transition: all 2s ease-in !important; background-position: 50% 50%; -webkit-transition: all 2s ease-in-out !important; -moz-transition: all 2s ease-in-out !important; -o-transition: all 2s ease-in-out !important; transition: all 2s ease-in-out !important; filter: grayscale(160%) contrast(.5) brightness(.3) !important; border-radius: 3px; } .footer-wrapper .landing-bottom .widgets-post { margin-top: 0; left: 0; } .footer-wrapper .landing-bottom .widgets-post .post-item { height: 46px !important; padding: unset !important; display: block !important; } .footer-wrapper .landing-bottom .widgets-post .box-text { background-color: var(--color7) !important; height: 44px; display: block !important; bottom: 1em !important; padding: .3em !important; margin: 0; position: absolute; top: 0; line-height: 1 !important; margin-bottom: 0 !important; } .footer-wrapper .landing-bottom .widgets-post .box-image img { display: none; } .footer-wrapper .landing-bottom .widgets-post .box-text h5 a { font-size: 12px !important; font-weight: 500 !important; letter-spacing: -1px !important; color: var(--color1) !important; padding: 0 !important; margin-bottom: unset !important; line-height: unset !important; padding-bottom: none !important; position: unset !important; text-decoration: unset !important; transform: unset !important; border-bottom: 0 !important; word-wrap: break-word; background: 0 0 !important; transition-duration: .3s; transition-property: background; } .footer-wrapper .landing-bottom .widgets-post .box-text h5 a:hover { padding: 0 !important; } ul.product_list_widget li ul { background-color: var(--color5) !important; padding: 20px !important; } .product_list_widget li .product-title { background-color: rgb(35 49 63 / 33%) !important; max-height: 10px !important; height: 10px !important; font-family: "Aileron", sans-serif !important; min-width: 100% !important; color: rgb(255 255 255) !important; font-size: 1.3rem !important; border-bottom: none !important; text-transform: uppercase !important; filter: invert(20) opacity(1); z-index: 999999 !important; padding-bottom: 0 !important; position: relative; } ul.product_list_widget li.product-title a { background: rgb(35 49 63 / 0%) !important; max-height: 30px !important; height: 30px !important; --p: 0% !important; color: var(--red) !important; border-bottom: solid 0 transparent; border-radius: 1px transparent; filter: brightness(200); z-index: 999999 !important; } ul.product_list_widget li.product-title a:hover { background: rgb(35 49 63 / 0%) !important; --p: 0% !important; opacity: 1 !important; color: var(--red) !important; border-bottom: solid 0 transparent; border-radius: 1px transparent; filter: brightness(200) !important; z-index: 999999 !important; } .product_list_widget .delivery-time-info, .product_list_widget .wc-gzd-additional-info { display: none; } .product_list_widget span.amount { font-family: Aileron, sans-serif !important; position: absolute; top: 270px; background-color: rgb(217 239 252 / 100%); color: var(--color7); font-weight: 500; white-space: nowrap; width: 100%; min-width: 100%; font-size: 1.5rem; z-index: 9999 !important; display: block; padding-left: 5px; padding-bottom: 4px !important; padding-top: 6px !important; } .product_list_widget .woocommerce-price-suffix { position: absolute; top: 274px; font-size: .6rem !important; left: 100px; z-index: 99999; font-weight: 500; } .sticky-add-to-cart__product .sticky-add-to-cart-img { border-radius: 0; width: 100px; min-width: 220px; max-height: 90px !important; min-height: 80px; position: relative; background-size: cover !important; filter: contrast(1.5); } .sticky-add-to-cart--active { background-color: var(--white) !important; background: linear-gradient(to bottom, #ededed 0, #e5e5e5 19%, #fff 100%); align-items: center; animation: stuckMoveUp .6s; border-top: 1px solid var(--color3) !important; padding: 0 !important; position: fixed; right: 0; z-index: 20; height: 70px; } .sticky-add-to-cart--active strong { font-size: 1em; font-weight: 500 !important; color: var(--color5) !important; position: relative; top: -6px; letter-spacing: -1px; line-height: 1; margin-right: 1em; width: 220px; display: inline-block; } .sticky-add-to-cart__product .product-title-small { line-height: 1; margin-right: 1em; max-width: 320px; width: 380px; } .sticky-add-to-cart__product { align-items: center; padding: 0 !important; } .sticky-add-to-cart--active .quantity, .sticky-add-to-cart--active .quantity input[type=number] { display: none !important; } .form-flat button, .form-flat input, .form-flat input:not([type=submit]), .sticky-add-to-cart--active button, .sticky-add-to-cart--active form { border-radius: 99px !important; } #newsletter .form-flat input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; height: 1.6em !important; line-height: 1 !important; height: 26px !important; width: 26px !important; border-radius: 2px !important; border: 3px solid var(--red) !important; display: inline-flex; } @media only screen and (max-width:849px) { .sticky-add-to-cart__product .single_add_to_cart_button.button { display: flex !important; min-width: 280px !important; font-size: 1rem !important; } .sticky-add-to-cart-wrapper .product-title-small, .sticky-add-to-cart-wrapper img { display: none; } } .support-help-short { position: relative; top: -12px; } .support-help-short, .support-help-short a { background-color: rgb(255, 255, 255, .7); border-radius: 99px; vertical-align: middle !important; margin-top: 0 !important; height: 46px !important; border-bottom: 3px var(--color6) solid !important; opacity: 1 !important; } .support-help-short a:hover { background-color: #e9e9e9 !important; color: var(--color11) !important; } .support-help-short p { position: relative; top: -4px; font-weight: 300 !important; font-size: 100% !important; font-size: 1.6rem !important; margin-bottom: 0 !important; color: var(--blue) !important; } .support-help-short svg { height: 0 !important; width: 0 !important; } .support-select { margin-bottom: 0; margin-left: 0 !important; margin-right: 0 !important; } .support-select .icon-box .icon-inner { max-width: 100% !important; width: 100% !important; display: grid; justify-content: center; align-items: center; text-align: center !important; } .support-select .col-inner { background-color: var(--color1); border-bottom: var(--color3) solid 6px; color: var(--white) !important; text-align: center !important; opacity: 1 !important; height: 330px; padding: 20px; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; -o-transition: all 2.8s ease-in; transition: all 2.8s ease-in; padding-top: unset !important; border-radius: 3px; transition: filter 2.2s, opacity 2.2s, transform 2.2s, background-color 3.3s !important; } .support-select .col-inner:hover { background-color: var(--color7); border-bottom: var(--blue) solid 6px; text-align: center !important; opacity: 1 !important; padding: 20px; opacity: 1; transition: filter .2s, opacity .2s, transform .2s, background-color .2s !important; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in; -o-transition: all .5s ease-in; border-radius: 3px; } .support-select .icon-box-img { width: 100% !important; padding: 40px !important; } .support-select .icon-box-img svg { width: 135px !important; margin: 0 auto; padding-top: 20px; } .icon-box-img, .support-select svg { margin: 0 auto !important; display: flex; justify-content: center; align-items: center; } .support-select .col-inner p { letter-spacing: -1px; color: var(--color1) !important; line-height: 1.4; height: 180px; display: flex; justify-content: center; align-items: center; } .support-select .support h5 { letter-spacing: -2px; color: var(--blue) !important; opacity: 1 !important; font-size: 1.6rem; font-weight: 500 !important; } .support-select h5 { letter-spacing: -2px; color: var(--white) !important; opacity: 1 !important; font-size: 1.6rem; font-weight: 500 !important; } .support-select-login .col:last-child p { margin-top: 0; margin-bottom: 0 !important; } .support-select-login, .support-select-login .col p, .support-select-login .col-inner .support-select-login, .support-select-login .text-center p, .support-select-login p { margin-bottom: 0 !important; margin-bottom: 0 !important; } .support-select-login { max-height: 33px; min-height: 330px; } .support-select-login .icon-box { display: contents; background-color: var(--white) !important; text-align: center !important; width: 100% !important; margin-bottom: 0 !important; } .support-select-login .col-inner p, .support-select-login .icon-box-img { letter-spacing: -1px; color: var(--color6) !important; line-height: 1.4; display: flex; justify-content: center; align-items: center; width: 100% !important; margin-bottom: 0 !important; } .support-select-delivery .col-inner, .support-select-legally .col-inner { height: 660px !important; padding-top: 40px; } .support-button .shade { backface-visibility: hidden; background: rgba(255, 255, 255) !important; background: linear-gradient(0deg, #323232 0, rgba(50, 50, 50, 0) 33%); bottom: 0; content: " "; left: 0; opacity: .3; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity 1s; } .shade-top { background: rgba(0, 0, 0, .2); background: linear-gradient(180deg, #000 0, transparent 70%); opacity: .4; } .box:hover .shade { opacity: .5; } .box-shade:not(.dark) .shade { background: hsla(0, 0%, 100%, .2); background: linear-gradient(0deg, #fff 0, hsla(0, 0%, 100%, 0) 33%); opacity: .8; } .hover-slide, .hover-slide-in, .hover-zoom, .hover-zoom-in, .show-on-hover { opacity: 0; pointer-events: none; transition: opacity .5s, transform .3s, max-height .6s, filter .6s; } .all-select .right .bottom { height: 398px !important; min-height: 220px !important; margin: 10px 30px 0 10px !important; padding-right: 30px !important; max-width: 710px; width: 100%; } .support-select-legally .col-inner svg, .support-select-legally .pay-select svg { filter: invert(.1) brightness(1000) !important; } .support-select-delivery .col-inner svg, .support-select-delivery .pay-select svg { filter: invert(1) brightness(1110) contrast(1) !important; } .support-inprint-data-law img { border-radius: 0px; filter: brightness(.6) } .support-inprint-data-law .box-text .box-text-inner p { font-weight: 200 !important; text-transform: uppercase !important; color: var(--color3); font-size: 3rem !important; letter-spacing: -2px; text-shadow: 2px 2px 2px rgba(0, 0, 0, .1) !important; transition-property: background; transition-duration: .8s; transition-timing-function: ease; transition-delay: .8s; z-index: 1; transition: border .8s; -webkit-transition: all .8s ease-in !important; -moz-transition: all .8s ease-in !important; -o-transition: all .8s ease-in !important; transition: all .8s ease-in !important; background-position: 50% 50%; -webkit-transition: all .8s ease-in-out !important; -moz-transition: all .8s ease-in-out !important; -o-transition: all .8s ease-in-out !important; transition: all .8s ease-in-out !important; border-radius: 5px; } .support-inprint-data-law .has-hover:hover .box-text .box-text-inner p { font-weight: 200 !important; text-transform: uppercase !important; color: var(--red); font-size: 3rem !important; letter-spacing: -2px !important; text-shadow: 2px 2px 2px rgba(0, 0, 0, .2) !important; letter-spacing: 0px; transition-property: background; transition-duration: .4s; transition-timing-function: ease; transition-delay: .4s; z-index: 1; transition: border 1s; -webkit-transition: all .2s ease-in !important; -moz-transition: all .2s ease-in !important; -o-transition: all .2s ease-in !important; transition: all .2s ease-in !important; background-position: 50% 50%; -webkit-transition: all .2s ease-in-out !important; -moz-transition: all .2s ease-in-out !important; -o-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important; border-radius: 5px; } .kategorien .box-text-inner p { font-family: "Aileron", sans-serif !important; text-transform: uppercase; line-height: 1 !important; color: var(--blue); font-size: 2.2rem !important; } @media only screen and (max-width:1024px) { .support-select-delivery .col-inner, .support-select-legally .col-inner { height: 660px !important; padding-top: 155px; } } .pay-select .col:last-child p { margin-top: 0; } .support-select-delivery .col, .support-select-legally .col { padding: 3.5px !important; } .pay-select, .pay-select .col p, .pay-select .col-inner .pay-select, .pay-select .text-center p, .pay-select p { margin-bottom: 0 !important; margin-bottom: 0 !important; } .pay-select { max-height: 33px; min-height: 330px; } .pay-select .icon-box { display: contents; background-color: var(--white) !important; text-align: center !important; width: 100% !important; } .pay-select .col-inner p, .pay-select .icon-box-img { letter-spacing: -1px; color: var(--color6) !important; line-height: 1; display: flex; padding-bottom: 0 !important; margin-bottom: 0 !important; justify-content: center; align-items: center; position: relative; top: -70px; width: 100% !important; } .pay-select .icon-box-text { position: relative; top: 30px !important; } .support-select-legally .pay-select svg { } .support-select-delivery .pay-select svg { } .support-inprint-data-law .has-hover .box-image { transition: background 3.3s; font-weight: 300; transition-property: background; transition-duration: 4s; transition-timing-function: ease; transition-delay: 4s; z-index: 1; transition: border 1s; -webkit-transition: all 4s ease-in; -moz-transition: all 4s ease-in; -o-transition: all 4s ease-in; transition: all 4s ease-in; transition: filter .7s, grayscale 2.7s, contrast .7s, brightness 1s !important; border-radius: 5px; } .support-inprint-data-law .has-hover:hover .box-image { transition: background 1.3s; font-weight: 300; transition-property: background; transition-duration: 4s; transition-timing-function: ease; -webkit-transition: all 2s ease-in-out !important; -moz-transition: all 2s ease-in-out !important; -o-transition: all 2s ease-in-out !important; transition: all 2s ease-in-out !important; transition: filter .7s, grayscale .7s, contrast .7s, brightness 1s !important; border-radius: 5px; } .support-mini-shop .icon-box-img svg { filter: invert(0) brightness(1000000) contrast(110) !important; height: 140px; margin-top: 2rem; margin-bottom: 0rem; } .support-mini-shop .support-select-delivery .pay-select .icon-box-img svg { filter: invert(1000) brightness(1000) contrast(10) !important; } .support-mini-shop .pay-select .icon-box-img svg { filter: invert(0) brightness(100) contrast(100) !important; } .support-mini-shop .support-select-delivery .col-inner, .support-mini-shop .support-select-legally .col-inner { height: 460px !important; padding-top: 20px; } .pay-icon .col { margin-bottom: 0; padding: 0 2px 110px; } .security-icons { height: 170px; } .security-icons svg { height: 190px !important; max-height: 190px !important; opacity: .7; position: relative; top: -55px; } .security-icons p { font-size: 1.1rem !important; line-height: 1.2; font-weight: 500; } .security-icons .col-inner { padding: 40px !important; } .security-icons .icon-box-left .icon-box-img+.icon-box-text { padding-left: 1em; } @media only screen and (max-width:1260px) { .security-icons { height: fit-content !important; max-height: fit-content !important; } .security-icons .large-4 { flex-basis: 100%; max-width: 100%; } .woocommerce-form-register { margin-top: 25px !important; } } .container-st { width: 100%; max-width: 450px; margin: 4rem auto; text-align: center; } .pie-chart { position: relative; width: 450px; height: 450px; border-radius: 50%; background: #4b384c; background-image: linear-gradient(to right, transparent 50%, #632c65 0); } .pie-chart::after, .pie-chart::before { content: ""; display: block; margin-left: 50%; height: 100%; border-radius: 0 100% 100% 0/50%; transform-origin: left; } .pie-chart::before { background-color: #632c65; transform: rotate(.1turn); } .pie-chart::after { margin-top: -100%; background-color: #e2a9e5; transform: rotate(.4turn); } .pie-text { position: absolute; font-weight: 700; } .pie-text.text1 { color: #e2a9e5; left: 0; bottom: 50px; } .pie-text.text2 { color: #632c65; right: -26px; top: 80px; } .pie-text.text3 { color: #4b384c; top: -15px; left: 106px; } .base-st { position: absolute; bottom: 0; left: -35px; width: 825px; height: 20px; background-color: rgba(255, 255, 255, .05); -moz-transform: skew(45deg); -o-transform: skew(45deg); -webkit-transform: skew(45deg); } .chart-container-st { position: relative; z-index: 0; margin: 100px auto 0; width: 800px; height: 500px; background-color: rgba(255, 255, 255, .055); } .chart-container-st:after { content: ""; position: absolute; top: -15px; left: -8px; height: 15px; width: 800px; background-color: rgba(255, 255, 255, .055); -moz-transform: skew(45deg); -o-transform: skew(45deg); -webkit-transform: skew(45deg); transform: skew(45deg); } .chart-container-st>table { position: absolute; top: 0; left: 0; z-index: -999; width: 100%; height: 100%; } .chart-container-st table tr td { width: 100px; height: 98x; border: solid 1px rgba(255, 255, 255, .05); } .meter { position: relative; top: 0; left: -30px; height: 500px; width: 30px; background-color: rgba(20, 113, 163, .5); border-left: solid 1px rgba(255, 255, 255, .5); } .meter:before { content: ""; position: absolute; top: -7px; left: -15px; width: 15px; height: 500px; background-color: rgba(14, 81, 117, .9); -moz-transform: skewY(45deg); -o-transform: skewY(45deg); -webkit-transform: skewY(45deg); transform: skewY(45deg); } .meter:after { content: ""; position: absolute; top: -15px; left: -8px; width: 30px; height: 15px; background-color: rgba(13, 171, 217, .45); -moz-transform: skewX(45deg); -o-transform: skewX(45deg); -webkit-transform: skewX(45deg); transform: skewX(45deg); } .meter li { position: relative; list-style-type: none; height: 99px; border-bottom: solid 1px #0dabd9; } .meter li:before { content: ""; position: absolute; top: -15px; left: -30px; width: 30px; height: 100%; border-bottom: solid 1px #0dabd9; -moz-transform: skewY(45deg); -o-transform: skewY(45deg); -webkit-transform: skewY(45deg); transform: skewY(45deg); } .meter li:last-child { border-bottom: none; } .meter li:last-child:before { border: 0; } .meter li div { position: absolute; left: -115px; top: 0; padding: 55px 0 0; width: 80px; color: #656565; text-align: right; font-weight: 300; font-size: 14px; line-height: 18px; text-transform: uppercase; } .bar { float: left; position: absolute; bottom: 0; z-index: 99; height: 35%; width: 40px; margin: 0 40px; background-color: rgba(107, 255, 49, .35); } .bar:before { content: ""; position: absolute; left: -15px; bottom: 7px; height: 100%; width: 15px; background-color: rgba(107, 255, 49, .25); -webkit-transform: skewY(45deg); } .bar:after { content: ""; position: absolute; top: -15px; left: -8px; width: 40px; height: 15px; background-color: rgba(107, 255, 49, .45); -moz-transform: skewX(45deg); -o-transform: skewX(45deg); -webkit-transform: skewX(45deg); transform: skewX(45deg); } .two { left: 12.5%; height: 57%; } .three { left: 25%; height: 85%; } .four { left: 37.5%; height: 35%; } .five { left: 50%; height: 63%; } .six { left: 62.5%; height: 45%; } .seven { left: 75%; height: 15%; } .eight { left: 87.5%; height: 32%; } .simple-bar-chart { --line-count: 10; --line-color: currentcolor; --line-opacity: 0.25; --item-gap: 2%; --item-default-color: #060606; height: 10rem; display: grid; grid-auto-flow: column; gap: var(--item-gap); align-items: end; padding-inline: var(--item-gap); --padding-block: 1.5rem; padding-block: var(--padding-block); position: relative; isolation: isolate; } .simple-bar-chart::after { content: ""; position: absolute; inset: var(--padding-block) 0; z-index: -1; --line-width: 1px; --line-spacing: calc(100% / var(--line-count)); background-image: repeating-linear-gradient(to top, transparent 0 calc(var(--line-spacing) - var(--line-width)), var(--line-color) 0 var(--line-spacing)); box-shadow: 0 var(--line-width) 0 var(--line-color); opacity: var(--line-opacity); } .simple-bar-chart>.item { height: calc(1% * var(--val)); background-color: var(--clr, var(--item-default-color)); position: relative; animation: item-height 1s ease forwards; } @keyframes item-height { from { height: 0; } } .simple-bar-chart>.item>* { position: absolute; text-align: center; } .simple-bar-chart>.item>.label { inset: 100% 0 auto 0; } .simple-bar-chart>.item>.value { inset: auto 0 100% 0; } .simple-bar-chart { --line-count: 10; --line-color: currentcolor; --line-opacity: 0.25; --item-gap: 2%; --item-default-color: #060606; height: 18rem; display: grid; grid-auto-flow: column; gap: var(--item-gap); align-items: end; padding-inline: var(--item-gap); --padding-block: 1.5rem; padding-block: var(--padding-block); position: relative; isolation: isolate; } .snip1207 { color: #000; text-align: center; font-size: 16px; width: 100%; margin: 110px 10px; } .snip1207 .plan { margin: 0; width: 25%; position: relative; float: left; overflow: hidden; background-color: #fff; border: 1px solid rgba(0, 0, 0, .1); } .snip1207 .plan:first-of-type { border-radius: 8px 0 0 8px; } .snip1207 .plan:last-of-type { border-radius: 0 8px 8px 0; } .snip1207 * { -webkit-box-sizing: border-box; box-sizing: border-box; } .snip1207 .plan-title { font-weight: 800; padding: 15px; margin: 0; background: rgba(0, 0, 0, .08); color: #595959; text-transform: uppercase; } .snip1207 .plan-cost { padding: 20px 10px; } .snip1207 .plan-price { font-weight: 800; font-size: 3em; color: #2980b9; } .snip1207 .plan-type { opacity: .6; } .snip1207 .plan-features { padding: 0; margin: 0; text-align: left; list-style: outside none none; font-size: .8em; } .snip1207 .plan-features li { border-top: 1px solid #d2d7e2; padding: 10px 5%; } .snip1207 .plan-features li:nth-child(even) { background: rgba(0, 0, 0, .08); } .snip1207 .plan-features i { margin-right: 8px; opacity: .4; } .snip1207 .plan-select { border-top: 1px solid #d2d7e2; padding: 30px 10px; } .snip1207 .plan-select a { background-color: #2980b9; color: #fff; text-decoration: none; padding: .5em 1em; border-radius: 8px; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; } .snip1207 .plan-select a:hover { background-color: #409ad5; } .snip1207 .featured { margin-top: -20px; background-color: #2980b9; color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .4); z-index: 1; border-radius: 8px; } .snip1207 .featured .plan-price, .snip1207 .featured .plan-title { color: #fff; } .snip1207 .featured .plan-title { padding: 25px 15px; } .snip1207 .featured .plan-select { padding: 40px 10px; } .snip1207 .featured .plan-select a { color: #2980b9; background-color: #fff; } .snip1207 .featured .plan-select a:hover { background-color: #409ad5; color: #fff; } @media only screen and (max-width:767px) { .snip1207 .plan { width: 50%; border-radius: 0 !important; } .snip1207 .featured { margin-top: 0; border-radius: 0; } .snip1207 .featured .plan-title { padding: 15px; } .snip1207 .featured .plan-select { padding: 30px 10px; } } @media only screen and (max-width:440px) { .snip1207 .plan { width: 100%; } } .three-steps h2 { font-size: 3rem !important; letter-spacing: 1px; text-align: center; opacity: .6; margin: 15px 0 15px 0 !important; } .three-steps h2 { font-size: 3rem !important; letter-spacing: 1px; text-align: center; opacity: .6; margin: 15px 0 15px 0 !important; } .product-minimal .equalize-box .has-hover [class*=image-] img, .content-shop-content .has-hover [class*=image-] img, .products-minimal .box-badge .box-text, .shop-select .has-hover [class*=image-] img, .products-minimal .has-hover [class*=image-] img, .nextpost .has-hover .image-color [class*=image-] img { transition: background .4s; font-weight: 300; border-radius: 5px; transition-property: background; transition-duration: .4s; transition-timing-function: ease; transition-delay: .4s; z-index: 1; transition: border 1s; -webkit-transition: all 2s ease-in !important; -moz-transition: all .4s ease-in !important; -o-transition: all .4s ease-in !important; transition: all .4s ease-in !important; background-position: 50% 50%; -webkit-transition: all 2s ease-in-out !important; -moz-transition: all .4s ease-in-out !important; -o-transition: all .4s ease-in-out !important; transition: all .4s ease-in-out !important; filter: grayscale(10) contrast(.2) brightness(.3) !important; } .products-minimal .has-hover [class*=image-] img { filter: grayscale(10) contrast(1.2) brightness(2) !important; border-radius: 5px; } .content-shop-content .has-hover:hover [class*=image-] img, .products-minimal .box-badge:hover .box-text, .shop-select .has-hover:hover [class*=image-] img, .products-minimal .has-hover:hover [class*=image-] img, .nextpost .has-hover:hover .image-color [class*=image-] img { transition: background .1s; font-weight: 300; transition-property: background; transition-duration: .1s; border-radius: 5px; transition-timing-function: ease; transition-delay: .1s; z-index: 1; transition: border 1s; -webkit-transition: all .1s ease-in !important; -moz-transition: all .1s ease-in !important; -o-transition: all .1s ease-in !important; transition: all .1s ease-in !important; background-position: 50% 50%; -webkit-transition: all .1s ease-in-out !important; -moz-transition: all .1s ease-in-out !important; -o-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important; filter: grayscale(0%) contrast(1.1) brightness(1.1) !important; } .products-minimal .has-hover [class*=image-] img { border-radius: 5px; filter: grayscale(10) contrast(1.2) brightness(2) !important; } .related-page .has-hover .image-zoom img, .journal .has-hover .image-zoom img, .portfolio-element-wrapper .has-hover .image-zoom img { border-radius: 5px; filter: grayscale(.5) contrast(.7) brightness(.4) !important; } .related-page .has-hover:hover .image-zoom img, .journal .has-hover:hover .image-zoom img, .portfolio-element-wrapper .has-hover:hover .image-zoom img { border-radius: 5px; filter: grayscale(0) contrast(1) brightness(1) !important; } .content-related { margin-top: 110px !important; } .related-page h2 { padding-top: 5px; margin-bottom: 5px !important; font-size: 1.2rem !important; line-height: 1; letter-spacing: 1px !important; color: #111114 !important; margin-left: 0px !important; opacity: .95 !important; } .related-page { margin-top: 0px !important; padding-top: 0px !important; } .related-page .gap-element { padding-top: 0px !important; } .content-related { margin-top: 110px !important; margin-left: 2px !important; margin-right: 0px !important; } .related-page .box { border: 0 solid rgba(17, 17, 20, .8); } .related-page .box-text p { font-family: "Aileron", sans-serif !important; text-transform: uppercase; margin-left: 0px !important; margin-bottom: 0px !important; font-size: 1.8rem !important; line-height: 1; letter-spacing: 2px !important; color: var(--color1) !important; margin-left: 0px !important; opacity: .8 !important; font-weight: 400; } #main .related-page .box-text { height: auto !important; } .related-page .has-hover:hover .box-text p { color: var(--blue) !important; opacity: 1 !important; } .related-products-wrapper { display: none !important } .related-shop .col-inner { background-color: var(--color5) !important; border: solid 3px #ccc; } .related-shop .col { padding: 2px } .related-shop .box-bounce .box-text { background: transparent !important; border-top: 4px solid #000 !important; padding: 15px 15px 20px; z-index: 1; } .single-product #main .products-minimal {} .single-product #main .products-minimal .col-inner { border-radius: 5px; border-top: 4px solid #111114 !important; } .single-product #main .product-minimal .col-inner { border-radius: 5px; height: 660px; max-height: 660px; min-height: 660px; background-color: var(--color5) !important; padding: 20px !important; border: 3px solid #111 !important } .single-product #main .products-minimal .show-on-hover { position: relative; top: -10px; height: 140px !important; } .single-product #main .product-minimal .col-inner .product-title p { margin-bottom: 1rem !important; padding-bottom: 1rem !important; } .single-product #main .product-minimal .col:last-child p { margin-top: 0; margin-bottom: 1rem; } .single-product #main .product-minimal .dark .price, .single-product #main .product-minimal .dark .price del, .single-product #main .product-minimal .dark span.amount { color: var(--red); text-align: right; font-size: 1.6rem; } .single-product #main .products-minimal .category, .single-product #main .products-minimal .category a, .single-product #main .products-minimal .category p { font-family: "Aileron", sans-serif !important; color: var(--color5) !important; letter-spacing: 1.5px; opacity: 1; margin-bottom: 0 !important; font-weight: 400; position: absolute; width: 100% !important; top: -420px !important; } .single-product #main .products-minimal .badge-container { margin: 55px 0 0 !important; } .single-product #main .products-minimal .product-title, .single-product #main .products-minimal .product-title a { margin-bottom: 1rem !important; margin-top: 1em !important; font-family: "Aileron", sans-serif !important; text-shadow: 0px 0px 0px #cccccc00; font-size: 1.6rem !important; letter-spacing: 2px !important; color: var(--color11) !important; margin-bottom: 1rem !important; padding-bottom: 1rem !important; text-transform: uppercase !important; background-color: transparent !important; } .single-post #main .products-minimal { height: 630px !important; margin-bottom: 4px !important; } .single-post #main .products-minimal .has-hover:hover .dark .products-minimal .category {} .products-minimal .category, .products-minimal .category a, .products-minimal .category p { font-family: "Aileron", sans-serif !important; letter-spacing: 1.5px; opacity: .8; margin-bottom: 0 !important; font-weight: 400; position: absolute; width: 100% !important; top: -540px !important; } .single-post #main .products-minimal .has-hover .dark .woocommerce-loop-product__title a, .single-post #main .products-minimal .has-hover .dark .product-title a { font-family: "Aileron", sans-serif !important; color: var(--color8) !important; letter-spacing: 1px !important; text-transform: uppercase; text-shadow: 0px 0px 0px #ccc !important; margin-left: 0px; padding-right: 15px !important; font-size: 1.6rem !important; line-height: 1.1 !important; position: absolute; min-width: 100% !important; top: -520px !important; } .single-post #main .products-minimal .has-hover:hover .dark .product-title, .single-post #main .products-minimal .has-hover:hover .dark .product-title a { color: var(--red) !important; opacity: 1 !important; } .single-post #main .products-minimal .dark span.amount { font-size: 1.4rem !important; font-family: "Aileron", sans-serif !important; } .single-post #main .products-minimal .woocommerce-price-suffix { font-size: 1rem !important; font-family: "Aileron", sans-serif !important; } .single-post #main .products-minimal .box-badge .box-text { padding: 10px !important; background-color: transparent !important; } .single-product #main .products-minimal .price-wrapper { position: absolute; bottom: 0px; right: 15px } .single-post #main .products-minimal { height: 630px !important; margin-bottom: 4px !important; border-radius: 5px !important } .single-post #main .products-minimal .has-hover:hover .dark .products-minimal .category { border-radius: 5px !important } .products-minimal .category, .products-minimal .category a, .products-minimal .category p { font-family: "Aileron", sans-serif !important; letter-spacing: 1.5px; opacity: .8; margin-bottom: 0 !important; font-weight: 400; position: absolute; width: 100% !important; top: -540px !important; } .single-post #main .products-minimal .has-hover .dark .woocommerce-loop-product__title a, .single-post #main .products-minimal .has-hover .dark .product-title a { font-family: "Aileron", sans-serif !important; color: var(--color8) !important; letter-spacing: 1px !important; text-transform: uppercase; text-shadow: 0px 0px 0px #ccc !important; margin-left: 0px; padding-right: 15px !important; font-size: 1.6rem !important; line-height: 1.1 !important; position: absolute; min-width: 100% !important; top: -520px !important; } .single-post #main .products-minimal .has-hover:hover .dark .product-title, .single-post #main .products-minimal .has-hover:hover .dark .product-title a { color: var(--red) !important; opacity: 1 !important; } .single-post #main .products-minimal .dark span.amount { font-size: 1.4rem !important; font-family: "Aileron", sans-serif !important; } .single-post #main .products-minimal .woocommerce-price-suffix { font-size: 1rem !important; font-family: "Aileron", sans-serif !important; } .single-post #main .products-minimal .box-badge .box-text { padding: 10px !important; background-color: transparent !important; } .next-products-minimal-full .col-inner { opacity: 1 !important; } .next-products-minimal-full .has-hover .dark .woocommerce-loop-product__title a, .next-products-minimal-full .has-hover .dark .product-title a { font-family: "Aileron", sans-serif !important; color: var(--color1) !important; letter-spacing: 1px !important; text-transform: uppercase; text-shadow: 0px 0px 0px #ccc !important; margin-left: 0px; padding-right: 15px !important; font-size: 1.4rem !important; line-height: 1.1 !important; position: relative !important; min-width: 100% !important; top: -15px !important; opacity: 1 !important; } .next-products-minimal-full .has-hover:hover .dark .product-title, .next-products-minimal-full .has-hover:hover .dark .product-title a { color: var(--red) !important; opacity: 1 !important; } .next-products-minimal-full .category { margin-bottom: 0px !important; opacity: 1 !important; } .next-products-minimal-full .dark span.amount { font-size: 1.4rem !important; font-family: "Aileron", sans-serif !important; opacity: 1 !important; } .next-products-minimal-full .woocommerce-price-suffix { font-size: 1.2rem !important; } #related-post { margin-bottom: 5px !important; font-size: 1.2rem !important; line-height: 1; letter-spacing: 1px !important; color: var(--color8) !important; margin-left: 10px !important; opacity: 1 !important; } .content-related-page h2, #related-post h3, .related-page h2 { padding-top: 5px; margin-bottom: 5px !important; font-size: 1rem !important; letter-spacing: 1px !important; color: #111114 !important; margin-left: 0px !important; opacity: .95 !important; font-family: "PlusJakartaSans", sans-serif !important; font-weight: 600 !important; left: 5px; position: relative; } #related-post h3 { left: -5px !important } .related-page-code .box-text { background-color: transparent !important; color: #999 !important; font-size: 1.2rem !important; line-height: 1; position: absolute; padding: 12px 12px !important; height: auto !important; } .related-page-code .col { margin: 0; padding: 0 0px 4px; position: relative; width: 100%; height: 220px !important; } .related-page-code .col-inner { height: 220px !important; max-height: 220px !important; position: relative; margin-left: 10px; margin-right: 10px; min-width: 100% !important; width: 100% !important; margin-bottom: 4px; } .related-page-code .col h4 { font-family: "PlusJakartaSans", sans-serif; font-size: 1rem !important; color: var(--color1) !important; letter-spacing: 1px !important; -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; opacity: .5 !important; } .related-page-code .has-hover:hover h4 { font-size: 1rem !important; color: var(--red) !important; padding-right: 20px; opacity: 1 !important; } .related-page-code .box-text { position: absolute; bottom: .6em !important; } .related-page-code .col:first-of-type h4 { margin-top: 0 !important; margin-bottom: 0 !important; } .related-page-code .image-zoom { padding-top: 220px !important; } .related-page-code .large-columns-3 .post-item img { border-radius: 5px; height: 220px !important; filter: grayscale(10) contrast(.2) brightness(.3) !important; margin-bottom: 2px !important; background-color: #b2b2b2; } .related-page-code .large-columns-3 .post-item:hover img { border-radius: 5px; height: 220px !important; transform: scale(1.2); filter: grayscale(0) contrast(1.2) brightness(1.2) !important; } .related-page-code .has-hover .bg { border-radius: 5px; transition: filter .6s, opacity .6s, transform .3s, box-shadow .3s; transform: scale(1.6); } .related-page-code .has-hover:hover .bg { border-radius: 5px; transition: filter .2, opacity .2s, transform .2s, box-shadow .2s; transform: scale(.3); } .related-blog .box { border: 0 solid rgba(17, 17, 20, .8); } .related-blog .box-text h5 a { color: var(--color1) !important; line-height: 1 !important; } .related-blog .box-text { bottom: .6em !important; letter-spacing: -1px !important; padding: .3em !important; margin: 0; position: absolute; background-color: var(--color10); line-height: 1 !important; margin-bottom: .5em !important; } .related-blog .has-hover:hover .box-text { background-color: var(--color11) !important; color: var(--blue) !important; } .related-blog .has-hover:hover h5 a { color: var(--blue) !important; } .related-blog .has-hover .post-meta { text-align: right; font-size: .85rem; font-weight: 300 !important; } .related-blog .has-hover:hover .post-meta { color: var(--color1); } .related-blog .box .button { text-align: left; border-radius: 1px; text-transform: uppercase !important; background-color: var(--color11); color: var(--color11) !important; font-size: .85rem; padding: 10px; width: 100%; } .related-blog .has-hover .cat-label { background-color: var(--color11) !important; opacity: 1 !important; margin-left: 2px; } .related-blog .has-hover:hover .cat-label { background-color: var(--red) !important; opacity: 1 !important; } .related-blog .is-divider { display: none; } .related-blog .has-hover .post-meta { text-align: right; font-size: .85rem; font-weight: 300 !important; } .related-blog .has-hover:hover .post-meta { color: var(--color1); transition: filter 2s, opacity .6s, transform .6s, box-shadow 1.3s !important; } .reladet-pages .box { height: 120px !important; background: var(--color3) !important; } .reladet-pages .box-image img { display: none; } .reladet-pages .box-badge .box-text { bottom: 20px !important; } .reladet-pages .box-text-inner, .reladet-pages .col-inner { color: var(--color11) !important; background-color: var(--color3) !important; margin: 0 !important; } .reladet-pages .box-text p { color: var(--color11) !important; margin: 0 !important; } .products-minimal-next .new-bubble { background-color: var(--color5) !important; } .products-minimal-next .grid-tools { display: flex !important; background-color: var(--color1) !important; } .products-minimal-next .col { flex-basis: 100% !important; max-width: 100% !important; } .products-minimal-next .box-badge .box-text { background-color: rgb(194 194 194) !important; bottom: 0; position: absolute; transition: background .3s; z-index: 1; height: 440px !important; } .products-minimal-next .no-text-overflow { position: relative !important; top: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color5) !important; display: block; font-size: .85rem !important; font-family: "Lexend Exa", sans-serif !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: 0px; transition: .2s, background-position .2s; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat; opacity: 1 !important; } .products-minimal-next .has-hover:hover .dark .box-text { background-color: var(--blue) !important; bottom: 0; position: absolute; transition: background .3s; z-index: 1; height: auto !important; } .products-minimal-next .product-title, .products-minimal-next .product-title a { position: relative !important; top: 176px; font-size: 1.3em !important; font-family: "Aileron", sans-serif !important; color: var(--color1) !important; font-weight: 400 !important; letter-spacing: -3px; text-transform: uppercase; line-height: 1.1 !important; letter-spacing: 0px; text-shadow: unset; filter: brightness(2); } .products-minimal-next .dark .product-title, .has-hover:hover .products-minimal-next .has-hover:hover .dark .product-title a { position: relative !important; top: 176px; font-size: 1.3em !important; font-family: "Aileron", sans-serif !important; font-weight: 400 !important; letter-spacing: 0px; text-transform: uppercase; line-height: 1.1 !important; letter-spacing: -3x; filter: brightness(1.9); } .products-minimal-next .dark .price { position: absolute; padding-right: 20px; color: var(--color7) !important; float: right !important; bottom: 20px !important; right: 0; } .products-minimal-next .dark span.amount { font-size: 1.4rem !important; letter-spacing: 0; font-family: "Lexend Exa", sans-serif !important; color: var(--color7); } .products-minimal-next .woocommerce-price-suffix { text-transform: none; font-size: 1rem !important; font-weight: 300 !important; letter-spacing: 0 !important; font-family: "Lexend Exa", sans-serif !important; color: var(--color9) !important; } .products-minimal-next .has-hover:hover .dark .new-bubble { color: var(--color7) !important; } .products-minimal-next .has-hover:hover .dark .price, .products-minimal-next .has-hover:hover .dark .price del, .products-minimal-next .has-hover:hover .dark .woocommerce-price-suffix, .products-minimal-next .has-hover:hover .dark span.amount { color: var(--color5) !important; } .products-minimal-next .box-badge .box-text, .products-minimal-next .box-text { transition: background 1.9s; transition-property: background; transition-duration: .9s; transition-timing-function: ease; transition-delay: 7s; z-index: 1; transition: opacity .7s, transform .5s, max-height .8s, filter .8s, background-color 2s !important; } .products-minimal-next .box-text.text-center:hover, .products-minimal-next .box-text:hover, .products-minimal-next .hover-bounce:hover { transition: background .9s; transition-property: background; transition-duration: .9s; transition-timing-function: ease; transition-delay: 7s; z-index: 1; transition: opacity .7s, transform .5s, max-height .8s, filter .8s, background-color 1s !important; opacity: 1 !important; } .products-minimal-next .category, .products-minimal-next .category a, .products-minimal-next .category p { opacity: .6 !important; margin-bottom: 0 !important; } .products-minimal-next .badge { position: relative; left: 2px; top: 40px !important; } .products-minimal-next .has-hover .bg, .has-hover [class*=image-] img { transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s; border-radius: 5px; transform: scale(1) !important; } .products-minimal-next .has-hover .bg, .has-hover:hover [class*=image-] img { transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s; border-radius: 5px; transform: scale(1.015) !important; } .products-minimal-next .has-hover .image-color img, .products-minimal-next .has-hover .image-zoom img { transition: background 2s; font-weight: 300; transition-property: background; transition-duration: 4s; transition-timing-function: ease; transition-delay: 4s; border-radius: 5px; z-index: 1; transition: border 1s; -webkit-transition: all 1.1s ease-in !important; -moz-transition: all 1.1s ease-in !important; -o-transition: all 1.1s ease-in !important; transition: all 1.1s ease-in !important; background-position: 50% 50%; -webkit-transition: all 1.1s ease-in-out !important; -moz-transition: all 1.1s ease-in-out !important; -o-transition: all 1.1s ease-in-out !important; transition: all 1.1s ease-in-out !important; filter: grayscale(.6) contrast(.7) brightness(.4) !important; } .products-minimal-next .has-hover:hover .image-color img, .products-minimal-next .has-hover:hover .image-zoom img { transition: background 2s; font-weight: 300; transition-property: background; transition-duration: 4s; border-radius: 5px; transition-timing-function: ease; transition-delay: 4s; z-index: 1; transition: border 1s; -webkit-transition: all .4s ease-in !important; -moz-transition: all .4s ease-in !important; -o-transition: all 4s ease-in !important; transition: all 4s ease-in !important; background-position: 50% 50%; -webkit-transition: all .4s ease-in-out !important; -moz-transition: all .4s ease-in-out !important; -o-transition: all .4s ease-in-out !important; transition: all .4s ease-in-out !important; filter: grayscale(1.2) contrast(1) brightness(1.4) !important; } .nextpost .grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text { background-color: hsla(0, 0%, 100%, 3%) !important; bottom: 1rem; margin-top: 0px; padding-top: .2em; padding-bottom: .2em; padding-left: 1em; padding-right: 1.5em; position: absolute; } .nextpost .has-hover .box-text a:not(.button), .nextpost .has-hover .box-text h5, .nextpost .has-hover .box-text h6 { font-family: "Aileron", sans-serif !important; font-size: 1.3rem !important; line-height: 1; color: #fff; opacity: 1; letter-spacing: 1px; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; background-color: hsla(0, 0%, 100%, 0%) !important; } .nextpost .has-hover:hover .box-text a:not(.button), .nextpost .has-hover:hover .box-text h5, .nextpost .has-hover:hover .box-text h6 { font-family: "Aileron", sans-serif !important; font-size: 1.3rem !important; line-height: 1; color: #000000 !important; opacity: 1; letter-spacing: 1px; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; background-color: hsla(0, 0%, 100%, 43%) !important; } .bg-color has-hover .bg, .bg-grayscale has-hover .bg, .bg-zoom has-hover .bg, .blog-archive .has-hover .image-cover img, .blog-start .has-hover, .equalize-box .has-hover, .has-hover .image-color img, .has-hover .image-grayscale img, .has-hover .image-zoom img, .has-hover [classnijnijn*=image-] img, .portfolio-single-page .has-hover [class*=image-] img, .portfolio-related .has-hover [class*=image-] img, .shop-select .has-hover { transition: background 2s; font-weight: 300; transition-property: background; transition-duration: 4s; transition-timing-function: ease; transition-delay: 4s; z-index: 1; transition: border 1s; -webkit-transition: all 2s ease-in !important; -moz-transition: all 2s ease-in !important; -o-transition: all 2s ease-in !important; transition: all 2s ease-in !important; background-position: 50% 50%; -webkit-transition: all 2s ease-in-out !important; -moz-transition: all 2s ease-in-out !important; -o-transition: all 2s ease-in-out !important; transition: all 2s ease-in-out !important; filter: grayscale(10) contrast(.8) brightness(.5) !important; } .bg-color has-hover:hover .bg, .bg-grayscale has-hover:hover .bg, .bg-zoom has-hover:hover .bg, .blog-archive .has-hover:hover .image-cover img, .blog-start .has-hover:hover, .equalize-box .has-hover:hover, .has-hover:hover .image-color img, .has-hover:hover .image-grayscale img, .has-hover:hover .image-zoom img, .has-hover:hover [classnijnijn*=image-] img, .portfolio-single-page .has-hover:hover [class*=image-] img, .portfolio-related .has-hover:hover [class*=image-] img, .shop-select .has-hover:hover { background-size: cover; -webkit-transition: all .3s ease-in-out !important; -moz-transition: all .3s ease-in-out !important; -o-transition: all .3s ease-in-out !important; transition: all .3s ease-in-out !important; transform: scale(1); filter: grayscale(0) contrast(1.1) brightness(1.1) !important; } .has-hover .bg, .has-hover [class*=image-] img { border-radius: 5px; transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s; transform: scale(1) !important; } .has-hover .bg, .has-hover:hover [class*=image-] img { border-radius: 5px; transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s; transform: scale(1.15) !important; } .has-format, .image-cover, .video-fit { background-position: 50% 50%; background-size: cover; height: auto; overflow: hidden; padding-top: 100%; position: relative; border-radius: 5px; } .portfolio-single-page .flex-col { max-height: 100%; width: 100% !important; } .portfolio-featured-title { height: 700px; } .portfolio-related .box-image img, .portfolio-related .image-cover { height: 440px; } .portfolio-layout::after { content: "\A"; white-space: pre; } .blog-archive .image-cover, .video-fit { height: 440px !important; } .blog-archive .image-cover img { height: 440px !important; border-radius: 5px !important; transition: background 3s !important; transition-property: background !important; transition-duration: 3s !important; transition-timing-function: ease !important; transition-delay: 3s !important; z-index: 1; transition: border 1s !important; -webkit-transition: all 1s ease-in !important; -moz-transition: all 1s ease-in !important; -o-transition: all 1s ease-in !important; transition: all 1s ease-in !important; background-position: 50% 50%; filter: grayscale(10) contrast(.2) brightness(.3) !important; transform: scale(1); } .blog-archive .has-hover:hover .image-cover img { filter: contrast(1); border-radius: 5px !important; -webkit-transition: all .1s ease-in !important; -moz-transition: all .1s ease-in !important; -o-transition: all .1s ease-in !important; transition: all .1s ease-in !important; transform: scale(1.3) !important; transition: filter 2s, opacity .6s, transform .6s, box-shadow 1.3s !important; } .tax-product_tag .shop-page-title .woocommerce-breadcrumb { font-family: "Aileron", sans-serif !important; line-height: 1 !important; color: rgb(35 49 63 / 65%) !important; letter-spacing: -3px !important; text-transform: uppercase; border-radius: 5px; font-weight: 400; color: var(--color1); font-size: 5rem; text-align: left !important; text-shadow: 0 0 0 transparent !important; opacity: .9; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; margin-bottom: 0; margin-top: 0; } .tax-product_tag .shop-page-title h1 { display: none; } .tax-product_tag .delivery-time-info, .tax-product_tag .wc-gzd-additional-info { display: none !important; } .product-container { padding-top: 4rem; padding-bottom: 11rem; } .product-container .quantity { position: relative; top: unset; } .archive .product-small .col-inner { border: solid 1px var(--color3); padding: 10px; } .archive .category { color: var(--color9) !important; margin-bottom: 0 !important; } .archive .category-page-row { padding-top: 220px !important; } #main .product-title { margin-top: 0 !important; padding-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; line-height: 12px !important; } .archive #main .product-small a, .tax-product_tag #main .product-small a { text-shadow: none !important; font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; letter-spacing: -1px !important; font-style: normal; text-transform: uppercase; opacity: 1 !important; line-height: 32px !important; font-size: 2rem !important; color: var(--blue) !important; height: 80px !important; display: block; } #main .product-select .is-small, #main .product-select .is-small.button { font-family: "PlusJakartaSans", sans-serif; font-weight: 500 !important; text-transform: uppercase !important; font-style: normal; color: var(--color10); font-size: 2.4rem; } .archive .woocommerce-loop-product__title .col:last-child p, .product-select .box-text .product-title a, .product-select .box-text .product-titlecol:last-child p { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .archive span.amount, .product-select span.amount { color: var(--color10); font-weight: 300; white-space: nowrap; font-size: 1.5rem; } .archive #main .page-col .box-text { background-color: var(--color9) !important; line-height: 1.2; height: 120px; color: var(--color1) !important; font-weight: 500 !important; padding: 10px; } .archive #main .from_the_blog_excerpt { display: none !important; } .search-no-results .box-text h5 .plain{ color: #000 !important } .search-results .woocommerce-breadcrumb { display: none; } .search .box-text.text-center { padding-left: 10px; padding-right: 10px; background-color: #111114; text-align: left; } .search-results .post-item .box-text.text-center { background-color: var(--color9) !important; text-align: left !important; height: 140px; } .search-results .large-12 { margin-left: 15px !important; margin-right: 15px !important; } .search-results .col:first-of-type h4 { margin-top: 220px !important; margin-bottom: 55px !important; font-family: "Aileron", sans-serif !important; line-height: 1 !important; font-weight: 400; font-style: normal; text-transform: uppercase; opacity: .8; line-height: 1.5; filter: invert(.8); } .search-results .tax-info, .search-results hr { display: none !important; } .blog-archive .box-image { height: 440px; margin: 0 auto; overflow: hidden; position: relative; } .box-badge .box-text, .box-text, .box-text.text-center, .hover-bounce { transition: background .9s; transition-property: background; transition-duration: .9s; transition-timing-function: ease; transition-delay: 7s; z-index: 1; transition: opacity .7s, transform .5s, max-height .8s, filter .8s, background-color 1s !important; } .box-badge .box-text:hover, .box-blog-post:hover, .box-text.text-center:hover, .box-text:hover, .hover-bounce .box-text:hover, .hover-bounce:hover { transition: background .9s; transition-property: background; transition-duration: .9s; transition-timing-function: ease; transition-delay: 7s; z-index: 1; transition: opacity .7s, transform .5s, max-height .8s, filter .8s, background-color 1s !important; opacity: 1 !important; } .nav-pagination { margin-top: 4em !important; } .nav-pagination>li>a, .nav-pagination>li>span { border: 0 solid; border-radius: 99px !important; font-size: 1.2em; font-weight: bolder; min-height: 1em !important; line-height: 2.7em; max-width: 2em; padding: 0 25px !important; text-align: center; transition: all .3s !important; vertical-align: top; width: 40px !important; display: inline-table !important; } .nav-pagination { margin-top: 4em !important; } .nav-pagination>li>a, .nav-pagination>li>span { border: 0 solid; border-radius: 99px !important; font-size: 1.2em; font-weight: bolder; min-height: 1em !important; line-height: 2.7em; max-width: 2em; padding: 0 25px !important; text-align: center; transition: all .3s !important; vertical-align: top; width: 40px !important; display: inline-table !important; } .blog-featured-title .entry-category { display: none !important; } .article-inner { transition: opacity .3s, box-shadow .5s, transform .3s; position: relative; } .blog .box-blog-post .is-divider { display: none !important; } .blog-single::before { content: ""; background-image: url('data:image/svg+xml,'); background-size: 100% 100% !important; height: 100px; width: 100% !important; min-width: 100% !important; top: -100px; position: absolute; background-repeat: no-repeat !important; background-size: cover; z-index: 5; } .journal .categorie .box-text-inner p { text-transform: uppercase !important; margin-bottom: 0 !important; font-size: 2rem !important; letter-spacing: -2px; font-weight: 400; line-height: 1.2 !important; color: var(--white) !important; opacity: .6 !important; } .blog-single .row-large { margin-top: 110px; } .blog-single { background-color: #d9effc !important; margin-top: 320px !important; margin-bottom: 320px !important; } .blog-single::after { content: ""; background-image: url('data:image/svg+xml,'); background-size: 100% 100% !important; transform: rotate(-180deg); height: 100px; width: 100% !important; min-width: 100% !important; bottom: -100px; position: absolute; background-repeat: no-repeat !important; background-size: cover; z-index: 5; } .page-template-blank-featured header strong { color: var(--color1); text-transform: uppercase; top: 100px !important; position: relative; font-size: .9em; line-height: 1.3; letter-spacing: .05em; } .referenzen-start .box { margin: 0 auto; position: relative; width: 100%; height: unset; max-height: unset; } .portfolio-select .box { margin: 0 auto; position: relative; width: 100%; height: 660px; max-height: 660px; } .box-badge .box-text { background-color: var(--color8) !important; bottom: 1.2rem; padding: 10px !important; position: absolute; transition: background .3s; z-index: 1; } .blog .tag-label, .no-text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color1) !important; display: inline-block; font-size: .85rem !important; font-family: "Lexend Exa", sans-serif !important; font-weight: 300; text-transform: uppercase; transition: .2s, background-position .2s; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat; opacity: 1; } .blog .has-hover:hover .tag-label, .has-hover:hover .no-text-overflow { color: var(--color11) !important; background-color: var(--color1) !important; opacity: 1; border-bottom: solid 0 var(--red) !important; width: 100% !important; max-width: 100% !important; } .box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6 { font-family: "Aileron", sans-serif !important; line-height: 1; font-weight: 400 !important; margin-bottom: .1em !important; color: #fff !important; opacity: .7; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .box-text a:not(.button) a, .box-text h1 a, .box-text h2 a, .box-text h3 a, .box-text h4 a, .box-text h5 a, .box-text h6 a, .box-text.text-center a, .woocommerce-LoopProduct-link, .woocommerce-loop-product__title a { font-family: "Aileron", sans-serif !important; line-height: 1; font-weight: 500 !important; margin-bottom: .1em !important; color: #fff !important; opacity: .8; } .box-text a:not(.button) a:active, .box-text h1 a:active, .box-text h2 a:active, .box-text h3 a:active, .box-text h4 a:active, .box-text h5 a:active, .box-text h6 a:active, .box-text.text-center a:active { background-color: transparent !important; color: var(--color1) !important; border-radius: 0; } .box-text.has-hover a:not(.button) a, .box-text.has-hover h1 a, .box-text.has-hover h2 a, .box-text.has-hover h3 a, .box-text.has-hover h4 a, .box-text.has-hover h5 a, .box-text.has-hover h6 a, .box-text.text-center.has-hover a { color: var(--red) !important; } box-category .box-text h5 { position: absolute !important; bottom: 610px; font-family: "Aileron", sans-serif !important; line-height: 1; letter-spacing: 1px !important; font-weight: 400 !important; color: var(--color7) !important; opacity: 1; font-size: 1.4rem; text-shadow: 0 0 0 transparent; } .box-category .has-hover:hover .box-text h5 { color: var(--red) !important; } .box-blog-post .is-divider { display: none !important; } .has-hover:hover .hover-bounce { width: 100% !important; max-width: 100% !important; color: var(--color11) !important; } .blog .box-text a:not(.button) { position: relative !important; letter-spacing: 0; text-align: left !important; text-transform: uppercase; padding-left: 0 !important; text-shadow: 0 0 0 rgba(0, 0, 0, .4); border-radius: 1px; } .blog .has-hover .from_the_blog_excerpt, .box-blog-post .box-text p, .page-template-blank-featured header strong { font-family: "Lexend Exa", sans-serif !important; font-weight: 500; font-style: normal; color: var(--color3) !important; position: relative; letter-spacing: 0 !important; opacity: .7; text-transform: none; text-shadow: 0 0 0 rgba(0, 0, 0, .4); line-height: 1.3; display: block !important; margin-top: 0 !important; margin-bottom: 0 !important; font-size: 1.2rem; } .blog .has-hover:hover .box-text a { opacity: 1 !important; color: var(--blue) !important; } .portfolio-box .portfolio-box-category { display: none; } .box-badge .has-hover:hover .box-text, .has-hover:hover .box-blog-post, .has-hover:hover .box-text, .has-hover:hover .box-text.text-center, .has-hover:hover .hover-bounce, .hover-bounce .has-hover:hover .box-text { opacity: 1; color: var(--red) !important; } .article-inner { transition: opacity .3s, box-shadow .5s, transform .3s; position: relative; } .blog .box-blog-post .is-divider { display: none !important; } .page-id-19 .blog { margin-left: 1px !important; } .blog { margin-bottom: 0; margin-left: 0px; margin-right: 1px !important; } .blog-archive { background-color: var(--white) !important; margin-bottom: 0; margin-top: 0; } .blog-archive .banner { display: none !important; } .blog-wrapper .large-10 { flex-basis: 100%; max-width: 100%; } .blog-archive .col { position: relative; width: 100%; } .blog .has-hover:hover .post-meta { color: var(--blue) !important; } .blog .post-meta { text-align: right !important; font-family: "Lexend Exa", sans-serif !important; color: var(--red); opacity: 1; display: none; } .blog-featured-title .byline { display: none; } .blog-archive { margin: 0 12px 4px !important; } .blog-archive .box-blog-post .box-text h3 { font-size: 1.6rem; margin-top: 8px !important; margin-bottom: 8px !important; } .blog-archive .box-blog-post { border-radius: 5px !important; padding: 0 0 0 !important; position: relative; bottom: 0 !important; font-size: .9rem; background-color: #222; } .blog-archive .box-blog-post .box-text { width: 100%; bottom: .6rem !important; } .blog-archive .large-10 { margin-left: 0px !important; margin-right: 0px !important; } .blog-archive .row { max-width: 100%; min-width: 100% } .blog-archive .badge { display: none; } #post-list { position: relative; left: 15px !important; } .blog-archive .col { margin: 0; padding: 0 3px 6px; position: relative; width: 100%; } .archive span.widget-title { font-size: 1.6rem !important; font-family: "Aileron", sans-serif !important; font-weight: 400 !important; text-transform: uppercase !important; font-style: normal; font-style: normal; } .blog-archive .box-text { background-color: #222 !important; color: #999 !important; line-height: 1.34; position: absolute; padding: .9em 1em 1em !important; } .blog-archive .box-text h5 { height: 50px; } .blog-archive .box-text h5 a { color: var(--color1) !important; font-size: 1.2rem !important; letter-spacing: 1px; opacity: .9 !important; line-height: 1 !important; } .archive-page-header .large-12 h1 { text-transform: uppercase !important; font-style: normal; font-size: 2rem !important; line-height: 1.8; letter-spacing: -1px !important; padding-left: 15px !important; padding-bottom: 0 !important; padding-top: 110px !important; position: relative !important; color: var(--color6) !important; opacity: .95; background-color: transparent !important; text-shadow: 1px 1px 1px transparent !important; text-transform: none; } .box-blog-post .box-text h2 .plain, .box-blog-post .box-text h5 .plain { color: #fff; font-size: 2rem; margin-bottom: .6rem; } .blog-archive .has-hover:hover .box-text h5 a { color: var(--blue) !important; } @media only screen and (max-width: 1280px) { .archive-page-header .large-12 h1 { font-size: 2.5rem; letter-spacing: -2px; } .box-blog-post .box-text h2 .plain, .box-blog-post .box-text h5 .plain { color: var(--color1); font-size: 2rem; } } @media only screen and (max-width: 768px) { .archive-page-header .large-12 h1 { font-size: 1.7rem; letter-spacing: 0; } .box-blog-post .box-text h2 .plain, .box-blog-post .box-text h5 .plain { font-size: 1.6rem; } } @media only screen and (max-width: 549px) { .archive-page-header .large-12 h1 { font-size: 1rem; letter-spacing: 1px !important; } } .blog-archive .is-divider { display: none; } .blog-archive .box-blog-post .box-text p { display: none !important; } .blog-archive .entry-header { background-color: #222; color: #ced4da !important; opacity: 1 !important; } .blog-archive .vcard, .blog-archive h6 a, .blog-archive time { display: none !important; } .blog-archive .from_the_blog_excerpt, .from_the_blog_comments { display: none !important; } .archive-page-header .large-12 { text-align: left !important; } .archive-page-header .large-12 span { color: var(--red); } @media screen and (min-width: 850px) { .row-large>.flickity-viewport>.flickity-slider>.col, .single-post .row-large>.col { padding: 0 60px 10px 60px; } .single-post .row-divided>.col+.col:not(.large-12) { border-left: 3px solid rgba(17, 17, 20, .6) !important; } } .single-post .large-9 { padding: 0 15px 0 15px !important; } .blog-featured-title+#main .post-sidebar { padding: 30px 20px 30px 25px !important; } .single-post .post-sidebar { margin-top: 33px !important; } .blog-featured-title+#main .post-sidebar #block_widget-15 { margin-left: -8px !important; margin-right: -12px !important; } .single-post span.widget-title { font-family: "Aileron", sans-serif !important; color: var(--color6) !important; font-weight: 400 !important; text-transform: uppercase !important; font-style: normal; letter-spacing: 0 !important; font-size: 2rem !important; } .box-shadow-2, .box-shadow-2-hover:hover { -webkit-box-shadow: 0 3px 6px -4px transparent, 0 3px 6px rgba(0, 0, 0, .2) !important; box-shadow: 0 3px 6px -4px transparent, 0 3px 6px rgba(0, 0, 0, .2) !important; } .blog-share .is-divider { display: none !important; } .blog .post-meta, .dark .price, .dark .price del, .dark span.amount { text-align: right; font-size: 20px !important; font-family: "Lexend Exa", sans-serif !important; color: var(--red); letter-spacing: 0; font-weight: 300 !important; opacity: 1 !important; text-shadow: 0 0 0 transparent !important; max-height: 40px; min-height: 40px; } .badge-frame { margin-left: -1px !important; } .badge.top { right: 0 !important; } .badge br { display: none; } .badge { font-family: "PlusJakartaSans", sans-serif; backface-visibility: hidden; display: table; height: 1.6em; pointer-events: none; width: 4em; z-index: 20; } .blog .badge-inner { background-color: var(--blue) !important; } .badge-inner .is-xsmall { font-size: 1rem; } .text-center .is-divider, .text-center .is-star-rating, .text-center .star-rating, .text-center>div, .text-center>div>div { margin-left: unset !important; margin-right: unset !important; } .page-title-inner { min-height: 60px; padding-top: 20px; position: relative; height: 500px; } .blog-title { margin: 90px 0 30px 0 !important; } .blog-featured-title h1 { opacity: .9; } .featured-title .page-title-inner { padding-bottom: 20px; padding-top: 90px; } .blog-featured-title::before, .featured-title::before { content: ""; background-image: url('data:image/svg+xml,'); background-size: 100% 100% !important; height: 100px; width: 100% !important; min-width: 100% !important; bottom: 0; position: absolute; background-repeat: no-repeat !important; background-size: cover; z-index: 5; } .blog-featured-title h4, .blog-featured-title h5 { font-size: 1.4rem !important; text-align: left; color: var(--color11) !important; } .page-template-page-my-account .featured-title::before, .page-template-page-my-account .single-post::before { content: ""; background-image: url('data:image/svg+xml,') !important; background-size: 100% 100% !important; height: 100px; width: 100% !important; min-width: 100% !important; bottom: 0; position: absolute; background-repeat: no-repeat !important; background-size: cover; z-index: 5; } .featured-title::before, .single-post::before { content: ""; background-image: url('data:image/svg+xml,'); background-size: 100% 100% !important; height: 100px; width: 100% !important; min-width: 100% !important; bottom: 0; position: absolute; background-repeat: no-repeat !important; background-size: cover; z-index: 5; } .hover-slide, .hover-slide-in, .hover-zoom, .hover-zoom-in, .show-on-hover { filter: none; opacity: 1; pointer-events: auto; transition: opacity .5s, transform .3s, max-height .6s, filter .6s; } .related .box-text h6 { font-size: .9rem !important; font-weight: 300 !important; color: var(--color9) !important; } .related .has-hover:hover .box-text h6 { color: var(--color1) !important; } .related-blog .has-hover:hover .box-text h6 { color: #10a3d1 !important; } #main .portfolio-related .box-text { background-color: rgb(17 17 17) !important; height: 140px; } .portfolio-single-page .breadcrumbs { display: none; } .portfolio-single-page .page-title-inner { min-height: 60px; padding-top: 110px; position: relative; height: 700px; } .portfolio-element-wrapper .portfolio-related .box-text h2 { font-size: 2rem !important; } .portfolio-element-wrapper .box-text h2, .portfolio-element-wrapper .box-text h3, .portfolio-element-wrapper .box-text h4, .portfolio-element-wrapper .box-text h5, .portfolio-element-wrapper .box-text h6 { font-family: "Aileron", sans-serif !important; font-size: 3rem; letter-spacing: -1px !important; font-weight: 400 !important; position: relative; margin: 0 0 15px 0 !important; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; } .portfolio-element-wrapper .has-hover:hover .box-text h2, .portfolio-element-wrapper .has-hover:hover .box-text h3, .portfolio-element-wrapper .has-hover:hover .box-text h4, .portfolio-element-wrapper .has-hover:hover .box-text h5, .portfolio-element-wrapper .has-hover:hover .box-text h6 { color: var(--red) !important; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; } .portfolio-related .box-text .portfolio-box-category .show-on-hover { font-weight: 300; color: var(--color1) !important; height: 30px !important; text-align: left; opacity: .6; display: block !important; font-size: .8rem !important; } .portfolio-element-wrapper .nav>li>a { align-items: center; display: inline-flex; flex-wrap: wrap; padding: 5px 8px 5px 8px !important; } .portfolio-element-wrapper .nav>li { display: inline-block; list-style: none; margin: 0 1px; padding: 0; transition: background-color .3s; font-size: 1.6rem; } .faq-tabs .nav-tabs>li a { position: relative; color: var(--color8); z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s !important; padding: 2px 4px 2px 4px; word-wrap: break-word; border-bottom: solid 3px var(--red); background-color: transparent !important; border-radius: 1px; opacity: 1 !important; } .faq-tabs .nav-tabs>li a:hover { --p: 100% !important; color: var(--color1) !important; border-bottom: solid 3px var(--red) !important; border-radius: 1px; } .portfolio-element-wrapper .nav-tabs>li.active>a { border-top-color: var(--red) !important; background-color: var(--color1) !important; color: var(--color10) !important; } .portfolio-single-page .logo img { width: 500px; max-width: 500px; } .portfolio-single-page ul { margin-top: 1rem !important; border-radius: 1px; } .portfolio-single-page .start ul li { background-color: var(--color1) !important; opacity: 1; position: relative; padding-left: 15px !important; padding-top: .5rem !important; padding-bottom: .8rem !important; } .portfolio-single-page .content-left-start ul li { font-size: 2rem; background-color: rgb(255, 255, 255, .25) !important; padding-left: 15px !important; padding-top: .8rem !important; padding-bottom: .8rem !important; font-family: "Lexend Exa", sans-serif !important; font-weight: 300 !important; letter-spacing: 0; line-height: 1; margin-left: .2em !important; list-style: none; list-style-image: none; margin-bottom: 5px !important; } .portfolio-single-page .logo-quadrat img { width: 500px; max-width: 500px; } .portfolio-single-page .logo-mini img { border-radius: 5px; width: 200px; max-width: 220px; height: 160px } .portfolio-single-page .logo-mini-2 img { border-radius: 5px; width: 200px; height: 200px; } .portfolio-single-page .logo:hover, .portfolio-single-page .logo-mini:hover, .portfolio-single-page .logo-mini-2:hover, .portfolio-single-page .logo-quadrat:hover { border-radius: 5px; transform: scale(1.2) !important; } .portfolio-element-wrapper .mb-half { margin-bottom: 60px; } .related h2 { font-size: 2.4rem !important; } .portfolio-fullscreen .box-image .overlay { display: none; } .portfolio-fullscreen .hover-bounce { opacity: 0; transform: scale(1) translateZ(0) translateY(20px) !important; transition: transform .3s; } .portfolio-fullscreen .is-xsmall p { font-size: 1.6rem !important; color: var(--color6) !important; letter-spacing: -2px; text-shadow: 1px 1px 1px transparent !important; font-weight: 500; padding-left: .6em; padding-bottom: 1em !important; padding-top: 1em !important; margin-top: 0; margin-bottom: 0 !important; } .portfolio-fullscreen .has-hover .box-text { filter: opacity(0); } .portfolio-fullscreen .has-hover:hover .box-text { filter: opacity(1); background-color: var(--color3) !important; } .portfolio-single-page .featured_item_cats a { color: var(--color1) !important; } .portfolio-single-page .box-text a { color: var(--color1) !important; } .portfolio-inner img { width: 100%; } .portfolio-bottom { margin-bottom: -1px; } .row+.portfolio-related .portfolio-element-wrapper { margin-top: 90px !important; } .portfolio-box .text-box { height: 60px !important; background-color: var(--color11) !important; } .portfolio-box-category .show-on-hover { font-weight: 300; color: var(--color1) !important; height: 30px !important; display: block !important; font-size: 1rem !important; } .portfolio-single-page .item-tags { font-size: .7em; font-weight: 300 !important; letter-spacing: -1px; color: var(--color10); text-transform: none; display: none; } .portfolio-related { padding-top: 55px; padding-bottom: 55px; } .portfolio-related .flickity-button { display: none; } .portfolio-related .is-selected { padding: 0 1px 1px !important; position: relative; width: 100%; } .projekt-link .box-badge .box-text, .projekt-link .box-text, .box-text.text-center, .projekt-link .hover-bounce { font-family: "Lexend Exa", sans-serif !important; font-weight: 300 !important; font-style: normal !important; font-size: 1.4rem !important; background-color: transparent !important; transition: background .9s; transition-property: background; transition-duration: .9s; transition-timing-function: ease; transition-delay: 7s; z-index: 1; opacity: 1 !important; transition: opacity .7s, transform .5s, max-height .8s, filter .8s, background-color 1s !important; } #main .projekt-link p a { font-family: "Lexend Exa", sans-serif !important; font-weight: 300 !important; font-style: normal !important; font-size: 1.4rem !important; position: relative; color: var(--color11) !important; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat; transition: .6s, background-position 2s; padding: 2px 4px 2px 4px; word-wrap: break-word; border-bottom: solid 3px var(--red); background-color: rgb(35 49 63 / 6%); opacity: 1 !important } #main .projekt-link p a:hover { font-family: "Lexend Exa", sans-serif !important; font-weight: 300 !important; font-style: normal !important; font-size: 1.4rem !important; background-color: var(--color2); --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--red); } #main .projekt-link .box-text::before { content: ""; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-repeat: no-repeat; background-position: 40% 60%; background-size: 100%; display: inline-block; position: relative; top: -380px; height: 155px !important; width: 155px !important; } .relates-pages-mini .box-image img { z-index: 9999; } .relates-pages-mini .box-text-middle.box-overlay .box-text { width: 75%; margin-right: 0 !important; padding-right: 0 !important; } .related-pages-small .message-box-bg-image { width: 200px; height: 300px; } .has-transparent+#main .page-header-wrapper:first-of-type .page-title, .has-transparent+#main>.page-title, .has-transparent+#main>div>.page-title, .has-transparent+.page-title:first-of-type { padding-top: 0 !important; } .row .row-large:not(.row-collapse) { margin-bottom: 0; margin-left: 0px; margin-right: 0px; } .featured-title .page-title-bg { box-shadow: inset 0 0 26px 0 rgba(9, 9, 5, .2) !important; } .blog-start { margin: 0; } .title-overlay { background-color: rgba(0, 0, 0, .6) !important; } .blog-featured-title.page-title-inner { padding-bottom: 0 !important; } .post h1 { font-size: 2.4rem !important; opacity: .9 !important; color: var(--color9) !important; margin-top: 1em; } .post h2 { font-size: 3.4rem !important; margin: 0 0 30px 0; opacity: .75 !important; } .post h3 { font-size: 2.8rem !important; opacity: .6 !important; } .post h4 { font-size: 2.2rem !important; opacity: .4 !important; } .post h5 { font-size: 1.8rem !important; opacity: .3 !important; } .post h6 { font-size: 1.6rem !important; opacity: .3 !important; } .single-post .page-title-inner { min-height: 60px; padding-top: 110px; position: relative; height: 700px; } .single-post .blog-featured-title .entry-meta { position: relative; top: -82px; margin-left: 2px; color: var(--color1) !important; font-size: .9rem; margin-top: 0 !important; font-weight: 500; pointer-events: none; cursor: default; opacity: .7 !important; } .blog-featured-title .is-divider { display: none; } .page-title-inner { min-height: 60px; padding-top: 20px; position: relative; height: 700px; } .select-product-service .col-inner { background-color: #ffffff; border-bottom: 3px solid #111 !important; border: 3px solid #222; padding: 45px 20px 25px 20px; border-radius: 5px !important; } .select-product-service .col:first-of-type h2, .select-product-service h2 { font-family: "PlusJakartaSans", sans-serif !important; font-size: .85rem !important; margin: 0 0 0px 0; font-size: 1rem; letter-spacing: 1px !important; color: var(--blue) !important; margin-bottom: 2rem; font-weight: 600 !important } .select-product-service h3 { font-family: "Aileron", sans-serif; font-size: 1.6rem; letter-spacing: 1px !important; font-weight: 400 !important; } .select-product-service .col-inner:first-of-type h4, .select-product-service .col:first-of-type h4, .select-product-service h4 { font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; text-transform: none; color: var(--color7) !important; font-size: .9rem; letter-spacing: -.5px !important; margin-top: 25px !important; margin-bottom: 30px !important; } .select-product-service p, .select-product-service .col:last-child p { color: var(--color6) !important; font-weight: 500; font-size: 1rem; letter-spacing: 0px !important; margin-top: 0; margin-bottom: 2em !important; } #main .select-product-service a.empfehlung { position: relative; letter-spacing: -1px; color: var(--red); font-size: 1rem !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--color10) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s; padding: 10px 16px 10px 44px; word-wrap: break-word; border-bottom: solid 3px var(--red); background-color: var(--color2) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; line-height: 3em !important; min-height: 1em !important; } #main .select-product-service a.empfehlung:hover { background-color: var(--color11); --p: 100%; color: var(--color4) !important; border-bottom: solid 3px var(--blue) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; filter: invert(10) brightness(1) grayscale(10) !important; } #main .select-product-service a.empfehlung::after { content: ""; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); position: absolute; opacity: 1 !important; left: 18px; top: 11px; background-repeat: no-repeat; background-position: 50% 50% !important; background-size: 100%; display: inline-table; height: 18px; width: 16px; } #main .select-product-service a.empfehlung::after:hover { filter: invert(110) brightness(100) grayscale(10) !important; } .kontaktbox-design .left img, .kontaktbox-digital .left img, .kontaktbox-e-commerce .left img, .kontaktbox-glossar .left img, .kontaktbox-standard .left img, .kontaktbox-startseite .left img, .kontaktbox-support .left img, .kontaktbox-webdesign .left img, .kontaktbox-wordpress .left img { height: 520px; padding: 0 56px 100px 30px; position: relative; } .kontaktbox-design .kontakt-buttons .col, .kontaktbox-digital .kontakt-buttons .col, .kontaktbox-e-commerce .kontakt-buttons .col, .kontaktbox-glossar .kontakt-buttons .col, .kontaktbox-standard .kontakt-buttons .col, .kontaktbox-startseite .kontakt-buttons .col, .kontaktbox-support .kontakt-buttons .col, .kontaktbox-webdesign .kontakt-buttons .col, .kontaktbox-wordpress .kontakt-buttons .col { margin: 0; padding: 0 0 0 !important; position: relative; width: 100%; } .kontaktbox-design p, .kontaktbox-digital p, .kontaktbox-e-commerce p, .kontaktbox-glossar p, .kontaktbox-standard p, .kontaktbox-startseite p, .kontaktbox-support p, .kontaktbox-webdesign p, .kontaktbox-wordpress { margin-bottom: 20px; } .kontaktbox-design, .kontaktbox-digital, .kontaktbox-e-commerce, .kontaktbox-glossar, .kontaktbox-standard, .kontaktbox-startseite, .kontaktbox-support, .kontaktbox-webdesign, .kontaktbox-wordpress { padding: 110px 0 55px 0 !important; } .kontaktbox-design .divider, .kontaktbox-digital .divider, .kontaktbox-e-commerce .divider, .kontaktbox-glossar .divider, .kontaktbox-standard .divider, .kontaktbox-startseite .divider, .kontaktbox-support .divider, .kontaktbox-webdesign .divider, .kontaktbox-wordpress .divider { position: relative; left: 1px; margin-bottom: 2rem !important; opacity: 1 !important; } .kontaktbox-design h2, .kontaktbox-digital h2, .kontaktbox-e-commerce h2, .kontaktbox-glossar h2, .kontaktbox-standard h2, .kontaktbox-startseite h2, .kontaktbox-support h2, .kontaktbox-webdesign h2, .kontaktbox-wordpress h2 { font-family: "PlusJakartaSans", sans-serif !important; font-weight: 300 !important; color: var(--color11); font-size: 2.8rem; font-style: normal; padding-bottom: .5em !important; margin: 30px 0 28px 10px !important; line-height: 1.2 !important; opacity: .75 !important; text-transform: none !important; text-shadow: 2px 2px 2px rgba(0, 0, 0, .1); -moz-hyphens: none !important; -o-hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; letter-spacing: 0 !important; } .kontakt-buttons-anfrage { margin-left: 10px !important; } .kontakt-buttons-anfrage p { margin-top: 10px !important; margin-bottom: 10px !important; } @-webkit-keyframes kontaktbox-support { 0% { background-position: 7% 50%; } 25% { background-position: 27% 70%; } 50% { background-position: 64% 30%; } 75% { background-position: 77% 70%; } 100% { background-position: 50% 100%; } } @-moz-keyframes kontaktbox-support { 0% { background-position: 7% 50%; } 25% { background-position: 27% 70%; } 50% { background-position: 64% 30%; } 75% { background-position: 77% 70%; } 100% { background-position: 50% 100%; } } @-o-keyframes kontaktbox-support { 0% { background-position: 7% 50%; } 25% { background-position: 27% 70%; } 50% { background-position: 64% 30%; } 75% { background-position: 77% 70%; } 100% { background-position: 50% 100%; } } @keyframes kontaktbox-support { 0% { background-position: 7% 50%; } 25% { background-position: 27% 70%; } 50% { background-position: 64% 30%; } 75% { background-position: 77% 70%; } 100% { background-position: 50% 100%; } } .kontaktbox-support h2 { color: var(--color1) !important; } .kontaktbox-support .divider { background-color: var(--color8) !important; } .kontaktbox-support h2, .kontaktbox-support h3 { color: var(--color8) !important; } .kontaktbox-support a { position: relative; color: var(--color1) !important; z-index: 1; font-weight: 500 !important; text-decoration: none; display: inline; cursor: pointer; transition: .6s, background-position 2s; padding: 12px 30px 12px 64px; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; word-wrap: break-word; border-bottom: solid 3px var(--color1) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-support a:hover { background-color: var(--blue) !important; --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--red); border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-glossar { background: linear-gradient(68deg, #a1a1aa, #ece9e9, #ced4da, #fff, #5a5a5f); background-size: 1000% 1000%; -webkit-animation: kontaktbox-standard 4s ease infinite; -moz-animation: kontaktbox-standard 4s ease infinite; -o-animation: kontaktbox-standard 4s ease infinite; animation: kontaktbox-standard 4s ease infinite; } @-webkit-keyframes kontaktbox-glossar { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-moz-keyframes kontaktbox-glossar { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-o-keyframes kontaktbox-glossar { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @keyframes kontaktbox-glossar { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } .kontaktbox-glossar h2 { color: #2c9bba !important; } .kontaktbox-glossar .divider { background-color: var(--color1) !important; } .kontaktbox-glossar h3 { color: var(--color6) !important; } .kontaktbox-glossar a { position: relative; color: var(--color1) !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--blue) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s; padding: 12px 30px; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; word-wrap: break-word; border-bottom: solid 3px var(--color1) !important; background-color: var(--blue) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-glossar a:hover { background-color: var(--red) !important; --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--red); border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-standard { background: linear-gradient(168deg, #989B8A, #ced4da, #585858, #989B8A, #989B8A); background-color: rgba(0, 0, 0, 0); background-size: auto; background-size: 1000% 1000%; -webkit-animation: kontaktbox-standard 14s ease infinite; -moz-animation: kontaktbox-standard 14s ease infinite; -o-animation: kontaktbox-standard 14s ease infinite; animation: kontaktbox-standard 14s ease infinite; } @-webkit-keyframes kontaktbox-standard { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-moz-keyframes kontaktbox-standard { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-o-keyframes kontaktbox-standard { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @keyframes kontaktbox-standard { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } .kontaktbox-standard h2 { color: var(--color1) !important; } .kontaktbox-standard .divider { background-color: var(--color1) !important; } .kontaktbox-standard h3 { color: var(--color1) !important; } .kontaktbox-standard a { position: relative; color: var(--color1) !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--blue) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s; padding: 12px 30px; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; word-wrap: break-word; border-bottom: solid 3px var(--color1) !important; background-color: var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-standard a:hover { background-color: var(--blue) !important; --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--red); border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-startseite { background: linear-gradient(168deg, #d4d4d4, #a6a6a6, #585858, #86868f, #bdbdc0); background-color: rgba(0, 0, 0, 0); background-size: auto; background-size: 1000% 1000%; -webkit-animation: kontaktbox-standard 14s ease infinite; -moz-animation: kontaktbox-standard 14s ease infinite; -o-animation: kontaktbox-standard 14s ease infinite; animation: kontaktbox-standard 14s ease infinite; } @-webkit-keyframes kontaktbox-standard { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-moz-keyframes kontaktbox-standard { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-o-keyframes kontaktbox-standard { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @keyframes kontaktbox-standard { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } .kontaktbox-startseite h2 { color: var(--color1) !important; } .kontaktbox-startseite .divider { background-color: var(--color1) !important; } .kontaktbox-startseite h3 { color: var(--color1) !important; } .kontaktbox-startseite a { position: relative; color: var(--color1) !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--blue) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s; padding: 12px 30px; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; word-wrap: break-word; border-bottom: solid 3px var(--color1) !important; background-color: var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-startseite a:hover { background-color: var(--blue) !important; --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--red); border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-webdesign { background: linear-gradient(18deg, #262726, #101010, #262726, #6c6d6c, #262726); background-color: rgba(0, 0, 0, 0); background-size: 1000% 1000%; -webkit-animation: kontaktbox-digital 8s ease infinite; -moz-animation: kontaktbox-digital 8s ease infinite; -o-animation: kontaktbox-digital 8s ease infinite; animation: kontaktbox-digital 8s ease infinite; } @-webkit-keyframes kontaktbox-webdesign { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-moz-keyframes kontaktbox-webdesign { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-o-keyframes kontaktbox-webdesign { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @keyframes kontaktbox-webdesign { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } .kontaktbox-webdesign h2 { color: var(--color1) !important; } .kontaktbox-webdesign .divider { background-color: var(--color1) !important; } .kontaktbox-webdesign h3 { color: var(--color1) !important; } .kontaktbox-webdesign a { position: relative; color: var(--color1) !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--blue) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s; padding: 12px 30px; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; word-wrap: break-word; border-bottom: solid 3px var(--color1) !important; background-color: var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-webdesign a:hover { background-color: var(--blue) !important; --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--red); border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-wordpress { background: linear-gradient(90deg, #0356b0, #248dff, #6d9ed5, #248dff, #6d9ed5); background-color: rgba(0, 0, 0, 0); background-size: 1000% 1000%; -webkit-animation: kontaktbox-digital 8s ease infinite; -moz-animation: kontaktbox-digital 8s ease infinite; -o-animation: kontaktbox-digital 8s ease infinite; animation: kontaktbox-digital 8s ease infinite; } @-webkit-keyframes kontaktbox-wordpress { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-moz-keyframes kontaktbox-wordpress { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-o-keyframes kontaktbox-wordpress { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @keyframes kontaktbox-wordpress { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } .kontaktbox-wordpress h2 { color: var(--color1) !important; } .kontaktbox-wordpress .divider { background-color: var(--color1) !important; } .kontaktbox-wordpress h3 { color: var(--color1) !important; } .kontaktbox-wordpress a { position: relative; color: var(--color1) !important; z-index: 1; font-weight: 500 !important; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--blue) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s; padding: 12px 30px; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; word-wrap: break-word; border-bottom: solid 3px var(--color1) !important; background-color: var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-wordpress a:hover { background-color: var(--blue) !important; --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--red); border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-e-commerce { background: linear-gradient(-9deg, #36165e, #caaff4, #36165e, #220c3f, #36165e); background-color: rgba(0, 0, 0, 0); background-size: auto; background-size: 1000% 1000%; -webkit-animation: kontaktbox-e-commerce 16s ease infinite; -moz-animation: kontaktbox-e-commerce 16s ease infinite; -o-animation: kontaktbox-e-commerce 16s ease infinite; animation: kontaktbox-e-commerce 16s ease infinite; background-color: transparent !important; } @-webkit-keyframes kontaktbox-e-commerce { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-moz-keyframes kontaktbox-e-commerce { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-o-keyframes kontaktbox-e-commerce { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @keyframes kontaktbox-e-commerce { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } .kontaktbox-e-commerce h2 { color: var(--color1) !important; } .kontaktbox-e-commerce .divider { background-color: var(--color1) !important; } .kontaktbox-e-commerce a { position: relative; color: var(--color1) !important; z-index: 1; font-weight: 500 !important; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--blue) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s; padding: 12px 30px; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; word-wrap: break-word; border-bottom: solid 3px var(--color1) !important; background-color: var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-e-commerce a:hover { background-color: var(--blue) !important; --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--red); border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-digital { background: linear-gradient(9deg, #99e9ff, #0693e3, #8ed1fc, #0693e3, #99e9ff); background-size: 1000% 1000%; -webkit-animation: kontaktbox-digital 8s ease infinite; -moz-animation: kontaktbox-digital 8s ease infinite; -o-animation: kontaktbox-digital 8s ease infinite; animation: kontaktbox-digital 8s ease infinite; } @-webkit-keyframes kontaktbox-digital { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-moz-keyframes kontaktbox-digital { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-o-keyframes kontaktbox-digital { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @keyframes kontaktbox-digital { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } .kontaktbox-digital h2 { color: var(--color1) !important; } .kontaktbox-digital .divider { background-color: var(--color1) !important; } .kontaktbox-digital h3 { color: var(--color1) !important; } .kontaktbox-digital a { position: relative; color: var(--color1) !important; z-index: 1; font-weight: 500 !important; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--blue) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s; padding: 12px 30px; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; word-wrap: break-word; border-bottom: solid 3px var(--color1) !important; background-color: var(--red) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-digital a:hover { background-color: var(--blue) !important; --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--red); border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-design { background: linear-gradient(9deg, #eb2f35, #fcb900, #ee5c2e, #fcb900, #eb2f35); background-size: 1000% 1000%; -webkit-animation: kontaktbox-design 3s ease infinite; -moz-animation: kontaktbox-design 3s ease infinite; -o-animation: kontaktbox-design 3s ease infinite; animation: kontaktbox-design 3s ease infinite; } @-webkit-keyframes kontaktbox-design { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-moz-keyframes kontaktbox-design { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @-o-keyframes kontaktbox-design { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } @keyframes kontaktbox-design { 0% { background-position: 7% 0; } 50% { background-position: 94% 100%; } 100% { background-position: 7% 0; } } .kontaktbox-design h2 { color: var(--color1) !important; } .kontaktbox-design .divider { background-color: var(--color1) !important; } .kontaktbox-design h3 { color: var(--color1) !important; } .kontaktbox-design a { position: relative; color: var(--color1) !important; font-weight: 500 !important; z-index: 1; text-decoration: none; display: inline; cursor: pointer; background: linear-gradient(var(--red) 0 0) var(--p, 0)/var(--p, 0) no-repeat !important; transition: .6s, background-position 2s; padding: 12px 30px; line-height: 1em !important; min-height: 1em !important; height: 1.6em !important; word-wrap: break-word; border-bottom: solid 3px var(--color1) !important; background-color: var(--blue) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } .kontaktbox-design a:hover { background-color: var(--red) !important; --p: 100%; color: var(--color1) !important; border-bottom: solid 3px var(--blue) !important; border-radius: 99px; box-shadow: inset 0 9px 12px rgba(255, 255, 255, .2) !important; } @media only screen and (max-width:1480px) { .kontaktbox-design .right .large-6, .kontaktbox-digital .right .large-6, .kontaktbox-e-commerce .right .large-6, .kontaktbox-glossar .right .large-6, .kontaktbox-standard .right .large-6, .kontaktbox-support .right .large-6, .kontaktbox-webdesign .right .large-6, .kontaktbox-wordpress .left .large-6 { width: 100% !important; min-width: 100% !important; } .kontaktbox-design .right .large-5, .kontaktbox-digital .right .large-5, .kontaktbox-e-commerce .right .large-5, .kontaktbox-glossar .right .large-5, .kontaktbox-standard .right .large-5, .kontaktbox-support .right .large-5, .kontaktbox-webdesign .right .large-5, .kontaktbox-wordpress .right .large-5 { width: 100% !important; min-width: 100% !important; } } @media screen and (max-width: 849px) { .kontaktbox-design .col .col-inner, .kontaktbox-digital .col .col-inner, .kontaktbox-e-commerce .col .col-inner, .kontaktbox-glossar .col .col-inner, .kontaktbox-standard .col .col-inner, .kontaktbox-support .col .col-inner, .kontaktbox-webdesign .col .col-inner, .kontaktbox-wordpress .col .col-inner { padding: 20px 0px 10px 0px !important; } .kontaktbox-design .left img, .kontaktbox-digital .left img, .kontaktbox-e-commerce .left img, .kontaktbox-glossar .left img, .kontaktbox-standard .left img, .kontaktbox-support .left img, .kontaktbox-webdesign .left img, .kontaktbox-wordpress .left img { padding: 60px 15px 0px 15px !important; position: relative; } .kontaktbox-design .col, .kontaktbox-digital .col, .kontaktbox-e-commerce .col, .kontaktbox-glossar .col, .kontaktbox-standard .col, .kontaktbox-support .col, .kontaktbox-webdesign .col, .kontaktbox-wordpress .col { position: relative; top: 10px !important; padding: 0px 15px 0px 0px !important; } .kontaktbox-design .right .large-12 p, .kontaktbox-digital .right .large-12 p, .kontaktbox-e-commerce .right .large-12 p, .kontaktbox-glossar .right .large-12 p, .kontaktbox-standard .right .large-12 p, .kontaktbox-support .right .large-12 p, .kontaktbox-webdesign .right .large-12 p, .kontaktbox-wordpress .right .large-12 p{ width: 100% !important; min-width: 100% !important; margin-top: 30px !important; margin-bottom: 30px !important } .kontaktbox-design .right .large-12, .kontaktbox-digital .right .large-12, .kontaktbox-e-commerce .right .large-12, .kontaktbox-glossar .right .large-12, .kontaktbox-standard .right .large-12, .kontaktbox-support .right .large-12, .kontaktbox-webdesign .right .large-12, .kontaktbox-wordpress .right .large-12 { width: 100% !important; min-width: 100% !important; padding-bottom: 110px !important; } .kontaktbox-design .left img, .kontaktbox-digital .left img, .kontaktbox-e-commerce .left img, .kontaktbox-glossar .left img, .kontaktbox-standard .left img, .kontaktbox-support .left img, .kontaktbox-webdesign .left img, .kontaktbox-wordpress .left img { height: max-content; width: 66% !important; padding: 60px 56px 0px 30px; } .kontaktbox-design h2, .kontaktbox-digital h2, .kontaktbox-e-commerce h2, .kontaktbox-glossar h2, .kontaktbox-standard h2, .kontaktbox-support h2, .kontaktbox-webdesign h2, .kontaktbox-wordpress h2 { font-size: 2rem !important; } } @media only screen and (max-width:549px) { .kontaktbox-design h2, .kontaktbox-digital h2, .kontaktbox-e-commerce h2, .kontaktbox-glossar h2, .kontaktbox-standard h2, .kontaktbox-support h2, .kontaktbox-webdesign h2, .kontaktbox-wordpress h2 { font-size: 1.6rem !important; } .kontaktbox-design .left img, .kontaktbox-digital .left img, .kontaktbox-e-commerce .left img, .kontaktbox-glossar .left img, .kontaktbox-standard .left img, .kontaktbox-support .left img, .kontaktbox-webdesign .left img, .kontaktbox-wordpress .left img { height: max-content; width: 100% !important; } } @media only screen and (max-width:349px) { .kontaktbox-design h2, .kontaktbox-digital h2, .kontaktbox-e-commerce h2, .kontaktbox-glossar h2, .kontaktbox-standard h2, .kontaktbox-support h2, .kontaktbox-webdesign h2, .kontaktbox-wordpress h2 { font-size: 1.3rem !important; } } .page-id-730490 blockquote, .page-id-3 blockquote, .page-id-738224blockquote, .page-id-730490 dl, .page-id-3 dl, .page-id-738224 dl, .page-id-730490 figure, .page-id-3 figure, .page-id-738224 figure, .page-id-730490 ol, .page-id-3 ol, .page-id-738224 ol, .page-id-730490 p, .page-id-3 p, .page-id-738224 p, .page-id-730490 pre, .page-id-3 pre, .page-id-738224 pre, .page-id-730490 ul, .page-id-3 ul, .page-id-738224 ul .page-id-730490 .col-inner ul li, .page-id-3 .col-inner ul li, .page-id-738224 .col-inner ul li{ font-weight: 300 !important; font-style: normal; font-size: 1rem; line-height:1.4; opacity: .75; margin-bottom: 0em !important; margin-top: 0em !important; } .page-id-3 .col-inner:first-of-type h3, .page-id-3 .col-inner:first-of-type h4, .page-id-738224 .col-inner:first-of-type h3, .page-id-738224 .col-inner:first-of-type h4, .page-id-730490 .col-inner:first-of-type h3, .page-id-730490 .col-inner:first-of-type h4, .page-id-730490 h2, .page-id-3 h2, .page-id-738224 h2, .page-id-730490 h3, .page-id-3 h3, .page-id-738224 h3{ margin-bottom: .2em !important; margin-top: .5em !important; } .page-id-3 .beflash-adresse, .page-id-3 .beflash-adresse p, .page-id-3 .beflash-mail-telefon, .page-id-3 .beflash-mail-telefon a, .page-id-3 .beflash-mail-telefon p, .page-id-3 .beflash-mail-telefon-adresse, .page-id-3 .beflash-mail-telefon-adresse p .page-id-738224 .beflash-adresse, .page-id-738224 .beflash-adresse p, .page-id-738224 .beflash-mail-telefon, .page-id-738224 .beflash-mail-telefon a, .page-id-738224 .beflash-mail-telefon p, .page-id-738224 .beflash-mail-telefon-adresse, .page-id-738224 .beflash-mail-telefon-adresse p .page-id-730490 .beflash-adresse, .page-id-730490 .beflash-adresse p, .page-id-730490 .beflash-mail-telefon, .page-id-730490 .beflash-mail-telefon a, .page-id-730490 .beflash-mail-telefon p, .page-id-730490 .beflash-mail-telefon-adresse, .page-id-730490 .beflash-mail-telefon-adresse p { font-family: "Lexend Exa", sans-serif !important; font-weight: 500 !important; } @media only screen and (min-width:1680px) { .checkout-breadcrumbs { padding: 15px 0; } .checkout-breadcrumbs a { align-items: center; color: #ccc; display: inline-flex; } .checkout-breadcrumbs .divider { margin: 0 .5em; top: 2px; } .breadcrumb-step { background-color: #ccc; border-radius: 99px; color: #fff; display: inline-block; font-size: .7em; font-weight: bolder; height: 1.5em; line-height: 1.5em; margin: 0 .5em; position: relative; text-align: center; width: 1.5em; } .current .breadcrumb-step { background-color: var(--red); } .page-header-wrapper .pb-half { padding-bottom: 60px; padding-top: 60px !important; opacity: 1 !important; } } @media only screen and (max-width:1550px) { .single-post .blog-featured-title .entry-meta { margin-left: 0; } .portfolio-element-wrapper .box-text h2, .portfolio-element-wrapper .box-text h3, .portfolio-element-wrapper .box-text h4, .portfolio-element-wrapper .box-text h5, .portfolio-element-wrapper .box-text h6 { line-height: 1.2 !important; font-size: 2.4rem !important; } } @media only screen and (min-width:1450px) { .sidebar-menu-tabs a { font-size: 90px !important; } .off-canvas-center .nav>li>a, .off-canvas-center .nav>li>a:hover { font-size: 120px; } .glossary-container .ln-letters a { font-size: 2rem !important; font-weight: 500; } } @media only screen and (max-width:1450px) { .portfolio-element-wrapper .box-text h2, .portfolio-element-wrapper .box-text h3, .portfolio-element-wrapper .box-text h4, .portfolio-element-wrapper .box-text h5, .portfolio-element-wrapper .box-text h6 { font-size: 2rem !important; } .sidebar-menu-tabs a { font-size: 70px !important; } .off-canvas-center .nav>li>a, .off-canvas-center .nav>li>a:hover { font-size: 100px; } .blog-share { text-align: center !important; } .blog-share .button.icon { display: inline-block; min-width: auto !important; } .social-button>i, .social-button>span, .social-icons .button.icon:hover>i, .social-icons .button.icon:hover>span, .social-icons .button.icon:not(.is-outline)>i, .social-icons .button.icon:not(.is-outline)>span { color: var(--color10) !important; font-size: 1.6rem; margin-left: .3em !important; margin-right: .3em !important; opacity: 1 !important; } .social img, .social-menu img, .social-menu-top img { position: relative; width: 82.5px; height: 82.5px; } .social .instagram .img-inner, .social .linkedin .img-inner, .social .pinterest .img-inner, .social .x .img-inner, .social-menu .instagram .img-inner, .social-menu .linkedin .img-inner, .social-menu .pinterest .img-inner, .social-menu .x .img-inner { width: 100%; height: 220px !important; max-height: 220px !important; } .business-logo .large-3 .img-inner { width: 100%; opacity: 1 !important; height: 220px !important; max-height: 220px !important; } .business-logo img { position: relative; width: 157.5px !important; height: 112.5px !important; margin: 0 auto; } .logo-responsive-row, .sidebar-menu-top-content { height: 110px; } .logo-responsive-row .info img, .logo-responsive-row .kontakt img, .logo-responsive-row .logo-over-head img, .logo-responsive-row .map img { width: 82px !important; max-width: 82px !important; flex: 82px !important; } } @media only screen and (max-width:1320px) { .portfolio-element-wrapper .box-text h2, .portfolio-element-wrapper .box-text h3, .portfolio-element-wrapper .box-text h4, .portfolio-element-wrapper .box-text h5, .portfolio-element-wrapper .box-text h6 { font-size: 2rem !important; } .archive-page-header .large-12 h1 { padding: 0 15px 0 15px; } .article-inner .banner .img { width: 60% !important; } .form-row-first, .form-row-last { float: left; width: 100% !important; max-width: 100% !important; min-width: 100% !important; } .single-page .banner img { height: 380px; } } @media only screen and (max-width:1260px) { #main .product-title, .banner h1, .banner h1 strong, .banner h2, .entry-title, .h1-support h1, .h2-distance, .heading-font strong, .heading-front, .heading-front h1, .heading-front h2, .page-template-page-my-account #main .social-login p, .page-template-page-my-account .flex-col .uppercase, .product-title, .product-title-container h1, .search-results .col:first-of-type h4, .search-results .shop-page-title, .single-product .product-title-container h1.entry-title, .tax-product_tag .shop-page-title .woocommerce-breadcrumb { font-size: 5rem !important; } .header-nav .dark-mode-button::before { height: 50px; width: 50px !important; background-repeat: no-repeat; background-size: 50px 50px; } .sidebar-menu-tabs a { font-size: 70px !important; } .off-canvas-center .nav>li>a, .off-canvas-center .nav>li>a:hover { font-size: 100px; } .h1, h1 { font-size: 4.6rem !important; } body.dark-mode .dark-mode-button::before { height: 54px; width: 54px !important; background-size: 54px 54px; } .header-nav .dark-mode-button { height: 54px; width: 54px !important; } .icon-menu { width: 54px !important; } .icon-menu::before { height: 52px; width: 54px; } .icon-contact:before, .icon-search:before, .icon-shopping-bag:before, .icon-user:before { height: 52px; width: 52px; } .box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6 { font-size: 1.4rem !important; } .business-logo img { height: 160px !important; } .business-logo .has-hover:hover img { transform: scale(1.2) !important; } .related-page-code .col-inner { width: 50% !important; } #main .projekt-link .box-text::before { display: none !important } } @media only screen and (max-width:1129px) { .portfolio-element-wrapper .box-text h2, .portfolio-element-wrapper .box-text h3, .portfolio-element-wrapper .box-text h4, .portfolio-element-wrapper .box-text h5, .portfolio-element-wrapper .box-text h6 { font-size: 1.8rem !important; letter-spacing: 0 !important; } .medium-text-center .pull-left, .medium-text-center .pull-right { float: none; } #main .social-menu .large-3 { padding: unset !important; } .single-post .large-3 { padding: 0 15px 0 30px; } .single-post .large-9 { padding: 0 30px 0 15px !important; } .article-inner .banner .img { width: 70% !important; } span.widget-title { font-size: .85em !important; } .tagcloud a { padding: 2px 3px 2px 3px !important; } .blog-share .button.icon { display: inline-block; } .social-button>i, .social-button>span, .social-icons .button.icon:hover>i, .social-icons .button.icon:hover>span, .social-icons .button.icon:not(.is-outline)>i, .social-icons .button.icon:not(.is-outline)>span { color: var(--color10) !important; font-size: 1.4rem !important; margin-left: unset !important; margin-right: unset !important; } .icon-envelop::before { width: 24px !important; top: -6px; } .three-steps .col-inner { max-width: 600px !important; width: 100% !important; margin: auto !important; } .step-1, .step-2, .step-3 { max-width: 600px !important; width: 100% !important; margin: 0 auto !important; } .step-1 img, .step-2 img, .step-3 img { max-width: 600px !important; margin: 0 auto !important; text-align: center !important; width: 100% !important; } } @media only screen and (max-width:1024px) { .banner h1, .banner h1 strong, .banner h2, .entry-title, .h1-support h1, .h2-distance, .heading-font strong, .heading-front, .heading-front h1, .heading-front h2, .page-template-page-my-account #main .social-login p, .page-template-page-my-account .flex-col .uppercase, .product-template-default #main .product-title, .product-title, .product-title-container h1, .search-results .col:first-of-type h4, .search-results .shop-page-title, .tax-product_tag .shop-page-title .woocommerce-breadcrumb { margin-left: 0 !important; font-size: 3.5rem !important; margin-bottom: 55px !important; } .single-post .blog-featured-title .entry-meta { position: relative; margin-left: 2px; top: -55px !important; } .portfolio-element-wrapper .box-text h2, .portfolio-element-wrapper .box-text h3, .portfolio-element-wrapper .box-text h4, .portfolio-element-wrapper .box-text h5, .portfolio-element-wrapper .box-text h6 { font-size: 1.6rem !important; letter-spacing: 0 !important; } .nav>li.has-icon>a>i { min-width: 1em; } .header-nav .dark-mode-button::before { height: 40px; width: 40px !important; background-repeat: no-repeat; background-size: 40px 40px; } body.dark-mode .dark-mode-button::before { height: 44px; width: 44px !important; background-size: 44px 44px; } .header-nav .dark-mode-button { height: 44px; width: 44px !important; } .icon-menu { width: 44px !important; } .icon-menu::before { height: 48px; width: 42px; } .icon-contact:before, .icon-search:before, .icon-shopping-bag:before, .icon-user:before { height: 42px; width: 42px; } .contact-menu .mail { margin-top: 25px !important; } .off-canvas-center .nav-sidebar.nav-vertical>li .toggle { display: inline-block !important; background-color: transparent; position: absolute; right: 0; top: 20px; } .off-canvas-center .icon-angle-down::before { display: none !important } .off-canvas-center .active>.toggle { display: none !important } .off-canvas .nav-vertical li li>a { padding-top: 18px !important; padding-bottom: 18px !important; font-size: 40px !important; } .sidebar-menu-tabs a { font-size: 70px !important; } .off-canvas-center .nav>li>a, .off-canvas-center .nav>li>a:hover { font-size: 90px; } .mfp-ready .mfp-close { right: 10px; top: 10px !important; background-color: transparent; } .ln-letters a { font-size: 16pt !important; } .accordion-title { font-size: 60px; } #top-link { display: none !important; } .accordion .icon-angle-down::before { display: none !important; } .blog .has-hover .from_the_blog_excerpt { display: none; } .portfolio-box-category { display: none !important; } .large-6 { flex-basis: 100% !important; max-width: 100% !important; } .widget_categories a { font-size: 1.6rem !important; line-height: 1.6; } .sidebar-menu-top-content { height: 19.6px !important; } .logo-responsive-row { display: none; } .flickity-page-dots .dot { width: 110px !important; height: 20px !important; } .box-text .h6, h6 { font-size: 1.4rem; } .content-support-faq { width: 100% !important; } .pay-select { max-height: revert !important; min-height: auto !important; height: auto !important; } .contact-adress:first-of-type { padding: 0 0px 0 0 !important; } .support-mini-shop .support-select-delivery .col-inner, .support-mini-shop .support-select-legally .col-inner { padding-top: 55px; } } @media screen and (max-width:850px) { .kontakt .button-aufnehmen { flex-basis: 100% !important; max-width: 100% !important; } } @media only screen and (max-width:849px) { .banner h1, .banner h1 strong, .banner h2, .entry-title, .h1-support h1, .h2-distance, .heading-font strong, .heading-front, .heading-front h1, .heading-front h2, .page-template-page-my-account #main .social-login p, .page-template-page-my-account .flex-col .uppercase, .product-template-default #main .product-title, .product-title, .product-title-container h1, .search-results .col:first-of-type h4, .search-results .shop-page-title, .tax-product_tag .shop-page-title .woocommerce-breadcrumb, .h2, h2, .post h2, .related-page-code, .glossary h2 { margin-left: 0 !important; font-size: 3rem !important; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .sidebar-menu-tabs a { font-size: 50px !important; } .off-canvas-center .nav>li>a, .off-canvas-center .nav>li>a:hover { font-size: 70px; } #main li, #main li a, #main p, #main p a, blockquote, body, dl, figure, form, li, ol, p, pre, ul { margin-bottom: 1.3em; line-height: 1.7 !important; letter-spacing: 0 !important; font-size: 1.3rem !important; } #main li, #main li a, #main p, #main p a { font-size: 1.3rem !important; } #main .from_the_blog_excerpt { font-size: .9rem !important; line-height: 1.15 !important; } .blog .post-meta { text-align: right; font-size: 12px !important; font-family: "Lexend Exa", sans-serif !important; color: #ee5c2e; letter-spacing: 0; font-weight: 500 !important; opacity: 1 !important; text-shadow: 0 0 0 transparent !important; max-height: 20px; min-height: 20px; } div#ez-toc-container .ez-toc-title { font-size: 1rem !important; position: relative; top: -40px; left: 10px !important; color: var(--color6) !important; margin-bottom: 2rem !important; letter-spacing: 0 !important; } .col:first-of-type h2 { margin: 0 0 28px 0 !important; } .faq .accordion-title { font-size: 16px !important; } .header-block-block-2 { display: none !important; } .contact-adress h3, .contact-open h3 { font-size: 2rem; } .top-anmelden { position: relative; top: -8px !important; } .header-wrapper #top-bar { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 100%) !important; } .header-block { display: none; } .featured-title .page-title-inner { padding-bottom: 20px; padding-top: 210px !important; } .stuck .header-top { background-color: var(--color11); min-height: 0 !important; max-height: 0 !important; } .hide-for-medium, [data-show=hide-for-medium] { display: block !important; } .medium-logo-left .flex-right { flex: unset; order: 3; } .top-anmelden { position: absolute; right: 0; top: -14px !important; width: 100% !important; min-width: 320px !important; } .logo { width: 100px !important; } .logo-left .logo { margin-left: 0 !important; margin-right: 10px !important; margin-bottom: 4px !important; } .article-inner .banner .img { width: 80% !important; } .nav-dropdown-simple { display: none; } .menu-item-723581 a { font-size: 0 !important; } #menu-item-723581 a { font-size: 0 !important; } .logo-responsive-over .img { top: 15px; width: 100px !important; opacity: .4; -webkit-transition: all 2s 0s ease, all 2s 0s ease; -moz-transition: all 2s 0s ease, all 2s 0s ease; -o-transition: all 2s 0s ease, all 2s 0s ease; transition: all 2s 0s ease, all 2s 0s ease; } .logo-responsive-over .img:hover { width: 100px !important; opacity: .7; -webkit-transition: all .2s 0s ease, all .2s 0s ease; -moz-transition: all .2s 0s ease, all .2s 0s ease; -o-transition: all .2s 0s ease, all .2s 0s ease; transition: all .2s 0s ease, all .2s 0s ease; } .col { padding-bottom: 10px !important; } .portfolio-single-page ul { padding-bottom: 2rem; } .mfp-auto-cursor .mfp-close { display: none !important; } .sidebar-menu-top-content { height: 120px; } .sidebar-menu-tabs.nav>li>a { display: flex; padding: 10px 8px; } .medium-4, .medium-8 { flex-basis: 100% !important; max-width: 100% !important; } .large-6 { flex-basis: 100%; max-width: 100%; } .business-logo img { height: 120px !important; } .medium-text-center { text-align: left !important; } .content-basic-title h2 { margin: 0 0 40px 0; } .content-img { padding: 0 30px 80px 30px !important; flex-basis: 100%; max-width: 100%; } .content-img img { max-width: 60%; flex-basis: 60%; margin-right: 20% !important; margin-left: 20% !important; align-items: center; } .social img, .social-menu img, .social-menu-top img { position: relative; width: 55px; height: 55px; } .lightbox-content, .off-canvas-left .mfp-content, .off-canvas-right .mfp-content { padding: 15px 15px 35px 15px !important; margin: 110px 0 110px 0 !important; } #comments .comment-respond .comment-reply-title, .cart-popup-inner .cart-popup-title, .cart-popup-title .uppercase, .cart-popup-title>span, .lightbox-content .col:first-of-type h3, .lightbox-content h3, div#ez-toc-container .ez-toc-title { font-size: 1.6rem !important; left: 8px !important; color: var(--color6) !important; margin-bottom: 2rem !important; letter-spacing: 0 !important; } #ez-toc-container a.ez-toc-toggle { position: relative; top: -66px !important; } .ez-toc-list { position: relative; top: -28px; } .ez-toc-counter nav ul li a::before, .ez-toc-counter nav ul li a:hover::before { font-size: 1.3rem !important; } #ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li { font-size: 1rem !important; } #login-form-popup .lightbox-content p, #login-form-popup .woocommerce-form-login__rememberme span, #login-form-popup button, #login-form-popup label, .account-login-inner .woocommerce-LostPassword a, .nf-field-label .nf-label-span, .nf-field-label label, .nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label, .nf-form-content label, .woocommerce-form-login__rememberme span, .woocommerce-gzd-reg_data_privacy-checkbox-text, label, legend { font-size: 1rem !important; } .nextpost .has-hover .box-text a:not(.button), .nextpost .has-hover .box-text h5, .nextpost .has-hover .box-text h6 { font-family: "Aileron", sans-serif !important; font-size: 1rem !important; } #login-form-popup button, #main p a.anfrage, #main p a.kontaktanfrage, #main p a.serviceanfrage, .anfrage, .button.is-bevel, .button.is-shade, .button.secondary:not(.is-outline), .comment-form .submit, .contact-adress a, .contact-open a, .email-white.button.is-outline, .kontaktbox-design a, .kontaktbox-digital a, .kontaktbox-e-commerce a, .kontaktbox-glossar a, .kontaktbox-standard a, .kontaktbox-support a, .kontaktbox-webdesign a, .kontaktbox-wordpress a, .lightbox-content button, .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit], .support-select-login .support-reg.button, .white.button.is-outline, .widget_shopping_cart .button, .woocommerce-Button, .woocommerce-form-login .button, .woocommerce-form-register__submit, a.registry, a.support, a.woocommerce-form-register__submit, input[type=button].button, input[type=reset].button, input[type=submit], input[type=submit].button, p.anfrage { font-size: 1.2rem !important; font-weight: 500 !important; padding: 10px 18px; margin-top: 1rem !important; margin-bottom: 1rem !important; } .button.is-shade .icon-star-o:before { position: relative; top: -1px; } .kontaktbox-support a, #main p a.kontaktanfrage, #main p a.serviceanfrage { padding: 10px 18px 10px 54px !important; } a.support-box::after, #main p a.kontaktanfrage::after, #main p a.serviceanfrage::after { left: 26px; top: 15px; height: 16px; width: 16px; } .bb-login-description, .text-mini, .text-mini p { font-size: .7rem !important; color: var(--color6) !important; letter-spacing: 1px !important; } .social .instagram .img-inner, .social .linkedin .img-inner, .social .pinterest .img-inner, .social .x .img-inner, .social-menu .instagram .img-inner, .social-menu .linkedin .img-inner, .social-menu .pinterest .img-inner, .social-menu .x .img-inner { width: 100%; height: 110px !important; max-height: 110px !important; margin-bottom: 2px; } .social-menu-main .kontakt .img-inner, .social-menu-main .telefon .img-inner { width: 100%; height: 220px; max-height: 220px; } .business-logo .large-3 .img-inner { width: 100%; opacity: 1 !important; height: 110px; max-height: 110px; } .business-logo img { position: relative; width: 100.5px !important; height: 75px !important; margin: 0 auto; } .single-post .products-minimal { display: none !important } .is-xxlarge { font-size: 2em; } .banner p { line-height: 1.3; } .glossary-link-title { font-size: 22px !important; } .single-post .large-3, .single-post .large-9 { padding: 0 15px 0 15px !important; } .comment-form>p { padding: 0 !important; } .comment-form .submit { font-size: 1em !important; } .related-page-code { display: none !important } .archive-page-header .large-12 h1 { padding: unset !important; } .portfolio-single-page .logo { width: 100% !important; } .portfolio-single-page .logo-quadrat { width: 100% !important; } .blog-featured-title+#main .post-sidebar { padding: 55px 15px 15px 15px !important; } .related-page-code .col-inner { width: 100% !important; } .three-steps h2 { font-size: 2rem !important; } .off-canvas .mfp-content.off-canvas-cart { --drawer-width: 100% !important; } .legally { margin-top: 2rem } } @media only screen and (max-width:768px) { .sidebar-menu-tabs a { font-size: 34px !important; } .off-canvas-center .nav>li>a, .off-canvas-center .nav>li>a:hover { font-size: 40px; } .h3, h3 { font-size: 2rem !important; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .h4, h4 { font-size: 1.8rem !important; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } #main li, #main li a, #main p, #main p a, blockquote, body, dl, figure, form, li, ol, p, pre, ul { margin-bottom: 1.1em; line-height: 1.7 !important; letter-spacing: 0 !important; font-size: 1.3rem !important; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .header-button .button { font-family: "Lexend Exa", sans-serif; font-weight: 500 !important; letter-spacing: 0 !important; display: block !important; margin-top: 6px !important; padding: 6px 8px !important; border-radius: 99px !important; margin-right: .1em; color: var(--white) !important; font-size: .7em !important; } .h1, h1 { font-size: 3.2rem !important; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .portfolio-element-wrapper .box-text h2, .portfolio-element-wrapper .box-text h3, .portfolio-element-wrapper .box-text h4, .portfolio-element-wrapper .box-text h5, .portfolio-element-wrapper .box-text h6 { font-size: 2.2rem !important; letter-spacing: 1px !important; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .header-main { height: 70px !important; transition: max-height .8s !important; } #logo { width: 150px !important; max-width: 150px !important; } .header-wrapper #top-bar { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 100%) !important; } .top-anmelden { position: relative; top: -13px !important; } .post h3, .post h4, .post h5, .post h6 { font-size: 1.5rem !important; letter-spacing: -2px; font-weight: 500 !important; opacity: .9 !important; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6 { font-size: 1.2rem !important; } .blog .has-hover .from_the_blog_excerpt, .box-blog-post .box-text p, .page-template-blank-featured header strong, .portfolio-box .portfolio-box-category { font-size: .9rem !important; } .archive-page-header .large-12 h1 { font-size: 2rem !important; line-height: 1.1 !important; } #search-lightbox { font-size: 1.5em; margin: 0 auto; position: relative; top: 0 !important; width: 100% !important; max-width: 700px !important; text-align: center; } .searchform .button { font-size: unset !important; } .autocomplete-suggestion img { height: 60px !important; width: 60px !important; } .autocomplete-suggestion img+.search-name { font-size: .8rem !important; } .autocomplete-suggestion strong { font-size: .8rem !important; } .nav>li.has-icon>a>i { min-width: 32px; margin: 0 auto; text-align: center; } .callbox .button, .callbox-design .button, .callbox-digital .button { font-size: 1.2rem !important; } .is-xlarge { font-size: 1.2em; } .footer-1, .footer-2 { border-top: 0 solid transparent !important; padding-bottom: 4rem; } #wrapper>.message-wrapper { padding-top: .65em; padding-bottom: .75em; margin-bottom: 10px; font-size: .8em; background-color: transparent; position: absolute; right: 0 !important; left: 0 !important; top: 90px; z-index: 99; margin: 0 auto; text-align: center; } .glossary-link-title { font-size: 20px !important; } .single-post .large-3 { padding: 110px 15px 0 15px !important; } span.widget-title { font-size: 1.2em !important; } .tagcloud a { font-size: 1.2rem !important; padding: 6px 3px 0 3px !important; padding-top: 6px; padding-right: 3px; padding-bottom: 0; padding-left: 3px; line-height: 2; } .kontakt .left, .kontakt .text { flex-basis: 100% !important; max-width: 100% !important; } .kontakt .text { padding-left: 0 !important; } .product-info .price { font-size: 1.4em !important; } .business-logo img { height: 90px !important; } .woocommerce-tabs { width: 100% !important; font-size: 3rem !important; } .woocommerce-tabs a { font-size: 3rem !important; } .nav-tabs+.tab-panels { padding: 10px; } .umwelt .text-box { width: 90% !important; } .widget_categories a { font-size: 1.4rem !important; line-height: 1.4; } .footer-logo .box-image { width: 50% !important; } .widget_categories li { margin-bottom: .5em !important; } .faq .accordion-title { font-size: 1rem; opacity: 1; } .header-wrapper #top-bar { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 100%) !important; } .header-block-block-2 { display: none !important; } .related-page-code h3 { font-size: 2rem !important; } #comments .comment-respond .comment-reply-title, .lightbox-content h3, div#ez-toc-container .ez-toc-title { font-size: 1.4em !important; letter-spacing: -1px !important; } #ez-toc_container li, #ez-toc_container li a, #ez-toc_container ul, #ez-toc_container ul a { line-height: 1.6 !important; letter-spacing: -1.5px !important; } #ez-toc-container ul ul { margin-left: 0 !important; } .page-id-730436 [data-animate] { opacity: 1 !important; } .page-id-730436 { opacity: 1 !important; } span.glossaryLink:after { background-size: 16px 16px !important; } } @media only screen and (max-width:667px) { .banner h1 br, .heading-front br, .heading-front h1 br { content: ""; display: inline-block; } .header-block, .top-anmelden { display: none !important; } .header-nav .dark-mode-button::before { height: 30px; width: 30px !important; background-repeat: no-repeat; background-size: 30px 30px; } body.dark-mode .dark-mode-button::before { height: 34px; width: 34px !important; background-size: 34px 34px; } .header-top { min-height: 20px !important; max-height: 20px !important; } .logo-responsive-over .img { top: 4px; } .icon-menu { width: 34px !important; } .icon-menu::before { height: 32px; width: 34px; } .icon-shopping-bag:before { position: relative; height: 31px; width: 31px; } .nav>li.header-divider { height: 30px !important; } .icon-contact:before, .icon-search:before, .icon-user:before { height: 32px; width: 32px; } .top-anmelden { position: relative; top: -3px !important; } .accordion .toggle { display: none !important; } .off-canvas-center .mfp-content { padding: 15px 15px 15px 15px !important; } .off-canvas .nav-vertical li li>a { padding-bottom: 10px !important; padding-top: 10px !important; font-size: 30px !important; } .sidebar-menu-tabs__tab-text { font-size: 25px; } .content-product-detais h1 { font-size: 1.6rem !important; } .sidebar-menu-tabs.nav>li>a { display: flex; padding: 8px 4px; } .flickity-page-dots { margin-bottom: -30px; } .flickity-page-dots .dot { width: 55px !important; height: 20px !important; } .has-slide-effect.is-selected .bg { opacity: 1; transform: scale(1); transition: opacity 1s, transform 20s ease-out; width: 100%; max-width: 100%; } .container, .container-width, .full-width .ubermenu-nav, .row { max-width: 1450px; width: 100%; max-width: 100%; } .columns, .gallery-item { padding-left: 10px !important; padding-right: 10px !important; } .lightbox-content h3 { font-size: 25px; } .accordion-title { font-size: 40px !important; } .email-white { font-size: 1.5rem !important; } .glossary-link-title { font-size: 1.4em !important; } .umwelt p { font-size: 1rem !important; } .umwelt .y20 { top: 5% !important; } .portfolio-single-page .logo img, .portfolio-single-page .logo-quadrat img { width: 100%; height: 140px; } .portfolio-element-wrapper .nav>li>a { font-size: 1em; letter-spacing: 0 !important; padding: 5px 2px 5px 2px !important; } } @media only screen and (max-width:549px) { #main .product-title, .banner h1, .banner h1 strong, .banner h2, .entry-title, .h1-support h1, .h2-distance, .heading-font strong, .heading-front, .heading-front h1, .heading-front h2, .page-template-page-my-account #main .social-login p, .page-template-page-my-account .flex-col .uppercase, .product-title, .product-title-container h1, .search-results .col:first-of-type h4, .search-results .shop-page-title, .single-product .product-title-container h1, .tax-product_tag .shop-page-title .woocommerce-breadcrumb, .h2, h2, .post h2, .related-page-code, .glossary h2 { font-size: 2.8rem !important; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .single-post .blog-featured-title .entry-meta { position: relative; top: -46px !important; font-size: .7rem; margin-top: 0 !important; font-weight: 500; pointer-events: none; cursor: default; opacity: .5 !important; letter-spacing: 0; } .portfolio-element-wrapper .box-text h2, .portfolio-element-wrapper .box-text h3, .portfolio-element-wrapper .box-text h4, .portfolio-element-wrapper .box-text h5, .portfolio-element-wrapper .box-text h6 { font-size: 2.2rem !important; letter-spacing: 1px !important; } .header-main .flex-right { width: 180px !important; } .top-anmelden a { font-size: 12px; position: relative; top: -1px !important; margin: 0 0 !important; } .icon-heart-o { position: relative; top: 0 !important; } .header-block, .header-block-block-2, .wishlist-icon, .wishlist-link .icon-heart-o { position: relative; top: -1px; margin: 0 0 !important; } .header-divider:nth-child(2), .header-main:first-child, .header-nav .dark-mode-button::before { display: none !important; } .header-divider { display: none !important; } .related-page .box-text p { font-size: 2.4rem !important; line-height: .8 !important; } .blog .has-hover .from_the_blog_excerpt, .box-blog-post .box-text p, .page-template-blank-featured header strong, .portfolio-box .portfolio-box-category { font-size: .8rem !important; } #menu-item-731023 { display: none !important; } .article-inner .banner .img { width: 85% !important; } .flex-right .header-divider:first-of-type { display: none !important; } #logo img { max-height: 60px !important; } .flickity-page-dots { pointer-events: auto; } .callbox .text, .callbox-design .text, .callbox-digital .text { padding-left: 10px !important; } .portfolio-element-wrapper .nav>li>a { font-size: 1em !important; padding: 5px 2px 5px 2px !important; } .portfolio-element-wrapper .nav>li { margin: 0 3px; } .comment-form .submit { letter-spacing: -1px !important; } .form-row-first, .form-row-last { float: left; width: 100% !important; } .pay-icon { margin-bottom: 110px; } .pay-icon .col { margin-bottom: 0; padding: 0 2px 0 !important; } .pay-icon .col-inner { width: 66% !important; padding-bottom: 4px !important; } .pay-icon .box-text { padding-bottom: 0 !important; padding-top: 0 !important; } } @media only screen and (max-width:505px) { .banner p { line-height: 1.5; } .is-xxlarge { font-size: 1em; } .small-columns-2 .flickity-slider>.col, .small-columns-2>.col { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .portfolio-element-wrapper .nav>li>a { font-size: .9em !important; padding: 5px 2px 5px 2px !important; } .portfolio-element-wrapper .nav>li { margin: 0 2px; } } @media only screen and (max-width:467px) { .h1, h1, .h2, h2, .post h2, .related-page-code, .portfolio-element-wrapper .box-text h2, .portfolio-element-wrapper .box-text h3, .portfolio-element-wrapper .box-text h4, .portfolio-element-wrapper .box-text h5, .portfolio-element-wrapper .box-text h6 { font-size: 2.2rem !important; letter-spacing: 1px !important; } #main li, #main li a, #main p, #main p a, blockquote, body, dl, figure, form, li, ol, p, pre, ul { margin-bottom: 1.1em; line-height: 1.7 !important; letter-spacing: 0 !important; font-size: 1.1rem !important; -moz-hyphens: auto !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .top-anmelden a { font-size: 12px; position: relative; top: 4px !important; left: 3px !important; } .nav>li.header-divider { margin: 0 4px !important; } #menu-item-731022, #menu-item-731022::before { display: none !important; } .off-canvas-center .icon-angle-down::before { position: relative; left: 10px; } .archive-page-header .large-12 h1 { font-size: 1.2rem !important; } .icon-star-o:before { content: ""; position: relative; top: 2px; } .footer-logo .box-image { width: 60% !important; } .ux-relay__load-more-button .button { font-size: .8em !important; } .business-logo .medium-2 { flex-basis: 50%; max-width: 50%; } .glossary-link-title { font-size: 1em !important; } .portfolio-single-page .logo { width: 80% !important; margin: auto; } .portfolio-single-page .logo-quadrat { width: 80% !important; margin: auto; } .cart-popup-inner .cart-popup-title, .cart-popup-title .uppercase, .cart-popup-title>span, .lightbox-content .col:first-of-type h3, .lightbox-content h3 { font-size: 1.3rem !important; } #login-form-popup .lightbox-content p, #login-form-popup .woocommerce-form-login__rememberme span, #login-form-popup button, #login-form-popup button:hover, #login-form-popup label, .account-login-inner .woocommerce-LostPassword a, .nf-field-label .nf-label-span, .nf-field-label label, .nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label, .nf-form-content label, .woocommerce-form-login__rememberme span, .woocommerce-gzd-reg_data_privacy-checkbox-text, label, legend { font-size: .8rem !important; } .nextpost .has-hover .box-text a:not(.button), .nextpost .has-hover .box-text h5, .nextpost .has-hover .box-text h6 { font-family: "Aileron", sans-serif !important; font-size: .8rem !important; } .ez-toc-counter nav ul li a::before, .ez-toc-counter nav ul li a:hover::before { font-size: 1rem !important; } #ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li { font-size: .7rem !important; } .bb-login-description, .text-mini, .text-mini p { font-size: .6rem !important; color: var(--color6) !important; letter-spacing: 1px !important; } #ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, .ez-toc-counter nav ul li a::before, .ez-toc-counter nav ul li a:hover::before, div.ez-toc-widget-container, div.ez-toc-widget-container li { font-size: .8rem !important; } } @media only screen and (max-width:420px) { .accordion-title { font-size: 25px !important; } } @media only screen and (max-width:379px) { .nav-spacing-medium>li { margin: 0 7px !important; } .icon-heart-o, a.wishlist { display: none; } .header-main .flex-right { width: 130px !important; } .text-center .nav-vertical li li, .text-center.nav-vertical li li { padding-left: 0; font-size: 1rem; } .icon-heart-o::before { content: ""; top: 1px; position: relative; } .off-canvas-center .nav>li>a { font-size: 26px !important; } .sidebar-menu-tabs__tab-text { font-size: 22px; } span.amount { font-size: 1.6rem !important; } .columns, .gallery-item { padding: 10px 15px 10px 15px !important; } .lightbox-content h3 { font-size: 16px; } .button.is-shade { font-size: 1.4rem !important; padding: 8px 30px; } .portfolio-element-wrapper .nav>li>a { font-size: .8em !important; padding: 5px 2px 5px 2px !important; } .portfolio-element-wrapper .nav>li { margin: 0 2px; } .portfolio-box-category .show-on-hover { font-size: .8rem !important; } .step-1 h3, .step-2 h3, .step-3 h3 { font-size: 1.6rem !important; opacity: 1 !important; } .step-1 p, .step-2 p, .step-3 p { margin-top: 15px !important; margin-bottom: 28px !important; line-height: 1.2 !important; font-size: 1.1rem !important; } .social-mini-footer .col { display: inline !important; padding-right: 58px; width: 60px !important; height: 60px !important; position: relative !important; } } @media only screen and (max-width:320px) { body, li, p { margin-bottom: 1.1em !important; letter-spacing: 0 !important; font-size: .9rem !important; } .nav-spacing-medium>li { margin: 0 5px !important; } #main li, #main li a, #main p, #main p a { margin-bottom: 1.1em !important; letter-spacing: 0 !important; font-size: .9rem !important; } .icon-heart-o::before { content: ""; top: 1px; position: relative; } .box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6 { font-size: .8rem !important; -o-hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .blog .has-hover .from_the_blog_excerpt, .page-template-blank-featured header strong, .portfolio-box .portfolio-box-category { font-size: .85rem !important; } .sidebar-menu-tabs__tab-text { font-size: 20px; } .header-search-lightbox::before { display: none; } .portfolio-single-page .content-left-start ul li { font-size: 1.3rem !important; line-height: 1 !important; } .portfolio-single-page .logo img, .portfolio-single-page .logo-quadrat img { height: 140px !important; } .portfolio-single-page .logo, .portfolio-single-page .logo-quadrat { width: 70% !important; margin: auto; } .portfolio-element-wrapper .nav>li>a { font-size: .5rem !important; letter-spacing: -2px !important; padding: 5px 1px 5px 1px !important; } .portfolio-element-wrapper .nav>li { margin: 0 1px; } #main p a.kontaktanfrage, #main p a.projektanfrage { font-size: 14px !important; padding: 4px 12px; } .accordion .icon-angle-down::before { background-size: 35px 35px !important; height: 5px !important; width: 35px !important; position: relative; top: 0; right: 4px; } .footer-logo .box-image { width: 65% !important; } }div.products .product .price,ul.products li .price{display:block;margin:.5em 0}div.products .product p.price-unit,ul.products li p.price-unit{font-size:.8em;font-weight:400}div.products .product p.shipping-costs-info,div.products .product p.tax-info,ul.products li p.shipping-costs-info,ul.products li p.tax-info{display:inline-block}ul.products li.downloadable .tax-info,ul.products li.virtual .tax-info{display:block}div.products .product p.wc-gzd-additional-info,ul.products li p.wc-gzd-additional-info{margin:.5em 0}div.products .product span.product-units,ul.products li span.product-units{display:block;margin-top:0}ul.product_list_widget li p.wc-gzd-additional-info{margin:.5em 0}ul.product_list_widget li p.price-unit{margin-top:5px}ul.product_list_widget li p.price-unit span{font-weight:400}.product-lightbox-inner .price-unit{color:#111;font-size:1em}.product-lightbox-inner .legal-price-info{font-size:.9em}.single-product .wc-gzd-additional-info{display:block}.single-product .small-business-info{font-size:.9em;margin-bottom:.5em}.single-product .shipping-costs-info,.single-product .tax-info{display:inline-block}.single-product p.price-unit{font-size:.9em}.mini_cart_item .delivery-time-info,.mini_cart_item .item-desc,.mini_cart_item .units-info{font-size:12px;margin:5px 0}.mini_cart_item .unit-price{display:inline;margin-left:.5em}@media screen and (max-width:549px){.mini_cart_item .unit-price{display:block;margin:0}}.woocommerce .price-shipping-costs-info{font-size:.8em;margin:.5em 0}.woocommerce .cart_totals .small-business-info{border:none;padding:0;width:100%}.woocommerce .payment_methods .small{font-size:.8em}.woocommerce .shop_table tr td,.woocommerce .shop_table tr th{padding:.5em}.woocommerce .shop_table .cart_item .wc-gzd-product-name-right{max-width:75%}.woocommerce .shop_table .cart_item .delivery-time-info,.woocommerce .shop_table .cart_item .units-info{font-size:.9em}.woocommerce .shop_table .cart_item dl{text-transform:none}.woocommerce .shop_table .cart_item dl dt{font-weight:700}#order_review p.data-download label{font-weight:400}#order_review .legal{border:none;margin-top:10px}#order_review .legal input{margin-bottom:0}#order_review .wc-gzd-checkbox-placeholder label{font-weight:400}#order_review .wc-terms-and-conditions{margin-bottom:10px}.widget_shopping_cart p.total{border-bottom:none;margin-bottom:0}.widget_shopping_cart p.wc-gzd-total-mini-cart{font-size:.9em}.widget_shopping_cart p.shipping-costs-cart-info{border-bottom:2px solid #ececec;margin-bottom:.5em}.woocommerce-multistep-checkout #customer_details .col-1,.woocommerce-multistep-checkout #customer_details .col-2{width:50%}.woocommerce-multistep-checkout .woocommerce-billing-fields,.woocommerce-multistep-checkout .woocommerce-shipping-fields{border:none}.woocommerce-multistep-checkout #order_review{border:none;padding:0}.woocommerce-gzdp-checkout-verify-data a.edit{font-size:.7em;font-weight:400}.woocommerce-gzdp-checkout-verify-data .addresses address{font-style:normal;line-height:1.5em}.woocommerce-gzdp-checkout-verify-data .row [class*=column]:last-child{float:left}.woocommerce-gzdp-checkout-verify-data{margin-bottom:0}.woocommerce-multistep-checkout .woocommerce .large-12:first-child{padding-bottom:0}@media(max-width:767px){.woocommerce-multistep-checkout #customer_details .col-1,.woocommerce-multistep-checkout #customer_details .col-2{width:100%}.woocommerce-gzdp-checkout-verify-data h4{font-size:100%}.woocommerce-gzdp-checkout-verify-data .columns{margin-bottom:1em}.woocommerce-gzdp-checkout-verify-data{margin-bottom:0}}@media(max-width:420px){.woocommerce-multistep-checkout .step-buttons{text-align:center}.woocommerce-multistep-checkout .step-buttons .prev-step-button{display:block;font-size:80%;margin-bottom:1em}.woocommerce-multistep-checkout .step-buttons .next-step-button{float:none}}.woocommerce-multistep-checkout form.woocommerce-checkout .pt-0>.col,.woocommerce-multistep-checkout form.woocommerce-checkout .pt-0>.large-5{flex-basis:100%;max-width:100%;width:100%}.woocommerce-multistep-checkout.woocommerce-multistep-checkout-active-address form.woocommerce-checkout .pt-0>.large-5{display:none}label[for=createaccount],label[for=reg_data_privacy]{display:inline;padding-left:5px}.footer-primary p.footer-info{text-align:inherit}.footer-primary p.vat-info{margin:0;padding:.5em 0 0}.footer-primary p.sale-info{padding-top:0}